.hero{height:300vh;position:relative}.stage{cursor:none;height:100svh;position:sticky;top:0;overflow:hidden}#gl{background:#080707;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#0000008c);position:absolute;inset:0}.line1,.line2{left:var(--gutter);right:var(--gutter);text-align:center;pointer-events:none;font-family:var(--serif);letter-spacing:.05em;position:absolute;top:50%;transform:translateY(-50%)}.line1{font-weight:400;font-size:calc(clamp(30px,5vw,84px) * var(--fs));color:var(--title-on-dark);opacity:.92;line-height:1.05}.line2{font-weight:600;font-size:calc(clamp(34px,6.2vw,104px) * var(--fs));color:var(--title-on-colour);opacity:0;text-shadow:0 0 10px #faf0e6bf,0 0 28px #faeee2a6,0 0 70px #faeee280,0 0 140px #faeee259;line-height:1}.hint{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:9.5px;line-height:2.2;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hint button{letter-spacing:inherit;text-transform:inherit;border-bottom:1px solid;padding-bottom:4px}.after{padding:clamp(90px,14vh,160px) var(--gutter) 90px}.after-inner{max-width:1240px;margin:0 auto}.line2-static{font-family:var(--serif);letter-spacing:.05em;margin-bottom:80px;font-size:clamp(28px,5vw,72px);line-height:1.05;display:none}.after .kicker{font-weight:300}.bands{gap:2px;height:min(78vh,720px);display:flex}.band{min-width:0;color:var(--paper);transition:flex-grow .9s var(--ease);background:#0e0c0b;flex:1 1 0;position:relative;overflow:hidden}.b-img{object-fit:cover;width:100%;height:100%;transition:opacity .7s,filter .7s,transform 1.2s var(--ease);position:absolute;inset:0}.band:after{content:"";pointer-events:none;background:linear-gradient(90deg,#080707d1,#08070726 40%,#0000 70%);position:absolute;inset:0}.bands:hover .band,.bands:focus-within .band{flex-grow:.72}.bands .band:hover,.bands .band:focus-visible,.bands .band.active{flex-grow:3.1}.bands:hover .band:not(:hover) .b-img{opacity:.45;filter:saturate(.6)}.band:hover .b-img,.band.active .b-img{transform:scale(1.03)}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(12px,1.8vw,24px);display:grid}.gallery figure{aspect-ratio:4/5;background:#0e0c0b;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%}.b-num{z-index:2;font-family:var(--serif);opacity:.8;font-size:15px;position:absolute;top:24px;left:22px}.b-name{z-index:2;writing-mode:vertical-rl;font-family:var(--serif);font-size:calc(clamp(38px,4.4vw,72px) * var(--fs));letter-spacing:.04em;white-space:nowrap;line-height:.95;position:absolute;bottom:26px;left:14px;transform:rotate(180deg)}.b-info{z-index:2;opacity:0;max-width:30ch;transition:opacity .5s,transform .7s var(--ease);position:absolute;bottom:30px;left:clamp(84px,7vw,120px);right:24px;transform:translateY(14px)}.band:hover .b-info,.band:focus-visible .b-info,.band.active .b-info{opacity:1;transition-delay:.25s;transform:none}.b-desc{color:#d9d2c8;font-size:14px;line-height:1.55;display:block}.b-cta{letter-spacing:.26em;text-transform:uppercase;border-bottom:1px solid;margin-top:16px;padding-bottom:6px;font-size:10.5px;display:inline-block}.range{gap:6px;margin-top:14px;display:flex}.range i{border-radius:50%;width:10px;height:10px;display:block}.enter{margin-top:64px}.sheet{z-index:40;background:var(--ink);color:var(--paper);display:none;position:fixed;overflow:hidden}.sheet.show{display:block}.sheet-inner{opacity:0;padding:clamp(24px,5vw,72px);transition:opacity .5s .55s;position:absolute;inset:0;overflow-y:auto}.sheet.full .sheet-inner{opacity:1}.sheet-top{justify-content:flex-end;margin-bottom:24px;display:flex}.back{letter-spacing:.26em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px;font-size:10.5px}.sheet-num{font-family:var(--serif);color:var(--muted);font-size:15px}.sheet-title{font-family:var(--serif);font-weight:400;font-size:calc(clamp(48px,9vw,140px) * var(--fs));letter-spacing:.04em;margin:8px 0;line-height:.9}.sheet-lead{color:#cfc8bd;max-width:44ch;margin:18px 0 48px;font-size:15px;line-height:1.6}@media (width<=760px){.bands{height:72svh}.b-name{font-size:calc(34px * var(--fs));left:8px}.b-info{bottom:22px;left:58px}.bands:hover .band,.bands .band:hover{flex-grow:1}.bands .band.active{flex-grow:4}}@media (prefers-reduced-motion:reduce){.hero{height:100svh}.stage{cursor:auto}.hint,.line2{display:none}.line2-static{display:block}}
