@property --reveal{syntax:"<percentage>";inherits:false;initial-value:110%}.sb-page{--night:#0b1118;--bone:#e9e4d8;--trail:#ffd23f;--gut:clamp(1.25rem, 3.6vw, 3.5rem);background:var(--night);color:var(--bone);font-family:var(--concept-mono), ui-monospace, monospace}.sb-page ::selection{background:var(--trail);color:var(--night)}.sb-hero{--mx:0;--my:0;isolation:isolate;height:100svh;min-height:36rem;position:relative;overflow:hidden}.sb-photo,.sb-trail{transform:translate(calc(var(--mx) * -14px), calc(var(--my) * -10px));animation:2.6s cubic-bezier(.16,1,.3,1) both sb-settle;position:absolute;inset:-3%}.sb-photo img,.sb-trail img{object-fit:cover;object-position:70% 50%}@keyframes sb-settle{0%{scale:1.08}}.sb-photo{z-index:0}.sb-shade{z-index:1;background:linear-gradient(90deg,#0b1118b8 0%,#0b111859 38%,#0000 62%),linear-gradient(#0000 78%,#0b111899 100%);position:absolute;inset:0}.sb-trail{z-index:3;pointer-events:none;-webkit-mask-image:linear-gradient(to top, #000 calc(var(--reveal) - 14%), transparent var(--reveal));mask-image:linear-gradient(to top, #000 calc(var(--reveal) - 14%), transparent var(--reveal));filter:drop-shadow(0 0 .6rem #ffd23f8c);animation:2.6s cubic-bezier(.16,1,.3,1) both sb-settle,3.2s cubic-bezier(.45,0,.2,1) .6s both sb-draw}@keyframes sb-draw{0%{--reveal:0%}to{--reveal:114%}}.sb-nav{z-index:10;padding:clamp(1.25rem, 3vw, 2.25rem) var(--gut);justify-content:space-between;align-items:center;display:flex;position:relative}.sb-nav a{color:inherit;text-decoration:none}.sb-brand{font-family:var(--sb-display), sans-serif;font-variation-settings:"opsz" 72;letter-spacing:.01em;text-transform:uppercase;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800}.sb-links{letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:clamp(1.25rem,3.5vw,3.25rem);font-size:.75rem;display:flex}.sb-links a:not(.sb-beta):hover,.sb-links a:not(.sb-beta):focus-visible{color:var(--trail)}.sb-beta{background:var(--trail);border-radius:999px;padding:.7rem 1.4rem;font-weight:500;transition:background-color .25s;color:var(--night)!important}.sb-beta:hover,.sb-beta:focus-visible{background:#fff}.sb-head{z-index:2;left:var(--gut);font-family:var(--sb-display), sans-serif;font-variation-settings:"opsz" 72;letter-spacing:-.005em;text-transform:uppercase;transform:translate(calc(var(--mx) * 6px), calc(var(--my) * 4px));margin:0;font-size:clamp(4.5rem,min(11vw,19svh),12rem);font-weight:900;line-height:.86;position:absolute;bottom:clamp(5rem,11svh,7.5rem)}.sb-head span{animation:1.2s cubic-bezier(.16,1,.3,1) both sb-up;animation-delay:calc(var(--i) * .11s + .1s);display:block}@keyframes sb-up{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 30%}to{clip-path:inset(0 0 -10%)}}.sb-foot{z-index:10;padding:0 var(--gut);letter-spacing:.04em;justify-content:space-between;gap:1.5rem;font-size:.875rem;display:flex;position:absolute;bottom:clamp(1.75rem,4vw,2.75rem);left:0;right:0}.sb-foot p{margin:0}.sb-coords{font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.1em}.sb-page :focus-visible{outline:2px solid var(--trail);outline-offset:4px}@media (max-width:700px){.sb-links a:not(.sb-beta){display:none}.sb-photo img,.sb-trail img{object-position:62% 50%}.sb-head{font-size:19vw;top:auto;bottom:7.5rem;translate:none}.sb-shade{background:linear-gradient(#0000 25%,#0b111833 45%,#0b1118d9 100%)}.sb-foot{flex-direction:column;gap:.5rem;bottom:2.25rem}}@media (prefers-reduced-motion:reduce){.sb-page *,.sb-page :before,.sb-page :after{animation:none!important}.sb-trail{-webkit-mask-image:none;mask-image:none}}
