/* ===== design v9 — "On Air": the broadcast layout (homepage hero + live card + search, Up next, swipeable listings,
   hosts, neighborhood mosaic, trust band; Bridges LIVE page; property page). Light near-white + ink + emerald; red only
   for LIVE while a stream is really on air. Look only — content, links and schema live in the pages. */
:root{--v9-paper:#FCFCFA;--v9-tone:#F3F5F4;--v9-ink:#141414;--v9-mute:#5F5E59;--v9-em:#0C6B4F;--v9-em-d:#095540;--v9-em-t:#E4EFE8;
  --v9-live:#E5484D;--v9-line:rgba(20,20,20,.09);--v9-r:18px;--v9-r-lg:24px;--v9-sh:0 1px 2px rgba(20,20,20,.04),0 18px 40px -22px rgba(20,20,20,.22);
  --v9-ease:cubic-bezier(.2,.75,.2,1)}

/* ---------- 1. BROADCAST HERO: player (left) + live card (right), then the headline, search and actions */
:root body.home:not(#_x) .v7-walk>.st.lx-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"player card" "copy copy";
  gap:clamp(16px,1.8vw,24px) clamp(16px,1.8vw,24px);align-items:stretch;min-height:0!important;height:auto!important;
  padding:clamp(18px,2vw,28px) var(--gut,24px) clamp(40px,4vw,64px)!important;background:var(--v9-paper)!important;color:var(--v9-ink);max-width:1488px;margin:0 auto;overflow:visible}
:root body.home:not(#_x) .lx-hero .lx-hero-shade,:root body.home:not(#_x) .lx-hero .st-cap{display:none!important}
:root body.home:not(#_x) .lx-hero .st-player{grid-area:player;position:relative!important;inset:auto!important;z-index:1!important;aspect-ratio:16/9!important;border-radius:var(--v9-r-lg)!important;overflow:hidden;background:var(--v9-tone)!important;box-shadow:var(--v9-sh)}
:root body.home:not(#_x) .lx-hero .st-player .st-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:root body.home:not(#_x) .lx-hero .st-player::before{inset:16px!important}
:root body.home:not(#_x) .lx-hero .lx-hero-in{grid-area:copy;position:relative!important;padding:clamp(20px,2.4vw,40px) 0 0!important;display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px clamp(24px,4vw,72px)!important;align-items:end;max-width:none!important;width:100%}
:root body.home:not(#_x) .lx-hero .lx-hero-in>*{grid-column:1;animation:none!important}
:root body.home:not(#_x) .lx-hero .st-on{color:var(--v9-mute)!important;text-shadow:none!important}
:root body.home:not(#_x) .lx-hero h1{color:var(--v9-ink)!important;text-shadow:none!important;font-size:clamp(52px,7.2vw,124px)!important;line-height:.92!important;letter-spacing:-.05em!important;max-width:12ch;margin:0!important}
:root body.home:not(#_x) .lx-hero h1 em{color:var(--v9-em)!important;font-weight:400!important}
:root body.home:not(#_x) .lx-hero .lx-hero-sub{grid-column:2!important;grid-row:2;color:var(--v9-mute)!important;text-shadow:none!important;max-width:46ch;font-size:clamp(16px,1.2vw,18.5px)!important}
:root body.home:not(#_x) .lx-hero .v9-search{grid-column:1/-1!important}
:root body.home:not(#_x) .lx-hero .bx-btns{grid-column:1/-1!important;margin:0!important}
:root body.home:not(#_x) .lx-hero .bx-btn--glass{background:transparent!important;color:var(--v9-ink)!important;border:1px solid var(--v9-ink)!important;text-shadow:none!important;backdrop-filter:none!important}
:root body.home:not(#_x) .lx-hero .bx-btn--glass:hover{border-color:var(--v9-em)!important;color:var(--v9-em)!important}
:root body.home:not(#_x) .lx-hero-pause{right:auto;left:calc(var(--gut,24px) + 18px);top:calc(clamp(18px,2vw,28px) + 18px);bottom:auto}

/* the live card — what's on, who hosts it, which home, where, price, actions */
:root body.home:not(#_x) .v9-card{grid-area:card;display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2vw,28px);border-radius:var(--v9-r-lg);background:#fff;border:1px solid var(--v9-line);box-shadow:var(--v9-sh);min-width:0}
:root body.home:not(#_x) .v9-card-k{margin:0;display:flex;align-items:center;gap:10px;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-sig{position:relative;width:20px;height:20px;display:inline-grid;place-items:center}
:root body.home:not(#_x) .v9-sig i{width:8px;height:8px;border-radius:50%;background:#9A9A96}
:root body.home:not(#_x) .v9-card.is-live .v9-sig i{background:var(--v9-live)}
:root body.home:not(#_x) .v9-card.is-live .v9-sig::after{content:"";position:absolute;inset:2px;border-radius:50%;border:2px solid var(--v9-live);animation:v9-ping 1.6s ease-out infinite}
:root body.home:not(#_x) .v9-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--v9-tone);color:var(--v9-ink);font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
:root body.home:not(#_x) .v9-card.is-live .v9-tag{background:var(--v9-live);color:#fff}
:root body.home:not(#_x) .v9-card.is-next .v9-tag{background:var(--v9-em-t);color:var(--v9-em-d)}
:root body.home:not(#_x) .v9-onair{display:inline-flex;align-items:center;gap:7px}
:root body.home:not(#_x) .v9-onair i{width:7px;height:7px;border-radius:50%;background:#fff}
:root body.home:not(#_x) .v9-vw{align-self:flex-start;font:500 13px/1 var(--sans);color:var(--v9-mute)}
:root body.home:not(#_x) .v9-meta{margin:4px 0 0;font:500 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-title{margin:0!important;font:500 clamp(22px,1.8vw,30px)/1.08 var(--display)!important;letter-spacing:-.025em!important;color:var(--v9-ink)}
:root body.home:not(#_x) .v9-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--v9-line)}
:root body.home:not(#_x) .v9-facts>div{padding:10px 8px 10px 0;border-bottom:1px solid var(--v9-line)}
:root body.home:not(#_x) .v9-facts dt{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-facts dd{margin:5px 0 0;font-size:15px;font-weight:500;color:var(--v9-ink)}
:root body.home:not(#_x) .v9-facts dd small{display:block;font-weight:400;font-size:12.5px;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-acts{display:flex;flex-direction:column;gap:10px;margin-top:auto}
:root body.home:not(#_x) .v9-acts .bx-btn{width:100%;justify-content:center;min-height:50px!important}
:root body.home:not(#_x) .v9-next[hidden]{display:none}

/* search bar under the headline */
:root body:not(#_x) .v9-search{display:grid;grid-template-columns:2fr 1.2fr .8fr auto;gap:0;margin-top:clamp(18px,2vw,28px);background:#fff;border:1px solid var(--v9-line);border-radius:999px;box-shadow:var(--v9-sh);padding:6px;max-width:980px}
:root body:not(#_x) .v9-search label{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 20px;border-right:1px solid var(--v9-line);min-width:0}
:root body:not(#_x) .v9-search label span{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v9-mute)}
:root body:not(#_x) .v9-search select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:500 16px/1.3 var(--sans);color:var(--v9-ink);padding:2px 18px 2px 0;min-width:0;cursor:pointer;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23141414' stroke-width='1.5'/%3E%3C/svg%3E") right center/12px no-repeat}
:root body:not(#_x) .v9-search select:focus-visible{outline:2px solid var(--v9-em);outline-offset:4px;border-radius:6px}
:root body:not(#_x) .v9-search .bx-btn{min-height:54px!important;padding:0 28px!important;border-radius:999px!important}

/* ---------- 2. UP NEXT — the schedule as a row of programme cards (honest: time, TBA, recorded, or "none yet") */
:root body.home:not(#_x) .lx-railband{background:var(--v9-paper)!important;padding-top:clamp(28px,3vw,48px)!important}
:root body.home:not(#_x) .v9-upnext{margin-bottom:clamp(40px,4vw,64px)}
:root body:not(#_x) .v9-row-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;border-top:1px solid var(--v9-line);padding-top:18px}
:root body:not(#_x) .v9-row-h h2{margin:0!important;font-size:clamp(28px,2.6vw,44px)!important;letter-spacing:-.035em!important;line-height:1!important}
:root body:not(#_x) .v9-row-h h2 em{color:var(--v9-em)!important;font-weight:400!important}
:root body.home:not(#_x) .v9-sched{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
:root body.home:not(#_x) .v9-slot{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--v9-r);background:#fff;border:1px solid var(--v9-line)}
:root body.home:not(#_x) .v9-when{font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--v9-em-d)}
:root body.home:not(#_x) .v9-when b{font-weight:600;margin-right:6px;color:var(--v9-ink)}
:root body.home:not(#_x) .v9-when small{display:block;margin-top:4px;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-what{display:flex;flex-direction:column;gap:4px}
:root body.home:not(#_x) .v9-what small{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-what b{font:500 20px/1.15 var(--display);letter-spacing:-.02em}
:root body.home:not(#_x) .v9-what span{color:var(--v9-mute);font-size:14.5px}
:root body.home:not(#_x) .v9-slot .bx-btn{align-self:flex-start;margin-top:auto}
:root body.home:not(#_x) .v9-slot--empty{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;background:var(--v9-tone);border-color:transparent}
:root body.home:not(#_x) .v9-slot--empty b{font:500 20px/1.2 var(--display)}
:root body.home:not(#_x) .v9-slot--empty span{flex:1 1 100%;order:3;color:var(--v9-mute)}
:root body.home:not(#_x) .v9-rec{margin-top:24px}
:root body.home:not(#_x) .v9-rec-h{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v9-mute);margin:0 0 14px}
:root body.home:not(#_x) .v9-rec-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
:root body.home:not(#_x) .v9-recc{display:flex;flex-direction:column;gap:6px;color:var(--v9-ink)!important;text-decoration:none!important}
:root body.home:not(#_x) .v9-recm{position:relative;aspect-ratio:16/9;border-radius:var(--v9-r);overflow:hidden;background:var(--v9-tone)}
:root body.home:not(#_x) .v9-recm img{width:100%;height:100%;object-fit:cover}
:root body.home:not(#_x) .v9-recm em{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:#fff;font:600 10.5px/1 var(--sans);font-style:normal;letter-spacing:.1em;text-transform:uppercase}
/* the channel rail under it: a quiet "browse by channel" row */
:root body.home:not(#_x) .lx-railband .st-rail{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* ---------- 3. SWIPEABLE LISTINGS — featured homes become a snap-scrolling row of real MLS photos */
:root body.home:not(#_x) #homeGrid{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 40px)/3));grid-template-columns:none!important;gap:20px!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 2px 18px;scrollbar-width:thin}
:root body.home:not(#_x) #homeGrid>*{scroll-snap-align:start}
:root body:not(#_x) .bx-home{background:#fff!important;border:1px solid var(--v9-line)!important;border-radius:var(--v9-r-lg)!important;box-shadow:var(--v9-sh)!important;padding:8px!important}
:root body:not(#_x) .bx-home .bx-media{border-radius:calc(var(--v9-r-lg) - 6px)!important;overflow:hidden;background:var(--v9-tone)!important}
:root body:not(#_x) .bx-home .bx-home-b,:root body:not(#_x) .bx-home .bx-home-f{padding-left:10px!important;padding-right:10px!important}
:root body:not(#_x) .bx-skel .bx-media{background:linear-gradient(100deg,var(--v9-tone) 30%,#fff 50%,var(--v9-tone) 70%) 0 0/300% 100%!important;animation:v9-shim 1.4s linear infinite!important}

/* ---------- 4. HOSTS strip (real hosts only) */
:root body.home:not(#_x) .v9-hosts{padding:clamp(56px,6vw,96px) 0;background:var(--v9-paper)}
:root body.home:not(#_x) .v9-hosts-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
:root body.home:not(#_x) .v9-host{scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border-radius:var(--v9-r-lg);background:#fff;border:1px solid var(--v9-line);color:var(--v9-ink)!important;text-decoration:none!important;transition:transform .35s var(--v9-ease),box-shadow .35s}
:root body.home:not(#_x) .v9-host:hover{transform:translateY(-3px);box-shadow:var(--v9-sh)}
:root body.home:not(#_x) .v9-host img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:8px}
:root body.home:not(#_x) .v9-host b{font:500 19px/1.15 var(--display);letter-spacing:-.015em}
:root body.home:not(#_x) .v9-host small{color:var(--v9-mute);font-size:13.5px;line-height:1.4}
:root body.home:not(#_x) .v9-host--join{background:var(--v9-em-t);border-color:transparent}
:root body.home:not(#_x) .v9-host-plus{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--v9-em);font:300 36px/1 var(--display);margin-bottom:8px}

/* ---------- 5. NEIGHBORHOOD mosaic (the existing areas, editorial grid with real photos) */
@media(min-width:900px){
  :root body.home:not(#_x) .hm-areas .rx-areas{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:220px;gap:14px!important}
  :root body.home:not(#_x) .hm-areas .rx-area{position:relative;border-radius:var(--v9-r-lg)!important;overflow:hidden;min-height:0!important;background:var(--v9-tone)}
  :root body.home:not(#_x) .hm-areas .rx-area:first-child{grid-column:span 2;grid-row:span 2}
  :root body.home:not(#_x) .hm-areas .rx-area:nth-child(4){grid-column:span 2}
  :root body.home:not(#_x) .hm-areas .lx-area-m{position:absolute!important;inset:0;border-radius:0!important;aspect-ratio:auto!important;height:100%!important}
  :root body.home:not(#_x) .hm-areas .lx-area-m img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--v9-ease)}
  :root body.home:not(#_x) .hm-areas .rx-area:hover .lx-area-m img{transform:scale(1.04)}
  :root body.home:not(#_x) .hm-areas .rx-area>span:last-child{position:absolute!important;top:auto!important;z-index:2;left:14px;right:14px;bottom:14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--v9-ink)}
  :root body.home:not(#_x) .hm-areas .rx-area b{display:block;font:500 20px/1.1 var(--display)}
  :root body.home:not(#_x) .hm-areas .rx-area small{color:var(--v9-mute)}
}

/* ---------- 6. TRUST band (Why Bridges + Meet Dorota): light, calm, credentials forward */
:root body:not(#_x) .wb{background:var(--v9-tone)!important}
:root body:not(#_x) .wb .wb-i{background:#fff!important;border:1px solid var(--v9-line)!important;border-radius:var(--v9-r-lg)!important;box-shadow:none!important}
:root body.home:not(#_x) .md{background:var(--v9-paper)!important}

/* ---------- Bridges LIVE page: the stream grid on the first screen (compact hero, photo becomes a side frame) */
@media(min-width:900px){
  :root body.lm-page:not(#_x) .rx-hero{padding:clamp(28px,3vw,48px) 0 clamp(20px,2vw,32px)!important}
  :root body.lm-page:not(#_x) .rx-hero>.bx-wrap{grid-template-columns:minmax(0,8fr) minmax(0,4fr)!important;row-gap:0!important;align-items:end!important}
  :root body.lm-page:not(#_x) .rx-hero>.bx-wrap>div:first-child{grid-column:1!important;display:block!important}
  :root body.lm-page:not(#_x) .rx-hero .rx-h1{font-size:clamp(52px,6vw,104px)!important;margin:16px 0 18px!important}
  :root body.lm-page:not(#_x) .rx-hero .rx-h1 em{display:inline!important}
  :root body.lm-page:not(#_x) .rx-hero>.bx-wrap>div:first-child>:is(.rx-sub,.rx-act){max-width:56ch;margin:0 0 16px!important}
  :root body.lm-page:not(#_x) .rx-hero .rx-fig{grid-column:2!important;margin:0!important;aspect-ratio:4/3!important;border-radius:var(--v9-r-lg)!important;max-height:300px!important}
}
:root body.lm-page:not(#_x) .rx-facts{background:#fff!important;border-top:1px solid var(--v9-line);border-bottom:1px solid var(--v9-line)}
:root body.lm-page:not(#_x) main{display:flex;flex-direction:column}
:root body.lm-page:not(#_x) main>.bx-answer{order:9}
:root body:not(#_x) .rx-tile{border-radius:var(--v9-r-lg)!important;overflow:hidden}

/* ---------- property page: gallery + light action card (emerald tint, not black) + clear "Tour live" */
:root body.hd-page:not(#_x) .hd-main{border-radius:var(--v9-r-lg)!important}
@media(min-width:900px){:root body.hd-page:not(#_x) .hd-gal{margin-inline:0!important}:root body.hd-page:not(#_x) .hd-thumbs{padding-inline:0!important}}
:root body.hd-page:not(#_x) .hd-th{border-radius:12px!important}
:root body.hd-page:not(#_x) .hd-ask{background:var(--v9-em-t)!important;color:var(--v9-ink)!important;border-radius:var(--v9-r-lg)!important;border:1px solid rgba(12,107,79,.18)!important}
:root body.hd-page:not(#_x) .hd-ask b{color:var(--v9-ink)!important}
:root body.hd-page:not(#_x) .hd-ask p,:root body.hd-page:not(#_x) .hd-ask .wp-broker{color:var(--v9-mute)!important}
:root body.hd-page:not(#_x) .hd-calc{border-radius:var(--v9-r-lg)!important}

/* ---------- mobile */
@media(max-width:899px){
  :root body.home:not(#_x) .v7-walk>.st.lx-hero{grid-template-columns:1fr;grid-template-areas:"player" "copy" "card";padding-top:12px!important}
  :root body.home:not(#_x) .lx-hero .lx-hero-in{grid-template-columns:1fr}
  :root body.home:not(#_x) .lx-hero .lx-hero-sub{grid-column:1!important;grid-row:auto}
  :root body.home:not(#_x) .lx-hero h1{font-size:clamp(44px,12vw,60px)!important}
  :root body:not(#_x) .v9-search{grid-template-columns:1fr 1fr;border-radius:var(--v9-r-lg)}
  :root body:not(#_x) .v9-search label{border-right:0;border-bottom:1px solid var(--v9-line);padding:10px 14px}
  :root body:not(#_x) .v9-search label:first-child{grid-column:1/-1}
  :root body:not(#_x) .v9-search .bx-btn{grid-column:1/-1;margin-top:6px;border-radius:14px!important}
  :root body.home:not(#_x) .v9-sched{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory}
  :root body.home:not(#_x) .v9-slot{scroll-snap-align:start}
  :root body.home:not(#_x) #homeGrid{grid-auto-columns:84%}
  :root body.home:not(#_x) .lx-hero .bx-btns{flex-direction:column;align-items:stretch}
}
@keyframes v9-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes v9-shim{to{background-position:-300% 0}}
@media(prefers-reduced-motion:reduce){
  :root body:not(#_x) .v9-card.is-live .v9-sig::after,:root body:not(#_x) .bx-skel .bx-media{animation:none!important}
  :root body:not(#_x) :is(.v9-host,.hm-areas .lx-area-m img){transition:none!important;transform:none!important}
}
/* hero fit: headline + search on the first screen next to the player; the card already states live / off air */
@media(min-width:900px){
  :root body.home:not(#_x) .lx-hero .st-player{aspect-ratio:2/1!important}
  :root body.home:not(#_x) .lx-hero h1{font-size:clamp(48px,5.4vw,92px)!important;max-width:none!important}
  :root body.home:not(#_x) .lx-hero .lx-hero-in{padding-top:clamp(14px,1.6vw,24px)!important}
}
:root body.home:not(#_x) .lx-hero .st-on{display:none!important}

/* ===== V9 FINAL — full-screen cinematic hero (the photo leads; widgets float over it) ====================================
   Studied: ERA / Ever (Vide Infra) — full-bleed imagery under a minimal white chrome, one tight-tracked display weight
   (Graphik 500, letter-spacing ≈ −0.07em on the 90px title, ≈ −0.05em on text), pill buttons, huge-type statements
   beside a quiet left column, photography doing the work. Applied: the hero photo fills the screen; ink scrim only where
   text sits; a frosted live card and a white search pill float over it; captions name the scene; titles track tighter. */
:root body.home:not(#_x) .v7-walk>.st.lx-hero{display:block!important;position:relative!important;max-width:none!important;margin:0!important;padding:0!important;
  min-height:calc(100svh - var(--nav-h,72px))!important;background:#141414!important;color:#fff;overflow:hidden}
:root body.home:not(#_x) .lx-hero .st-player{position:absolute!important;inset:0!important;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important;z-index:0!important;background:#141414!important}
:root body.home:not(#_x) .lx-hero .st-player::before{display:none!important}
:root body.home:not(#_x) .lx-hero .st-player .v9-sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s var(--v9-ease),transform 9s linear;transform:scale(1.06)}
:root body.home:not(#_x) .lx-hero .st-player .v9-sl.is-on{opacity:1;transform:scale(1)}
:root body.home:not(#_x) .lx-hero .st-player .st-badge{display:none!important}
:root body.home:not(#_x) .lx-hero .lx-hero-shade{display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(12,14,13,.62) 0%,rgba(12,14,13,.32) 38%,rgba(12,14,13,0) 62%),linear-gradient(0deg,rgba(12,14,13,.6) 0%,rgba(12,14,13,0) 46%)!important}
:root body.home:not(#_x) .lx-hero .lx-hero-in{position:absolute!important;left:0;right:0;bottom:0;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  grid-template-areas:"copy card";gap:24px clamp(24px,3vw,48px)!important;align-items:end;padding:0 var(--gut,24px) clamp(28px,4vw,56px)!important;max-width:1488px;margin:0 auto}
:root body.home:not(#_x) .lx-hero .lx-hero-in>*{grid-column:auto!important;grid-row:auto!important}
:root body.home:not(#_x) .lx-hero .lx-hero-in>:not(.v9-card){grid-area:copy}
:root body.home:not(#_x) .lx-hero h1,:root body.home:not(#_x) .lx-hero .lx-hero-sub,:root body.home:not(#_x) .lx-hero .v9-search,:root body.home:not(#_x) .lx-hero .bx-btns{grid-area:auto!important;grid-column:1!important}
:root body.home:not(#_x) .lx-hero .lx-hero-in{grid-template-rows:auto}
:root body.home:not(#_x) .lx-hero h1{color:#fff!important;font-size:clamp(56px,7.4vw,128px)!important;line-height:.92!important;letter-spacing:-.06em!important;max-width:11ch!important;text-shadow:0 2px 30px rgba(0,0,0,.25)!important;margin:0!important}
:root body.home:not(#_x) .lx-hero h1 em{color:#9FD8BE!important;font-weight:400!important}
:root body.home:not(#_x) .lx-hero .lx-hero-sub{color:rgba(255,255,255,.92)!important;max-width:44ch;margin:0!important}
:root body.home:not(#_x) .lx-hero .v9-search{margin-top:6px;max-width:760px}
:root body.home:not(#_x) .lx-hero .bx-btns{display:flex!important;flex-direction:row!important;gap:12px!important}
:root body.home:not(#_x) .lx-hero .bx-btn--glass{color:#fff!important;border-color:rgba(255,255,255,.85)!important;background:rgba(20,20,20,.25)!important;backdrop-filter:blur(8px)!important}
:root body.home:not(#_x) .lx-hero .bx-btn--glass:hover{background:#fff!important;color:#141414!important}
/* the live card floats over the photo (frosted white), bottom-right */
:root body.home:not(#_x) .lx-hero .v9-card{grid-area:card!important;grid-column:2!important;grid-row:1 / span 4!important;align-self:end;background:rgba(255,255,255,.94)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.45)!important;max-height:calc(100svh - var(--nav-h,72px) - 60px);overflow:auto}
:root body.home:not(#_x) .lx-hero .v9-card .v9-title{font-size:clamp(20px,1.6vw,26px)!important}
/* scene caption (top-left), small and quiet */
:root body.home:not(#_x) .v9-scene{position:absolute;z-index:2;left:var(--gut,24px);top:clamp(20px,2.4vw,36px);margin:0;display:flex;flex-direction:column;gap:6px;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4);max-width:min(420px,70vw)}
:root body.home:not(#_x) .v9-scene-k{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
:root body.home:not(#_x) .v9-scene b{font:500 15px/1.3 var(--sans)}
:root body.home:not(#_x) .v9-scene-dots{display:flex;gap:6px;margin-top:4px}
:root body.home:not(#_x) .v9-scene-dots i{width:18px;height:2px;background:rgba(255,255,255,.4);border-radius:2px;transition:background .4s,width .4s}
:root body.home:not(#_x) .v9-scene-dots i.on{background:#fff;width:32px}
:root body.home:not(#_x) .lx-hero-pause{left:auto!important;right:var(--gut,24px)!important;top:clamp(20px,2.4vw,36px)!important;bottom:auto!important;z-index:3}
/* tighter display tracking site-wide (ERA/Ever rhythm) */
:root body:not(#_x) :is(.rx-row h2,.v9-row-h h2){letter-spacing:-.05em!important}
@media(max-width:899px){
  :root body.home:not(#_x) .v7-walk>.st.lx-hero{min-height:0!important;display:flex!important;flex-direction:column}
  :root body.home:not(#_x) .lx-hero .st-player{position:relative!important;inset:auto!important;height:62svh;min-height:420px}
  :root body.home:not(#_x) .lx-hero .lx-hero-shade{height:62svh;min-height:420px;background:linear-gradient(0deg,rgba(12,14,13,.85) 0%,rgba(12,14,13,.35) 50%,rgba(12,14,13,0) 75%)!important}
  :root body.home:not(#_x) .lx-hero .lx-hero-in{position:relative!important;display:flex!important;flex-direction:column;align-items:stretch;gap:16px!important;margin-top:-210px;padding-bottom:24px!important}
  :root body.home:not(#_x) .lx-hero h1{font-size:clamp(46px,13vw,64px)!important}
  :root body.home:not(#_x) .lx-hero .lx-hero-sub{display:none}
  :root body.home:not(#_x) .lx-hero .v9-search{margin-top:8px}
  :root body.home:not(#_x) .lx-hero .bx-btns{flex-direction:column!important}
  :root body.home:not(#_x) .lx-hero .v9-card{max-height:none;margin-top:8px;background:#fff!important}
  :root body.home:not(#_x) .v7-walk>.st.lx-hero{background:var(--v9-paper)!important}
  :root body.home:not(#_x) .v9-scene{top:16px}
  :root body.home:not(#_x) .v9-scene b{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){:root body.home:not(#_x) .lx-hero .st-player .v9-sl{transition:none!important;transform:none!important}}
:root body.home:not(#_x) .lx-hero .st-cap{display:none!important}
@media(max-width:899px){:root body.home:not(#_x) .lx-hero .v9-card{order:9;align-self:stretch!important}}
html body.home:not(#_x) .lx-hero .lx-hero-in .st-cap,html body.home:not(#_x) .lx-hero .st-player:has(.st-badge:not([hidden]))~.lx-hero-in .st-cap{display:none!important}
@media(max-width:899px){:root body.home:not(#_x) .lx-hero .bx-btn--glass{color:#141414!important;border-color:#141414!important;background:transparent!important;backdrop-filter:none!important}}
:root body.home:not(#_x) .lx-hero .lx-hero-shade{background:linear-gradient(180deg,rgba(12,14,13,.45) 0%,rgba(12,14,13,0) 22%),linear-gradient(90deg,rgba(12,14,13,.62) 0%,rgba(12,14,13,.32) 38%,rgba(12,14,13,0) 62%),linear-gradient(0deg,rgba(12,14,13,.6) 0%,rgba(12,14,13,0) 46%)!important}
