@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#151714;--ink:#eeeade;--muted:#acae9f;--lime:#c7f25c;--line:#3b4035;--mono:'Space Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--lime);color:#111;padding:15px;z-index:100}.skip:focus{top:0}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#151714f5;position:relative;z-index:3}.logo{font:bold 27px var(--display);letter-spacing:-2px;display:flex;align-items:center;gap:3px}.logo span{color:var(--lime);font-size:12px}.logo small{font:11px var(--mono);letter-spacing:1px;margin-left:17px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--lime)}.header-note,.eyebrow,.tiny{font:10px var(--mono);letter-spacing:1.7px}.header-note i{display:inline-block;width:7px;height:7px;background:var(--lime);margin-left:10px;box-shadow:0 0 15px #c7f25c66}.hero{min-height:740px;position:relative;padding:75px 5% 80px;display:grid;grid-template-columns:1.12fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#3c4430 0,transparent 58%)}.hero:before{content:'';position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#aaa2 1px,transparent 1px),linear-gradient(90deg,#aaa2 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-copy{z-index:1}.eyebrow{color:var(--lime);line-height:1.8}h1{font:900 clamp(76px,9.6vw,154px)/.85 var(--display);letter-spacing:-3px;margin:33px 0}h1 span{color:var(--lime)}.hero-intro{font-size:18px;line-height:1.7;max-width:470px}.hero-family{font-size:13px;color:var(--muted);margin:20px 0 32px}.button{display:inline-flex;align-items:center;gap:42px;background:var(--lime);color:#192012;font:bold 11px var(--mono);padding:20px 24px;box-shadow:5px 5px 0 #0005;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-art{position:relative;align-self:stretch;min-height:500px}.hero-art img{position:absolute;width:100%;height:105%;object-fit:contain;object-position:bottom;bottom:-50px;filter:drop-shadow(15px 15px 0 #0003);z-index:1}.orbit{position:absolute;border:1px solid #b6c09455;border-radius:50%;width:95%;aspect-ratio:1;top:30px;box-shadow:0 0 0 35px #87956909,0 0 0 70px #87956907}.art-label{position:absolute;right:0;top:14px;font:9px var(--mono);display:grid;gap:5px;z-index:2}.art-label b{color:var(--lime)}.pixel{position:absolute;color:var(--lime);font:bold 45px monospace;z-index:2}.p1{top:20%;left:4%}.p2{bottom:20%;right:0}.character-tag{position:absolute;z-index:2;bottom:4px;right:0;background:#20251a;border:1px solid #758357;padding:15px 22px;font:bold 13px var(--mono);transform:rotate(-3deg)}.character-tag span{color:var(--lime);margin-right:12px}.character-tag small{display:block;font-size:9px;margin:6px 0 0 33px;color:var(--muted)}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--lime);color:#243013;padding:20px 3%;font:800 26px var(--display);overflow:hidden;white-space:nowrap}.ticker b{font-size:20px}.section{padding:95px 5%}.section-top{display:flex;justify-content:space-between;align-items:center}.tiny{color:var(--muted)}h2{font:800 clamp(42px,5vw,76px)/1 var(--display);letter-spacing:-1px;margin:20px 0 45px}h2 em{font-style:normal;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project{background:transparent;border:0;padding:0;text-align:left;min-width:0}.project-meta{font:10px var(--mono);letter-spacing:1px;display:flex;justify-content:space-between;padding:14px 0}.project-meta>span{color:var(--lime);font-size:20px}.project-visual{height:320px;padding:30px;position:relative;overflow:hidden;transition:transform .25s;border:1px solid #ffffff16}.project:hover .project-visual{transform:translateY(-5px)}.finance .project-visual{background:#778265;color:#1d3029}.finance-ui{border:1px solid #a9b89c;background:#e9e8d8;padding:22px;transform:rotate(-4deg);width:85%;margin:auto;box-shadow:18px 20px 0 #253e342e}.finance-ui>div:first-child{font:bold 13px var(--mono);border-bottom:1px solid #788c75;padding-bottom:14px}.finance-ui span{float:right;font-size:8px}.project-visual strong{display:block;font:800 48px/.95 var(--display);margin:20px 0}.bars{display:flex;align-items:end;gap:10px;height:65px}.bars i{background:#3d6248;flex:1;height:60%}.bars i:nth-child(2n){height:90%}.bars i:nth-child(3n){height:40%;background:#b2c25b}.finance-ui small{font:8px var(--mono)}.visual-caption{position:absolute;bottom:8px;left:16px;font:7px var(--mono)}.cinema .project-visual{background:radial-gradient(at 80% 30%,#624277,#302037);color:#faf0d7}.movie-ui{border-left:5px solid #eeb475;padding-left:25px}.movie-ui small,.terminal small,.board-ui small{font:9px var(--mono);letter-spacing:1px}.movie-ui strong{font-size:60px;margin:12px 0}.movie-ui strong span{color:#f2b479}.film-strip{position:absolute;right:25px;top:35px;display:grid;gap:10px;transform:rotate(13deg)}.film-strip i{font-style:normal;display:grid;place-items:center;width:75px;height:80px;background:#ffffff0d;border:1px solid #dfc0ee3d;color:#f2b479}.console .project-visual{background:#111b1b}.terminal{border:1px solid #3f5b4e;padding:20px;height:100%;box-shadow:9px 9px 0 #0005}.terminal p{font:10px/1.9 var(--mono);color:#a4b4a8}.terminal strong{font-size:39px;margin:12px 0}.terminal strong span{color:var(--lime)}.terminal small{font-size:8px;color:#a4b4a8}.board .project-visual{background:#baa581;color:#29291f}.board-ui{background:#efe9da;border-radius:8px;padding:25px;transform:rotate(3deg);box-shadow:12px 12px 0 #5e503f44}.board-ui strong{margin:12px 0;font-size:42px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.board-grid span{font:8px/1.8 var(--mono);background:#dedfcf;padding:9px}.board-grid b{font-size:9px}.project h3{font:700 30px var(--display);margin:20px 0 8px}.project>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:440px;margin:0}.project-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 14px;font:9px var(--mono);color:var(--lime)}.project-link b{font-size:18px}.quiet{font-size:11px;line-height:1.7;color:var(--muted);margin-top:30px}.off-duty{background:#24291f;border-block:1px solid var(--line);position:relative}.interest-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.interest-tabs button{background:transparent;border:1px solid #69725c;padding:15px 20px;font:10px var(--mono)}.interest-tabs button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#18200e}.interest-stage{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;min-height:285px;align-items:center}.interest-symbol{font:bold 130px monospace;color:var(--lime);text-align:center;text-shadow:8px 8px 0 #0005;image-rendering:pixelated;background:repeating-conic-gradient(#ffffff03 0 25%,transparent 0 50%) 0/24px 24px;border:1px solid #647052;aspect-ratio:1.3;display:grid;place-items:center}.interest-stage h3{font:700 44px var(--display);margin:12px 0}.interest-stage p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:610px}.interest-foot{color:#bec5ac;font-size:12px!important}.loadout{border-top:1px solid #59614f;margin-top:45px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.loadout>span,.loadout b{font:9px var(--mono);color:var(--lime)}.loadout p{font-size:12px;line-height:1.8;color:#c4c6b9}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.story-photo{position:relative;transform:rotate(-3deg);margin-top:25px}.story-photo img{width:100%;height:550px;object-fit:cover;filter:saturate(.65);border:10px solid #d1c8ae}.story-photo span{display:block;font:9px var(--mono);background:#d1c8ae;color:#282b21;padding:4px 10px 14px}.story-copy h2{margin-bottom:28px}.story-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}blockquote{font:700 30px var(--display);margin:35px 0 0;border-left:3px solid var(--lime);padding-left:20px}blockquote small{display:block;font:12px 'DM Sans',Arial,sans-serif;color:var(--lime);margin-top:10px}.end{border-top:1px solid var(--line);text-align:center;background:radial-gradient(at 50% 100%,#354027,transparent 65%)}.end h2{margin-bottom:25px}.end>p:not(.eyebrow){color:var(--muted);margin-bottom:35px}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-top:1px solid var(--line);font:9px var(--mono);color:var(--muted)}dialog{background:#22271e;color:var(--ink);border:1px solid #7a8b62;max-width:780px;width:calc(100% - 30px);padding:55px;max-height:85vh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{display:block;margin:0 0 30px auto;background:none;border:1px solid #70805e;padding:10px;font:10px var(--mono)}dialog h2{font-size:52px;margin-bottom:20px}.dialog-lead{font-size:19px;line-height:1.6;color:var(--lime)}#dialog-body p,#dialog-body li{font-size:14px;line-height:1.9;color:#c4c9ba}#dialog-body h3{font:700 26px var(--display);margin-bottom:10px}#dialog-body ul{padding-left:20px}body.modal-open{overflow:hidden}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){.header-note,.tiny{display:none}header{height:70px}.logo small{display:none}nav{gap:18px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:100px}.hero-intro{font-size:16px}.hero-art{min-height:440px;margin-top:25px}.hero-art img{height:110%;bottom:0}.hero-bottom span:last-child{display:none}.hero-bottom{font-size:7px}.ticker{font-size:19px;justify-content:start;gap:25px}.section{padding:65px 6%}.projects{gap:35px;grid-template-columns:1fr}.project-visual{height:310px}.interest-stage{grid-template-columns:1fr;gap:15px}.interest-symbol{font-size:80px;aspect-ratio:3}.interest-stage h3{font-size:36px}.interest-stage p:not(.eyebrow){font-size:14px}.loadout{flex-wrap:wrap}.story{grid-template-columns:1fr;gap:45px}.story-photo{max-width:420px}.story-photo img{height:420px}.story-copy h2{font-size:55px}footer{gap:20px;flex-wrap:wrap}footer>span:last-child{display:none}dialog{padding:25px}.interest-tabs button{padding:12px;font-size:9px}.hero-art .art-label{right:5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}