/* ==========================================================================
   RBD Ventures - v25 layer
   typography (fonts set in v26), store features (search, shortlist, compare,
   filters, product pages), new cards, per-page CTAs, chat, floating buttons.
   Loads after main.css and overrides it where needed.
   ========================================================================== */

/* ---- 0. Guards ---------------------------------------------------------- */
:where(svg[viewBox]){width:1.25em}
.icon{display:inline-grid;place-items:center;flex:none}
.icon svg{width:100%;height:100%}
.watermark,.footer__word,.wa-float,.eyebrow:empty{display:none!important}
html{font-synthesis-weight:none}
[data-reveal]{will-change:auto}

/* ---- 1. Typography (superseded by v26: Fraunces + Outfit) ------------------- */
body{font-family:var(--f-sans);font-weight:400;letter-spacing:0;font-feature-settings:normal}
h1,h2,h3,h4,.h-hero,.h1,.h2,.h3,.stat__num,.fact__v,.quote p,.acc__btn,.loc__btn .name,.type h3,.step__body h3,
.drawer__list a,.drawer__list summary,.modal__media p,.pane legend,.compare__col h3,.mega__tile strong,.story__badge strong,
.brand .brand-text,.bento__tile h3,.bento__tile--feature h3,.pcard h3,.check h3,.dossier h3{font-family:var(--f-display);font-weight:400;font-feature-settings:normal}
.h-hero{font-size:clamp(2.2rem,1.2rem + 4vw,5.25rem);line-height:1.04;letter-spacing:-0.012em}
.h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.9rem);line-height:1.1;letter-spacing:-0.01em}
.h2{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.9rem);line-height:1.14;letter-spacing:-0.006em}
.h3,h3{line-height:1.25;letter-spacing:0}
/* Gold accent words: upright, colour only */
.h-hero em,.h1 em,.h2 em,.h3 em{font-style:normal;font-weight:400;color:var(--c-gold-text)}
.stat__num,.story__badge strong{letter-spacing:0}
.fact__v{font-weight:400;letter-spacing:0}
.quote p{font-weight:400;letter-spacing:0;line-height:1.38}
.acc__btn{font-weight:400;letter-spacing:0;font-size:clamp(1.08rem,1rem + .4vw,1.35rem)}
.loc__btn .name,.type h3,.step__body h3,.pane legend,.compare__col h3{letter-spacing:0}
.drawer__list a,.drawer__list summary{font-size:1.45rem;letter-spacing:0}
.brand .brand-text{letter-spacing:.02em}
/* Labels: caps */
.stat__label,.tag,.crumbs ol,.field label,.field .label,.fact__k,.config-table th,.nap .k,.step__kicker,.dossier .n,.highlights .n,
.result-count,.showcase__count,.soon__status,.stepper__label,.footer__col h2,.quote .where,.mega__tile small,.mega__side a small,
.lightbox__count,.enquire-card .price,.pcard__price,.fcap,.mega__title,.pill-tag,.nf-code,.cta2__ctx,.filters legend,.cta2__chips legend,.pinfo__price span{
  font-family:var(--f-sans);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-feature-settings:"tnum"}
.lead{line-height:1.65}
.btn{font-family:var(--f-sans);font-weight:500;letter-spacing:.02em}
.nav__link{font-weight:400;letter-spacing:.01em}

/* ---- 2. Buttons & small helpers ---------------------------------------- */
.btn--sm{min-height:44px;padding:.55em 1.1em;font-size:.875rem;gap:.45em}
.btn--sm svg{width:16px;height:16px}
.btn--lg{min-height:58px;padding:1em 2em;font-size:1rem}
.btn--outline-gold{--bg:transparent;--fg:var(--brand-700);--bd:var(--c-gold)}
@media (hover:hover){.btn--outline-gold:hover{--bg:var(--c-gold);--fg:var(--c-on-gold)}}
.btn--dark{--bg:var(--text-strong);--fg:#fff;--bd:var(--text-strong)}
@media (hover:hover){.btn--dark:hover{--bg:#000;--bd:#000}}
.btn--onphoto{--fg:#fff;--bd:rgba(255,255,255,.55)}
@media (hover:hover){.btn--onphoto:hover{--bg:rgba(255,255,255,.12);--bd:#fff;--fg:#fff}}
.gold-link{color:var(--c-gold-text);text-decoration:underline;text-decoration-color:var(--c-gold-line);text-underline-offset:4px;white-space:nowrap}
.fcap{font-size:.75rem;color:var(--c-muted);margin-bottom:.75rem}
.pill-tag{display:inline-flex;align-items:center;gap:.5em;padding:.45em .95em;border-radius:var(--r-pill);background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-800);font-size:.72rem;margin:0 0 1rem}
.link-mini{background:none;border:0;cursor:pointer}

/* Section heads */
.row-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.row-head>div:first-child{max-width:760px}
.row-head .lead{margin-top:.9rem;margin-bottom:0}
.row-head>.lead{max-width:520px;margin:0}
.row-head--center{justify-content:center;text-align:center}
.row-head--center>div{margin-inline:auto}
.row-head--center .lead{margin-inline:auto}
.row-head .h3{margin:0}

/* ---- 3. Header: icons, search overlay, mega ---------------------------- */
.hdr-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--c-line-strong);color:var(--c-text);transition:border-color var(--dur-1),background var(--dur-1),color var(--dur-1)}
.hdr-icon svg{width:19px;height:19px}
@media (hover:hover){.hdr-icon:hover{border-color:var(--c-gold);color:var(--c-gold-text)}}
.hdr-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--c-gold);color:var(--text-strong);font-size:.75rem;font-weight:600;line-height:20px;text-align:center}
.hdr-shortlist.is-filled svg{fill:currentColor;color:var(--c-gold)}
@media (max-width:359px){.hdr-icon{width:40px;height:40px}.burger{width:40px;height:40px}}

.search-ov{position:fixed;inset:0;z-index:180;background:rgba(11,11,12,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:max(16px,env(safe-area-inset-top)) 16px 16px;overflow-y:auto;animation:fadeIn .25s}
.search-ov__box{width:min(760px,100%);margin:clamp(12px,8vh,96px) auto 0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:clamp(1rem,.8rem + 1vw,1.5rem);animation:fadeUp .4s var(--ease-out)}
.search-ov__form{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--c-line);padding-bottom:.75rem}
.search-ov__form>svg{width:22px;height:22px;color:var(--c-gold-text);flex:none}
.search-ov__form input{flex:1;min-width:0;min-height:52px;border:0;background:transparent;font-size:1.15rem;outline:none}
.search-ov__form input::-webkit-search-cancel-button{display:none}
.search-ov__popular{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}
.search-ov__popular p{width:100%;margin:0 0 .25rem;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}
.search-ov__popular a,.pop-chip{display:inline-flex;align-items:center;min-height:44px;padding:.45em 1em;border-radius:var(--r-pill);border:1px solid var(--c-line-strong);font-size:.875rem;transition:all var(--dur-1)}
@media (hover:hover){.search-ov__popular a:hover{border-color:var(--c-gold);color:var(--c-gold-text)}}

/* Suggestions (overlay + hero) */
.suggest{display:grid;gap:2px}
.suggest:empty{display:none}
.suggest__item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:.85rem;padding:.5rem .6rem;border-radius:var(--r-md);min-height:60px;color:var(--text-strong)}
.suggest__item:hover,.suggest__item.is-active{background:var(--brand-50)}
.suggest__thumb{width:52px;height:44px;border-radius:8px;overflow:hidden;background:var(--cream-100);display:grid;place-items:center;color:var(--brand-700)}
.suggest__thumb img{width:100%;height:100%;object-fit:cover}
.suggest__thumb svg{width:20px;height:20px}
.suggest__item strong{display:block;font-weight:500;font-size:.975rem;line-height:1.3}
.suggest__item small{display:block;color:var(--text-muted);font-size:.8125rem;line-height:1.35}
.suggest__item em{font-style:normal;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-700)}
.suggest mark{background:none;color:var(--brand-700);font-weight:600}
.search-ov .suggest{padding-top:.5rem}

/* Mega menu: content-height panel, landscape tiles */
.mega__inner{grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start;padding-block:1.5rem 1.75rem}
.mega__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-self:start}
.mega__tile{aspect-ratio:4/3}
.mega__tile strong{font-size:1.3rem}
.mega__side{gap:0;padding-left:2rem;align-self:start}
.mega__title{font-size:.72rem;color:var(--c-gold-text);margin:0 0 .25rem}
.mega__side .link-arrow{margin-top:.75rem;align-self:flex-start}
.mega__side a:not(.link-arrow){padding:.5em 0;min-height:40px;align-items:center}

/* ---- 4. Home hero: search + Ken Burns ---------------------------------- */
.hero--search{align-items:center;padding-block:calc(var(--header-h) + 3rem) clamp(4rem,3rem + 4vw,7rem)}
.hero--search .hero__content{max-width:880px}
.hero--search .hero__title{margin-bottom:1.25rem}
.hero--search .hero__sub{margin-bottom:2rem}
.kb{overflow:hidden;transform:scale(var(--sz,1));transform-origin:50% 40%;will-change:transform}
.kb picture{display:block;width:100%;height:100%;animation:kb 18s ease-in-out infinite alternate;transform-origin:60% 45%}
.kb img{height:100%;transform:none}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.1)}}
@media (max-width:767px){.kb picture{animation-name:kbm}}
@keyframes kbm{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.kb picture{animation:none}.kb{transform:none}}

.hsearch{position:relative;max-width:760px;opacity:0;animation:fadeUp 1s var(--ease-out) 1s forwards}
.hsearch__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.hs-tab{min-height:44px;padding:.4em 1.05em;border-radius:var(--r-pill);font-size:.875rem;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--dur-1)}
.hs-tab.is-on{background:#fff;color:var(--text-strong);border-color:#fff}
@media (hover:hover){.hs-tab:not(.is-on):hover{background:rgba(255,255,255,.22)}}
.hsearch__bar{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:var(--r-pill);padding:6px 6px 6px 20px;box-shadow:0 24px 60px -20px rgba(0,0,0,.55)}
.hsearch__bar>svg{width:20px;height:20px;color:var(--brand-700);flex:none}
.hsearch__bar input{flex:1;min-width:0;min-height:50px;border:0;background:transparent;color:var(--text-strong);font-size:1rem;outline:none}
.hsearch__bar input::placeholder{color:var(--text-faint)}
.hsearch__bar .btn{min-height:50px;padding-inline:1.6em}
.suggest--hero{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border-radius:var(--r-lg);padding:.5rem;box-shadow:var(--shadow-3);max-height:min(60vh,420px);overflow:auto}
.hero__popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:1.1rem;opacity:0;animation:fadeUp 1s var(--ease-out) 1.15s forwards}
.hero__popular>span{font-size:.8125rem;color:var(--text-on-dark-muted);margin-right:4px}
.hero .pop-chip{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(11,11,12,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8125rem;min-height:40px}
@media (hover:hover){.hero .pop-chip:hover{background:rgba(255,255,255,.16);border-color:#fff}}
@media (max-width:599px){
  .hero--search{padding-bottom:3.5rem;align-items:flex-end}
  .hsearch__bar{padding-left:14px}
  .hsearch__bar .btn{padding-inline:1.1em;min-height:46px}
  .hsearch__bar input{min-height:46px;font-size:16px}
  .hs-tab{font-size:.8125rem;padding:.35em .85em}
  .hero__popular{gap:6px}
  .hero__popular>span{width:100%}
  .hero .pop-chip:nth-of-type(n+4){display:none}
}
@media (prefers-reduced-motion:reduce){.hsearch,.hero__popular{opacity:1;animation:none}}

/* ---- 5. Property card (v25) -------------------------------------------- */
.pcard{height:100%;border-radius:18px;background:var(--surface);border:1px solid var(--c-line);box-shadow:0 1px 2px rgba(11,11,12,.04);overflow:hidden;isolation:isolate}
@media (hover:hover){.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(11,11,12,.35);border-color:var(--brand-200)}.pcard:hover .pcard__media img{transform:none}}
.pcard__media{aspect-ratio:4/3;background:var(--cream-200)}
.pcard__media::after{background:linear-gradient(180deg,rgba(11,11,12,.32) 0%,transparent 28%,transparent 70%,rgba(11,11,12,.45) 100%);z-index:1;pointer-events:none}
.pcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--ease-out);filter:none}
.pcard__media img.is-on{opacity:1}
.pcard__badge{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:.45em;padding:.4em .8em;border-radius:var(--r-pill);background:rgba(255,255,255,.95);color:var(--text-strong);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px -6px rgba(0,0,0,.35)}
.pcard__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}
.pcard__badge--amber::before{background:var(--brand)}
.pcard__fav{position:absolute;top:8px;right:8px;z-index:4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);color:var(--text-strong);box-shadow:0 4px 14px -6px rgba(0,0,0,.35);transition:transform var(--dur-2) var(--ease-out),color var(--dur-1)}
.pcard__fav svg{width:19px;height:19px}
.pcard__fav[aria-pressed="true"]{color:var(--brand)}
.pcard__fav[aria-pressed="true"] svg{fill:currentColor}
@media (hover:hover){.pcard__fav:hover{transform:scale(1.08)}}
.pcard__count{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:.4em;padding:.35em .7em;border-radius:var(--r-pill);background:rgba(11,11,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.75rem;font-weight:500}
.pcard__count svg{width:14px;height:14px}
.pcard__logo{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:78px;height:40px;padding:4px 8px;border-radius:8px;background:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.35)}
.pcard__logo img{position:static;opacity:1;width:100%;height:100%;object-fit:contain}
.pcard__logo--text{width:auto;max-width:56%;padding:4px 10px;font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.2;text-align:center;color:var(--text-strong)}
.pcard__dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:3;display:flex;gap:5px}
.pcard__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background var(--dur-1),width var(--dur-1)}
.pcard__dots i.on{background:#fff;width:16px;border-radius:3px}
.pcard__body{gap:.6rem;padding:1.1rem 1.15rem 1rem}
.pcard__loc{font-size:.8125rem;margin:0;gap:.35em}
.pcard__loc svg{width:14px;height:14px}
.pcard .pcard__name{font-size:clamp(1.2rem,1.1rem + .35vw,1.42rem);line-height:1.2;margin:0}
.pcard__name a::after{content:"";position:absolute;inset:0;z-index:2}
.pcard__specs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--c-line);border-radius:10px;margin:.15rem 0 0}
.pcard__specs li{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:.55rem .6rem;font-size:.78rem;line-height:1.3;color:var(--text-strong);min-width:0}
.pcard__specs li+li{border-left:1px solid var(--c-line)}
.pcard__specs svg{width:16px;height:16px;color:var(--brand-700)}
.pcard__specs span{overflow-wrap:anywhere}
.pcard__hook{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--c-line)}
.pcard__price{font-size:.72rem;color:var(--brand-700);letter-spacing:.1em}
.pcard__btns{display:flex;gap:6px;position:relative;z-index:3}
.pcard__btns .btn{min-height:40px;padding:.45em .95em;font-size:.8125rem}
.pcard__cmp{position:relative;z-index:3;display:inline-flex;align-items:center;gap:.55em;align-self:flex-start;min-height:36px;font-size:.8125rem;color:var(--text-muted);cursor:pointer}
.pcard__cmp input{width:18px;height:18px;margin:0;accent-color:var(--brand);cursor:pointer}
.pcard__btns .btn,.pcard__fav,.pcard__cmp{touch-action:manipulation}
/* Taller tap area for the small card buttons without growing them visually */
.pcard__btns .btn::before{content:"";position:absolute;inset:-3px 0}
@media (max-width:359px){.pcard__foot{flex-direction:column;align-items:stretch}.pcard__btns .btn{flex:1}}

/* Grids & sliders */
.cards--shop{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:560px){.cards--shop{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cards--shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1440px){.cards--shop{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:559px){.cards--shop{max-width:480px;margin-inline:auto}}
.showcase__track{--g:20px;gap:var(--g);padding-inline:max(var(--gutter),calc((100vw - var(--container-wide))/2 + var(--gutter)));scroll-padding-inline:max(var(--gutter),calc((100vw - var(--container-wide))/2 + var(--gutter)));padding-block:6px 14px}
.showcase__track>*{width:calc((100vw - var(--gutter) - var(--g)) / 1.2);max-width:440px}
@media (min-width:600px){.showcase__track>*{width:calc((100vw - var(--gutter) - 2 * var(--g)) / 2.5);max-width:none}}
@media (min-width:1024px){.showcase__track>*{width:calc((100vw - var(--gutter) - 3 * var(--g)) / 3.5)}}
@media (min-width:1440px){.showcase__track>*{width:calc((min(100vw,var(--container-wide)) - 2 * var(--gutter) - 3 * var(--g)) / 4)}}
.showcase .row-head{margin-bottom:1.75rem}
.showcase__nav{flex-wrap:wrap}
@media (max-width:599px){.showcase__nav .circle-btn{display:none}}

/* List view (properties page) */
.cards--shop.is-list{grid-template-columns:1fr;max-width:none}
@media (min-width:700px){
  .cards--shop.is-list .pcard{flex-direction:row}
  .cards--shop.is-list .pcard__media{flex:0 0 42%;aspect-ratio:auto;min-height:260px}
  .cards--shop.is-list .pcard__body{padding:1.4rem 1.5rem}
  .cards--shop.is-list .pcard__hook{-webkit-line-clamp:3;min-height:0}
}

/* ---- 6. Home: types, localities, marquee, stats, collage --------------- */
.types .type__inner h3{margin:0}
.type .tag{background:rgba(255,255,255,.92)}
.loc-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.loc-grid .loc-tile:last-child{grid-column:span 2}
@media (min-width:768px){.loc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.loc-grid .loc-tile:last-child{grid-column:auto}}
.loc-tile{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--cream-200);isolation:isolate}
.loc-tile--wide{grid-column:span 2;aspect-ratio:auto}
@media (max-width:767px){.loc-tile--wide{aspect-ratio:16/9}.loc-grid .loc-tile:last-child{aspect-ratio:16/9}}
.loc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-out)}
.loc-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(11,11,12,.78))}
.loc-tile__body{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;display:flex;flex-direction:column;gap:2px}
.loc-tile__body strong{font-family:var(--f-display);font-weight:400;font-size:clamp(1.1rem,1rem + .5vw,1.5rem);line-height:1.15}
.loc-tile__body small{font-size:.8125rem;color:var(--brand-300)}
@media (hover:hover){.loc-tile:hover img{transform:scale(1.06)}}
@media (max-width:399px){.loc-tile__body{left:12px;right:12px;bottom:10px}.loc-tile__body strong{font-size:1rem}.loc-tile__body small{font-size:.75rem}}

/* Marquee: tighter, smoother on phones */
.marquee a.logo-chip{transition:border-color var(--dur-1),box-shadow var(--dur-2)}
@media (hover:hover){.marquee a.logo-chip:hover{border-color:var(--c-gold);box-shadow:var(--shadow-1)}}
@media (max-width:767px){
  .marquee{--gap:12px;gap:12px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .marquee .logo-chip{width:128px;height:66px;padding:8px 12px;border-radius:10px}
  .marquee__row{animation-duration:45s}
  .marquee__row--rev{animation-duration:52s}
}

.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--c-line)}
.stats3 .stat{min-width:0}
.stats3 .stat__num{font-size:clamp(2rem,1.6rem + 1.6vw,3rem)}
.stats3 .stat__num--text{font-size:clamp(1.15rem,1rem + .8vw,1.75rem);line-height:1.15;padding-top:.35em;overflow-wrap:anywhere}
.stats3 .stat__label{font-size:.75rem;letter-spacing:.1em;line-height:1.4;margin-top:.35rem}
.section--paper .stats3{border-color:var(--c-ink-line)}

.collage{position:relative;padding:0 10% 14% 0}
.collage__frame{position:absolute;top:6%;left:6%;right:4%;bottom:6%;border:1px solid var(--brand-300);border-radius:22px;z-index:0}
.collage__big{position:relative;z-index:1;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--cream-200);box-shadow:var(--shadow-1)}
.collage__big img{width:100%;height:100%;object-fit:cover}
.collage__small{position:absolute;right:0;bottom:0;z-index:2;width:50%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;border:6px solid var(--surface);box-shadow:var(--shadow-2);background:var(--cream-200)}
.collage__small img{width:100%;height:100%;object-fit:cover}
.collage__badge{position:absolute;left:-4%;bottom:22%;z-index:3;background:var(--c-gold);color:var(--text-strong);padding:1rem 1.2rem;border-radius:14px;max-width:210px;box-shadow:var(--shadow-2)}
.collage__badge strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1.3rem;line-height:1.15}
.collage__badge span{display:block;font-size:.875rem;font-weight:500;margin-top:4px}
.collage__chip{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:.4em;padding:.45em .9em;border-radius:var(--r-pill);background:rgba(255,255,255,.94);font-size:.8125rem;font-weight:500;color:var(--text-strong)}
.collage__chip svg{width:14px;height:14px;color:var(--brand-700)}
@media (max-width:599px){.collage{padding:0 8% 16% 0}.collage__badge{left:0;bottom:20%;padding:.75rem .9rem;max-width:170px}.collage__badge strong{font-size:1.05rem}.collage__badge span{font-size:.78rem}.collage__small{border-width:4px}}
.story__title-sm{margin-bottom:1.75rem}
.story--flip{align-items:start}
@media (min-width:1024px){.story--flip .story__body{padding-top:4.5rem}}

/* Timeline: icon dots */
.step__dot svg{width:20px;height:20px}
.step.is-in .step__dot{color:var(--text-strong)}

/* Bento icons */
.bento .icon{width:48px;height:48px;padding:11px;border-radius:50%;background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-700)}
.bento .icon svg{stroke-width:1.5}

/* ---- 7. About: duo cards + process ------------------------------------- */
.duo{display:grid;gap:1.25rem;align-items:stretch;position:relative}
@media (min-width:900px){.duo{grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr);gap:2rem}}
.duo__card{position:relative;background:var(--surface);border:1px solid var(--c-line);border-radius:22px;padding:clamp(1.5rem,1.2rem + 1.4vw,2.6rem);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:1rem}
.duo__card--dev{background:linear-gradient(160deg,var(--brand-50) 0%,var(--surface) 60%);border-color:var(--brand-200)}
.duo__icon{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--brand-200);color:var(--brand-700);box-shadow:0 10px 24px -14px rgba(140,101,24,.5)}
.duo__card--cp .duo__icon{background:var(--brand-50)}
.duo__icon svg{width:28px;height:28px}
.duo__card h3{font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);margin:0}
.duo__card ul{list-style:none;display:grid;gap:.85rem;margin:0}
.duo__card li{display:grid;grid-template-columns:22px 1fr;gap:.75rem;color:var(--text-muted);line-height:1.6}
.duo__card li svg{width:18px;height:18px;margin-top:.25em;color:var(--brand-700)}
.duo__plus{justify-self:center;align-self:center;z-index:2;width:56px;height:56px;margin:-2rem 0;border-radius:50%;display:grid;place-items:center;background:var(--c-gold);color:var(--text-strong);border:6px solid var(--c-surface);box-shadow:var(--shadow-1)}
.duo__plus svg{width:20px;height:20px;stroke-width:2}
.duo__plus--vs{font-family:var(--f-display);font-size:1.05rem;line-height:1}
@media (min-width:900px){.duo__plus{margin:0;width:64px;height:64px;grid-column:2;grid-row:1}.duo>.duo__card:last-child{grid-column:3;grid-row:1}}

.proc{list-style:none;display:grid;gap:1rem;grid-template-columns:1fr;counter-reset:none;margin:0;padding:0}
@media (min-width:600px){.proc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.proc{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}
.proc__card{position:relative;display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border:1px solid var(--c-line);border-radius:20px;padding:1.5rem 1.4rem 1.6rem;height:100%}
.proc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.proc__icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-700)}
.proc__icon svg{width:26px;height:26px}
.proc__n{font-family:var(--f-display);font-size:2.4rem;line-height:1;color:var(--brand-200)}
.proc__card h3{font-size:1.3rem;margin:0}
.proc__card p{margin:0;color:var(--text-muted);font-size:.9375rem}
@media (min-width:1024px){
  .proc__card:not(:last-child)::after{content:"";position:absolute;top:calc(1.5rem + 22px);right:calc(-.75rem - 7px);z-index:2;width:14px;height:14px;border-radius:50%;background:var(--c-gold);box-shadow:0 0 0 4px var(--c-surface)}
}
@media (max-width:599px){.proc__card{padding:1.25rem}.proc__n{font-size:2rem}}

/* Checklist cards with icons */
.check__icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-700);margin-bottom:1rem}
.check__icon svg{width:24px;height:24px}
.check{background:var(--surface);border-radius:20px;height:100%}
.check h3{font-size:1.3rem}
.check .link-mini{min-height:40px}
.check p+p{margin-top:.25rem}
@media (min-width:900px){.checks--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:600px){.checks--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.checks--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:599px){.check{padding:1.4rem}}

/* ---- 8. Properties store ----------------------------------------------- */
.shop-head{padding:calc(var(--header-h) + clamp(1.5rem,1rem + 2vw,3rem)) 0 .5rem;background:radial-gradient(ellipse at 85% 0%,var(--brand-100),transparent 55%),var(--c-base)}
.shop-head .h1{margin-bottom:.75rem}
.shop-head .lead{margin:0}
.shop__grid{display:grid;gap:2rem}
@media (min-width:1024px){.shop__grid{grid-template-columns:264px minmax(0,1fr);gap:2.5rem;align-items:start}}
.shop__main{min-width:0}
.filters{background:var(--surface);border:1px solid var(--c-line);border-radius:18px;padding:1.25rem 1.25rem 1rem}
@media (min-width:1024px){.filters{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}}
.filters__head{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--c-line)}
.filters__head .h3{margin:0 auto 0 0;font-size:1.3rem}
.filters__head .link-mini{min-height:44px}
.filters__close,.filters__apply{display:none}
.filters fieldset{border:0;margin:0;padding:1rem 0 .75rem;border-bottom:1px solid var(--c-line);min-width:0}
.filters fieldset:last-child{border-bottom:0}
.filters legend{float:left;width:100%;font-size:.72rem;color:var(--c-muted);margin-bottom:.4rem;padding:0}
.fcheck{display:flex;align-items:center;gap:.7rem;min-height:40px;cursor:pointer;font-size:.9375rem;clear:both}
.fcheck input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--brand);cursor:pointer}
.fcheck span{flex:1;min-width:0}
.fcheck em{font-style:normal;font-size:.75rem;color:var(--text-faint);min-width:1.6em;text-align:right}
.fcheck:has(input:checked) span{color:var(--text-strong);font-weight:500}
@media (max-width:1023px){
  .filters{position:fixed;top:0;bottom:0;left:0;z-index:160;width:min(380px,88vw);border-radius:0 18px 18px 0;border:0;padding:calc(12px + env(safe-area-inset-top)) 1.25rem calc(1rem + var(--safe-b));overflow:auto;transform:translateX(-102%);transition:transform .4s var(--ease-out);visibility:hidden;display:flex;flex-direction:column}
  .filters.is-open{transform:none;visibility:visible;box-shadow:var(--shadow-3)}
  .filters__close{display:grid;width:44px;height:44px}
  .filters form{flex:1}
  .filters__apply{display:inline-flex;position:sticky;bottom:0;margin-top:1rem}
}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--c-line)}
.toolbar .result-count{margin:0 auto 0 0;font-size:.75rem}
.toolbar__filters{display:inline-flex}
.toolbar__filters [data-f-n]:not(:empty){display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--c-gold);font-size:.75rem}
@media (min-width:1024px){.toolbar__filters{display:none}}
.toolbar__right{display:flex;align-items:center;gap:.6rem}
.sort select{min-height:44px;padding:.5em 2.3em .5em 1em;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23B68529' stroke-width='1.5'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 1em center;-webkit-appearance:none;appearance:none;font-size:.875rem;cursor:pointer}
.viewtog{display:flex;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);padding:3px}
.viewtog button{width:40px;height:38px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--text-muted)}
.viewtog button svg{width:18px;height:18px}
.viewtog button.is-on{background:var(--text-strong);color:#fff}
@media (max-width:699px){.viewtog{display:none}}
@media (max-width:479px){.toolbar .result-count{order:3;width:100%}.toolbar__right{margin-left:auto}}
.active-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}
.active-chips:empty{display:none}
.achip{display:inline-flex;align-items:center;gap:.4em;min-height:36px;padding:.3em .55em .3em .9em;border-radius:var(--r-pill);background:var(--brand-50);border:1px solid var(--brand-200);font-size:.8125rem;color:var(--brand-800)}
.achip svg{width:14px;height:14px}
.achip--clear{background:none;border-color:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--text-muted);padding-inline:.6em}
.empty{border:1px dashed var(--c-line-strong);border-radius:18px;padding:clamp(1.5rem,1rem + 2vw,2.5rem);text-align:left;background:var(--surface);max-width:640px}
.empty .h3{margin-bottom:.4rem}
.plots-soon{display:grid;gap:1rem;margin-top:2rem}
@media (min-width:600px){.plots-soon{grid-template-columns:1fr 1fr}}
.plots-soon a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/7;isolation:isolate}
.plots-soon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-out)}
.plots-soon a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.75),rgba(11,11,12,.15))}
.plots-soon span{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#fff;display:grid;gap:4px}
.plots-soon strong{font-family:var(--f-display);font-weight:400;font-size:1.5rem}
.plots-soon small{font-size:.8125rem;color:var(--brand-300)}
@media (hover:hover){.plots-soon a:hover img{transform:scale(1.05)}}
@media (max-width:599px){.plots-soon a{aspect-ratio:16/8}}

/* ---- 9. Product (project) page ----------------------------------------- */
.product{padding:calc(var(--header-h) + 1.25rem) 0 1rem}
.product .crumbs{margin-bottom:1rem}
.product__grid{display:grid;gap:1.75rem}
@media (min-width:1024px){.product__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,1rem + 2.5vw,3.5rem);align-items:start}}
.pg{min-width:0}
.pg__stage{position:relative;border-radius:20px;overflow:hidden;background:var(--cream-200);aspect-ratio:4/3}
.pg__track.gallery{display:flex;gap:0;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.pg__track::-webkit-scrollbar{display:none}
.pg__track .pg__slide,.pg__track .pg__slide:first-child{flex:0 0 100%;height:100%;aspect-ratio:auto;grid-column:auto;grid-row:auto;border-radius:0;scroll-snap-align:start;margin:0}
.pg__slide button{cursor:zoom-in}
.pg__slide img{width:100%;height:100%;object-fit:cover}
.pg__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;background:rgba(255,255,255,.92);border-color:transparent;color:var(--text-strong);box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.pg__prev{left:12px}.pg__next{right:12px}
.pg__count{position:absolute;right:12px;bottom:12px;z-index:3;padding:.35em .8em;border-radius:var(--r-pill);background:rgba(11,11,12,.6);color:#fff;font-size:.8125rem;font-weight:500}
.pg__stage .pcard__badge{top:14px;left:14px}
.pg__thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pg__thumbs::-webkit-scrollbar{display:none}
.pg__thumb{flex:0 0 auto;width:88px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.7;transition:opacity var(--dur-1),border-color var(--dur-1)}
.pg__thumb img{width:100%;height:100%;object-fit:cover}
.pg__thumb.is-on{border-color:var(--c-gold);opacity:1}
@media (hover:hover){.pg__thumb:hover{opacity:1}}
@media (max-width:599px){.pg__stage{border-radius:14px;aspect-ratio:4/3}.pg__nav{width:44px;height:44px}.pg__thumb{width:72px;height:54px}}
.pinfo{min-width:0}
@media (min-width:1024px){.pinfo{position:sticky;top:calc(var(--header-h) + 20px)}}
.pinfo__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.pinfo__loc{display:flex;align-items:center;gap:.4em;margin:0;font-size:.875rem;color:var(--text-muted)}
.pinfo__loc svg{width:16px;height:16px;color:var(--brand-700);flex:none}
.pinfo__logo{width:110px;height:52px;object-fit:contain;padding:6px 10px;background:#fff;border:1px solid var(--c-line);border-radius:10px;flex:none}
.h1.pinfo__name{font-size:clamp(2rem,1.5rem + 1.8vw,3.1rem);margin-bottom:.6rem;max-width:none}
.pinfo__sub{color:var(--text-muted);margin-bottom:1.25rem}
.pinfo__specs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:1rem}
.pinfo__specs li{display:flex;flex-direction:column;gap:6px;padding:.8rem;border:1px solid var(--c-line);border-radius:12px;background:var(--surface);font-size:.875rem;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.pinfo__specs svg{width:20px;height:20px;color:var(--brand-700)}
.pinfo__price{display:grid;gap:2px;padding:1rem 1.1rem;border-radius:14px;background:var(--brand-50);border:1px solid var(--brand-200);margin-bottom:1rem}
.pinfo__price span{font-size:.75rem;color:var(--brand-800)}
.pinfo__price strong{font-family:var(--f-display);font-weight:400;font-size:1.6rem;line-height:1.2}
.pinfo__price small{font-size:.8125rem;color:var(--text-muted)}
.pinfo__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pinfo__btns .btn{padding-inline:1em}
@media (max-width:419px){.pinfo__btns{grid-template-columns:1fr}}
.pinfo__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.pinfo__actions>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;border:1px solid var(--c-line);border-radius:12px;background:var(--surface);font-size:.78rem;font-weight:500;color:var(--text-strong);cursor:pointer;transition:border-color var(--dur-1),color var(--dur-1)}
.pinfo__actions svg{width:19px;height:19px}
.pinfo__actions input{position:absolute;opacity:0;pointer-events:none}
.pinfo__actions label{position:relative}
.pinfo__actions [aria-pressed="true"],.pinfo__actions label:has(input:checked){border-color:var(--c-gold);color:var(--brand-700);background:var(--brand-50)}
.pinfo__actions [aria-pressed="true"] svg{fill:currentColor}
.pinfo__actions label:has(input:focus-visible){outline:2px solid var(--c-gold);outline-offset:2px}
@media (hover:hover){.pinfo__actions>*:hover{border-color:var(--c-gold)}}
.ptabs{position:sticky;top:var(--header-h);z-index:60;background:rgba(251,249,244,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--c-line);transition:top var(--dur-2) var(--ease-out)}
body:has(.site-header.is-hidden) .ptabs{top:0}
.ptabs__inner{display:flex;gap:clamp(1rem,.5rem + 2vw,2.5rem);overflow-x:auto;scrollbar-width:none}
.ptabs__inner::-webkit-scrollbar{display:none}
.ptabs a{position:relative;flex:none;display:inline-flex;align-items:center;min-height:52px;font-size:.9375rem;color:var(--text-muted);white-space:nowrap}
.ptabs a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--c-gold);transform:scaleX(0);transition:transform var(--dur-2) var(--ease-out)}
.ptabs a.is-on{color:var(--text-strong)}
.ptabs a.is-on::after{transform:none}
[id="overview"],[id="highlights"],[id="amenities"],[id="location"],[id="configuration"]{scroll-margin-top:calc(var(--header-h) + 70px)}
.amen--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
@media (min-width:768px){.amen--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.amen--grid li{display:flex;align-items:flex-start;gap:.6em;padding:.75em 0;border:0;border-bottom:1px solid var(--c-line);border-radius:0;font-size:.9375rem;line-height:1.45}
.amen--grid svg{width:18px;height:18px;flex:none;color:var(--brand-700);margin-top:.15em}
.ticks{list-style:none;display:grid;gap:.75rem;margin:0}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:.6rem;color:var(--text-muted);line-height:1.6}
.ticks svg{width:18px;height:18px;margin-top:.25em;color:var(--brand-700)}
.pin-line{display:flex;align-items:flex-start;gap:.5em}
.pin-line svg{width:18px;height:18px;flex:none;margin-top:.3em;color:var(--brand-700)}
.detail .facts{box-shadow:none}
@media (max-width:599px){.pinfo__actions>*{min-height:56px;font-size:.72rem}.amen--grid{grid-template-columns:1fr}}
/* Project page quickbar enquire is a button */
.quickbar button{font:inherit}

/* ---- 10. Per-page photo CTA ------------------------------------------- */
.cta2{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(4rem,3rem + 5vw,8rem);
  --c-text:var(--text-on-dark);--c-muted:var(--text-on-dark-muted);--c-gold-text:var(--brand-300);color:var(--c-text)}
.cta2__media{position:absolute;inset:0;z-index:-2}
.cta2__media img{width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(.85);transform:scale(1.06)}
.cta2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.82) 0%,rgba(11,11,12,.55) 55%,rgba(11,11,12,.35) 100%)}
.cta2__grid{display:grid;gap:2rem;align-items:center}
@media (min-width:1024px){.cta2__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,2rem + 3vw,6rem)}}
.cta2__ctx{display:inline-flex;align-items:center;gap:.45em;padding:.45em .95em;border-radius:var(--r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:.72rem;color:#fff;margin-bottom:1.25rem}
.cta2__ctx svg{width:14px;height:14px;color:var(--brand-300)}
.cta2 .h1{color:#fff;max-width:16ch;margin-bottom:1rem}
.cta2 .h1 em{color:var(--brand-300)}
.cta2 .lead{color:var(--text-on-dark);margin-bottom:1.5rem}
.cta2__ticks{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:0}
.cta2__ticks li{display:flex;align-items:center;gap:.5em;font-size:.9375rem;color:var(--text-on-dark)}
.cta2__ticks svg{width:18px;height:18px;color:var(--brand-300)}
.cta2__card{--c-text:var(--text-strong);--c-muted:var(--text-muted);--c-gold-text:var(--brand-700);--c-line-strong:var(--cream-300);color:var(--text-strong);
  background:rgba(251,249,244,.9);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:clamp(1.25rem,1rem + 1.5vw,2.25rem);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);gap:.9rem;width:100%;max-width:500px;justify-self:end}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cta2__card{background:rgba(251,249,244,.98)}}
.cta2__card-title{font-family:var(--f-display);font-size:1.6rem;line-height:1.2;margin:0 0 .25rem}
.cta2__card .field input{background:#fff}
.cta2__chips{border:0;margin:0;padding:0;min-width:0}
.cta2__chips legend{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;padding:0}
.cta2__chips .chips{gap:6px}
.chip--glass span{background:#fff;padding:.45em 1em;font-size:.875rem}
.cta2__alt{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin:0;font-size:.875rem}
.cta2__alt a{display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--text-strong)}
.cta2__alt svg{width:16px;height:16px;color:var(--brand-700)}
.cta2__card--btns{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;gap:.75rem;padding:0;max-width:420px}
.cta2__card--btns .btn{width:100%}
.cta2__card--btns .btn--primary{--fg:var(--text-strong)}
@media (max-width:1023px){.cta2__card{justify-self:stretch;max-width:560px}}
@media (max-width:599px){.cta2::before{background:linear-gradient(180deg,rgba(11,11,12,.78),rgba(11,11,12,.6))}.cta2__ticks{gap:.5rem 1rem}.cta2__ticks li{font-size:.875rem}}

/* ---- 11. Contact: office + video --------------------------------------- */
.office{position:relative;display:grid;gap:0}
.office__map{position:relative;border-radius:22px;overflow:hidden;min-height:clamp(320px,40vw,520px);background:
  linear-gradient(var(--cream-200) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--cream-200) 1px,transparent 1px) 0 0/40px 40px,var(--cream-100);border:1px solid var(--c-line)}
.office__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.55) sepia(.18) contrast(1.02)}
.office__pin{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,calc(-100% - 46px));display:inline-flex;align-items:center;gap:.45em;padding:.55em 1em;border-radius:var(--r-pill);background:var(--text-strong);color:#fff;font-size:.8125rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-2);pointer-events:none}
.office__pin svg{width:15px;height:15px;color:var(--brand-300)}
.office__pin::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:var(--text-strong);transform:translateX(-50%) rotate(45deg);border-radius:2px}
.office__map:not(.is-loaded) .office__pin{transform:translate(-50%,-50%)}
.office__map:not(.is-loaded) .office__pin::after{display:none}
.office__card{position:relative;z-index:3;background:var(--surface);border:1px solid var(--c-line);border-radius:20px;padding:clamp(1.25rem,1rem + 1vw,2rem);box-shadow:var(--shadow-2);display:grid;gap:.6rem}
.office__name{font-family:var(--f-display);font-size:1.5rem;margin:0}
.office__addr{display:grid;grid-template-columns:20px 1fr;gap:.6rem;margin:0 0 .25rem;color:var(--text-muted);line-height:1.6}
.office__addr svg{width:18px;height:18px;margin-top:.25em;color:var(--brand-700)}
.office__line{margin:0}
.office__line a{display:inline-flex;align-items:center;gap:.6rem;min-height:40px;overflow-wrap:anywhere}
.office__line svg{width:18px;height:18px;flex:none;color:var(--brand-700)}
.office__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}
.office__btns .btn{min-height:46px;padding:.6em 1.1em;font-size:.875rem}
.office__btns .btn svg{width:17px;height:17px}
@media (min-width:1024px){.office__card{position:absolute;left:2rem;top:50%;transform:translateY(-50%);width:400px}.office__map{min-height:540px}}
@media (max-width:1023px){.office__card{margin:-3.5rem 1rem 0}.office__btns .btn{flex:1 1 auto}}
@media (max-width:399px){.office__card{margin-inline:0}}
.vid{position:relative;margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);border-radius:22px;overflow:hidden;aspect-ratio:21/9;background:var(--text-strong)}
@media (max-width:767px){.vid{aspect-ratio:16/9;border-radius:16px}}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.85)}
.vid button{position:absolute;inset:0;width:100%;display:grid;place-items:center;color:#fff}
.vid .play{width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);border-radius:50%;display:grid;place-items:center;background:var(--c-gold);color:var(--text-strong);box-shadow:0 0 0 12px rgba(182,133,41,.22);transition:transform var(--dur-2) var(--ease-out)}
.vid .play svg{width:30%;height:30%;margin-left:6%;fill:currentColor}
@media (hover:hover){.vid button:hover .play{transform:scale(1.08)}}
.vid__label{position:absolute;left:clamp(1rem,.8rem + 1vw,2rem);right:1rem;bottom:clamp(1rem,.8rem + 1vw,1.75rem);text-align:left;font-family:var(--f-display);font-size:clamp(1.05rem,.9rem + .8vw,1.7rem);line-height:1.25;max-width:30ch}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:599px){.vid__label{font-size:.95rem}}

/* ---- 12. Footer statement (blurred skyline) --------------------------- */
.site-footer{padding-top:0}
.footer__statement{position:relative;isolation:isolate;overflow:hidden;display:block;padding:clamp(3.5rem,2.5rem + 4vw,6.5rem) 0;border-bottom:0;
  --c-text:#fff;--c-gold-text:var(--brand-300);color:#fff}
.footer__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.08)}
.footer__statement::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.78),rgba(11,11,12,.5))}
.footer__statement-inner{display:grid;gap:1.75rem}
@media (min-width:1024px){.footer__statement-inner{grid-template-columns:1fr auto;align-items:center}}
.footer__statement .h2{max-width:18ch;color:#fff;margin:0}
.footer__statement .h2 em{color:var(--brand-300)}
.footer__grid{padding-top:clamp(3rem,2rem + 3vw,4.5rem)}
@media (max-width:599px){.footer__statement .cta-band__ctas{flex-direction:column;align-items:stretch}}

/* ---- 13. Floating buttons + quickbar ---------------------------------- */
.fab{position:fixed;right:max(20px,var(--safe-r));bottom:calc(24px + var(--safe-b));z-index:90;display:none;flex-direction:column;gap:10px;transition:bottom var(--dur-2) var(--ease-out)}
@media (min-width:768px){.fab{display:flex}}
.fab__btn{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(11,11,12,.45);transition:transform var(--dur-2) var(--ease-out)}
.fab__btn svg{width:24px;height:24px}
.fab__btn--wa{background:#25D366;color:#fff}
.fab__btn--wa svg{width:27px;height:27px}
.fab__btn--mail{background:var(--text-strong);color:var(--brand-300)}
.fab__btn--chat{background:var(--c-gold);color:var(--text-strong)}
.fab__tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:.4em .8em;border-radius:8px;background:var(--text-strong);color:#fff;font-size:.8125rem;opacity:0;pointer-events:none;transition:opacity var(--dur-1),transform var(--dur-2) var(--ease-out)}
@media (hover:hover){.fab__btn:hover{transform:scale(1.07)}.fab__btn:hover .fab__tip{opacity:1;transform:translate(0,-50%)}}
.fab__btn:focus-visible .fab__tip{opacity:1;transform:translate(0,-50%)}
.to-top{bottom:calc(24px + var(--safe-b))}
@media (min-width:768px){.to-top{right:auto;left:max(20px,var(--safe-l))}}
body.has-cmp .fab{bottom:calc(100px + var(--safe-b))}
body.has-cmp .to-top{bottom:calc(100px + var(--safe-b))}
body.chat-open .fab{opacity:0;pointer-events:none}

.quickbar{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr)}
.quickbar>a,.quickbar>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;font-size:.75rem;font-weight:500;color:var(--text-strong);border-right:1px solid var(--c-line);background:transparent}
.quickbar>a:last-child{background:transparent;color:var(--text-strong)}
.quickbar svg{width:20px;height:20px}
.quickbar .wa svg{color:#1DA851}
.quickbar [data-open-chat] svg{color:var(--brand-700)}
.quickbar .qb-cta,.quickbar>a.qb-cta:last-child{flex-direction:row;gap:.4em;background:var(--c-gold);color:var(--text-strong);border-right:0;font-size:.9375rem;font-weight:600}
@media (max-width:359px){.quickbar{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr)}.quickbar>a,.quickbar>button{font-size:.75rem}.quickbar .qb-cta{font-size:.8125rem}}
@media (max-width:300px){.quickbar svg{display:block;width:18px;height:18px}.quickbar>a span,.quickbar>button span{display:none}}

/* ---- 14. Shortlist panel, compare, quick enquiry ---------------------- */
.scrim{position:fixed;inset:0;z-index:140;background:rgba(11,11,12,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .25s}
.sl-panel{position:fixed;top:0;right:0;bottom:0;z-index:160;width:min(420px,100%);display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-3);padding:calc(12px + env(safe-area-inset-top)) 0 0;animation:slideIn .35s var(--ease-out)}
@keyframes slideIn{from{transform:translateX(100%)}}
.sl-panel__head{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem .75rem;border-bottom:1px solid var(--c-line)}
.sl-panel__head .h3{margin:0}
.sl-panel__list{flex:1;overflow:auto;padding:.75rem 1.25rem;display:grid;align-content:start;gap:.6rem}
.sl-panel__foot{padding:1rem 1.25rem calc(1rem + var(--safe-b));border-top:1px solid var(--c-line)}
.sl-item{display:grid;grid-template-columns:84px 1fr 44px;gap:.85rem;align-items:center;padding:.5rem;border:1px solid var(--c-line);border-radius:14px}
.sl-item img{width:84px;height:64px;border-radius:10px;object-fit:cover}
.sl-item a{display:block;min-width:0}
.sl-item strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1.05rem;line-height:1.25}
.sl-item small{display:block;color:var(--text-muted);font-size:.8125rem}
.sl-item button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--text-muted)}
.sl-item button svg{width:16px;height:16px}
@media (hover:hover){.sl-item button:hover{background:var(--cream-100);color:var(--danger)}}
.sl-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}
.sl-empty svg{width:40px;height:40px;margin:0 auto 1rem;color:var(--brand-300)}

.cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:96;background:var(--surface);border-top:1px solid var(--c-line-strong);box-shadow:0 -14px 40px -18px rgba(11,11,12,.3);padding:10px 0 calc(10px + var(--safe-b));animation:fadeUp .35s var(--ease-out)}
@media (max-width:767px){.cmp-bar{bottom:calc(58px + var(--safe-b));padding-bottom:10px}}
.cmp-bar__inner{display:flex;align-items:center;gap:.75rem}
.cmp-bar__items{flex:1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.cmp-chip{flex:none;display:flex;align-items:center;gap:.5rem;padding:4px 4px 4px 4px;border:1px solid var(--c-line);border-radius:12px;background:var(--cream-50);max-width:240px}
.cmp-chip img{width:48px;height:38px;border-radius:8px;object-fit:cover}
.cmp-chip span{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-chip button{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--text-muted)}
.cmp-chip button svg{width:14px;height:14px}
.cmp-slot{flex:none;display:grid;place-items:center;width:120px;height:48px;border:1px dashed var(--c-line-strong);border-radius:12px;font-size:.75rem;color:var(--text-faint)}
.cmp-bar .btn{min-height:46px;padding:.6em 1.2em}
.cmp-bar__clear{min-height:44px;padding:0 .5rem;font-size:.875rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}
@media (max-width:599px){.cmp-slot{display:none}.cmp-chip span{max-width:90px}.cmp-bar__clear{display:none}}
.cmp-dialog{display:block!important;width:min(1100px,100%);padding:clamp(1rem,.8rem + 1.5vw,2rem)}
.cmp-dialog .modal__close{top:10px;right:10px}
.cmp-table{overflow-x:auto;margin-top:2.5rem}
.cmp-table table{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed;font-size:.9rem}
.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;padding:.8rem .7rem;border-bottom:1px solid var(--c-line);overflow-wrap:anywhere}
.cmp-table tbody th{width:150px;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.cmp-table thead th{border-bottom:0}
.cmp-table thead img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:.6rem}
.cmp-table thead strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1.2rem;line-height:1.25;margin-bottom:.5rem}
.cmp-table thead .btn{min-height:40px;font-size:.8125rem;padding:.4em .9em}
.cmp-table .cmp-h{margin:0 0 .25rem;font-family:var(--f-display);font-size:1.6rem}
.qe-dialog{display:block!important;width:min(520px,100%)}
.qe-dialog .modal__body{padding-top:clamp(1.75rem,1.2rem + 2vw,2.5rem)}
.qe-dialog .h3{font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem);margin-bottom:1rem;padding-right:2.5rem}

/* Recently viewed */
.recent{border-top:1px solid var(--c-line)}
.recent .row-head{margin-bottom:1rem;align-items:center}
.mini-cards{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mini-cards::-webkit-scrollbar{display:none}
.mini{flex:0 0 auto;display:grid;grid-template-columns:72px 1fr;gap:.75rem;align-items:center;width:min(300px,80vw);padding:8px;border:1px solid var(--c-line);border-radius:14px;background:var(--surface);transition:border-color var(--dur-1)}
.mini img{width:72px;height:56px;border-radius:9px;object-fit:cover}
.mini strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1rem;line-height:1.25}
.mini small{display:block;color:var(--text-muted);font-size:.78rem}
@media (hover:hover){.mini:hover{border-color:var(--c-gold)}}

/* ---- 15. Chat assistant ----------------------------------------------- */
.chat{position:fixed;right:max(20px,var(--safe-r));bottom:calc(24px + var(--safe-b));z-index:170;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100svh - 48px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--c-line);border-radius:22px;box-shadow:0 40px 90px -30px rgba(11,11,12,.55);overflow:hidden;animation:fadeUp .35s var(--ease-out)}
.chat__head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--text-strong);color:#fff}
.chat__head>div{flex:1;min-width:0}
.chat__avatar{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c-gold);color:var(--text-strong)}
.chat__avatar svg{width:22px;height:22px}
.chat__name{margin:0;font-family:var(--f-display);font-size:1.1rem;line-height:1.2}
.chat__status{margin:0;font-size:.75rem;color:var(--brand-300);display:flex;align-items:center;gap:.4em}
.chat__status::before{content:"";width:7px;height:7px;border-radius:50%;background:#3BD16F}
.chat__head .circle-btn{width:44px;height:44px;border-color:rgba(255,255,255,.3);color:#fff}
.chat__log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:.6rem;background:var(--cream-50)}
.msg{max-width:86%;padding:.65rem .9rem;border-radius:16px;font-size:.9375rem;line-height:1.5;animation:fadeUp .3s var(--ease-out)}
.msg p{margin:0}
.msg p+p{margin-top:.4rem}
.msg a{color:var(--brand-700);text-decoration:underline;text-underline-offset:3px}
.msg--bot{align-self:flex-start;background:var(--surface);border:1px solid var(--c-line);border-bottom-left-radius:4px}
.msg--me{align-self:flex-end;background:var(--text-strong);color:#fff;border-bottom-right-radius:4px}
.msg--typing{display:flex;gap:4px;padding:.8rem 1rem}
.msg--typing i{width:7px;height:7px;border-radius:50%;background:var(--text-faint);animation:typing 1s infinite}
.msg--typing i:nth-child(2){animation-delay:.15s}.msg--typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.qr-wrap{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:100%}
.qr{min-height:40px;padding:.4em .9em;border-radius:var(--r-pill);border:1px solid var(--c-gold);background:var(--surface);color:var(--brand-700);font-size:.8125rem;font-weight:500;transition:all var(--dur-1)}
@media (hover:hover){.qr:hover{background:var(--c-gold);color:var(--text-strong)}}
.chat-cards{display:grid;gap:6px;align-self:stretch}
.chat-card{display:grid;grid-template-columns:64px 1fr;gap:.7rem;align-items:center;padding:6px;border:1px solid var(--c-line);border-radius:12px;background:var(--surface)}
.chat-card img{width:64px;height:50px;border-radius:8px;object-fit:cover}
.chat-card strong{display:block;font-family:var(--f-display);font-weight:400;font-size:.98rem;line-height:1.25}
.chat-card small{display:block;color:var(--text-muted);font-size:.75rem;line-height:1.35}
@media (hover:hover){.chat-card:hover{border-color:var(--c-gold)}}
.chat-lead{display:grid;gap:6px;align-self:stretch;padding:.75rem;border:1px solid var(--brand-200);border-radius:14px;background:var(--brand-50)}
.chat-lead input{min-height:44px;padding:.5em .8em;border:1px solid var(--cream-300);border-radius:10px;background:#fff;font-size:16px}
.chat-lead .btn{min-height:44px}
.chat-lead p{margin:0;font-size:.8125rem;color:var(--text-muted)}
.chat-lead .err{color:var(--danger)}
.chat__input{display:flex;gap:8px;padding:.6rem;border-top:1px solid var(--c-line);background:var(--surface)}
.chat__input input{flex:1;min-width:0;min-height:46px;padding:.5em .9em;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);font-size:16px;outline:none}
.chat__input input:focus{border-color:var(--c-gold);box-shadow:var(--focus-ring)}
.chat__input button{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c-gold);color:var(--text-strong)}
.chat__input button svg{width:20px;height:20px}
@media (max-width:767px){.chat{inset:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0;padding-bottom:var(--safe-b)}.chat__head{padding-top:calc(.9rem + env(safe-area-inset-top))}}

/* ---- 16. 404, misc ---------------------------------------------------- */
.notfound{min-height:72svh}
.nf-code{font-size:.8125rem;color:var(--c-gold-text);margin-bottom:1rem}
.notfound .h1{max-width:14ch;margin-bottom:1rem}
.enquire-card .h3{font-size:1.5rem}
.contact .enquire-card .muted{margin-bottom:1.25rem}
.socials a{width:44px;height:44px}
.nap .ic svg,.socials svg{width:18px;height:18px}
.dossier{margin-top:1.75rem}
.section--paper .dossier li,.section--paper .dossier{border-color:var(--c-ink-line)}
/* Consistent radii on surface cards */
.bento__tile,.enquire-card,.stepper,.soon,.wall,.facts,.finder{border-radius:20px}
/* Quote dots: comfortable tap targets */
.dots button{width:36px;height:44px}
/* Hide old filter bar / finder leftovers */
.filterbar,.finder-wrap{display:none}
/* Modal stacking when several open */
.modal{z-index:300}
.lightbox{z-index:400}
@media (max-width:767px){body{padding-bottom:calc(58px + var(--safe-b))}.to-top{bottom:calc(72px + var(--safe-b));right:max(14px,var(--safe-r))}body.has-cmp .to-top{bottom:calc(140px + var(--safe-b))}}
@media print{.fab,.chat,.sl-panel,.cmp-bar,.search-ov,.ptabs,.cta2,.scrim,.filters{display:none!important}}

/* Toast */
.toast{position:fixed;left:50%;bottom:calc(28px + var(--safe-b));z-index:500;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:.75em 1.2em;border-radius:var(--r-pill);background:var(--text-strong);color:#fff;font-size:.875rem;box-shadow:var(--shadow-2);transition:opacity .25s,transform .35s var(--ease-out)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:767px){.toast{bottom:calc(72px + var(--safe-b))}body.has-cmp .toast{bottom:calc(140px + var(--safe-b))}}

/* ---- 17. v25 QA fixes ---------------------------------------------------- */
.skip-link:not(:focus){opacity:0;pointer-events:none;clip-path:inset(50%)}
.loc-grid{grid-auto-flow:row dense}
@media (min-width:1024px){.types:hover .type{flex:1}.types:has(.type:hover) .type{flex:.8}.types .type:hover{flex:2.2}}
@media (max-width:599px){
  .hsearch__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
  .hsearch__tabs::-webkit-scrollbar{display:none}
  .hs-tab{flex:none}
  .bento__tile{padding:1.25rem 1.25rem 1.4rem;gap:.9rem}
  .bento__tile h3{font-size:1.3rem}
  .bento__tile--feature h3{font-size:1.6rem}
}
.shop .cards--shop{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1180px){.shop .cards--shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1900px){.shop .cards--shop{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:559px){.shop .cards--shop{grid-template-columns:1fr}.cards--shop .pcard__media{aspect-ratio:16/10}}
@media (min-width:1024px){.detail__aside{top:calc(var(--header-h) + 76px)}body:has(.site-header.is-hidden) .detail__aside{top:76px}}
.office__btns{display:grid;grid-template-columns:1fr 1fr}
.office__btns .btn:first-child{grid-column:1/-1}
.proc__n{font-family:var(--f-sans);font-weight:500;font-size:2rem;letter-spacing:-.02em;color:var(--brand-200)}
@media (min-width:768px){body.has-cmp .chat{bottom:calc(96px + var(--safe-b));height:min(620px,calc(100svh - 130px))}}
@media (max-width:599px){.cmp-table table{min-width:0}.cmp-table table[data-n="3"]{min-width:540px}.cmp-table tbody th{width:88px;font-size:.72rem;letter-spacing:.08em}.cmp-table th,.cmp-table td{padding:.65rem .45rem}.cmp-table .cmp-h{font-size:1.25rem}.cmp-table thead .btn{padding:.35em .7em;min-height:40px}}

.link-mini{padding-inline:.35rem}
.viewtog button{height:42px;width:44px}
.hdr-count{font-size:.72rem}
@media (max-width:399px){.hero .pop-chip:nth-of-type(n+3){display:none}.hero__popular>span{width:auto}}