/* Home page top (Oct 24, 2026): resort search bar, centred hero, Sean's photo in the answer box, light snowfall */
.hs-wrap{padding-top:14px;position:relative;z-index:3}
.hs{background:#fff;border:1px solid var(--line,#d5dee8);border-radius:14px;box-shadow:0 8px 24px rgba(28,36,51,.08);padding:16px 18px;margin:0 auto 6px;max-width:900px}
.hs-h{font-family:var(--serif,Georgia,serif);font-size:1.3rem;margin:0 0 10px;color:var(--ink,#1c2433)}
.rs-res{border:0;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rs-res legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rs-r{cursor:pointer;position:relative}
.rs-r input{position:absolute;opacity:0;inset:0;margin:0}
.rs-r span{display:inline-block;padding:10px 20px;border:2px solid var(--line,#d5dee8);border-radius:999px;font-weight:700;font-size:1.05rem;color:var(--ink,#1c2433);background:#fff}
.rs-r input:checked+span{background:var(--acc,#1f5f99);border-color:var(--acc,#1f5f99);color:#fff}
.rs-r input:focus-visible+span{outline:3px solid var(--acc,#1f5f99);outline-offset:2px}
.hs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}
.hs-row label{display:flex;flex-direction:column;gap:4px;font-size:.95rem;font-weight:600;color:var(--muted,#4b5668);min-width:0}
.hs select{font:inherit;font-size:1.05rem;padding:11px 10px;border:1px solid var(--line,#d5dee8);border-radius:10px;background:#fff;color:var(--ink,#1c2433);min-width:0;width:100%}
.hs button{font:inherit;font-size:1.1rem;font-weight:700;padding:12px 20px;border:0;border-radius:10px;background:var(--acc,#1f5f99);color:#fff;cursor:pointer;white-space:nowrap}
.hs button:hover{filter:brightness(1.08)}
.hs select:focus,.hs button:focus-visible{outline:3px solid var(--acc,#1f5f99);outline-offset:1px}
.hs-sub{margin:10px 0 0;font-size:.95rem;color:var(--muted,#4b5668)}
/* Hero: headline, then the two buttons, then gizmos, then the answer box and intro (visual order only) */
.hero>.wrap{display:flex;flex-direction:column;align-items:center}
.hero>.wrap>*{width:100%}
.hero .kicker{order:0}.hero #h1{order:1}.hero .btns{order:2;margin-top:4px}.hero .gzcta{order:3;text-align:center}.hero .lt-box[data-ai-answer]{order:4}.hero .lede{order:5}
.hero .gzcta a{margin:0 auto}
/* Sean's photo at the left of the "homes for sale" box */
.hero .lt-box[data-ai-answer="1"]{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:20px;align-items:start}
.hero .lt-box[data-ai-answer="1"]::before{content:"";grid-column:1;grid-row:1/span 3;width:112px;height:112px;border-radius:50%;background:#dfe9f3 url(/big-white/img/sean/sean-phillips-ski-real-estate-agent-240.webp) center/cover no-repeat;box-shadow:0 0 0 4px #fff,0 6px 16px rgba(0,0,0,.18);align-self:center}
.hero .lt-box[data-ai-answer="1"]>*{grid-column:2}

@media (max-width:700px){
.hs{padding:12px 14px}.hs-h{font-size:1.15rem;margin-bottom:8px}.hs-sub{display:none}
.rs-res{gap:6px}.rs-r span{padding:9px 16px;font-size:1rem}
.hs-row{grid-template-columns:1fr 1fr}.hs-row label:first-child{grid-column:1/-1}.hs button{grid-column:1/-1;padding:14px}
.hero .lt-box[data-ai-answer="1"]{grid-template-columns:76px minmax(0,1fr);column-gap:14px}
.hero .lt-box[data-ai-answer="1"]::before{width:76px;height:76px;grid-row:1;align-self:start}
.hero .lt-box[data-ai-answer="1"]>p{grid-column:1/-1}
}
/* Ski-In/Ski-Out Score section (Oct 24, 2026) */
.score-home{background:linear-gradient(180deg,#fff,var(--frost,#eef4fb))}
.sc-in{max-width:860px;text-align:center}
.score-home h2{text-wrap:balance}
.sc-l,.sc-bio{font-size:1.15rem;line-height:1.6;text-wrap:pretty;margin:0 auto 14px;max-width:68ch}
.sc-q{margin:22px auto;padding:18px 22px;max-width:68ch;background:#fff;border:1px solid var(--line,#d5dee8);border-left:5px solid var(--acc,#1f5f99);border-radius:12px;text-align:left;box-shadow:0 6px 18px rgba(28,36,51,.06)}
.sc-q p{margin:0 0 8px;font-size:1.12rem;line-height:1.6;font-style:italic;text-wrap:pretty}
.sc-q footer{font-weight:700;color:var(--acc,#1f5f99)}
.sc-bio{font-size:1.02rem;color:var(--muted,#4b5668)}
.score-home .btns{justify-content:center}
/* Oct 24, 2026 (Sean): no resort buttons; SilverStar as a text link; links show on phones too */
.hs-sub{display:flex!important;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.hs-sub a{font-weight:600}
@media (max-width:700px){.hs-sub{font-size:.98rem;margin-top:10px}}
/* Oct 24, 2026 (Sean's screenshot): tighter top so his photo + "Big White homes for sale" show on first load */
.hs-wrap{padding-top:10px}
.hs{padding:12px 16px}
.hs-h{margin-bottom:8px}
.hero{padding-top:14px}
.hero .kicker{margin-bottom:4px}
.hero #h1{max-width:26ch;margin-top:0;margin-bottom:0;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.08;text-wrap:balance}
.hero #h1::after{margin-top:8px;height:10px}
@media (min-width:760px){
 .hero>.wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:12px}
 .hero>.wrap>.kicker,.hero>.wrap>#h1,.hero>.wrap>.lt-box,.hero>.wrap>.lede{flex:0 0 100%}
 .hero>.wrap>.btns,.hero>.wrap>.gzcta{width:auto;flex:0 0 auto;margin:12px 0}
 .hero .btns{margin:12px 0}
 .hero .gzcta a{padding:9px 18px;font-size:1rem}.hero .gzcta small{font-size:.82rem}
 .hero .lt-box[data-ai-answer="1"]{margin-top:6px}
}
/* Oct 24, 2026 (Sean): the gizmos button sits inside the "Big White homes for sale" box, under its text links.
   The network script adds the button right after the box, so CSS joins them into one panel (no layout shift). */
.hero>.wrap>.lt-box[data-ai-answer="1"]{order:4;margin-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:6px}
.hero>.wrap>.gzcta{order:5;flex:0 0 100%!important;width:100%!important;margin:0 0 20px!important;box-sizing:border-box;background:#f3f7fb;border:1px solid #d6e2ee;border-top:0;border-left:5px solid #1f5f99;border-radius:0 0 12px 12px;padding:4px 20px 18px 152px;text-align:left!important}
.hero>.wrap>.gzcta a{margin:0;display:inline-flex;width:auto}
.hero>.wrap>.lede{order:6}
@media (max-width:700px){.hero>.wrap>.gzcta{padding:4px 16px 16px}.hero>.wrap>.gzcta a{display:flex;width:100%}}
/* Gizmos button centred in the box, both lines centred (Oct 24, 2026, Sean) */
.hero>.wrap>.gzcta{padding:4px 20px 18px;text-align:center!important}
.hero>.wrap>.gzcta a{align-items:center;text-align:center;margin:0 auto}
/* Sean's tips cartoon beside his quote (Oct 24, 2026) */
.sc-q{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:20px;align-items:center}
.sc-q .sc-toon{grid-row:1/span 2;width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 6px 16px rgba(0,0,0,.18)}
.sc-q>p,.sc-q>footer{grid-column:2}
@media (max-width:600px){.sc-q{grid-template-columns:84px minmax(0,1fr);column-gap:14px;align-items:start}.sc-q .sc-toon{width:84px;height:84px;grid-row:1}.sc-q>p{grid-column:1/-1;margin-top:12px}.sc-q>footer{grid-column:2;grid-row:1;align-self:center}}
.sc-q footer span{display:block;font-weight:600;font-size:.92rem;color:var(--muted,#4b5668);margin-top:3px;text-wrap:balance}
/* Breathing room between homepage sections (Sean, Oct 24 2026) */
.hs-wrap{margin-bottom:8px}
.hero #h1{margin-bottom:6px}
@media (min-width:701px){.hero>.wrap>.btns{margin:16px 0 18px}.hero .lt-box[data-ai-answer="1"]{margin-top:4px}}
.hero .lede{margin-top:26px}
.sec.score-home{padding-top:56px;padding-bottom:60px}
.score-home .sc-bio{margin-top:22px}
.sec.feat{padding-top:44px;padding-bottom:56px}
.skifind{margin-top:0}
/* Phone: top search in two rows (Oct 24, 2026, Sean): Type | Beds, Price | Show homes. Labels stay for screen readers; each list says what it is. */
@media (max-width:700px){
.hs{padding:10px 12px}
.hs-row{grid-template-columns:1fr 1fr;gap:8px}
.hs-row label:first-child{grid-column:auto}
.hs-row label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hs select{padding:11px 8px;font-size:1.05rem}
.hs button{grid-column:auto;padding:11px 8px;font-size:1.05rem;align-self:stretch}
.hs-sub a{text-wrap:balance}
.hs-sub{margin-top:8px;font-size:.95rem;gap:4px 14px;justify-content:flex-start}
}
