/* Shah Consultant: the combined version. The 3D journey from the quiet gallery,
   lit warm (sand ground, a painted sky that moves from morning to sunset), then the
   classic sections from the first site: trust strip, about, services, how it works,
   reviews and the enquiry form. Ink blue stays the brand accent; amber brings back
   the energy on the main action. Loaded after gallery.css and site.css. */
:root {
  --sand: #f4ebdd; --sand-2: #ece0cc; --sand-3: #e4d4bc;
  --ink: #1c1712; --soft: #65584a; --line: #e0d1bb;
  --blue: #1f3e9e; --blue-deep: #172a5e; --night: #141c36;
  --amber: #eea43e; --amber-hi: #f6b85a; --amber-ink: #21160a;
  /* scrollcraft + gallery tokens */
  --sc-canvas: var(--sand); --sc-surface: var(--sand-2); --sc-ink: var(--ink); --sc-ink-soft: var(--soft); --sc-accent: var(--blue);
  /* the 3D room, read by gallery.js */
  --g-bg: transparent; --g-plinth: #efe1cc; --g-key: #fff0d8; --g-key-i: 2.05; --g-sky: #fff6ea; --g-ground: #e6cfae;
  --g-shadow: #4a2e12; --g-shadow-o: 0.16; --g-exposure: 1.0;
  /* site.css tokens for the form panel and footer */
  --ground: var(--sand); --paper: #fffaf2; --tint: var(--sand-2); --accent: var(--blue); --teal: var(--blue);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}
body { background: var(--sand); color: var(--ink); }
::selection { background: var(--amber); color: var(--amber-ink); }

/* ------------------------------------------------------------- top bar -- */
.gbar { background: color-mix(in oklab, var(--sand) 82%, transparent); box-shadow: 0 1px 0 color-mix(in oklab, var(--line) 80%, transparent); }
.gbrand { color: var(--ink); }
.glinks a { color: var(--soft); }
.glang { background: var(--sand-2); }
.glang a { color: var(--soft); }
.glang a[aria-current] { background: #fffaf2; color: var(--ink); }
.gbtn--ink { background: var(--amber); color: var(--amber-ink); font-weight: 700; }
.gbtn--line { background: #fffaf2; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); }
.gbtn--amber { background: var(--amber); color: var(--amber-ink); font-weight: 700; }
@media (hover: hover) and (pointer: fine) {
  .gbtn--ink:hover, .gbtn--amber:hover { background: var(--amber-hi); }
  .gbtn--line:hover { box-shadow: inset 0 0 0 1.5px #c9b496; }
  .glinks a:hover { color: var(--ink); }
}

/* -------------------------------------------------------------- the sky -- */
.sc-world { background: var(--sand); }
.sc-world__poster { display: none; }
.gsky { position: absolute; inset: 0; z-index: 120; pointer-events: none; }
.gsky i { position: absolute; inset: 0; opacity: 0; transition: opacity 1100ms var(--ease); }
.gsky i[data-s="0"] { opacity: 1; background:
  radial-gradient(55% 65% at 80% 16%, #ffd391 0%, rgb(255 211 145 / 0) 72%),
  radial-gradient(40% 50% at 8% 92%, #f1d9b8 0%, rgb(241 217 184 / 0) 70%),
  linear-gradient(180deg, #f8efe1, #f1e3cd); }
.gsky i[data-s="1"] { background:
  radial-gradient(50% 60% at 72% 30%, #f8cf93 0%, rgb(248 207 147 / 0) 70%),
  linear-gradient(180deg, #f6ead8, #eedcc2); }
.gsky i[data-s="2"] { background:
  radial-gradient(42% 52% at 68% 38%, #f6c47c 0%, rgb(246 196 124 / 0) 72%),
  radial-gradient(80% 80% at 50% 50%, rgb(255 255 255 / 0) 55%, rgb(166 120 70 / 0.18) 100%),
  linear-gradient(180deg, #f3e3cb, #e9d3b3); }
.gsky i[data-s="3"] { background:
  radial-gradient(60% 55% at 85% 20%, #f7b980 0%, rgb(247 185 128 / 0) 70%),
  radial-gradient(55% 60% at 10% 10%, #c9d4ea 0%, rgb(201 212 234 / 0) 70%),
  linear-gradient(180deg, #f3dcc4, #f2e6d6 60%, #ece0d0); }
.gsky i[data-s="4"] { background:
  radial-gradient(60% 55% at 70% 18%, #fff2dc 0%, rgb(255 242 220 / 0) 70%),
  linear-gradient(180deg, #d9e2ef, #ebe6df 55%, #f3e8d8); }
.gsky i[data-s="5"] { background:
  radial-gradient(70% 55% at 50% 100%, #f4a95e 0%, rgb(244 169 94 / 0) 72%),
  radial-gradient(50% 45% at 85% 10%, #e9c6d0 0%, rgb(233 198 208 / 0) 70%),
  linear-gradient(180deg, #f5e7d4, #f1d7b6); }
[data-at="1"] .gsky i[data-s="1"], [data-at="2"] .gsky i[data-s="2"], [data-at="3"] .gsky i[data-s="3"],
[data-at="4"] .gsky i[data-s="4"], [data-at="5"] .gsky i[data-s="5"] { opacity: 1; }

/* ----------------------------------------------------- journey copy, warm -- */
.gcopy::before { background: radial-gradient(closest-side, rgb(246 237 223 / 0.9), rgb(246 237 223 / 0.62) 60%, rgb(246 237 223 / 0)); }
.gh1 { font-weight: 700; letter-spacing: -0.04em; font-size: clamp(2.8rem, 1.6rem + 4.2vw, 5.6rem); }
.gh2 { font-weight: 700; letter-spacing: -0.035em; }
.gtags li { background: #fffaf2; box-shadow: inset 0 0 0 1px var(--line); }
.glabel { border-top-color: var(--line); }
.chip-dest { background: #fffaf2; box-shadow: inset 0 0 0 1.5px var(--line); }
.chip-dest[aria-pressed="true"] { background: var(--blue); color: #fff; box-shadow: none; }
.gdests a { border-bottom-color: var(--line); }
.rail li + li::before { background: var(--line); }
.rail a { color: #85776a; }
.rail [aria-current="true"] i { background: var(--amber); }
html.intro .intro-screen, html.intro-quick .intro-screen { background: var(--sand); }
.intro-logo .il-ring, .intro-logo .il-head { stroke: var(--amber); } .intro-logo .il-dot { fill: var(--amber); }
@media (max-width: 860px) {
  .gcopy::before { background: linear-gradient(to top, rgb(246 237 223 / 0.97) 55%, rgb(246 237 223 / 0)); }
  .gh1 { font-size: 2.6rem; }
}

/* ------------------------------------------------------------ sections -- */
.msec, .mtrust, .mband { position: relative; z-index: 2; font-family: var(--sc-font-text); }
.msec { padding: clamp(72px, 10vw, 128px) 0; background: var(--sand); }
.mwrap { max-width: 1240px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px); }
.meyebrow { margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; color: var(--blue); }
:lang(gu) .meyebrow, :lang(hi) .meyebrow { letter-spacing: 0.02em; font-size: 14px; }
.mh2 { margin: 0; font-family: var(--sc-font-display); font-weight: 700; font-size: clamp(2.1rem, 1.3rem + 2.6vw, 3.6rem); line-height: 1.03; letter-spacing: -0.035em; text-wrap: balance; max-width: 18ch; }
:lang(gu) .mh2, :lang(hi) .mh2 { letter-spacing: -0.005em; line-height: 1.18; }
.mlede { margin: 18px 0 0; font-size: clamp(1.05rem, 1rem + 0.25vw, 1.2rem); line-height: 1.6; color: var(--soft); max-width: 52ch; text-wrap: pretty; }
.mhead { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px 48px; }
.mhead .mlede { max-width: 40ch; margin: 0; }

/* trust strip */
.mtrust { background: var(--sand); padding: clamp(28px, 4vw, 44px) 0 0; }
.mtrust__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fffaf2; border-radius: 24px; box-shadow: 0 1px 0 var(--line), 0 18px 40px -24px rgb(90 60 20 / 0.28); }
.mtrust__row > div { padding: 26px 28px; display: grid; gap: 4px; align-content: start; }
.mtrust__row > div + div { border-left: 1px solid var(--line); }
.mtrust b { font-family: var(--sc-font-display); font-weight: 700; font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.3rem); letter-spacing: -0.03em; line-height: 1.1; }
.mtrust b i { font-style: normal; color: var(--amber); font-size: 0.8em; }
.mtrust span { font-size: 15px; color: var(--soft); line-height: 1.45; }
.mtrust__row > div:nth-child(3) b { font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem); letter-spacing: -0.015em; }

/* photo slots */
.ph { margin: 0; position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient(160deg, #f1dcbd, #e3c9a3); }
.ph__media { width: 100%; height: 100%; object-fit: cover; display: block; }
.ph--tall { aspect-ratio: 4 / 5; }
.ph--side { aspect-ratio: 4 / 5; align-self: center; }

/* about */
.mabout__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.mquote { margin: 32px 0 0; padding: 26px 30px; border-radius: 22px; background: var(--night); color: #fff; }
.mquote blockquote { margin: 0; font-family: var(--sc-font-display); font-size: clamp(1.3rem, 1.1rem + 0.6vw, 1.7rem); line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; }
.mquote figcaption { margin-top: 10px; font-size: 14px; color: #b9c2dc; }
.mmini { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mmini li { padding: 16px 18px; border-radius: 16px; background: #fffaf2; box-shadow: inset 0 0 0 1px var(--line); display: grid; gap: 2px; }
.mmini b { font-weight: 700; } .mmini span { font-size: 14.5px; color: var(--soft); line-height: 1.45; }

/* services */
.mservices { background: var(--sand-2); }
.mcards { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mcard { height: 100%; display: flex; flex-direction: column; gap: 12px; padding: 26px 24px 22px; border-radius: 22px; background: #fffaf2; color: var(--ink); text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--line); transition: transform 220ms var(--ease), box-shadow 220ms var(--ease); }
.mcard h3 { margin: 0; font-family: var(--sc-font-display); font-size: 1.45rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
.mcard p { margin: 0; color: var(--soft); font-size: 15.5px; line-height: 1.55; flex: 1; }
.mcard__ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--sand-2); color: var(--blue); }
.mcard__ic svg { width: 22px; height: 22px; }
.mcard__cta { font-weight: 700; font-size: 15px; color: var(--blue); }
.mcard__cta i { font-style: normal; display: inline-block; transition: transform 200ms var(--ease); }
.mcard--ink { background: var(--night); color: #fff; box-shadow: none; }
.mcard--ink p { color: #c3cbe0; } .mcard--ink .mcard__ic { background: rgb(255 255 255 / 0.1); color: var(--amber); } .mcard--ink .mcard__cta { color: var(--amber); }
@media (hover: hover) and (pointer: fine) {
  .mcard:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px #d2bd9c, 0 18px 36px -22px rgb(90 60 20 / 0.35); }
  .mcard--ink:hover { box-shadow: 0 18px 36px -18px rgb(20 28 54 / 0.6); }
  .mcard:hover .mcard__cta i { transform: translateX(4px); }
}
.mextras { margin-top: 16px; padding: 24px 26px; border-radius: 22px; background: #fffaf2; box-shadow: inset 0 0 0 1px var(--line); }
.mextras__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 20px; }
.mextras__h h3 { margin: 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.015em; }
.mextras__h span { font-size: 14px; color: var(--soft); }
.mextras ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.mextras li { display: flex; gap: 12px; align-items: flex-start; }
.mextras li .mcard__ic { width: 38px; height: 38px; border-radius: 12px; flex: none; }
.mextras li .mcard__ic svg { width: 18px; height: 18px; }
.mextras b { display: block; font-size: 15.5px; } .mextras small { display: block; font-size: 13.5px; color: var(--soft); line-height: 1.45; margin-top: 2px; }

/* how it works */
.mhow__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.msteps { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 4px; counter-reset: s; }
.msteps li { display: grid; grid-template-columns: 64px 1fr; column-gap: 8px; padding: 18px 0; border-top: 1px solid var(--line); }
.mstep__n { grid-row: span 2; font-family: var(--sc-font-display); font-weight: 700; font-size: 1.6rem; color: var(--amber); letter-spacing: -0.02em; line-height: 1.1; }
.msteps h3 { margin: 0; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.02em; }
.msteps p { margin: 4px 0 0; color: var(--soft); font-size: 15.5px; line-height: 1.55; }

/* photo band */
.mband { min-height: min(86vh, 760px); display: grid; overflow: hidden; background: var(--night); }
.mband > * { grid-area: 1 / 1; }
.mband .ph { border-radius: 0; height: 100%; background: linear-gradient(160deg, #2a2f4d, #6b4a2c); }
.mband .ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(16 18 34 / 0.82) 0%, rgb(16 18 34 / 0.45) 45%, rgb(16 18 34 / 0) 75%); }
.mband__copy { position: relative; align-self: end; width: 100%; padding-bottom: clamp(48px, 8vw, 96px); color: #fff; }
.mband .mh2 { color: #fff; max-width: 14ch; font-size: clamp(2.4rem, 1.4rem + 3.4vw, 4.6rem); }
.mband .mlede { color: #e4dccf; max-width: 44ch; }
.mband .gbtn { margin-top: 28px; }

/* reviews */
.mreviews { background: var(--sand); }
.mgoogle { display: inline-flex; gap: 6px; align-items: center; padding: 10px 16px; border-radius: 999px; background: #fffaf2; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); text-decoration: none; font-weight: 600; font-size: 15px; }
.mgoogle i { font-style: normal; color: var(--amber); }
.mquotes { margin-top: 40px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; }
.mq { margin: 0; padding: clamp(26px, 3vw, 40px); border-radius: 24px; background: #fffaf2; box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-direction: column; justify-content: space-between; gap: 22px; }
.mq blockquote { margin: 0; font-family: var(--sc-font-display); font-weight: 600; font-size: clamp(1.35rem, 1.1rem + 0.9vw, 2.1rem); line-height: 1.22; letter-spacing: -0.025em; }
.mq figcaption { font-size: 14.5px; color: var(--soft); }
.mq--ink { background: var(--night); color: #fff; box-shadow: none; } .mq--ink figcaption { color: #b9c2dc; }
.mnote { margin: 16px 0 0; font-size: 13.5px; color: var(--soft); }

/* enquiry panel (site.css .contact), warm */
#enquire { position: relative; z-index: 2; background: var(--sand); padding: 0 0 clamp(72px, 10vw, 120px); }
#enquire .contact { background: var(--night); }
#enquire .contact h2 { font-weight: 700; letter-spacing: -0.03em; }
#enquire .contact-intro p, #enquire .contact-side .label { color: #b9c2dc; }
#enquire .contact-side { border-left-color: rgb(255 255 255 / 0.12); }
#enquire .btn-primary { background: var(--amber); color: var(--amber-ink); }
#enquire .btn-primary:hover { background: var(--amber-hi); color: var(--amber-ink); }
#enquire .btn-ghost { background: transparent; color: #fff; border-color: rgb(255 255 255 / 0.3); }
#enquire .contact-side .accent-link { color: var(--amber); }
#enquire a:focus-visible, #enquire button:focus-visible { outline-color: var(--amber); }
.mfoot { position: relative; z-index: 2; background: var(--sand-2); color: var(--soft); }
.mfoot a { color: var(--ink); }
.wa-float { background: var(--amber); color: var(--amber-ink); }

@media (max-width: 1000px) {
  .mcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mextras ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mtrust__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mtrust__row > div:nth-child(3) { border-left: 0; }
  .mtrust__row > div:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 820px) {
  .mabout__grid, .mhow__grid { grid-template-columns: 1fr; }
  .ph--tall, .ph--side { aspect-ratio: 4 / 3; }
  .mhow__grid .ph { order: -1; }
  .mquotes { grid-template-columns: 1fr; }
  .mband .ph::after { background: linear-gradient(0deg, rgb(16 18 34 / 0.88) 0%, rgb(16 18 34 / 0.5) 55%, rgb(16 18 34 / 0.1) 100%); }
}
@media (max-width: 560px) {
  .mcards, .mextras ul, .mmini { grid-template-columns: 1fr; }
  .mtrust__row > div { padding: 18px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .gsky i, .mcard, .mcard__cta i { transition: none; }
}
#enquire label, #enquire .field label, #enquire .form-foot small { color: #dfe4f2; }
#enquire label small { color: #9aa5c4; }
#enquire .contact, #enquire .contact h2, #enquire .contact-side, #enquire .contact-side address, #enquire .contact-side a:not(.btn):not(.accent-link) { color: #fff; }
#enquire .contact .form input, #enquire .contact .form select, #enquire .contact .form textarea { background: #fffaf2; color: var(--ink); border-color: transparent; }
/* the floating WhatsApp button joins once the journey is over (the bar has one during it) */
.wa-float { transition: opacity 240ms var(--ease), transform 240ms var(--ease); }
html:not(.past-journey) .wa-float { opacity: 0; transform: translateY(12px); pointer-events: none; }
/* enquiry panel: give the form room to breathe again (the quiet gallery flattened it) */
#enquire .contact { border-radius: 32px; border: 0; padding: clamp(24px, 5vw, 64px); gap: clamp(28px, 5vw, 64px);
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); box-shadow: 0 30px 60px -36px rgb(20 28 54 / 0.55); }
#enquire .contact h2 { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); line-height: 1.05; max-width: 16ch; }
#enquire .contact-intro { margin-bottom: 24px; gap: 12px; }
#enquire .form { gap: 18px 16px; }
#enquire .field { gap: 7px; }
#enquire .field input, #enquire .field select, #enquire .field textarea { border-radius: 14px; min-height: 52px; border: 2px solid transparent; }
#enquire .field input:focus, #enquire .field select:focus, #enquire .field textarea:focus { border-color: var(--amber); box-shadow: 0 0 0 4px rgb(238 164 62 / 0.28); }
#enquire .form-foot { margin-top: 6px; }
#enquire .form-foot .btn { min-height: 52px; padding: 0 28px; }
#enquire .form-foot small a { color: #fff; }
#enquire .contact-side { gap: 26px; padding-left: clamp(24px, 3vw, 40px); }
#enquire .contact-side .actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 900px) {
  #enquire .contact { grid-template-columns: 1fr; }
  #enquire .contact-side { padding-left: 0; padding-top: 28px; border-top: 1px solid rgb(255 255 255 / 0.12); }
}
@media (max-width: 560px) {
  #enquire .wrap { padding: 0 12px; }
  #enquire .contact { border-radius: 24px; padding: 26px 18px 28px; }
  #enquire .form-foot .btn { width: 100%; justify-content: center; }
  #enquire .contact-side .actions .btn { flex: 1 1 auto; justify-content: center; }
}
/* first screen: the essentials for people who never scroll */
.gtrust { margin: 22px 0 0; font-size: 15px; }
.gtrust a { color: var(--soft); text-decoration: none; }
.gtrust b { color: var(--ink); font-weight: 700; margin-right: 2px; }
.gtrust b i { font-style: normal; color: var(--amber); }
.gskip { display: inline-flex; margin-top: 14px; padding: 6px 0; font-size: 15px; font-weight: 600; color: var(--blue); text-decoration: none; border-bottom: 1.5px solid color-mix(in oklab, var(--blue) 30%, transparent); }
@media (hover: hover) and (pointer: fine) { .gskip:hover { border-bottom-color: var(--blue); } .gtrust a:hover { color: var(--ink); } }
@media (max-width: 860px) { .gtrust { margin-top: 14px; font-size: 14px; } .gskip { margin-top: 6px; font-size: 14px; } }
.mband .ph__media { object-position: 50% 50%; } @media (max-width: 820px) { .mband .ph__media { object-position: 74% 50%; } }
.ph picture { display: contents; }

/* ===================================================================== */
/* Blue theme (owner's choice, 7 Nov 2026): cool paper-white and pale sky  */
/* in place of sand; navy panels, ink-blue accents; amber stays on the     */
/* main WhatsApp action. The 3D room and sky follow the same palette.      */
/* ===================================================================== */
:root {
  --sand: #f1f5fb; --sand-2: #e3ebf7; --sand-3: #d6e1f2;
  --ink: #0f1a33; --soft: #4b5a78; --line: #d4deee;
  --night: #0f1d45; --paper: #ffffff;
  --g-plinth: #e9eef6; --g-key: #f4f8ff; --g-sky: #f6f9ff; --g-ground: #c9d6ea; --g-shadow: #0f1d45; --g-shadow-o: 0.14;
}
.gsky i[data-s="0"] { background: radial-gradient(55% 65% at 80% 16%, #cfe0ff 0%, rgb(207 224 255 / 0) 72%), linear-gradient(180deg, #f5f8fd, #e4ecf8); }
.gsky i[data-s="1"] { background: radial-gradient(50% 60% at 72% 30%, #d6e4ff 0%, rgb(214 228 255 / 0) 70%), linear-gradient(180deg, #f3f7fd, #e1e9f6); }
.gsky i[data-s="2"] { background: radial-gradient(42% 52% at 68% 38%, #c9dafc 0%, rgb(201 218 252 / 0) 72%), linear-gradient(180deg, #eef3fb, #dbe5f4); }
.gsky i[data-s="3"] { background: radial-gradient(60% 55% at 85% 20%, #ffd9b0 0%, rgb(255 217 176 / 0) 70%), linear-gradient(180deg, #bcd0f0, #e6eef9 60%, #eef3fa); }
.gsky i[data-s="4"] { background: radial-gradient(60% 55% at 70% 18%, #ffffff 0%, rgb(255 255 255 / 0) 70%), linear-gradient(180deg, #cddcf2, #edf2fa); }
.gsky i[data-s="5"] { background: radial-gradient(70% 55% at 50% 100%, #9fb8ea 0%, rgb(159 184 234 / 0) 72%), linear-gradient(180deg, #eef3fb, #d7e2f4); }
.gcopy::before { background: radial-gradient(closest-side, rgb(241 245 251 / 0.9), rgb(241 245 251 / 0.6) 60%, rgb(241 245 251 / 0)); }
@media (max-width: 860px) { .gcopy::before { background: linear-gradient(to top, rgb(241 245 251 / 0.97) 55%, rgb(241 245 251 / 0)); } }
.mtrust__row, .mmini li, .mcard:not(.mcard--ink), .mextras, .mq:not(.mq--ink), .mgoogle, .gtags li, .chip-dest:not([aria-pressed="true"]),
.glang a[aria-current], .gbtn--line { background: #ffffff; }
.mtrust__row { box-shadow: 0 1px 0 var(--line), 0 18px 40px -24px rgb(15 29 69 / 0.22); }
@media (hover: hover) and (pointer: fine) { .mcard:not(.mcard--ink):hover { box-shadow: inset 0 0 0 1px #b9c8e2, 0 18px 36px -22px rgb(15 29 69 / 0.3); } }
.ph { background: linear-gradient(160deg, #dbe5f4, #c3d2ea); }
#enquire .contact .form input, #enquire .contact .form select, #enquire .contact .form textarea { background: #ffffff; }