:root{color-scheme:dark;--color-background:#090b10;--color-surface:#151922;--color-text:#e8e4db;--color-muted:#d4d9e0;--color-accent:#e9a33b;--color-focus:#84c8ff;--space-page:clamp(1.25rem, 4.8vw, 5rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--font-display:Orbitron, Arial, Helvetica, sans-serif;--layer-artwork:0;--layer-overlay:1;--layer-content:2;--layer-frame:3}@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orbitron-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/orbitron-latin-600-normal.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:var(--font-display);text-rendering:optimizelegibility}body{min-width:inherit;background:var(--color-background);min-height:100vh;margin:0}a{color:inherit}a:focus-visible{outline:.15rem solid var(--color-focus);outline-offset:.25rem}.site-shell{isolation:isolate;min-height:100svh;padding:clamp(1.75rem, 4.2vh, 3.25rem) var(--space-page);background:var(--color-background);grid-template-rows:auto 1fr 2.75rem;gap:clamp(1rem,3vh,2rem);display:grid;position:relative;overflow:hidden}.site-shell:before{z-index:var(--layer-overlay);pointer-events:none;content:"";background:linear-gradient(90deg,#090b10 0%,#090b10fa 30%,#090b10eb 40%,#090b10bd 47%,#090b106b 52%,#090b1024 59%,#090b1000 68%),linear-gradient(#090b10b8 0%,#0000 19%),linear-gradient(#0000 80%,#090b1094 91%,#090b10f2 100%);position:absolute;inset:0}.hero-artwork{z-index:var(--layer-artwork);margin:0;position:absolute;inset:0 0 0 40%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%);mask-image:linear-gradient(90deg,#0000,#000 32%)}.hero-artwork:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(#090b10b3 0%,#0000 17%);position:absolute;inset:0}.hero-artwork img{width:auto;max-width:none;height:90%;display:block;position:absolute;top:auto;bottom:0;left:1.5vw;-webkit-mask-image:linear-gradient(#0000 0%,#000 9%);mask-image:linear-gradient(#0000 0%,#000 9%)}.hero-artwork picture{height:100%;display:block}.technical-frame{z-index:var(--layer-frame);pointer-events:none;clip-path:polygon(1.2rem 0,calc(100% - 1.2rem) 0,100% 1.2rem,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,1.2rem 100%,0 calc(100% - 1.2rem),0 1.2rem);border:1px solid #65c7f0bf;position:absolute;inset:1rem}.technical-frame:before{clip-path:inherit;content:"";border:1px solid #65c7f024;position:absolute;inset:.45rem}.site-header{z-index:var(--layer-content);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex;position:relative}.brand{align-items:center;width:min(49vw,48rem);min-height:2.75rem;display:inline-flex;transform:translateY(4.5vh)}.brand img{width:100%;height:auto;display:block}.social-list{justify-content:flex-end;gap:var(--space-1) clamp(.5rem, 1.25vw, 1.25rem);flex-wrap:wrap;margin:-.35rem 0 0;padding:0;list-style:none;display:flex}.social-link{min-width:2.75rem;min-height:2.75rem;color:var(--color-muted);letter-spacing:.14em;text-align:center;text-transform:uppercase;border-bottom:1px solid #d4d9e080;justify-content:center;align-items:center;padding:.5rem;font-size:clamp(.65rem,.75vw,.78rem);text-decoration:none;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.social-link:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#090b104d}.hero-copy{z-index:var(--layer-content);align-self:center;width:min(49vw,47rem);position:relative;transform:translateY(-1.5vh)}.hero-copy h1{letter-spacing:.04em;text-wrap:balance;margin:0;font-size:clamp(1.8rem,3.4vw,3.25rem);font-weight:600;line-height:1.12}.h1-intro,.h1-steps{display:block}.h1-intro{letter-spacing:.48em;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:400}.h1-steps{color:var(--color-text);letter-spacing:.2em;white-space:nowrap;margin-top:clamp(1.25rem,2.5vh,2rem);font-size:clamp(1.55rem,2.65vw,2.75rem)}.h1-steps span:last-child{color:var(--color-accent)}.hero-copy p{max-width:38rem;color:var(--color-muted);letter-spacing:.24em;border-top:1px solid #e9a33b80;margin:clamp(1.75rem,4vh,3rem) 0 0;padding-top:clamp(1.5rem,3vh,2rem);font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.8}@media (width>=42.001rem) and (width<=56rem){.site-shell{padding:max(1.5rem, env(safe-area-inset-top)) max(1.75rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.75rem, env(safe-area-inset-left))}.brand{width:min(34vw,18rem);transform:translateY(2vh)}.hero-copy{width:min(64vw,34rem);transform:none}.h1-steps{letter-spacing:.1em;white-space:normal;flex-wrap:wrap;gap:.15em .4em;font-size:clamp(1.4rem,3.15vw,2rem);display:flex}}@media (width<=42rem){.site-shell{min-height:100svh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.75rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;gap:clamp(1.75rem,5vh,2.5rem);display:flex;overflow:visible}.site-shell:before{background:linear-gradient(#090b10 0%,#090b10ed 20%,#090b10c2 38%,#090b108f 58%,#090b10f0 82%,#090b10 100%)}.hero-artwork{height:min(115vw,30rem);inset:11rem 0 auto;-webkit-mask-image:none;mask-image:none}.hero-artwork:before{background:linear-gradient(90deg,#090b105c 0%,#090b1014 48%,#0000 75%)}.hero-artwork img{object-fit:cover;object-position:40% center;width:100%;max-width:100%;height:100%;inset:0;-webkit-mask-image:none;mask-image:none}.site-header{flex-direction:column;align-items:flex-start;gap:clamp(1rem,3vh,1.5rem)}.brand{width:min(76vw,21rem);min-height:0;transform:none}.site-header nav{width:100%}.social-list{justify-content:flex-start;gap:.5rem;margin:0}.social-link{letter-spacing:.1em;padding:.65rem .75rem;font-size:.75rem}.hero-copy{align-self:stretch;width:100%;margin-top:auto;transform:none}.hero-copy h1{letter-spacing:.03em;font-size:clamp(1.5rem,7.2vw,2.2rem);line-height:1.18}.h1-intro{letter-spacing:clamp(.12em,1.5vw,.3em);font-size:clamp(1rem,4vw,1.25rem)}.h1-steps{letter-spacing:clamp(.06em,1.2vw,.12em);white-space:normal;flex-wrap:wrap;gap:.2em .5em;margin-top:.75rem;font-size:clamp(1.3rem,6.6vw,2rem);display:flex}.hero-copy p{letter-spacing:clamp(.05em,1.2vw,.12em);max-width:33rem;margin-top:1.5rem;padding-top:1rem;font-size:1rem;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:root{--color-background:Canvas;--color-surface:Canvas;--color-text:CanvasText;--color-muted:CanvasText;--color-accent:CanvasText;--color-focus:Highlight}.site-shell{color:canvastext;background:canvas}.site-shell:before,.hero-artwork:before{background:0 0}.technical-frame,.technical-frame:before{border-color:canvastext}.social-link{color:linktext;border-color:linktext}a:focus-visible{outline-offset:.2rem;outline:.1875rem solid highlight}}.site-header .brand{flex-shrink:0}@media (width>=56.001rem){.site-header nav{width:max-content;position:absolute;top:0;right:0}.social-list{flex-wrap:nowrap}}.social-link[aria-current=page]{color:var(--color-accent);border-color:var(--color-accent)}.content-shell{min-height:100svh;padding:2rem var(--space-page) 5rem;position:relative}.content-shell .brand{width:min(28vw,20rem);transform:none}.content-main{max-width:72rem;margin:4rem auto 0}.back-link{color:var(--color-muted);padding:.75rem 0;font-size:.8rem;display:inline-block}.content-main h1{color:var(--color-accent);font-size:clamp(2rem,5vw,3.5rem)}.content-intro,.content-card p{color:var(--color-muted);font-family:Arial,Helvetica,sans-serif;font-size:1.125rem;line-height:1.7}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem;display:grid}.content-card{background:var(--color-surface);border:1px solid #e9a33b4d;padding:2rem}.content-card h2{font-size:1.1rem;line-height:1.6}.card-number{color:var(--color-accent);font-size:1.5rem}.character-placeholder{min-height:10rem;color:var(--color-accent);background:var(--color-background);place-items:center;margin-bottom:1.5rem;font-size:4rem;display:grid}@media (width<=56rem){.content-grid{grid-template-columns:1fr}}@media (width<=42rem){.content-shell .brand{width:min(76vw,21rem)}.content-main{margin-top:2rem}}
