@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;700&family=Teko:wght@400;500;600;700&display=swap";:root{font-family:Manrope,sans-serif;color:#f5f3ee;background:#090b12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;touch-action:none}a{color:red}.home-screen{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:clamp(1.1rem,3.2vw,3rem);color:#090909;pointer-events:none;background:#e5291e;isolation:isolate;transition:opacity .32s ease,visibility .32s ease}.home-screen:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";opacity:.2;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#090909 calc(12.5% - 1px),#090909 12.5%)}.home-screen:after{position:absolute;z-index:-1;top:-15vh;right:clamp(-8rem,-7vw,-2rem);width:clamp(9rem,18vw,19rem);height:130vh;content:"";background:#090909;transform:rotate(7deg)}.home-screen--hidden{visibility:hidden;opacity:0}.home-screen__frame{display:grid;width:min(76rem,calc(100vw - clamp(2.2rem,6.4vw,6rem)));min-height:min(43rem,calc(100vh - clamp(2.2rem,6.4vw,6rem)));border:clamp(3px,.35vw,6px) solid #090909;grid-template-rows:auto 1fr auto;background:#e5291e;box-shadow:clamp(8px,1.3vw,18px) clamp(8px,1.3vw,18px) 0 #090909}.home-screen__masthead{display:flex;justify-content:space-between;gap:2rem;padding:.65rem clamp(.9rem,2vw,1.75rem) .45rem;border-bottom:clamp(3px,.35vw,6px) solid #090909;font-family:DM Mono,monospace;font-size:clamp(.785em,1.5vw,1.7rem);font-weight:500;letter-spacing:.09em;text-transform:uppercase}.home-screen__masthead p{margin:0}.home-screen h1{align-self:center;display:flex;flex-direction:column;margin:0;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem);font-family:Teko,Arial Narrow,sans-serif;font-size:clamp(5rem,14vw,12.5rem);font-weight:600;line-height:.68;letter-spacing:-.035em;text-transform:uppercase}.home-screen__name{align-self:flex-end;padding:.16em .1em 0;color:#e5291e;background:#090909;transform:rotate(-1.5deg)}.home-screen__footer{display:grid;border-top:clamp(3px,.35vw,6px) solid #090909;grid-template-columns:minmax(14rem,.8fr) minmax(20rem,1.2fr)}.home-screen__status{display:flex;align-items:center;gap:.55rem;margin:0;padding:.6rem clamp(.9rem,2vw,1.75rem) .35rem;font-family:Teko,Arial Narrow,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:600;line-height:1;letter-spacing:.035em;text-transform:uppercase}.home-screen__status span{font-size:1.2em}.home-screen__notice{display:grid;align-items:center;margin:0;padding:.8rem clamp(.9rem,2vw,1.75rem);border-left:clamp(3px,.35vw,6px) solid #090909;font-family:DM Mono,monospace;font-size:clamp(.62rem,.85vw,.76rem);font-weight:500;line-height:1.5;letter-spacing:.035em;text-transform:uppercase}.home-screen__edition{position:absolute;z-index:1;right:clamp(.15rem,1.1vw,1rem);bottom:50%;margin:0;color:#e5291e;font-family:Teko,Arial Narrow,sans-serif;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:600;letter-spacing:.5em;transform:translateY(50%) translate(40%) rotate(90deg)}.crosshair{position:fixed;z-index:2;top:50%;left:50%;width:25px;height:25px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background-color:#00000059;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .12s ease}.crosshair--visible{opacity:1}.experience-hint{position:fixed;z-index:2;right:clamp(1rem,2.5vw,2rem);bottom:clamp(1rem,2.5vw,2rem);width:min(17rem,calc(100vw - 2rem));margin:0;padding:0;border:2px solid #e5291e;color:#f5f3ee;background:#090909;font-family:Teko,Arial Narrow,sans-serif;font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:300;line-height:1;letter-spacing:.025em;pointer-events:none;text-transform:uppercase}.experience-hint__title{margin:0;padding:.4rem .75rem .3rem;color:#090909;background:#e5291e;font-size:1.25em;font-weight:600;letter-spacing:.08em}.experience-hint ul{display:grid;gap:.3rem;margin:0;padding:.7rem .75rem .8rem;list-style:none}.experience-hint li:before{margin-right:.45rem;color:#e5291e;content:"—"}.experience-hint kbd{display:inline-block;min-width:2.1em;padding:.1em .3em .04em;border:2px solid #e5291e;color:#f5f3ee;background:#090909;font:inherit;line-height:1;text-align:center}.hitbox-overlay{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;overflow:auto;color:#f5f3ee;background:#090909}.hitbox-overlay__frame{display:grid;width:100%;min-height:100vh;grid-template-rows:auto 1fr auto;background:#090909}.hitbox-overlay__header,.hitbox-overlay__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.75rem) clamp(1.25rem,4vw,4rem);color:#f5f3ee;background:#090909;font-family:DM Mono,monospace;font-size:clamp(.68rem,1vw,.85rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.hitbox-overlay__header{border-bottom:3px solid #e5291e}.hitbox-overlay__header p,.hitbox-overlay__footer p{margin:0}.hitbox-overlay__close{display:flex;align-items:center;gap:.75rem;min-height:2.5rem;padding:.35rem .35rem .35rem .8rem;border:2px solid #e5291e;color:#f5f3ee;background:transparent;font:inherit;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.hitbox-overlay__close span:last-child{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:#090909;background:#e5291e;font-size:1.3rem;line-height:1}.hitbox-overlay__close:hover,.hitbox-overlay__close:focus-visible{color:#090909;background:#e5291e;outline:2px solid #f5f3ee;outline-offset:3px}.hitbox-overlay__content{align-self:center;width:100%;padding:clamp(4rem,12vw,10rem) clamp(1.25rem,8vw,8rem)}.hitbox-overlay__eyebrow{margin:0;color:#e5291e;font-family:DM Mono,monospace;font-size:clamp(1.2rem,1.4vw,1.5rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.hitbox-overlay__content h2{width:100%;margin:.2em 0;color:#f5f3ee;font-family:Teko,Arial Narrow,sans-serif;font-size:clamp(4.5rem,13vw,11rem);font-weight:600;line-height:.78;overflow-wrap:anywhere;text-transform:uppercase}.hitbox-overlay__content>p:not(.hitbox-overlay__eyebrow){width:100%;margin:1.5rem 0 0;color:#c9c7c1;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.7}.hitbox-overlay__content code{padding:.12em .3em;color:#090909;background:#e5291e;font-family:DM Mono,monospace;font-size:.8em}.project-gallery{display:grid;width:100%;margin:clamp(2.5rem,6vw,5rem) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:clamp(1.25rem,3vw,2.5rem)}.gallery-image,.gallery-video{width:100%;margin:clamp(2.5rem,6vw,5rem) 0;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 32rem}.project-gallery .gallery-image,.project-gallery .gallery-video{margin:0}.gallery-image__frame,.gallery-video__frame{overflow:hidden;border:3px solid #e5291e;background:#151515;transition:transform .18s ease,border-color .18s ease}.gallery-image img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.gallery-video video{display:block;width:100%;height:auto;max-height:75vh;background:#000;object-fit:contain}.gallery-image__caption,.gallery-video__caption{margin-top:.8rem;padding-left:.8rem;border-left:3px solid #e5291e;color:#c9c7c1;font-family:DM Mono,monospace;font-size:clamp(.72rem,1vw,.9rem);line-height:1.5;letter-spacing:.04em}@media(hover:hover){.gallery-image:hover .gallery-image__frame,.gallery-video:hover .gallery-video__frame{border-color:#f5f3ee;transform:translateY(-4px)}}.hitbox-overlay__footer{color:#e5291e;border-top:1px solid #3f3f3f}@media(prefers-reduced-motion:reduce){.home-screen,.gallery-image__frame,.gallery-video__frame{transition:none}.gallery-image:hover .gallery-image__frame,.gallery-video:hover .gallery-video__frame{transform:none}}@media(max-width:680px){.home-screen__frame{min-height:calc(100vh - 2.2rem)}.home-screen h1{font-size:clamp(4.6rem,25vw,8rem);line-height:.74}.home-screen__name{align-self:flex-start}.home-screen__footer{grid-template-columns:1fr}.home-screen__notice{border-top:3px solid #090909;border-left:0}.home-screen__edition{display:none}.hitbox-overlay__frame{min-height:100vh}.hitbox-overlay__header{align-items:flex-start}.hitbox-overlay__header>p{max-width:12rem}.hitbox-overlay__footer{align-items:flex-end}.hitbox-overlay__footer p:last-child{text-align:right}}