/* Additions for the site pages built on the membership page's stylesheet (bv.css). Nothing here restyles existing components. */
.js.gs main>section:not(.hero){background-color:var(--paper)}
.js.gs .how,.js.gs .calc{background-color:var(--sand)}
.js.gs .plans{background-color:var(--espresso)}
/* shorter hero for inner pages */
.hero.short .hero-in,.hero.short .hero-copy{min-height:min(78svh,760px)}
.hero h1.l3{font-size:clamp(42px,4.7vw,70px)}
.hero h1.l3 .line{white-space:normal}
.hero .kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font:500 13px/1 var(--sans);letter-spacing:.05em;color:rgba(255,255,255,.72)}
.hero .kicker::before{content:"";width:22px;height:1px;background:var(--gold)}
@media (max-width:1080px){.hero.short .hero-copy{padding-right:var(--gut)}}
@media (max-width:640px){.hero.short .hero-copy{padding-bottom:48px}}
/* story rows without the phone stage */
.story.plain .step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,7vw,120px);min-height:0;padding:clamp(36px,5vw,72px) 0}
.story.plain .step .txt{grid-column:1;max-width:440px}
.story.plain .step .pic{grid-column:2}
.story.plain .step:nth-child(even) .txt{grid-column:2}
.story.plain .step:nth-child(even) .pic{grid-column:1}
.story.plain .pic img{aspect-ratio:4/5}
.story.plain .step .pic.wide img{aspect-ratio:5/4}
.step .txt ul.list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:9px;font-size:15.5px;color:#4A433C}
.step .txt ul.list li{display:flex;gap:10px;align-items:flex-start}
.step .txt ul.list li::before{content:"";flex:none;width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--gold-ink)}
.step .txt .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--rule);border-radius:999px;background:rgba(255,255,255,.55);font:500 13.5px/1 var(--sans);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s,transform .3s}
.chips a:hover{border-color:var(--ink);background:#fff;transform:translateY(-1px)}
.chips a i{width:6px;height:6px;border-radius:50%;background:#3E9B57}
.how.quiet{padding-top:clamp(70px,7vw,100px)}
.step .ctas{display:flex;gap:12px;flex-wrap:wrap}
.step .ctas .btn-line{color:var(--ink);border-color:rgba(26,21,18,.28)}
.step .ctas .btn-line:hover{border-color:var(--ink)}
.hero:has(h1.l3) .fc1{top:9%;right:28%}
/* photo tiles (locations on home) */
.tile .v img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.94) contrast(1.03) brightness(1.01);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.tile:hover .v img{transform:scale(1.04)}
a.tile{text-decoration:none;color:inherit;display:block}
.locs .cgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.locs .how-head{margin-bottom:clamp(40px,5vw,64px)}
.locs .tile span{flex-wrap:wrap;gap:4px 10px}
.locs .tile span em{white-space:normal}
.tile .v .live{top:14px;right:14px;left:auto;font-size:12px;padding:7px 12px}
/* directory */
.dir{margin-top:clamp(40px,5vw,64px)}
.dir h3{font-size:clamp(26px,2.6vw,36px);margin:clamp(40px,5vw,64px) 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dir h3 small{font:400 14px/1.4 var(--sans);color:var(--muted)}
.dir h3 small a{color:var(--muted)}
.dir .row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 150px 120px auto;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--rule);font-size:15px;color:#4A433C}
.dir .row:last-child{border-bottom:1px solid var(--rule)}
.dir .row b{color:var(--ink);font-weight:600}
.dir .row .sp{color:var(--muted);font-size:13.5px}
.dir .row .open b{color:#3E9B57}
.dir .row .btn{min-height:38px;padding:0 16px;font-size:13.5px;justify-self:end}
.dir .row.hide{display:none}
.search{display:flex;align-items:center;gap:10px;max-width:640px;padding:6px 6px 6px 18px;border:1px solid var(--rule);border-radius:999px;background:#fff;box-shadow:0 20px 40px -32px rgba(60,35,15,.5)}
.search svg{width:18px;height:18px;color:var(--muted);flex:none}
.search input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 16px/1 var(--sans);color:var(--ink);padding:12px 4px}
.search input::placeholder{color:#A39A91}
.search .btn{min-height:42px}
.intro .search{grid-column:1/13;margin-top:36px}
.intro .chips{grid-column:1/13;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media (max-width:1080px){.dir .row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.dir .row .sp,.dir .row .open{display:none}}
@media (max-width:640px){.dir .row{grid-template-columns:1fr auto}.dir .row>:nth-child(2){grid-column:1}}
/* dark card with a form (franchise) and the map card */
.calc-r .frm{display:grid;gap:14px;margin-top:22px}
.calc-r .frm .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-r .frm label{display:grid;gap:7px;font:500 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#B9AC9D}
.calc-r .frm input,.calc-r .frm select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:10px;padding:13px 14px;font:400 15px/1.3 var(--sans);color:#fff;outline:0;letter-spacing:0;text-transform:none}
.calc-r .frm input::placeholder{color:rgba(255,255,255,.35)}
.calc-r .frm input:focus,.calc-r .frm select:focus{border-color:var(--gold)}
.calc-r .frm select option{color:var(--ink)}
.calc-r .frm .btn{margin-top:6px;justify-content:center}
.calc-r .frm .fine{font-size:12.5px;color:#B9AC9D;text-align:center}
.calc-r .frm .ok h3{font-size:28px;color:#fff;margin-bottom:10px}
.calc-r .frm .ok p{color:#E6DCCF}
.calc-r .hp{position:absolute;left:-9999px}
.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;border-top:1px solid var(--rule)}
.kv div{padding-top:22px}
.kv b{display:block;font:600 clamp(22px,2vw,30px)/1 var(--display);letter-spacing:-.03em;color:var(--ink);margin-bottom:8px}
.kv span{font-size:14px;color:var(--muted)}
.mapcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;border-radius:6px;overflow:hidden;background:var(--espresso);color:#F3ECE2;min-height:440px}
.mapcard .info{padding:clamp(32px,4vw,56px);display:grid;gap:22px;align-content:center}
.mapcard .info b{display:block;font:600 15px/1.3 var(--sans);color:#fff;margin-bottom:4px}
.mapcard .info span{display:block;font-size:15px;color:#C9BDAF}
.mapcard .info a{color:#fff}
.mapcard iframe{width:100%;height:100%;min-height:360px;border:0;filter:sepia(.25) saturate(.8)}
@media (max-width:1080px){.mapcard{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.calc-r .frm .two{grid-template-columns:1fr}}
/* facts: allow 5 */
.facts.five{grid-template-columns:repeat(5,1fr)}
@media (max-width:1080px){.facts.five{grid-template-columns:repeat(3,1fr)}.facts.five li:nth-child(4){padding-left:0;border-left:0}}
@media (max-width:640px){.facts.five{grid-template-columns:1fr 1fr}.facts.five li:nth-child(4){padding-left:18px;border-left:1px solid var(--rule)}}
/* final: legal small print */
.final .legal{position:relative;z-index:2;max-width:70ch;margin:0;padding:18px var(--gut) 0;font-size:12px;color:var(--muted)}
/* pill as a link */
a.pill{text-decoration:none}