:root{--sans:"Jost","Century Gothic",Futura,sans-serif;--ink:#111;--mu:#5c5c5c;--ln:#dedede;--g:#c9a227;--g-d:#8a6c10}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ul,fieldset{margin:0;padding:0;border:0}
ul{list-style:none}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,5vw,48px)}
:focus-visible{outline:2px solid var(--g-d);outline-offset:2px}
.num{font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--g-d)}
.lead{font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.42;font-weight:300}

.top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--ln)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.lg{width:112px;flex:none}
.top nav{display:flex;gap:clamp(12px,2vw,28px);overflow-x:auto;scrollbar-width:none;font-size:.96rem}
.top nav::-webkit-scrollbar{display:none}
.top nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
.top nav a:hover{color:var(--g-d)}
@media (max-width:639.98px){.lg{display:none}}

.intro{padding-block:clamp(44px,7vw,96px) clamp(36px,6vw,80px)}
.intro h1{font-weight:300;font-size:clamp(2.5rem,7.2vw,6.25rem);line-height:1.02;letter-spacing:-.022em;max-width:13em}
.intro-g{display:grid;gap:32px;margin-top:clamp(24px,4vw,52px)}
.time{margin-top:14px;color:var(--mu)}
.heads{border-left:4px solid var(--g);padding-left:clamp(16px,2vw,28px)}
.heads h2{font-size:1rem;font-weight:500}
.heads li{margin-top:8px;color:var(--mu)}
.heads b{font-weight:500;color:var(--ink)}
@media (min-width:1024px){.intro-g{grid-template-columns:1fr 1fr;gap:64px}}

.opt{padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--ink)}
.opt-h,.opt-b,.shots{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,5vw,48px)}
.opt-h h2{font-weight:300;font-size:clamp(2.25rem,5.4vw,4.5rem);line-height:1.04;letter-spacing:-.018em;margin-top:6px}
.tag{font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:300;margin-top:6px}
.shots{display:grid;gap:12px;margin-top:clamp(18px,3vw,32px)}
.shots a{display:block;overflow:hidden;border:1px solid var(--ln)}
.shots img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.shots a:hover img{transform:scale(1.02)}
@media (min-width:768px){.shots{grid-template-columns:1fr 1fr}}
.opt-b{display:grid;gap:32px;margin-top:clamp(24px,3vw,40px)}
.open{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;margin-top:18px;background:var(--ink);color:#fff;font-weight:500;text-decoration:none;transition:background .2s}
.open::after{content:"";width:22px;height:1px;background:currentColor}
.open:hover{background:var(--g-d)}
.jump-l{margin-top:22px;font-size:.92rem;color:var(--mu)}
.jump{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:2px;font-size:.96rem}
.jump a{display:inline-flex;align-items:center;min-height:36px;text-underline-offset:3px}
.jump a:hover{color:var(--g-d)}
@media (min-width:1024px){
  .opt-b{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
  .opt-side{position:sticky;top:92px;align-self:start}
}
.opt-q h3{font-size:1rem;font-weight:500;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.row{display:grid;gap:8px;padding-block:12px;border-bottom:1px solid var(--ln)}
.row-l{font-size:1.02rem;min-width:0}
.row small{display:block;font-size:.9rem;color:var(--mu)}
.seg{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}
.seg-b{position:relative;display:block;cursor:pointer;margin-left:-1px}
.seg-b input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.seg-b span{display:flex;align-items:center;justify-content:center;min-height:44px;padding-inline:6px;border:1px solid #bbb;font-size:.92rem;white-space:nowrap;transition:background .15s,color .15s}
.seg-b:hover span{background:#f2f2f2}
.seg-like input:checked+span{background:var(--g);border-color:var(--g);color:#111;font-weight:500}
.seg-unsure input:checked+span{background:#dcdcdc;border-color:#aaa;font-weight:500}
.seg-no input:checked+span{background:#111;border-color:#111;color:#fff;font-weight:500}
.seg-b input:focus-visible+span{outline:2px solid var(--g-d);outline-offset:2px}
@media (min-width:768px){
  .row{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:20px}
}
.note{display:block;margin-top:18px;font-size:1.02rem}
textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #bbb;border-radius:0;background:#fff;resize:vertical;font-size:1rem;line-height:1.4}
textarea:focus{border-color:var(--ink);outline:0}

.band{background:#0b0a09;color:#fff;padding-block:clamp(44px,7vw,96px)}
.band .num{color:#e0bb45}
.band h2,.asks h2,.send h2{font-weight:300;font-size:clamp(2.1rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.018em;margin-top:6px}
.picks{margin-top:clamp(22px,3vw,36px)}
.picks legend{padding:0;font-size:1.05rem}
.picks-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.pick span{display:block;min-height:72px;padding:12px 14px;border:1px solid rgba(255,255,255,.38);font-size:.96rem;line-height:1.28;transition:background .15s,color .15s,border-color .15s}
.pick b{display:block;font-weight:500}
.pick:hover span{border-color:#fff}
.pick input:checked+span{background:#e0bb45;border-color:#e0bb45;color:#111}
.pick input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.band textarea{background:#191714;border-color:rgba(255,255,255,.38);color:#fff}
.band textarea:focus{border-color:#fff}

.asks{padding-block:clamp(44px,7vw,96px)}
.asks .lead{margin-top:10px;max-width:36em}
.asks-g{display:grid;gap:4px clamp(24px,4vw,56px);margin-top:10px}
@media (min-width:1024px){.asks-g{grid-template-columns:1fr 1fr}}
.asks-g .note{display:flex;flex-direction:column;justify-content:space-between}

.send{background:var(--g);padding-block:clamp(44px,7vw,96px)}
.send .lead{margin-top:10px}
.send-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:22px}
.send button{min-height:52px;padding:0 26px;border:1px solid #111;background:#111;color:#fff;font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.send button:hover{background:#333}
.send button.alt{background:transparent;color:#111}
.send button.alt:hover{background:#111;color:#fff}
#done{font-weight:500}
.send textarea{background:#fff}
.fine{margin-top:12px;font-size:.92rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}