@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --accent: #9A9AFF;
  --bg: #000000;
  --surface: #0c0c0d;
  --surface-2: #141416;
  --text: #ffffff;
  --muted: #9d9d9f;
  --line: rgba(255,255,255,.14);
  --inverse: #ffffff;
  --inverse-text: #000000;
  --shadow: 0 30px 80px rgba(0,0,0,.28);
  font-family: 'Manrope', sans-serif;
  color: var(--text);
  background: var(--bg);
}

:root[data-theme='light'] {
  --bg: #ffffff;
  --surface: #f4f4f6;
  --surface-2: #ececef;
  --text: #000000;
  --muted: #616167;
  --line: rgba(0,0,0,.14);
  --inverse: #000000;
  --inverse-text: #ffffff;
  --shadow: 0 30px 80px rgba(0,0,0,.12);
}

*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden} button,a{font:inherit} a{color:inherit;text-decoration:none} button{color:inherit} ::selection{background:var(--accent);color:#000}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.035;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='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.section-pad{padding-left:clamp(22px,4vw,68px);padding-right:clamp(22px,4vw,68px)}

.cursor-ring,.cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;will-change:transform}.cursor-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid var(--accent);transition:width .2s,height .2s,margin .2s}.cursor-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:var(--accent);transition:transform .06s linear}

.loader{position:fixed;inset:0;z-index:10000;background:var(--bg);color:var(--text);display:grid;place-items:center;overflow:hidden}.loader-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.18}.loader-camera{width:170px;position:relative;z-index:3;transform:translateY(60vh) rotate(-12deg);transition:transform .65s cubic-bezier(.2,.85,.2,1)}.stage-1 .loader-camera,.stage-2 .loader-camera{transform:translateY(0) rotate(0)}.stage-3 .loader-camera{transform:translateY(-65vh) rotate(9deg)}.camera-top{height:25px;width:76px;margin-left:16px;background:var(--text);border-radius:8px 8px 0 0;display:flex;gap:8px;align-items:center;padding:0 10px}.camera-top span{display:block;width:8px;height:8px;border-radius:50%;background:var(--bg)}.camera-body{height:112px;border:3px solid var(--text);border-radius:18px;position:relative;display:grid;place-items:center;background:var(--bg)}.camera-lens{width:78px;height:78px;border:3px solid var(--text);border-radius:50%;position:relative;overflow:hidden;background:#171719;box-shadow:inset 0 0 0 8px #090909}.camera-lens::before{content:"";position:absolute;inset:12px;border:2px solid var(--accent);border-radius:50%}.shutter{position:absolute;inset:29px;background:var(--accent);transform-origin:center;clip-path:polygon(50% 0,100% 100%,0 100%);transition:.3s}.s1{transform:translateY(-21px) rotate(0deg)}.s2{transform:translate(18px,12px) rotate(120deg)}.s3{transform:translate(-18px,12px) rotate(240deg)}.stage-2 .shutter{transform:translate(0,0) rotate(0);clip-path:circle(50%)}.lens-dot{position:absolute;inset:33px;border-radius:50%;background:#000}.camera-red{position:absolute;right:16px;top:14px;width:8px;height:8px;border-radius:50%;background:#ff453a}.loader-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.stage-2 .loader-flash{animation:flash .35s both}.loader-lockup{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0;transform:scale(.92);transition:.45s}.loader-lockup img{width:min(70vw,430px);height:auto}.loader-lockup p{font:500 16px 'DM Mono';letter-spacing:.22em;text-transform:uppercase;margin:18px 0 0}.loader-dot{color:var(--accent)}.stage-3 .loader-lockup{opacity:1;transform:scale(1)}.loader-progress{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;font:400 11px 'DM Mono';letter-spacing:.12em;color:var(--muted)}@keyframes flash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}

.site-header{height:84px;position:fixed;top:0;left:0;right:0;z-index:500;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3vw,52px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px)}.brand{width:178px;height:54px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:700}.site-header nav a{position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:.25s}.site-header nav a:hover::after{right:0}.header-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.btn{border:1px solid var(--line);background:transparent;border-radius:999px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{box-shadow:0 10px 35px rgba(154,154,255,.25)}.btn-small{padding:11px 15px}.btn-full{width:100%}.btn-inverse{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}
.theme-toggle{border:0;background:transparent;display:flex;gap:8px;align-items:center;cursor:pointer;padding:5px}.toggle-track{width:58px;height:28px;border:1px solid var(--line);border-radius:999px;position:relative;display:block;background:var(--surface)}.toggle-orb{position:absolute;left:4px;top:3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg);transition:.35s cubic-bezier(.2,.8,.2,1)}:root[data-theme='light'] .toggle-orb{transform:translateX(28px)}.toggle-notch{position:absolute;width:1px;height:4px;background:var(--muted);top:2px}.n1{left:26px}.n2{left:31px}.n3{left:36px}.theme-label{font:500 9px 'DM Mono';letter-spacing:.14em;color:var(--muted)}

.hero{min-height:100svh;padding-top:130px;display:flex;flex-direction:column;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font:500 10px 'DM Mono';letter-spacing:.14em;color:var(--muted)}.hero-title-wrap{flex:1;display:flex;align-items:center;position:relative}.hero h1{font-size:clamp(86px,14.5vw,245px);line-height:.72;letter-spacing:-.085em;margin:0;font-weight:800;display:flex;flex-direction:column;text-transform:uppercase}.hero h1 span:last-child{margin-left:9vw}.accent-word{color:var(--accent)}.hero-orbit{position:absolute;right:4vw;top:20%;width:112px;height:112px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 9px 'DM Mono';letter-spacing:.12em}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid var(--line)}.hero-orbit::before{inset:13px}.hero-orbit::after{inset:27px}.hero-orbit i{position:absolute;width:8px;height:8px;background:#ff453a;border-radius:50%;top:14px;right:16px;box-shadow:0 0 15px #ff453a}.hero-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end;margin:10px 0 34px}.hero-bottom p{max-width:670px;font-size:clamp(17px,1.6vw,25px);line-height:1.45;margin:0;color:var(--muted)}.hero-bottom p strong{color:var(--text)}.hero-cta{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.text-link{border:0;background:none;padding:10px 0;font-weight:700;cursor:pointer;border-bottom:1px solid var(--line)}.text-link span{color:var(--accent)}.hero-sticker{position:absolute;right:3.7vw;bottom:170px;width:96px;height:96px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font:800 18px/1 'Manrope';transform:rotate(9deg);text-align:center;box-shadow:var(--shadow)}.hero-sticker span{position:absolute;right:18px;top:16px;color:var(--accent)}
.timeline-strip{height:122px;border-top:1px solid var(--line);position:relative;padding-top:20px}.timeline-ruler{height:16px;display:flex;justify-content:space-between}.timeline-ruler i{height:7px;width:1px;background:var(--muted);position:relative}.timeline-ruler i:nth-child(4n)::after{content:"";position:absolute;width:6px;height:1px;background:var(--muted);left:-2px;top:10px}.tracks{display:grid;gap:5px;margin-top:4px}.track{height:25px;display:flex;gap:4px}.clip{height:100%;display:flex;align-items:center;padding:0 10px;font:500 8px 'DM Mono';letter-spacing:.08em;white-space:nowrap;overflow:hidden}.clip-purple{background:var(--accent);color:#000}.clip-black{background:var(--text);color:var(--bg)}.clip-hollow{border:1px solid var(--line);color:var(--muted)}.playhead-line{position:absolute;top:8px;bottom:0;left:62%;width:1px;background:#ff453a;animation:playhead 7s ease-in-out infinite alternate}.playhead-line span{position:absolute;top:0;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #ff453a}@keyframes playhead{from{left:18%}to{left:84%}}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
.statement{padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:.25fr 1.4fr .35fr;gap:4vw;align-items:start}.statement-kicker,.eyebrow{font:500 10px 'DM Mono';letter-spacing:.18em;color:var(--muted)}.statement-copy{font-size:clamp(36px,5.3vw,88px);line-height:1.02;letter-spacing:-.05em;margin:0}.statement-copy em{font-style:normal;color:var(--accent)}.statement-badge{border:1px solid var(--line);padding:16px;display:grid;gap:36px;font:500 9px 'DM Mono';letter-spacing:.1em}.statement-badge span{color:var(--muted)}

.work{padding-top:120px;padding-bottom:140px;background:var(--surface)}.section-heading,.services-head,.process-intro{display:grid;grid-template-columns:.3fr 1.1fr .55fr;gap:4vw;align-items:start;margin-bottom:70px}.section-heading h2,.services-head h2,.process-intro h2,.contact h2{font-size:clamp(50px,7vw,112px);letter-spacing:-.06em;line-height:.9;margin:0}.section-heading h2 span,.services-head h2 span,.process-intro h2 span,.contact h2 span{color:var(--accent)}.section-heading p{margin:0;color:var(--muted);line-height:1.7;max-width:430px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-card{min-height:560px;border:1px solid var(--line);background:var(--bg);position:relative;overflow:hidden}.project-card:nth-child(3){grid-column:1/-1;min-height:480px}.project-ui{position:absolute;z-index:3;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;font:500 9px 'DM Mono';letter-spacing:.12em}.project-art{position:absolute;inset:0;overflow:hidden}.project-a .project-art{background:linear-gradient(130deg,var(--accent),#6868d9 55%,#18181a 55%)}.big-type{font-size:clamp(140px,18vw,280px);font-weight:800;letter-spacing:-.12em;position:absolute;left:-14px;bottom:60px;color:#000}.timecode{position:absolute;right:24px;top:48%;font:500 12px 'DM Mono';padding:10px;background:#000;color:#fff}.crop-mark{position:absolute;width:50px;height:50px;border-color:#fff}.c1{left:35px;top:75px;border-left:2px solid;border-top:2px solid}.c2{right:35px;bottom:105px;border-right:2px solid;border-bottom:2px solid}.project-b .project-art{background:radial-gradient(circle at 60% 20%,#24242a,transparent 30%),#060607}.phone-frame{position:absolute;width:42%;height:66%;left:29%;top:15%;border:2px solid var(--accent);border-radius:34px;background:linear-gradient(180deg,#151519,#050505);display:grid;place-items:center;transform:rotate(-5deg);box-shadow:0 35px 60px rgba(0,0,0,.5)}.phone-frame span{font-size:55px;font-weight:800;color:var(--accent)}.reel-bar{position:absolute;left:12px;right:12px;top:18px;height:3px;background:linear-gradient(90deg,var(--accent) 60%,#333 60%)}.reel-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff453a;top:34px;left:18px}.motion-line{position:absolute;height:1px;background:var(--accent);transform-origin:left}.ml1{width:70%;left:5%;bottom:27%;transform:rotate(-20deg)}.ml2{width:60%;left:20%;bottom:14%;transform:rotate(14deg)}.project-c .project-art{background:var(--accent)}.kinetic{position:absolute;font-weight:800;font-size:clamp(100px,15vw,230px);letter-spacing:-.08em;color:#000;line-height:.75}.k1{left:2%;top:12%;transform:rotate(-3deg)}.k2{right:-1%;top:38%;color:#fff;mix-blend-mode:difference}.k3{left:28%;bottom:4%;transform:rotate(2deg)}.project-info{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);padding:16px 16px 16px 20px;display:flex;justify-content:space-between;align-items:end}.project-info small{font:500 9px 'DM Mono';color:var(--muted)}.project-info h3{margin:5px 0 0;font-size:25px}.project-info button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--text);color:var(--bg);display:grid;place-items:center;cursor:pointer;transition:.25s}.project-card:hover .project-info button{transform:rotate(45deg);background:var(--accent);color:#000}.project-card:hover .project-art{transform:scale(1.015)}.project-art{transition:transform .5s}

.showreel{padding-top:140px;padding-bottom:150px}.showreel-top{display:flex;justify-content:space-between;font:500 10px 'DM Mono';letter-spacing:.14em;margin-bottom:12px}.reel-screen{aspect-ratio:16/8;position:relative;background:#080808;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.reel-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(154,154,255,.45),transparent 23%),linear-gradient(125deg,#070707,#1b1b1d 55%,#0c0c0d)}.reel-noise{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.03) 10.1% 10.2%),repeating-linear-gradient(0deg,transparent 0 12%,rgba(255,255,255,.025) 12.1% 12.2%);animation:scan 5s linear infinite}.reel-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;color:white;line-height:.72}.reel-center span{font:500 11px 'DM Mono';letter-spacing:.5em}.reel-center strong{font-size:clamp(120px,20vw,330px);letter-spacing:-.12em;transform:skewX(-7deg)}.playing .reel-center strong{animation:reelType 2.2s cubic-bezier(.2,.8,.2,1) infinite alternate}.reel-hud{position:absolute;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;font:500 9px 'DM Mono';color:white;letter-spacing:.12em}.reel-hud span:first-child{color:#ff6a62}.reel-control{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer}.reel-note{max-width:680px;color:var(--muted);line-height:1.7;margin:18px 0 0}@keyframes reelType{from{transform:skewX(-7deg) scale(.95);filter:blur(0)}to{transform:skewX(5deg) scale(1.04);filter:blur(.2px)}}@keyframes scan{to{transform:translateX(5%)}}

.services{padding-top:120px;padding-bottom:140px;border-top:1px solid var(--line)}.services-head{grid-template-columns:.3fr 1.7fr}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 54px .65fr 1fr 42px;gap:25px;align-items:center;padding:30px 6px;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{background:var(--surface);padding-left:18px;padding-right:18px}.service-num{font:500 10px 'DM Mono';color:var(--muted)}.service-icon{color:var(--accent)}.service-row h3{font-size:clamp(23px,2.5vw,40px);letter-spacing:-.03em;margin:0}.service-row p{margin:0;color:var(--muted);line-height:1.6}.service-arrow{justify-self:end;transition:.25s}.service-row:hover .service-arrow{transform:rotate(45deg);color:var(--accent)}
.marquee-wrap{overflow:hidden;background:var(--accent);color:#000;padding:14px 0;transform:rotate(-1.2deg) scale(1.02)}.marquee{display:flex;width:max-content;animation:marquee 18s linear infinite}.marquee span{font-size:clamp(42px,6vw,90px);font-weight:800;letter-spacing:-.045em;white-space:nowrap;padding-right:1.5vw}@keyframes marquee{to{transform:translateX(-50%)}}

.process{padding-top:160px;padding-bottom:160px}.process-intro{grid-template-columns:.3fr 1.7fr}.process-timeline{position:relative;margin-top:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.process-playhead{position:absolute;top:-8px;left:0;width:16px;height:16px;background:var(--accent);transform:rotate(45deg);animation:processHead 7s ease-in-out infinite alternate}.process-step{padding:28px 25px 30px 0;min-height:250px;border-right:1px solid var(--line);position:relative}.process-step:last-child{border-right:0}.process-step>span{font:500 10px 'DM Mono';color:var(--muted)}.process-step h3{font-size:32px;margin:50px 0 12px}.process-step p{color:var(--muted);line-height:1.6;font-size:14px;max-width:220px}.process-node{position:absolute;width:8px;height:8px;border:1px solid var(--accent);background:var(--bg);border-radius:50%;top:-5px;left:0}@keyframes processHead{to{left:calc(100% - 16px)}}

.manifesto{min-height:720px;background:var(--accent);color:#000;display:grid;grid-template-columns:1fr .45fr;align-items:center;position:relative;overflow:hidden}.manifesto-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:64px 64px}.manifesto-content{position:relative;z-index:2;padding:100px 0}.manifesto .eyebrow{color:rgba(0,0,0,.58)}.manifesto h2{font-size:clamp(72px,10vw,170px);letter-spacing:-.08em;line-height:.74;margin:35px 0}.manifesto p{max-width:610px;font-size:19px;line-height:1.6}.manifesto-camera{position:relative;z-index:2;width:min(30vw,340px);aspect-ratio:1;border:3px solid #000;border-radius:50%;display:grid;place-items:center;justify-self:center;animation:rotateSlow 16s linear infinite}.manifesto-camera::before,.manifesto-camera::after{content:"";position:absolute;border:2px solid #000;border-radius:50%}.manifesto-camera::before{inset:35px}.manifesto-camera::after{inset:82px;background:#000}.manifesto-camera span,.manifesto-camera b,.manifesto-camera i{position:absolute}.manifesto-camera span:first-child{top:28px}.manifesto-camera b{top:50px}.manifesto-camera span:last-child{bottom:35px;color:#c51a16}.manifesto-camera i{width:12px;height:12px;background:#c51a16;border-radius:50%;right:46px;top:64px}@keyframes rotateSlow{to{transform:rotate(360deg)}}

.contact{padding-top:150px;padding-bottom:110px}.contact-top{display:grid;grid-template-columns:.3fr 1.7fr;gap:4vw}.contact-actions{margin-top:90px;display:grid;grid-template-columns:1.5fr .5fr;gap:20px}.mega-cta{min-height:180px;border:1px solid var(--line);background:var(--surface);padding:30px 35px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;transition:.3s}.mega-cta span{font-size:clamp(35px,5vw,78px);font-weight:700;letter-spacing:-.05em}.mega-cta svg{width:60px;height:60px}.mega-cta:hover{background:var(--accent);color:#000;transform:translateY(-4px)}.contact-small{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.contact-small p{color:var(--muted);line-height:1.6;margin:0}.contact-small span{font:500 10px 'DM Mono';letter-spacing:.13em}.footer{padding-top:70px;padding-bottom:25px;border-top:1px solid var(--line)}.footer>img{width:min(620px,75vw);height:auto;display:block;margin-bottom:70px}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a,.footer-links button{font-weight:700;border:0;background:none;padding:0;cursor:pointer}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr auto;font:500 9px 'DM Mono';letter-spacing:.12em;color:var(--muted)}

.modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.meeting-modal{width:min(600px,100%);background:var(--bg);border:1px solid var(--line);padding:35px;position:relative;box-shadow:0 40px 120px rgba(0,0,0,.45)}.modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}.modal-kicker{font:500 10px 'DM Mono';letter-spacing:.14em;color:var(--accent)}.meeting-modal h3{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;line-height:1;margin:25px 0 18px}.meeting-modal>p{color:var(--muted);line-height:1.65}.calendar-preview{border:1px solid var(--line);margin:28px 0;padding:18px}.calendar-head{display:flex;justify-content:space-between;font:500 9px 'DM Mono';letter-spacing:.1em;margin-bottom:18px}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.calendar-days>span{text-align:center;color:var(--muted);font:500 9px 'DM Mono'}.calendar-days button,.calendar-times span{height:42px;border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center}.calendar-days .active,.calendar-times .active{background:var(--accent);color:#000;border-color:var(--accent)}.calendar-times{display:flex;gap:8px;margin-top:10px}.calendar-times span{flex:1;font:500 9px 'DM Mono'}

@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.brand{width:150px}.hero{padding-top:115px}.hero-title-wrap{min-height:52vh}.hero h1{font-size:clamp(80px,18vw,160px);line-height:.78}.hero h1 span:last-child{margin-left:0}.hero-bottom{grid-template-columns:1fr;gap:25px}.hero-cta{justify-content:flex-start}.hero-sticker{display:none}.statement{grid-template-columns:1fr;gap:30px}.statement-badge{max-width:280px}.section-heading,.services-head,.process-intro,.contact-top{grid-template-columns:1fr;gap:24px}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3){grid-column:auto}.service-row{grid-template-columns:50px 42px 1fr 40px}.service-row p{grid-column:3/5}.process-timeline{grid-template-columns:1fr;border-top:0}.process-step{border-top:1px solid var(--line);border-right:0;min-height:190px;padding-left:10px}.process-node,.process-playhead{display:none}.manifesto{grid-template-columns:1fr}.manifesto-camera{position:absolute;right:-80px;bottom:-80px;opacity:.25;width:300px}.contact-actions{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr;gap:10px}.reel-screen{aspect-ratio:16/10}}

@media(max-width:650px){.section-pad{padding-left:18px;padding-right:18px}.site-header{height:70px;padding:0 14px}.brand{width:128px;height:46px}.header-actions .btn-small{display:none}.theme-label{display:none}.hero{padding-top:96px;min-height:100svh}.hero-meta span:nth-child(2){display:none}.hero-title-wrap{min-height:48vh}.hero h1{font-size:clamp(72px,21vw,118px);letter-spacing:-.09em}.hero-orbit{width:78px;height:78px;right:-12px;top:5%}.hero-bottom p{font-size:16px}.hero-cta{align-items:flex-start;flex-direction:column}.timeline-strip{height:100px}.statement,.work,.showreel,.services,.process,.contact{padding-top:90px;padding-bottom:90px}.statement-copy{font-size:37px}.section-heading h2,.services-head h2,.process-intro h2,.contact h2{font-size:52px}.project-card,.project-card:nth-child(3){min-height:440px}.phone-frame{width:52%;left:24%;height:62%}.reel-center strong{font-size:30vw}.reel-hud span:nth-child(2){display:none}.services-head{margin-bottom:35px}.service-row{grid-template-columns:34px 32px 1fr 30px;gap:12px;padding:22px 0}.service-row p{grid-column:3/5;font-size:13px}.service-icon{width:22px}.process-intro{margin-bottom:40px}.process-timeline{margin-top:20px}.manifesto{min-height:600px}.manifesto h2{font-size:76px}.manifesto-content{padding:80px 0}.mega-cta{min-height:140px;padding:22px}.mega-cta span{font-size:36px}.mega-cta svg{width:36px}.footer>img{width:90vw}.meeting-modal{padding:28px 20px}.calendar-days{gap:4px}.cursor-ring,.cursor-dot{display:none}}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.loader{display:none}}
.w38{width:38%}.w18{width:18%}.w22{width:22%}.w31{width:31%}.w25{width:25%}
.loader-out{opacity:0;transition:opacity .5s ease}.modal-backdrop[hidden]{display:none}.modal-backdrop{opacity:0;transition:opacity .22s ease}.modal-backdrop.show{opacity:1}.meeting-modal{transform:translateY(18px) scale(.98);transition:transform .25s ease}.modal-backdrop.show .meeting-modal{transform:none}.modal-close{font-size:26px;line-height:1}.calendar-days.labels span{text-align:center;color:var(--muted);font:500 9px 'DM Mono'}.calendar-days.dates{margin-top:7px}.calendar-days.dates button{height:42px;border:1px solid var(--line);background:transparent;color:var(--text)}.calendar-days.dates button.active{background:var(--accent);color:#000;border-color:var(--accent)}.mega-cta b{font-size:54px;font-weight:400}.cursor-ring.cursor-active{width:60px;height:60px;margin:-30px 0 0 -30px;background:color-mix(in srgb,var(--accent) 8%,transparent)}