/* =====================================================================
   Home — the hero is the one bold moment; everything after it is quiet.
   ===================================================================== */

/* ---------- Hero stage ---------- */
.hero{max-width:calc(var(--wrap) + 2 * var(--gut));margin-inline:auto;padding:10px var(--gut) 0}
.hero__stage{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(560px,72vh,700px);border-radius:var(--r-xl);overflow:hidden;background:var(--tone);color:#fff;transition:background-color 1s}
.hero__layers,.hero__layer,.hero__tint{position:absolute;inset:0}
.hero__layer{opacity:0;transition:opacity 1.1s ease}
.hero__layer.is-on{opacity:1}
.hero__layer img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.hero__layer.is-on img{transform:scale(1)}
.hero__tint{z-index:1;background:
  radial-gradient(ellipse 70% 62% at 50% 52%,color-mix(in srgb,var(--tone) 72%,transparent) 0%,color-mix(in srgb,var(--tone) 38%,transparent) 55%,transparent 100%),
  linear-gradient(0deg,rgba(8,18,40,.62) 0%,transparent 45%),linear-gradient(180deg,rgba(8,18,40,.35) 0%,transparent 30%);transition:background 1s}
.hero__copy{position:relative;z-index:2;width:100%;padding-block:clamp(72px,9vw,110px) clamp(40px,5vw,64px);text-align:center;display:flex;flex-direction:column;align-items:center}
.hero__eb{font:600 13px/1 var(--sans);letter-spacing:.04em;color:rgba(255,255,255,.82);margin:0 0 18px}
.hero__h1{font-family:var(--serif);font-weight:600;font-size:clamp(42px,5.2vw,76px);line-height:1;letter-spacing:-.04em;color:#fff;max-width:13ch;margin-inline:auto;text-wrap:balance}
.hero__h1 em{font-style:normal;font-weight:500;color:var(--red);text-shadow:0 2px 24px rgba(177,18,23,.35)}
.hero__sub{font:600 italic clamp(17px,1.6vw,21px)/1.5 var(--serif);color:rgba(255,255,255,.9);max-width:46ch;margin:20px auto 0;text-wrap:balance}

/* Search — glass over the photo on desktop, a solid card on phones. Always open. */
.hsearch{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;margin:32px auto 0;width:100%;max-width:900px;text-align:start;padding:12px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 30px 60px -30px rgba(0,0,0,.55)}
.hsearch__seg{align-self:stretch;display:flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3)}
.hsearch__seg label{display:flex}
.hsearch__seg span{display:flex;align-items:center;color:rgba(255,255,255,.9)}
.hsearch__seg input:checked+span{background:#fff;color:var(--navy)}
.hsearch__f{display:grid;gap:6px;min-width:0}
.hsearch__lbl{padding-inline-start:16px;font:600 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.hsearch__sel{width:100%;height:52px;padding:0 38px 0 18px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235E6477' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;appearance:none;-webkit-appearance:none;color:var(--ink);font-weight:600;font-size:15px;transition:box-shadow .2s,border-color .2s}
.hsearch__sel:focus{outline:none;border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.hsearch__sel:disabled{color:var(--mut);background-color:rgba(255,255,255,.72);cursor:not-allowed}
.hsearch__go{height:52px;min-width:150px}

/* Market bar — four equal cards under the stage, with real gaps. */
.hero__dock{margin-top:16px}
.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rail__tab{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:0;height:96px;padding:12px 18px 12px 12px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);text-align:start;cursor:pointer;box-shadow:0 14px 30px -26px rgba(20,43,77,.55);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s,background .25s}
.rail__tab:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 24px 40px -28px rgba(20,43,77,.6)}
.rail__img{flex:none;width:72px;height:72px;border-radius:16px;object-fit:cover;background:var(--tone)}
.rail__txt{display:grid;gap:4px;min-width:0;flex:1}
.rail__txt b{display:flex;align-items:center;gap:8px;font:700 20px/1.1 var(--serif);letter-spacing:-.01em;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail__flag{font-size:17px;line-height:1}
.rail__txt small{font-size:12.5px;font-weight:600;color:var(--mut)}
.rail__go{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper-warm);color:var(--navy);transition:background .25s,color .25s,transform .3s var(--ease)}
.rail__tab.is-on{background:var(--tone);border-color:var(--tone);box-shadow:0 24px 44px -24px color-mix(in srgb,var(--tone) 85%,#000)}
.rail__tab.is-on .rail__txt b{color:#fff}
.rail__tab.is-on .rail__txt small{color:rgba(255,255,255,.78)}
.rail__tab.is-on .rail__go{background:var(--acc,#fff);color:var(--tone);transform:rotate(-45deg)}
.rail__tab.is-on::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px;background:var(--acc,#fff)}
.rail__tab:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (max-width:1100px){.hsearch{grid-template-columns:repeat(3,minmax(0,1fr));}.hsearch__seg{grid-column:1/-1;justify-self:start}.hsearch__go{grid-column:1/-1}}

/* ---------- Phones: photo and headline, then the full search card, then markets ---------- */
@media (max-width:900px){
  .hero{padding:0}
  .hero__stage{border-radius:0 0 28px 28px;min-height:0;align-items:stretch}
  .hero__tint{background:linear-gradient(180deg,rgba(8,18,40,.15) 0%,color-mix(in srgb,var(--tone) 55%,transparent) 38%,color-mix(in srgb,var(--tone) 96%,transparent) 62%,var(--tone) 100%)}
  .hero__layer img{transform:none;transition:none;height:62%}
  .hero__layer.is-on img{transform:none}
  .hero__copy{padding-block:clamp(120px,34vw,190px) 22px}
  .hero__eb{margin-bottom:12px}
  .hero__h1{font-size:clamp(36px,10.4vw,48px);max-width:12ch}
  .hero__sub{font-size:16px;margin-top:12px}
  .hsearch{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;max-width:none;padding:16px;border-radius:22px;background:#fff;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 50px -24px rgba(8,18,40,.6)}
  .hsearch__seg{grid-column:1/-1;width:100%;background:var(--paper-warm);border:0;padding:4px}
  .hsearch__seg label{flex:1}
  .hsearch__seg span{flex:1;justify-content:center;height:44px;color:var(--mut)}
  .hsearch__seg input:checked+span{background:var(--navy);color:#fff;box-shadow:0 8px 18px -10px rgba(31,63,110,.7)}
  .hsearch__f:first-of-type{grid-column:1/-1}
  .hsearch__lbl{padding-inline-start:4px;color:var(--mut)}
  .hsearch__sel{height:54px;border-color:var(--line-2);background-color:#fff;border-radius:16px;font-size:16px}
  .hsearch__sel:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(31,63,110,.12)}
  .hsearch__sel:disabled{background-color:var(--paper-warm)}
  .hsearch__go{grid-column:1/-1;height:56px;width:100%;border-radius:16px;font-size:16px}
  .hero__dock{margin-top:18px}
  .rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px var(--gut) 8px;scroll-padding-inline:var(--gut)}
  .rail::-webkit-scrollbar{display:none}
  .rail__tab{flex:0 0 auto;height:60px;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--r-pill);scroll-snap-align:start}
  .rail__tab:hover{transform:none}
  .rail__img{width:48px;height:48px;border-radius:50%}
  .rail__txt b{font:700 14.5px/1.2 var(--sans)}
  .rail__flag{font-size:14px}
  .rail__txt small{font-size:12px}
  .rail__go{display:none}
  .rail__tab.is-on::after{display:none}
}
@media (max-width:380px){.hsearch{grid-template-columns:1fr}}

/* ---------- Popular areas and projects ---------- */
.popular{background:var(--paper-warm)}
.popular .seg{background:#fff}
.areas{display:none;list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.areas a{display:grid;gap:2px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .2s}
.areas a:hover{border-color:var(--navy)}
.areas b{font:700 17px/1.2 var(--serif);color:var(--navy)}
.areas small{font-size:12.5px;color:var(--mut)}
.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ptile{display:grid;gap:10px}
.ptile__img{display:block;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--line)}
.ptile__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.ptile:hover img{transform:scale(1.04)}
.ptile__body{display:grid;gap:2px}
.ptile b{font:700 19px/1.2 var(--serif);color:var(--navy)}
.ptile small{font-size:13px;color:var(--mut)}
.ptile em{font-style:normal;font-size:13px;font-weight:700;color:var(--red)}
.popular__more{margin:22px 0 0}
@media (max-width:1000px){.projects{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.projects{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}.ptile{scroll-snap-align:start}.popular .sec-head .seg{width:100%;overflow-x:auto}}

/* ---------- Browse by use ---------- */

/* ---------- Featured off-plan band ---------- */

/* ---------- About ---------- */

/* ---------- Closing call ---------- */
.kind-home .ftr{margin-top:0}

/* =====================================================================
   Home sections — the improved draft's composition, finished for launch
   ===================================================================== */
.eyebrow{margin:0 0 10px;font:600 11px/1.2 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--red)}
.sec-head .eyebrow,.about .eyebrow{color:var(--red)}
.eyebrow--gold,.sec-head .eyebrow--gold{color:var(--gold)}
.link--light{color:#fff}.link--light:hover{color:var(--gold)}
.btn--lg{height:56px;padding:0 34px;font-size:15.5px}

/* Browse by use */
.uses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.use{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:200px;padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.use::after{content:"";position:absolute;inset:auto -40% -60% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(177,18,23,.08),transparent 70%);opacity:0;transition:opacity .4s}
.use:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(31,63,110,.25)}
.use:hover::after{opacity:1}
.use__mark{position:relative;width:34px;height:3px;background:var(--navy)}
.use__mark::after{content:"";position:absolute;right:-7px;top:-2px;width:7px;height:7px;background:var(--red);transform:rotate(45deg)}
.use__body{display:grid;gap:8px}
.use__body b{font:600 clamp(24px,2.2vw,28px)/1.08 var(--serif);color:var(--navy);letter-spacing:-.015em}
.use__body span{color:var(--mut);font-size:14.5px;line-height:1.6;max-width:34ch}
.use__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.use__foot small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.use__foot em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600}
.use__foot em .i{transition:transform .3s var(--ease)}
.use:hover .use__foot em .i{transform:translateX(4px)}
@media (max-width:860px){.uses__grid{grid-template-columns:1fr}.use{min-height:0}}

/* Featured off-plan: navy band + carousel */
.band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 62%,var(--navy) 100%);color:rgba(255,255,255,.78)}
.band::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;top:-180px;right:-120px;border-radius:50%;background:radial-gradient(circle,rgba(177,18,23,.24),transparent 70%)}
.band::after{content:"";position:absolute;z-index:-1;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
.band .h-section{color:#fff}
.band .sec-head p{color:rgba(255,255,255,.7)}
.band__ctl{display:flex;align-items:center;gap:10px}
.rnd{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.rnd:hover{background:#fff;color:var(--navy);border-color:#fff}
.rnd:disabled{opacity:.35;pointer-events:none}
.band__ctl .link{margin-inline-start:8px}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:290px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:14px;scrollbar-width:none;overscroll-behavior-x:contain}
.scroller::-webkit-scrollbar{display:none}
.scroller .card{scroll-snap-align:start}
.band .card__title{color:#fff}
.band .card__place,.band .card__facts,.band .card__facts .i,.band .price__c,.band .price__s{color:rgba(255,255,255,.7)}
.band .card__price{color:#fff}
.band .card__plan{color:var(--gold)}
@media (min-width:1200px){.scroller{grid-auto-columns:calc((100% - 66px)/4)}}
@media (max-width:640px){.scroller{grid-auto-columns:82%;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}.band__ctl .rnd{display:none}}

/* We act like you */
.cta-band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 60%,var(--navy) 100%);color:rgba(255,255,255,.74);padding-block:clamp(64px,8vw,96px);text-align:center}
.cta-band::before{content:"";position:absolute;z-index:-1;width:460px;height:460px;top:-140px;left:-90px;border-radius:50%;background:radial-gradient(circle,rgba(177,18,23,.26),transparent 70%)}
.cta-band::after{content:"";position:absolute;z-index:-1;width:380px;height:380px;bottom:-200px;right:-60px;border-radius:50%;background:radial-gradient(circle,rgba(232,200,131,.14),transparent 70%)}
.cta-band__in{max-width:760px}
.cta-band h2{color:#fff;margin:0 0 16px;font-size:clamp(34px,4.6vw,56px)}
.cta-band h2 em{color:var(--red);font-style:normal;font-weight:800}
.cta-band p{margin:0 auto 32px;max-width:58ch;font-size:16.5px;line-height:1.65}

/* About */
.about__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.about h2{margin:0 0 20px;font-size:clamp(34px,4vw,52px)}
.about h2 em{color:var(--navy);font-style:normal;font-weight:800}
.about__copy p:not(.eyebrow){max-width:58ch;color:var(--mut);font-size:15.5px;line-height:1.75;margin:0 0 14px}
.about__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.about__side{display:grid;gap:14px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.stats div{display:flex;flex-direction:column;gap:6px;padding:22px 18px;border-radius:var(--r-lg);background:var(--paper-warm)}
.stats dd{order:-1;margin:0;font:600 clamp(34px,3.4vw,44px)/1 var(--serif);color:var(--navy);letter-spacing:-.02em}
.stats .is-red dd{color:var(--red)}
.stats dt{font-size:12.5px;color:var(--mut);font-weight:600}
.values{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.values li{position:relative;display:grid;gap:4px;padding:22px 24px 22px 50px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;transition:border-color .25s,box-shadow .3s var(--ease)}
.values li:hover{border-color:var(--line-2);box-shadow:var(--sh-sm)}
.values li::before{content:"";position:absolute;left:24px;top:29px;width:10px;height:10px;border-radius:50%;background:var(--red)}
.values .v-navy::before{background:var(--navy)}.values .v-gold::before{background:var(--gold)}
.values b{font:600 20px/1.2 var(--serif);color:var(--navy)}
.values span{font-size:13.5px;line-height:1.6;color:var(--mut)}
@media (max-width:960px){.about__in{grid-template-columns:1fr}}
@media (max-width:420px){.stats div{padding:18px 14px}}

/* ---------- Cities: the draft's "Four markets" box, per city ---------- */
.cboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:34px}
.cbox{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:26px;border-radius:16px;overflow:hidden;color:#fff;text-align:start;background:linear-gradient(150deg,#16284C,#213D71);transition:transform .2s,box-shadow .2s}
.cbox--1{background:linear-gradient(150deg,#142B4D,#34528E)}
.cbox--2{background:linear-gradient(150deg,#1F3F6E,#16284C)}
.cbox--3{background:linear-gradient(150deg,#213D71,var(--navy))}
.cbox:hover{transform:translateY(-6px);box-shadow:0 40px 80px -30px rgba(20,43,77,.45)}
.cbox__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.34;mix-blend-mode:luminosity;transition:opacity .5s,transform .8s var(--ease)}
.cbox:hover .cbox__img{opacity:.5;transform:scale(1.05)}
.cbox::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,rgba(20,43,77,.55),rgba(20,43,77,.2) 60%,rgba(20,43,77,.6))}
.cbox__glow{position:absolute;right:-30px;bottom:-30px;z-index:-1;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(177,18,23,.35),transparent 70%)}
.cbox__flag{position:absolute;top:22px;right:22px;font-size:34px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
.cbox__txt{display:grid}
.cbox__tag{font:400 11px/1.2 var(--mono);letter-spacing:3px;color:var(--gold)}
.cbox__txt b{margin-top:6px;font:700 28px/1.1 var(--serif);color:#fff}
.cbox__txt em{margin-top:4px;font-style:normal;font-size:12px;color:rgba(255,255,255,.7)}
.cbox__go{display:flex;align-items:center;gap:6px;font:400 10px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;color:#fff}
.cbox__go span{font-size:14px;transition:transform .3s var(--ease)}
.cbox:hover .cbox__go span{transform:translateX(4px)}

/* ---------- Popular areas: horizontal strip of small photo tiles ---------- */
.astrip{margin-bottom:34px}
.astrip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.astrip__h{margin:0;font:600 11px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.astrip__ctl{display:flex;gap:8px}
.rnd--dark{border-color:var(--line-2);background:#fff;color:var(--navy);width:38px;height:38px}
.rnd--dark:hover{background:var(--navy);border-color:var(--navy);color:#fff}
@media (max-width:640px){.cboxes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut)*-1);padding:4px var(--gut) 10px;scroll-padding-inline:var(--gut);scrollbar-width:none}.cbox{scroll-snap-align:start;min-height:180px}.atiles{grid-auto-columns:158px}.atile{height:118px}.astrip__ctl{display:none}}

/* Latest homes strip in the Popular section */
.ucards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(250px,24vw,300px);gap:16px;margin:0 calc(var(--gut)*-1);padding:4px var(--gut) 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.ucards::-webkit-scrollbar{display:none}
.ucards>.card{scroll-snap-align:start}
.ustrip__all{margin-inline-end:6px;align-self:center;font-weight:700;font-size:13.5px}
@media (max-width:640px){.ucards{grid-auto-columns:78%}.astrip__ctl .rnd{display:none}.astrip__ctl{display:flex}}

/* =====================================================================
   Hero v2: full-bleed photo per market, glass search panel (approved preview)
   ===================================================================== */
.hero--full{position:relative;isolation:isolate;min-height:min(100svh,900px);display:flex;flex-direction:column;justify-content:flex-end;margin:0;border-radius:0;color:#fff;overflow:hidden;padding-top:150px}
.hero--full .hero__layers{position:absolute;inset:0;z-index:-2}
.hero--full .hero__layer{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hero--full .hero__layer.is-on{opacity:1}
.hero--full .hero__layer img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(1.03)}
.hero--full .hero__tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,20,42,.66) 0%,rgba(9,20,42,.14) 24%,rgba(9,20,42,0) 44%,rgba(9,20,42,.4) 70%,rgba(9,20,42,.88) 100%),radial-gradient(ellipse 70% 60% at 18% 62%,rgba(20,43,77,.45),transparent 70%)}
.hero--full .hero__copy{padding:0 0 30px;text-align:start;align-items:flex-start;display:block}
.hero__eb{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font:600 12px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.hero__eb::before{content:"";width:34px;height:1px;background:var(--gold)}
.hero--full .hero__h1{margin:0;max-width:13ch;font:600 clamp(44px,6.4vw,92px)/.98 var(--serif);letter-spacing:-.035em;color:#fff;text-wrap:balance}
.hero--full .hero__h1 em{color:var(--red);font-style:normal;font-weight:800;text-shadow:none}
.hero--full .hero__sub{max-width:44ch;margin:20px 0 0;text-align:start;font:600 italic clamp(17px,1.5vw,20px)/1.55 var(--serif);color:rgba(255,255,255,.86)}
.e-s{display:none}
.hpanel{margin-bottom:24px;padding:22px 24px 24px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 80px -40px rgba(0,0,0,.6)}
.hpanel__top{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.hpanel__h{margin:0;font:700 24px var(--serif);color:#fff;white-space:nowrap}
.hseg{display:flex;gap:2px;margin:0;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(9,20,42,.35)}
.hseg label{position:relative;cursor:pointer}
.hseg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.hseg span{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;font:600 14px var(--sans);color:rgba(255,255,255,.82);white-space:nowrap;transition:background .2s,color .2s}
.hseg input:checked+span{background:#fff;color:var(--navy);box-shadow:0 6px 16px -8px rgba(0,0,0,.45)}
.hseg input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.hpanel__mk{display:flex;gap:6px;margin-inline-start:auto}
.hchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:none;color:rgba(255,255,255,.82);font:600 13px var(--sans);cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.hchip em{font:600 11px var(--mono);font-style:normal;opacity:.75}
.hchip.is-on{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45);color:#fff}
.hpanel__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}
.hf{display:block}
.hf__l{display:block;margin:0 0 9px 4px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.hf__box{position:relative;display:flex;align-items:center;height:58px;border-radius:999px;background:#fff;color:var(--navy)}
.hf__box>.i{position:absolute;inset-inline-start:18px;pointer-events:none}
.hf__sel{width:100%;height:100%;padding:0 42px 0 50px;border:0;border-radius:999px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2.2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center;appearance:none;-webkit-appearance:none;font:500 15.5px var(--sans);color:var(--ink);cursor:pointer}
.hf__sel:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.hpanel__go{height:58px;padding:0 30px;font-size:15.5px;box-shadow:0 18px 34px -14px rgba(177,18,23,.9)}
.htrust{display:flex;gap:28px;align-items:center;padding:0 0 26px;font-size:13px;color:rgba(255,255,255,.75)}
.htrust b{margin-inline-end:6px;font:700 22px var(--serif);color:#fff}
.htrust i{width:1px;height:22px;background:rgba(255,255,255,.25)}
[dir=rtl] .hf__sel{padding:0 50px 0 42px;background-position:left 18px center}
@media (max-width:900px){
  .hero--full{min-height:auto;padding-top:140px}
  .hero--full .hero__h1{font-size:46px}.hero--full .hero__sub{font-size:16px}
  .e-l{display:none}.e-s{display:inline}.hero__eb{font-size:11px;letter-spacing:.18em}
  .hpanel{padding:18px;border-radius:26px}
  .hpanel__top{flex-wrap:wrap;gap:12px}
  .hseg{width:100%;overflow-x:auto;scrollbar-width:none}.hseg::-webkit-scrollbar{display:none}.hseg label{flex:1 0 auto}.hseg span{justify-content:center;width:100%;padding:0 12px;font-size:13px}
  .hpanel__mk{order:3;width:calc(100% + 36px);margin:0 -18px;padding:0 18px 2px;overflow-x:auto;scrollbar-width:none;gap:8px}.hpanel__mk::-webkit-scrollbar{display:none}.hchip{flex:none;height:36px}
  .hpanel__fields{grid-template-columns:1fr;gap:12px}.hf__box{height:54px}.hpanel__go{justify-content:center;height:54px}
  .htrust{gap:16px}.htrust__x{display:none}
}

/* Home: the header sits on the photo, transparent, with a glass navigation pill. */
body.kind-home .ubar{position:absolute;inset:0 0 auto;z-index:62;background:linear-gradient(180deg,rgba(9,20,42,.45),rgba(9,20,42,0))!important;border-bottom:1px solid rgba(255,255,255,.14)}
body.kind-home .hdr{position:absolute!important;inset:38px 0 auto;z-index:61;background:transparent!important;border:0!important;box-shadow:none!important}
body.kind-home .hdr .logo__yo,body.kind-home .hdr .logo__mark sup{color:#fff}
body.kind-home .hdr .logo__u{color:var(--red)}
body.kind-home .hdr .logo__line span{color:rgba(255,255,255,.7)}
body.kind-home .hdr .nav{padding:5px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body.kind-home .hdr .nav__link{color:rgba(255,255,255,.92);border-radius:999px;height:40px;padding:0 15px}
body.kind-home .hdr .nav__link:hover,body.kind-home .hdr .nav__item.is-open>.nav__link{color:#fff;background:rgba(255,255,255,.14)}
body.kind-home .hdr .hdr__menu{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
@media (max-width:640px){body.kind-home .hdr{inset:36px 0 auto}}
.hero--full>.wrap{min-width:0;width:100%;max-width:calc(var(--wrap) + 2 * var(--gut));padding-inline:var(--gut);box-sizing:border-box}
.hpanel,.hpanel__top>*,.hpanel__fields>*{min-width:0}
.hseg{max-width:100%}
@media (max-width:900px){.hpanel__mk{width:auto;flex:1 0 100%;margin:0;padding:0 0 2px}}
/* Phones: the five listing-type tabs share one line, no sideways scrolling. */
@media (max-width:900px){
  .hseg{overflow:visible;gap:0;padding:3px}
  .hseg label{flex:1 1 auto;min-width:0}
  .hseg span{width:100%;height:34px;padding:0 6px;font-size:12.5px;letter-spacing:-.01em;justify-content:center}
}
@media (max-width:360px){.hseg span{padding:0 4px;font-size:11.5px}}
/* Phones: the four market chips share one line, no sideways scrolling. */
@media (max-width:900px){
  .hpanel__mk{overflow:visible;gap:6px;padding:0}
  .hpanel__mk .hchip{flex:1 1 auto;min-width:0;justify-content:center;gap:5px;height:36px;padding:0 8px;font-size:12.5px}
  .hpanel__mk .hchip em{font-size:10.5px}
}
@media (max-width:360px){.hpanel__mk{gap:4px}.hpanel__mk .hchip{padding:0 4px;font-size:11.5px;gap:4px}.hpanel__mk .hchip em{display:none}}
/* Full-bleed at any width or zoom level (the old hero was capped at 1424px). */
.hero.hero--full{max-width:none;width:100%;margin-inline:0}
/* Carousel arrows on light sections */
.rnd--dark{border-color:var(--line-2);background:#fff;color:var(--navy)}
.rnd--dark:hover:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy)}
.rnd--dark:disabled{opacity:.35}
.sec:not(.band) .band__ctl{display:flex;align-items:center;gap:10px}
@media (max-width:640px){.sec:not(.band) .band__ctl .rnd{display:none}}

/* Home search: no country row — the market comes from the header selector */
.hpanel__mk{display:none!important}