/* EDIT THE PALETTE HERE. No fonts or libraries are fetched externally. */
:root{--bg:#11120f;--yellow:#e8fa45;--text:#eceee4;--muted:#898c7e;--line:#303328;--mono:'Cascadia Code','Consolas','Courier New',monospace}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}::selection{background:var(--yellow);color:var(--bg)}
.header-actions{display:flex;align-items:center;gap:14px}.language-select{width:145px;min-height:36px;padding:8px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:0;font:10px var(--mono);cursor:pointer}.language-select:hover{border-color:var(--muted)}.language-select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.headline-lead{color:var(--text)}.caption-detail .role{color:inherit;margin-left:0}.work-label{line-height:1.6}.tiny-triangle{flex-shrink:0}footer>span,footer>a{min-width:0}footer>a>[data-i18n]{color:inherit;margin-left:0}
@media(max-width:700px){.page .header{height:auto;min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 10px;padding:20px 0}.header-actions{display:contents}.header .status{grid-column:1/-1;grid-row:2;justify-self:start}.language-select{grid-column:2;grid-row:1;width:112px}.system-line{flex-wrap:wrap}.monitor .caption-detail{font-size:7px}}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#8a9170 .65px,transparent .65px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 44%,#a3b72a0c,transparent 47%)}.page{max-width:1500px;margin:auto;padding:0 5.7%;min-height:100svh;display:flex;flex-direction:column}.header{height:118px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:25px;font-weight:750;letter-spacing:-1.3px;display:flex;align-items:center}.domain{color:var(--muted)}.brand-symbol{background:var(--yellow);color:var(--bg);width:31px;height:31px;display:inline-grid;place-items:center;margin-right:13px;font:700 23px var(--mono);letter-spacing:-4px;padding-right:4px;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.status,.eyebrow,.work-label,.monitor-top,.monitor figcaption,.coordinate,.photo-label,.warning>span,.system-line,footer{font-family:var(--mono);font-size:10px;letter-spacing:1px}.status{color:#b4b6a8;border:1px solid var(--line);padding:11px 14px}.status i,.monitor-top i{display:inline-block;width:6px;height:6px;background:var(--yellow);margin-right:8px;box-shadow:0 0 9px #e8fa4540}.status i{animation:breathe 4s ease-in-out infinite}main{flex:1;display:flex;flex-direction:column;justify-content:center}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:5%;padding:87px 0 83px}.eyebrow{color:#a0a38e;font-size:10px;letter-spacing:1.5px;margin:0 0 30px}.eyebrow>[aria-hidden]{color:var(--yellow);margin-right:10px}h1{font-size:clamp(48px,5.8vw,85px);line-height:1.02;letter-spacing:-5px;font-weight:800;margin:0 0 26px}h1>span{color:var(--yellow)}.period{display:inline-block;text-shadow:3px 0 var(--yellow)}.description{font-size:15px;line-height:1.9;color:#a9ac9e;margin:0 0 28px}.work-label{display:flex;align-items:center;gap:9px;color:#838976;font-size:9px;letter-spacing:.7px}.tiny-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--yellow);color:var(--bg);width:13px;height:12px;text-align:center;font:bold 10px var(--mono);padding-top:2px}.socials{display:flex;gap:29px;margin-top:49px;font-size:12px}.socials a{display:flex;gap:16px;padding-bottom:10px;border-bottom:1px solid #484d35;transition:color .2s,border-color .2s,transform .2s}.socials a:hover{color:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}.socials span{color:var(--yellow)}.scene{position:relative;padding:17px 25px 25px 0;max-width:440px;width:100%;justify-self:end}.portrait-layer,.warning-layer{transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform}.monitor{margin:0;background:#1d2017;border:1px solid #50543a;box-shadow:10px 10px 0 #090a07,0 25px 80px #0007;transform:rotate(-3deg)}.monitor-top{height:35px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#afb495;letter-spacing:.8px}.monitor-top i{width:4px;height:4px;margin-right:6px}.portrait{position:relative;margin:0 9px;aspect-ratio:1;overflow:hidden;background-color:#171c12;background-image:radial-gradient(ellipse at 50% 70%,#68773430,transparent 74%),radial-gradient(#71804c42 .7px,transparent .7px);background-size:auto,8px 8px}.portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1519089c,transparent 40%,#e8fa4510);pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);z-index:1;opacity:.35;pointer-events:none}.photo-label{position:absolute;bottom:15px;left:15px;font-size:7px;color:#e4ecc4;z-index:2;letter-spacing:1px}.photo-corner{position:absolute;width:15px;height:15px;border-color:var(--yellow);z-index:2}.corner-tl{top:12px;left:12px;border-top:2px solid;border-left:2px solid}.corner-br{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid}.monitor figcaption{padding:18px 13px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.caption-detail{font-size:8px;color:#8f957e}.caption-detail span{color:var(--yellow);margin-left:6px}.hazard{height:9px;background:repeating-linear-gradient(125deg,var(--yellow) 0 9px,#202418 9px 18px);opacity:.9}.warning-layer{position:absolute;right:-16px;top:-6px;z-index:3}.warning{transform:rotate(9deg);background:#171a12;border:1px solid #535c2b;width:125px;padding:9px 14px 11px;box-shadow:5px 6px 0 #080a06}.warning svg{display:block;width:89px;height:83px;filter:drop-shadow(0 0 10px #e8fa4515)}.warning svg path{fill:var(--yellow);shape-rendering:crispEdges}.warning svg .inner{fill:#171a12}.warning svg .bang{fill:var(--yellow)}.warning>span{display:block;font-size:6px;letter-spacing:.8px;color:var(--yellow);white-space:nowrap;text-align:center}.orbit{position:absolute;inset:-22px -9px -4px -30px;border:1px dashed #434a2b;opacity:.5}.cross{position:absolute;color:#7c874c;font:20px var(--mono)}.cross-one{left:-45px;top:-38px}.cross-two{right:-28px;bottom:13px}.coordinate{position:absolute;bottom:-19px;left:0;font-size:8px;letter-spacing:1.1px;color:#737b61}.system-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:8px;color:#737a62;letter-spacing:1.1px}.system-line>span:first-child{color:#c3c9ac}.square{display:inline-block;width:5px;height:5px;background:var(--yellow);margin-right:10px}.version{color:#a4aa8b}footer{display:flex;justify-content:space-between;gap:20px;padding:29px 0 33px;font-size:9px;letter-spacing:.2px;color:#747969}footer a:hover{color:var(--yellow)}footer a span{color:var(--yellow);margin-left:10px}.blink{color:var(--yellow);animation:blink 1.6s steps(1) infinite}@keyframes breathe{50%{opacity:.5;box-shadow:0 0 14px #e8fa4560}}@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:110px}}@media(max-width:1000px){h1{letter-spacing:-3px;font-size:clamp(42px,6vw,65px)}.hero{gap:5%;padding:70px 0}.scene{max-width:350px;padding-right:15px}.warning-layer{right:-7px}.warning{width:105px;padding:7px 8px}.warning svg{width:87px;height:74px}.eyebrow{font-size:8px;letter-spacing:.7px}.socials{gap:20px}.socials a{gap:8px}.work-label{font-size:7px;letter-spacing:.3px}}@media(max-width:700px){.page{padding:0 7%}.header{height:88px}.wordmark{font-size:22px}.status{font-size:7px;letter-spacing:.6px;padding:9px}.brand-symbol{width:27px;height:27px;font-size:20px;margin-right:9px}.hero{grid-template-columns:1fr;gap:55px;padding:48px 0 55px}.copy{text-align:center}.eyebrow{margin-bottom:23px;font-size:8px}h1{font-size:clamp(38px,9.5vw,64px);letter-spacing:-2.5px;margin-bottom:20px}.description{font-size:13px;line-height:1.8;margin-bottom:22px}.work-label{justify-content:center;font-size:7px}.socials{justify-content:center;margin-top:29px;gap:25px}.scene{justify-self:center;max-width:320px;padding:9px 16px 20px 5px}.warning-layer{top:-12px;right:-4px}.warning{width:96px}.warning svg{width:78px;height:70px}.warning>span{font-size:5px}.orbit{inset:-15px -3px 0 -9px}.cross-one{left:-20px;top:-27px}.cross-two{right:-15px}.coordinate{font-size:7px;bottom:-13px;left:4px}.monitor figcaption{padding:16px 11px;font-size:9px}.system-line{font-size:7px;flex-wrap:wrap;gap:13px;justify-content:center;padding:18px 0}.system-line>span:nth-child(2){display:none}footer{flex-wrap:wrap;justify-content:center;font-size:8px;padding:23px 0;gap:13px 20px}footer a{flex-basis:100%;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.portrait-layer,.warning-layer{transform:none!important;will-change:auto}}
