:root{--ink:#11120f;--paper:#e9e6da;--blue:#2847ff;--acid:#c7ff32;--line:rgba(233,230,218,.2);--mono:"DM Mono",monospace;--sans:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;width:100%;z-index:10;font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.logo{font-family:var(--sans);font-weight:900;font-size:16px;color:inherit;text-decoration:none;letter-spacing:-.04em}.logo span{display:inline-grid;place-items:center;background:var(--acid);color:var(--ink);width:31px;height:31px;margin-right:8px}.topbar nav{display:flex;gap:35px}.topbar nav a,.status{color:inherit;text-decoration:none}.status{display:flex;align-items:center;gap:9px}.status i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(199,255,50,.12)}.hero{min-height:100vh;display:grid;grid-template-columns:54% 46%;padding-top:74px;position:relative}.hero-copy{padding:9vw 3vw 120px 5vw;z-index:2}.eyebrow,.kicker{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 32px}.eyebrow:before,.kicker:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1,.section h2{font-weight:900;letter-spacing:-.075em;line-height:.82;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(60px,8.5vw,145px)}.hero h1 span{color:var(--blue);display:inline-block;transform:skew(-7deg)}.lede{max-width:520px;font-size:clamp(18px,2vw,27px);line-height:1.35;letter-spacing:-.03em;margin:45px 0}.hero-actions{display:flex;gap:12px}.button{padding:16px 21px;border:1px solid var(--paper);color:inherit;text-decoration:none;font:12px var(--mono);text-transform:uppercase;transition:.2s}.button.primary{background:var(--paper);color:var(--ink)}.button b{margin-left:30px}.button:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.hero-frame{margin:116px 4vw 116px -3vw;position:relative;overflow:hidden;background:var(--blue);border:1px solid rgba(255,255,255,.4);box-shadow:18px 18px 0 var(--blue);transform:rotate(1.5deg);color:var(--paper)}.hero-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);transition:.6s}.hero-frame:hover img{transform:scale(1.03);filter:saturate(1)}.frame-ui{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;font:10px var(--mono);text-shadow:0 1px 3px #000}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-size:21px;padding-left:4px}.tape{position:absolute;right:-15px;bottom:27px;background:var(--paper);color:var(--ink);padding:9px 36px;font:12px var(--mono);transform:rotate(-7deg)}.ticker{position:absolute;bottom:0;left:0;width:100%;background:var(--acid);color:var(--ink);height:45px;overflow:hidden;display:flex;align-items:center;font:500 12px var(--mono);white-space:nowrap}.ticker div{animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:120px 5vw;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:4vw;align-items:end;margin-bottom:75px}.section h2{font-size:clamp(54px,7vw,112px)}.section-head>p:last-child{font-size:16px;line-height:1.5;color:#aaa}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 22px}.project-large{grid-column:1/-1}.project-media{border:0;padding:0;width:100%;display:block;position:relative;overflow:hidden;background:#222;cursor:pointer;text-align:left}.project-media img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;filter:grayscale(.15) contrast(1.05);transition:.4s}.project:not(.project-large) .project-media img{aspect-ratio:4/3}.project-media:hover img{transform:scale(1.025);filter:none}.project-play{position:absolute;right:18px;bottom:18px;background:var(--acid);color:var(--ink);padding:12px 15px;font:11px var(--mono)}.project-info{display:grid;grid-template-columns:45px 1fr auto;border-top:1px solid var(--paper);padding-top:15px;margin-top:14px;font-family:var(--mono);text-transform:uppercase}.project-info span,.project-info b{font-size:10px;font-weight:400;color:#999}.project-info h3{font-family:var(--sans);font-size:18px;margin:0 0 6px;letter-spacing:-.03em}.project-info p{margin:0;color:#999;font-size:10px}.services{background:var(--paper);color:var(--ink)}.section-head.compact{grid-template-columns:1fr 2.35fr}.service-list{border-top:2px solid}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid rgba(17,18,15,.3);align-items:start;transition:.2s}.service-list article:hover{padding-left:12px;background:rgba(40,71,255,.05)}.service-list span{font:11px var(--mono)}.service-list h3{margin:0;font-size:clamp(25px,3vw,45px);letter-spacing:-.05em}.service-list p{margin:0;line-height:1.6;max-width:480px}.about{display:grid;grid-template-columns:.8fr 1.6fr;gap:9vw;align-items:center}.portrait-block{aspect-ratio:4/5;background:var(--blue);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:16px 16px 0 var(--acid);transform:rotate(-2deg)}.portrait-type{font-size:clamp(100px,15vw,220px);line-height:.63;font-weight:900;letter-spacing:-.11em}.portrait-type em{font-size:.35em;color:var(--acid);font-style:normal}.portrait-block p{font:11px/1.5 var(--mono)}.about-copy h2{font-size:clamp(50px,6vw,95px);margin-bottom:42px}.about-copy>p:not(.kicker){font-size:clamp(18px,2vw,27px);line-height:1.55;color:#c8c5ba;max-width:850px}.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}.facts span{border:1px solid var(--line);padding:10px 13px;font:10px var(--mono)}.contact{background:var(--blue);min-height:92vh;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(65px,10vw,155px)}.contact h2 span{color:var(--acid)}.contact>p:not(.kicker){font-size:18px;margin:42px 0}.email{font-size:clamp(17px,3vw,42px);font-weight:700;color:var(--paper);text-decoration:none;border-bottom:2px solid;padding-bottom:12px;align-self:flex-start;letter-spacing:-.04em}.email b{color:var(--acid)}.contact-meta{margin-top:100px;padding-top:20px;border-top:1px solid rgba(255,255,255,.4);display:flex;justify-content:space-between;font:10px var(--mono)}.contact-meta a{color:inherit}.video-modal{width:min(1100px,90vw);padding:0;border:1px solid var(--paper);background:#000;color:#fff}.video-modal::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(6px)}.video-modal video{width:100%;display:block;max-height:80vh}.modal-close{position:absolute;right:0;top:-38px;background:var(--acid);border:0;padding:10px 14px;font:11px var(--mono);cursor:pointer}@media(max-width:800px){.topbar nav{display:none}.status{font-size:0}.status:after{content:"AVAILABLE";font-size:9px}.hero{grid-template-columns:1fr;padding-bottom:45px}.hero-copy{padding:125px 5vw 60px}.hero-frame{margin:0 7vw 100px;height:55vw;min-height:280px}.section{padding:85px 5vw}.section-head,.section-head.compact{grid-template-columns:1fr}.section-head{gap:18px;margin-bottom:45px}.section-head .kicker{margin-bottom:15px}.project-grid{grid-template-columns:1fr;gap:50px}.project-large{grid-column:auto}.service-list article{grid-template-columns:35px 1fr}.service-list p{grid-column:2}.about{grid-template-columns:1fr}.portrait-block{width:75%;margin:auto}.contact-meta{gap:20px;flex-direction:column}.hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}