:root{--ink:#101616;--paper:#e8e6dd;--acid:#d7ff3f;--muted:#91968e;--line:rgba(16,22,22,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.site-header{position:absolute;top:0;z-index:10;width:100%;height:86px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{font:500 27px/1 "DM Mono",monospace;letter-spacing:-3px;color:inherit;text-decoration:none}.brand span{color:var(--acid);font-size:18px;vertical-align:top;margin-left:4px}nav{display:flex;align-items:center;gap:31px}nav a{font-size:12px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:.01em}.nav-contact{padding:11px 15px;border:1px solid rgba(255,255,255,.5);border-radius:100px}.nav-contact span,.text-link span,.contact a span{color:var(--acid);font-size:16px;margin-left:5px}.menu-button{display:none}.hero{background:var(--ink);color:#fff;min-height:100svh;padding:179px 5.2vw 32px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font:500 10px/1.2 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;margin:0 0 22px}.hero .eyebrow span{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--acid)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,7.6vw,126px);font-weight:600;line-height:.91;letter-spacing:-.075em;margin:0}h1 em,h2 em{font-weight:400;color:var(--acid)}.intro{font-size:15px;line-height:1.65;color:#b9c0b8;max-width:440px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;gap:33px;align-items:center;padding:15px 18px;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button.primary{color:var(--ink);background:var(--acid)}.button span{font-size:17px}.text-link{font-size:12px;color:inherit;text-decoration:none;font-weight:800}.hero-visual{position:absolute;right:-1vw;top:0;width:56%;height:100%;overflow:hidden;background:radial-gradient(circle at 51% 47%,#3c574e 0,transparent 18%),radial-gradient(circle at 76% 28%,#243a34 0,transparent 27%)}.grid-sphere{width:min(48vw,660px);aspect-ratio:1;position:absolute;top:50%;left:54%;transform:translate(-50%,-46%);border:1px solid rgba(215,255,63,.7);border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 8%,rgba(215,255,63,.21) 8.2% 8.8%,transparent 9% 14%),repeating-linear-gradient(90deg,transparent 0 9%,rgba(215,255,63,.18) 9.1% 9.4%,transparent 9.5% 17%);box-shadow:0 0 120px rgba(215,255,63,.16)}.orb{position:absolute;border-radius:50%;filter:blur(8px);mix-blend-mode:screen}.orb-one{width:30vw;height:30vw;left:20%;top:15%;background:rgba(61,125,105,.35)}.orb-two{width:18vw;height:18vw;right:7%;bottom:5%;background:rgba(215,255,63,.17)}.orb-three{width:13vw;height:13vw;left:38%;bottom:8%;background:rgba(0,152,255,.13)}.crosshair{position:absolute;left:54%;top:50%;width:124px;height:124px;transform:translate(-50%,-50%);border:1px solid rgba(215,255,63,.45);border-radius:50%}.crosshair b{position:absolute;background:var(--acid)}.crosshair b:nth-child(1),.crosshair b:nth-child(2){height:1px;width:165px;left:-21px}.crosshair b:nth-child(1){top:-1px}.crosshair b:nth-child(2){bottom:-1px}.crosshair b:nth-child(3),.crosshair b:nth-child(4){width:1px;height:165px;top:-21px}.crosshair b:nth-child(3){left:-1px}.crosshair b:nth-child(4){right:-1px}.visual-label,.coordinate{position:absolute;font:10px/1.45 "DM Mono",monospace;letter-spacing:.08em;color:#c7d8c8}.top-label{top:21%;right:12%}.bottom-label{bottom:18%;left:15%}.coordinate{font-size:9px;color:var(--acid)}.c-one{top:33%;left:14%}.c-two{bottom:28%;right:10%;text-align:right}.hero-foot{position:absolute;bottom:29px;left:5.2vw;right:5.2vw;z-index:2;display:flex;justify-content:space-between;color:#aab0a9;font:9px "DM Mono",monospace;letter-spacing:.1em}.section{padding:140px 5.2vw}.section-head{display:grid;grid-template-columns:1fr 2.25fr 1fr;gap:25px;align-items:start;margin-bottom:75px}.section-head .eyebrow{padding-top:12px}.section-head h2,.about h2,.contact h2{font-size:clamp(43px,5.4vw,82px);font-weight:600;letter-spacing:-.065em;line-height:.95;margin:0}.section-head>p:last-child{font-size:14px;line-height:1.65;color:#4f5750;margin:11px 0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:82px 28px}.project.wide,.project.featured{grid-column:span 2}.project-media{width:100%;border:0;display:block;padding:0;position:relative;overflow:hidden;background:#26312c;aspect-ratio:1.35;cursor:pointer;text-align:left}.featured .project-media,.wide .project-media{aspect-ratio:2.04}.project-media video,.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.project-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 53%,rgba(0,0,0,.5));transition:background .4s}.project-media:hover video,.project-media:hover img{transform:scale(1.045);filter:brightness(.78)}.play{position:absolute;z-index:2;left:21px;bottom:19px;color:#fff;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:.35s}.play b{color:var(--acid);font-size:18px;margin-left:7px}.project-media:hover .play{opacity:1;transform:none}.media-index{position:absolute;z-index:2;top:16px;right:18px;color:#fff;font:10px "DM Mono",monospace}.project-info{display:flex;justify-content:space-between;align-items:end;margin-top:17px}.project-type{font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:#657069;margin-bottom:10px}.project h3{font-size:clamp(23px,2.35vw,39px);line-height:.97;letter-spacing:-.06em;margin:0}.project-note{font-size:11px;color:#69716a;margin:0}.about{background:#d8ff3e}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:8vw}.about h2{max-width:820px}.about-side{padding-top:13px}.about-side p{font-size:14px;line-height:1.65;margin-bottom:18px}.capabilities{border-top:1px solid rgba(16,22,22,.3);margin-top:110px;padding-top:17px;display:flex;gap:11px;flex-wrap:wrap}.capabilities span{font:10px "DM Mono",monospace;border:1px solid rgba(16,22,22,.45);padding:8px 10px}.experience{background:#111817;color:#e9eee7}.experience .section-head{margin-bottom:62px}.timeline{border-top:1px solid #48514b}.timeline article{display:grid;grid-template-columns:1fr 2.25fr 1.15fr;gap:25px;padding:25px 0 28px;border-bottom:1px solid #48514b}.timeline p,.timeline span{font:10px/1.55 "DM Mono",monospace;color:#aab3ab;letter-spacing:.03em;margin:0}.timeline h3{font-size:21px;line-height:1.15;letter-spacing:-.04em;margin:0 0 5px}.contact{padding-top:135px;padding-bottom:37px;background:#101616;color:#fff}.contact h2{font-size:clamp(64px,10vw,150px);margin-bottom:55px}.contact-email{display:inline-block;color:var(--acid);font-size:clamp(16px,2.1vw,29px);font-weight:500;letter-spacing:-.04em;text-decoration:none;border-bottom:1px solid #759421;padding-bottom:6px}.contact-bottom{border-top:1px solid #3e4841;margin-top:120px;padding-top:17px;display:flex;justify-content:space-between;color:#adb5ad;font:10px/1.6 "DM Mono",monospace}.contact-bottom p{margin:0}.contact-bottom a{color:#fff;text-decoration:none}footer{background:#101616;color:#b7c0b7;display:flex;align-items:center;justify-content:space-between;padding:20px 5.2vw 28px;font:9px "DM Mono",monospace}footer .brand{color:#fff}.video-modal{width:min(1000px,94vw);border:1px solid #59635b;background:#111817;color:#fff;padding:28px;margin:auto}.video-modal::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(6px)}.video-modal h2{font-size:25px;letter-spacing:-.04em;margin-bottom:19px}.video-modal video{display:block;width:100%;max-height:72vh;background:#000}.close-modal{position:absolute;right:8px;top:4px;border:0;background:transparent;color:#fff;font-size:31px;cursor:pointer;z-index:2}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:720px){.site-header{height:68px;padding:0 6vw}.menu-button{display:flex;width:36px;height:36px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:8px}.menu-button i{height:1px;background:white;width:100%;display:block}nav{position:absolute;display:none;top:68px;left:0;width:100%;background:#101616;padding:15px 6vw 25px;flex-direction:column;align-items:flex-start;gap:19px}nav.open{display:flex}.hero{padding:128px 6vw 78px;display:block;min-height:760px}.hero-visual{width:100%;height:57%;top:auto;bottom:0;right:0;opacity:.63}.hero-copy{padding-top:10px}.intro{max-width:360px;font-size:13px}.hero-foot{left:6vw;right:6vw}.hero-foot span:nth-child(2){display:none}.section{padding:90px 6vw}.section-head{display:block;margin-bottom:45px}.section-head .eyebrow{padding:0}.section-head>p:last-child{margin-top:22px;max-width:350px}.projects{grid-template-columns:1fr;gap:50px}.project.wide,.project.featured{grid-column:auto}.project-media,.featured .project-media,.wide .project-media{aspect-ratio:1.18}.project-info{margin-top:13px}.project-note{display:none}.about-content{display:block}.about-side{margin-top:34px}.capabilities{margin-top:70px}.experience .section-head{margin-bottom:40px}.timeline article{display:block;padding:22px 0}.timeline article>p:first-child{margin-bottom:15px}.timeline article>p:last-child{margin-top:14px;font-size:9px;max-width:400px}.timeline h3{font-size:19px}.contact{padding-top:90px}.contact-bottom{margin-top:85px}.contact-bottom p{max-width:190px}.hero-actions{gap:20px}.text-link{font-size:11px}footer p:last-child{display:none}.play{opacity:1;transform:none}}
