@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.warp-text{isolation:isolate;width:100%;display:block;position:relative;overflow:hidden}.warp-text canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cursor-grid{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cursor-grid canvas{width:100%;height:100%;display:block}:root{--ink:#090b10;--paper:#e7e4dd;--lime:#c9ff4a;--line:#e7e4dd33;color:var(--paper);background:var(--ink);scroll-behavior:smooth;font-family:Space Grotesk,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:var(--ink);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1700px,100% - 110px);margin:auto}.hero{isolation:isolate;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-media{object-fit:cover;z-index:-3;filter:saturate(.65)contrast(1.1)brightness(.7);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.025)}.hero-shade{z-index:-2;background:linear-gradient(90deg,#040609d4 0%,#05070a4f 48%,#0406092e),linear-gradient(#0000 57%,#040609bf);position:absolute;inset:0}.noise{pointer-events:none;opacity:.12;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:2;justify-content:space-between;align-items:center;height:96px;display:flex;position:absolute;left:0;right:0}.brand{letter-spacing:.13em;align-items:center;gap:11px;font:10px/1.05 DM Mono;display:flex}.brand-mark{border:1px solid var(--paper);letter-spacing:0;place-items:center;width:39px;height:39px;font-size:10px;display:grid}.nav nav{gap:38px;margin-left:12%;font-size:13px;display:flex}.nav nav a{opacity:.75;transition:all .2s}.nav nav a:hover{opacity:1;color:var(--lime)}.contact-link,.text-link{letter-spacing:.08em;align-items:center;gap:7px;font:11px DM Mono;display:flex}.contact-link:after{content:"";background:currentColor;width:33px;height:1px;transition:all .2s}.contact-link:hover:after{width:48px}.menu-btn{background:0 0;border:0;display:none}.hero-content{flex-direction:column;align-self:stretch;padding-top:clamp(190px,28vh,345px);display:flex}.eyebrow,.section-label{letter-spacing:.12em;color:var(--lime);font:11px DM Mono}.pulse{background:var(--lime);width:7px;height:7px;box-shadow:0 0 14px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}h1,h2,p{margin:0}h1{letter-spacing:-.09em;margin:31px 0 0;font:clamp(74px,10vw,174px)/.82 Noto Serif SC,serif}em{color:var(--lime);font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;max-width:1090px;margin-top:auto;margin-bottom:92px;display:flex}.hero-bottom p,.muted{color:#e7e4ddbf;font:15px/1.8 Noto Serif SC}.round-play{border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;gap:10px;width:112px;height:112px;font:9px/1.25 DM Mono;transition:all .3s;display:flex}.round-play:hover{background:var(--lime);color:#141814;border-color:var(--lime);transform:rotate(10deg)}.hero-index{font:11px DM Mono;position:absolute;bottom:63px;right:55px}.hero-index span{color:var(--lime);margin:0 4px}.scroll-cue{letter-spacing:.08em;align-items:center;gap:10px;font:10px DM Mono;display:flex;position:absolute;bottom:55px;left:55px}.section{padding:170px 0}.about{background:var(--paper);color:var(--ink)}.about-grid{grid-template-columns:minmax(360px,.85fr) 1.45fr;align-items:center;gap:clamp(60px,12vw,240px);margin-top:68px;display:grid}.portrait{background:#14171d;max-width:440px;height:500px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center;filter:saturate(.75)contrast(1.1);width:100%;height:100%}.portrait:after{content:"";pointer-events:none;border:1px solid #c9ff4aa6;position:absolute;inset:0;transform:translate(17px,17px)}.portrait-orbit{color:var(--lime);letter-spacing:.16em;writing-mode:vertical-lr;font:10px DM Mono;position:absolute;bottom:22px;left:22px}.big-copy{letter-spacing:-.06em;font:clamp(28px,3vw,50px)/1.35 Noto Serif SC}.big-copy i{letter-spacing:0;font-size:.65em;font-style:normal}.about-copy .muted{color:#4b4d51;max-width:550px;margin:42px 0 30px}.stats{border-top:1px solid #bfc0bb;grid-template-columns:repeat(4,1fr);margin-top:130px;padding-top:31px;display:grid}.stats b{letter-spacing:-.06em;font-size:clamp(38px,4vw,67px);font-weight:500}.stats p{letter-spacing:.06em;color:#575a5a;margin-top:9px;font:10px DM Mono}.work{background:#11151d}.work-heading{grid-template-columns:1fr 1.4fr 1fr;align-items:end;margin-bottom:80px;display:grid}.work-heading h2,.expertise h2{letter-spacing:-.09em;font:clamp(52px,6vw,100px)/.87 Noto Serif SC}.work-heading p{color:#9da1a6;padding-bottom:4px;font:14px/1.8 Noto Serif SC}.project-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:280px;gap:18px;display:grid}.project{isolation:isolate;background:#1d222b;position:relative;overflow:hidden}.project.wide{grid-column:span 7}.project.tall{grid-area:span 2/span 5}.project img{object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.06)}.project-gradient{background:linear-gradient(#0000 42%,#030508d6);position:absolute;inset:0}.project-meta,.project-name{z-index:1;justify-content:space-between;display:flex;position:absolute;left:24px;right:24px}.project-meta{letter-spacing:.08em;font:10px DM Mono;top:21px}.project-name{align-items:center;bottom:21px}.project h3{letter-spacing:-.05em;margin:0;font-size:clamp(22px,2vw,35px)}.project-name span{border:1px solid #ffffff80;border-radius:50%;place-items:center;width:39px;height:39px;transition:all .2s;display:grid}.project:hover .project-name span{background:var(--lime);border-color:var(--lime);color:#111}.expertise{padding-bottom:190px}.expertise-heading{justify-content:space-between;align-items:start;display:flex}.expertise-heading h2{width:67%}.expertise-heading h2 span{color:var(--lime)}.skill-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:105px;display:grid}.skill{border-right:1px solid var(--line);flex-direction:column;min-height:340px;padding:23px 26px;transition:all .3s;display:flex}.skill:first-child{border-left:1px solid var(--line)}.skill:hover{background:#191e28}.skill>div{color:var(--lime);justify-content:space-between;font:11px DM Mono;display:flex}.skill h3{letter-spacing:-.06em;margin:97px 0 16px;font:27px Noto Serif SC}.skill p{color:#979ca3;max-width:250px;font:13px/1.75 Noto Serif SC}.skill>svg{margin-top:auto}.contact{color:#10140c;background:#c9ff4a;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact-aura{background:radial-gradient(circle,#0c100a33,#0000 66%);border-radius:50%;width:80vw;height:80vw;position:absolute;top:-44vw;right:-20vw}.contact-inner{flex-direction:column;padding:92px 0 55px;display:flex;position:relative}.contact .section-label{color:#3c4d00}.contact-kicker{letter-spacing:-.07em;margin-top:auto;margin-bottom:21px;font:clamp(26px,3vw,46px)/1.35 Noto Serif SC}.contact-title{letter-spacing:-.1em;border-bottom:1px solid #10140c8c;justify-content:space-between;align-items:center;padding-bottom:30px;font:clamp(63px,10vw,175px)/.88 Noto Serif SC;display:flex}.contact-title span{border:1px solid;border-radius:50%;place-items:center;width:68px;height:68px;font:20px Space Grotesk;transition:all .3s;display:grid}.contact-title:hover span{color:var(--lime);background:#10140c;transform:rotate(45deg)}.contact-bottom{justify-content:space-between;align-items:center;margin-top:28px;font:11px DM Mono;display:flex}.contact-bottom>div{gap:27px;display:flex}.contact-bottom a{align-items:center;gap:8px;display:flex}.copy{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:flex}.contact-bottom p{text-align:right;font:10px/1.55 DM Mono}@media (width<=800px){.wrap{width:calc(100% - 40px)}.nav{height:75px}.nav nav{display:none}.nav nav.open{z-index:-1;background:#0d1016;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:24px;display:flex;position:fixed;inset:0}.contact-link{display:none}.menu-btn{z-index:1;display:block}.hero-content{padding-top:25vh}.hero-bottom{margin-bottom:45px}.hero-index{bottom:21px;right:20px}.scroll-cue{display:none}.about-grid,.work-heading{display:block}.portrait{height:420px}.about-copy{margin-top:70px}.stats{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:75px}.section{padding:95px 0}.work-heading h2{margin:44px 0 26px}.project-grid{grid-auto-rows:210px;gap:10px}.project.wide,.project.tall{grid-area:span 1/span 12}.project.tall{height:310px}.expertise-heading{display:block}.expertise-heading h2{width:100%;margin-top:45px}.skill-grid{grid-template-columns:1fr 1fr;margin-top:60px}.skill{min-height:270px;padding:18px}.skill h3{margin-top:56px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:30px}.contact-bottom>div{flex-direction:column;gap:12px}.contact-bottom p{text-align:left}.contact-title span{width:42px;height:42px;font-size:14px}.contact-inner{padding:50px 0 35px}}.hero{background:#080a0e}.hero:before{content:"";z-index:-4;pointer-events:none;border:1px solid #e7e4dd57;position:absolute;inset:22px}.hero-media{filter:saturate(.7)contrast(1.08)brightness(.57)}.hero-shade{background:linear-gradient(90deg,#05070ab8,#05070a1f 60%),linear-gradient(#0000 54%,#05070ad1)}.nav nav a:hover{color:#f3b541}.hero-content{padding-top:154px}.hero-topline{letter-spacing:.12em;border-top:1px solid #e7e4dd61;justify-content:space-between;padding-top:11px;font:10px DM Mono;display:flex}.hero-title-block{margin-top:clamp(70px,14vh,180px)}.hero-script{letter-spacing:.03em;color:#f3b541;margin-left:clamp(35px,13vw,230px);font:italic clamp(17px,2vw,28px)/1.1 Noto Serif SC}.hero-title-block h1{margin-top:19px}.hero-title-block em{color:#f3b541}.round-play:hover{color:#141814;background:#f3b541;border-color:#f3b541}.hero-index span{color:#f3b541}.about{color:var(--paper);background:linear-gradient(125deg,#10141c 0%,#0c0f15 66%,#13170e 100%);position:relative;overflow:hidden}.about:before{content:"01";color:#c9ff4a0b;font:700 clamp(280px,38vw,720px)/1 Space Grotesk;position:absolute;top:-.35em;right:-.05em}.about .section-label{color:var(--lime)}.about-head{justify-content:space-between;align-items:start;display:flex;position:relative}.about-head p{color:#a7adb1;font:18px/1.55 Noto Serif SC}.about-grid{grid-template-columns:1.25fr .75fr;gap:clamp(50px,10vw,200px);margin-top:94px;position:relative}.portrait{border:1px solid #c9ff4a6b;justify-self:end;width:100%;max-width:500px;height:520px}.portrait:after{border-color:#e7e4dd4d;inset:17px;transform:none}.portrait-tag{z-index:1;letter-spacing:.07em;justify-content:space-between;font:9px DM Mono;display:flex;position:absolute;bottom:30px;left:30px;right:30px}.big-copy{font-size:clamp(28px,3.2vw,54px)}.big-copy strong{color:var(--lime)}.big-copy i{color:#f3b541;font-size:.62em}.about-copy .muted{color:#e7e4ddbf}.text-link{color:var(--lime)}.stats{border-color:var(--line);position:relative}.stats b span{color:var(--lime)}.stats p{color:#a8adb2}@media (width<=800px){.hero:before{inset:10px}.hero-content{padding-top:122px}.hero-topline{font-size:8px}.hero-title-block{margin-top:12vh}.hero-script{margin-left:22px}.about-head{display:block}.about-head p{margin-top:38px;font-size:16px}.about-grid{flex-direction:column;gap:48px;margin-top:55px;display:flex}.about-copy{order:2;margin-top:0}.portrait{order:1;align-self:stretch;height:420px}.portrait-tag{font-size:8px;bottom:20px;left:20px;right:20px}.stats{margin-top:75px}}.manifesto{background:radial-gradient(circle,#151b24,#0b0e14 70%);padding:28px 0 38px;position:relative;overflow:hidden}.manifesto-content{pointer-events:none;position:relative}.manifesto-content .cursor-grid{pointer-events:auto}.manifesto-meta{color:#8c9196;letter-spacing:.12em;justify-content:space-between;font:10px DM Mono;display:flex}.manifesto .warp-text{margin-top:4px}.rgb-type{filter:drop-shadow(2px 0 #ff004b8c)drop-shadow(-2px 0 #00d7ff8c);mix-blend-mode:screen}.floating-nav{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(155%);letter-spacing:.12em;background:#0c0f1575;border:1px solid #ffffff3b;border-radius:999px;justify-content:space-between;align-items:center;width:min(760px,100% - 32px);padding:12px 15px 12px 19px;font:10px DM Mono;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%,-140%);box-shadow:inset 0 1px #ffffff3d,0 12px 40px #00000038}.floating-nav.visible{transform:translate(-50%)}.floating-nav>a{color:#f3b541}.floating-nav>a span{color:#e7e4dd}.floating-nav div{color:#c6c9cb;gap:22px;display:flex}.floating-nav div a:hover{color:#f3b541}@media (width<=800px){.manifesto{padding:20px 0}.manifesto-meta{font-size:8px}.manifesto-meta span:last-child{display:none}.floating-nav div{gap:12px}.floating-nav{padding:11px 13px;font-size:8px}.floating-nav>a span{display:none}}.grid-section{position:relative;overflow:hidden}.grid-section>.cursor-grid{z-index:0}.grid-content{z-index:1;position:relative}.contact-aura{z-index:0}.contact-inner{z-index:1}.grid-flow{position:relative;overflow:hidden}.grid-flow>section{z-index:auto;position:relative}.grid-flow>.page-cursor-grid{z-index:2;pointer-events:none}.grid-flow .grid-content,.grid-flow .manifesto-content,.grid-flow .contact-inner{z-index:3}.hero-opening{z-index:6;pointer-events:none;clip-path:inset(0);background:#f3b541;place-items:center;display:grid;position:absolute;inset:0}.hero-opening__line{transform-origin:0;background:#10140c;width:min(42vw,560px);height:1px;display:block}.hero-topline span,.hero-script,.hero-title-block h1,.hero-bottom,.nav,.manifesto-meta span,.rgb-type,.about-head,.about-copy,.portrait,.stats>div,.work-heading h2,.work-heading .section-label,.work-heading p,.project,.expertise-heading h2,.skill,.contact-kicker,.contact-title,.contact-bottom{will-change:transform,opacity,clip-path}.project,.portrait{overflow:hidden}.project img,.portrait img{will-change:transform}@media (width<=800px){.hero-opening__line{width:58vw}}@media (prefers-reduced-motion:reduce){.hero-opening{display:none!important}}