/* home-hero.a1-20261110.css · homepage hero, search-first (Big Ski, 10 Nov 2026 1:29-1:34 PM ET).
   Loaded last on index.html. Scoped to .home2 .hero-band.editorial.hh, so no other page changes.
   Rollback: restore the backed-up index.html (this file and home-hero.a1 JS are then unused). */
.home2 .hero-band.editorial.hh .hero-stack{display:none!important}
.hh .hh-search{position:relative;z-index:30}
.hh .hh-k{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#c9a45c;font-weight:500}
.hh .hh-k b{font-weight:500;color:#8f8a7c;letter-spacing:.14em}
.home2 .hero-band.editorial.hh .entry-search{grid-area:auto;margin:0!important;padding:0!important;max-width:none!important;width:100%;position:relative;z-index:31}
.home2 .hero-band.editorial.hh .entry-search .search{min-height:54px;font-size:16px;border-radius:99px;box-sizing:border-box;width:100%}
.hh .hres{top:calc(100% + 8px);border-color:#3a301c;background:#0b0a08;box-shadow:0 24px 60px -20px rgba(0,0,0,.9);max-height:min(62vh,440px);overflow-y:auto;overscroll-behavior:contain}
.hh .hres a{min-height:44px;box-sizing:border-box}
.hh .hres a:focus-visible{outline:none;background:#17140e}
.hh .hres .hh-ph{display:block;padding:10px 16px 6px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#a8936a}
.hh .hh-pop{display:flex;align-items:center;gap:8px;margin:12px 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.hh .hh-pop::-webkit-scrollbar{display:none}
.hh .hh-pop{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.hh .hh-pop button:last-child{margin-right:28px}
.hh .hh-pop>span{flex:0 0 auto;font-size:12px;color:#8f8a7c}
.hh .hh-pop button{flex:0 0 auto;font:inherit;font-size:13px;line-height:1;color:#e9dfc8;background:rgba(201,164,92,.08);border:1px solid rgba(201,164,92,.28);border-radius:99px;padding:9px 13px;min-height:36px;cursor:pointer;white-space:nowrap}
.hh .hh-pop button:hover,.hh .hh-pop button:focus-visible{background:rgba(201,164,92,.18);border-color:#c9a45c;outline:none}

/* tiles */
.hh .hh-tiles{display:grid;gap:10px;position:relative;z-index:3;min-width:0}
.hh .hh-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#0a0a0c;color:#f6f6f8;text-decoration:none;--c:#e9dfc8;transition:border-color .2s,transform .2s}
.hh .hh-tile:hover{border-color:rgba(201,164,92,.5)}
.hh .hh-tile:focus-within{border-color:rgba(201,164,92,.6)}
.hh .hh-hit{position:absolute;inset:0;z-index:2;border-radius:inherit}
.hh .hh-hit:focus-visible{outline:2px solid #c9a45c;outline-offset:-2px}
.hh .hh-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0a0a0c}
.hh .hh-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04);transition:transform .6s ease,opacity .3s}
.hh .hh-tile:hover .hh-media img{transform:scale(1.04)}
.hh .hh-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,0) 0,rgba(5,5,7,.28) 24%,rgba(5,5,7,.9) 56%,#050507 82%)}
.hh .hh-split{display:grid;grid-template-columns:1fr 1fr}
.hh .hh-split img{border-right:1px solid rgba(0,0,0,.6)}
.hh .hh-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;padding:12px 12px 13px;min-width:0;pointer-events:none}
.hh .hh-body a,.hh .hh-body button{pointer-events:auto;position:relative;z-index:3}
.hh .hh-kk{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh .hh-kk::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:currentColor}
.hh .hh-t{font-family:var(--font-display);font-weight:500;font-size:17px;line-height:1.15;letter-spacing:-.01em;color:#f6f6f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.hh .hh-d{display:none;font-size:13.5px;line-height:1.45;color:#b4b4bb}
.hh .hh-row{display:none;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:6px}
.hh .hh-cta{font-size:13.5px;font-weight:600;color:#f0dfae;text-decoration:none;white-space:nowrap}
.hh .hh-cta:hover{color:#fff}
.hh .hh-sec{font-size:13px;color:#b4b4bb;text-decoration:none;white-space:nowrap}
.hh .hh-sec:hover{color:#f6f6f8;text-decoration:underline}
.hh .hh-sec small{color:#7d7d86;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin-right:4px}
.hh .hh-chip{position:absolute;top:10px;left:10px;z-index:1;font-size:11px;font-weight:600;letter-spacing:.02em;color:#f3ead6;background:rgba(5,5,7,.72);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:5px 9px;backdrop-filter:blur(6px);max-width:calc(100% - 64px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh .hh-shuf{position:absolute!important;top:8px;right:8px;z-index:4!important;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,5,7,.7);color:#f3ead6;font-size:16px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);padding:0}
.hh .hh-shuf:hover,.hh .hh-shuf:focus-visible{border-color:#c9a45c;outline:none}
.hh .hh-shuf::after{content:"";position:absolute;inset:-6px}
.hh .deal-flip img{opacity:.25}
.hh .hh-deal{--c:#9ec3ff}
.hh .hh-models{--c:#e9dfc8}
.hh .hh-comm{--c:#7fd1c7}
.hh .hh-align{--c:#f0c674}
/* community tile has no photo: a quiet room glow */
.hh .hh-comm .hh-media{background:radial-gradient(120% 90% at 85% 0%,rgba(127,209,199,.26) 0,rgba(127,209,199,0) 60%),radial-gradient(90% 80% at 0% 100%,rgba(201,164,92,.14) 0,rgba(201,164,92,0) 60%),#08090b}
.hh .hh-comm .hh-media::after{background:linear-gradient(180deg,transparent 30%,rgba(5,5,7,.6))}
.hh .hh-glyph{position:absolute;top:10px;left:12px;font-size:22px;color:#7fd1c7;opacity:.75}
.hh .hh-pmeta{font-size:11.5px;color:#9aa3a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* alignment tile: two pins and the arc */
.hh .hh-align .hh-media{background:radial-gradient(100% 80% at 50% 0%,rgba(240,198,116,.14),transparent 70%),#08080a}
.hh .hh-arc{position:absolute;left:8%;right:8%;top:14%;height:42%;color:#f0c674;opacity:.8}
.hh .hh-pin{position:absolute;top:calc(14% + 24px);width:38px;height:38px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 20px -8px #000}
.hh .hh-pin img{width:100%;height:100%;object-fit:cover}
.hh .hh-pin.a{left:7%;top:46px}.hh .hh-pin.b{right:7%;top:12px}
.hh .hh-align .hh-media::after{background:linear-gradient(180deg,transparent 40%,rgba(5,5,7,.85) 80%)}

/* ---------- phones and small tablets ---------- */
@media (max-width:900px){
  .home2 .hero-band.editorial.hh{display:flex!important;flex-direction:column}
  .hh .hh-search{order:1;margin:16px 16px 0}
  .hh .hh-k{font-size:10.5px;margin-bottom:7px}
  .home2 .hero-band.editorial.hh .hero-h{order:2;margin:20px 16px 6px!important;font-size:clamp(27px,7.6vw,34px)!important;line-height:1.06!important;max-width:none!important}
  .home2 .hero-band.editorial.hh .entry-line{order:3;margin:0 0 14px!important;padding:0 16px!important;font-size:14px!important;line-height:1.45!important}
  .hh .hh-tiles{order:4;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 16px 14px}
  .hh .hh-tile{min-height:148px}
  .home2 .hero-band.editorial.hh .stage-quiet{order:5}
  .hh .hh-pop{margin:10px -16px 0;padding:0 16px 2px}
  .hh .hh-align .hh-chip{display:none}
  .hh .hh-pin{width:32px;height:32px;border-radius:9px}.hh .hh-pin.a{top:30px}.hh .hh-pin.b{top:10px}.hh .hh-arc{top:16px;height:34px}
}
@media (max-width:360px){.hh .hh-tile{min-height:136px}.hh .hh-t{font-size:15.5px}}
@media (min-width:600px) and (max-width:900px){
  .hh .hh-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hh .hh-tile{min-height:170px}
}

/* ---------- desktop: Z layout. Search, headline, then the four doors under it; globe on the right ---------- */
@media (min-width:901px){
  .home2 .hero-band.editorial.hh{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;grid-template-areas:"search globe" "title globe" "line globe" "doors doors"!important;column-gap:44px!important;padding-top:34px!important;align-items:start}
  .hh .hh-search{grid-area:search;max-width:560px}
  .home2 .hero-band.editorial.hh .hero-h{grid-area:title;margin:30px 0 0!important;font-size:clamp(40px,4vw,56px)!important;line-height:1.03!important;max-width:17ch!important;text-wrap:balance}
  .home2 .hero-band.editorial.hh .entry-line{grid-area:line;margin:16px 0 0!important;max-width:40ch;font-size:16px!important}
  .home2 .hero-band.editorial.hh .stage-quiet{grid-area:globe;min-height:0!important;height:100%;max-height:440px;align-self:stretch}
  .home2 .hero-band.editorial.hh .stage-quiet .gwrap{min-height:300px!important}
  .home2 .hero-band.editorial.hh .stage-quiet,.home2 .hero-band.editorial.hh .stage-frame{min-height:0!important}
  .hh .hh-tiles{grid-area:doors;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 10px}
  .hh .hh-tile{min-height:228px;border-radius:20px}
  .hh .hh-pop button{padding:8px 12px;font-size:12.5px;min-height:32px}
  .hh .hh-body{padding:16px 18px 18px;gap:7px}
  .hh .hh-t{font-size:clamp(19px,1.55vw,22px)}
  .hh .hh-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hh .hh-row{display:flex}
  .hh .hh-models .hh-t{-webkit-line-clamp:1}
  .hh .hh-arc{top:12%;height:34%}.hh .hh-pin{width:44px;height:44px}
}
@media (min-width:1400px){
  .hh .hh-tile{min-height:256px}
}
@media (prefers-reduced-motion:reduce){.hh .hh-media img,.hh .hh-tile{transition:none}.hh .hh-tile:hover .hh-media img{transform:none}}