:root{--ink:#080a12;--panel:#10131d;--paper:#f3f3ed;--muted:#a6abba;--line:rgba(235,239,255,.12);--lime:#d0ff48;--mint:#46efd2;--pink:#ff6bb3;--violet:#a989ff;--mono:"DM Mono","Courier New",monospace;--display:"Space Grotesk",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;min-width:320px;background:var(--ink);color:var(--paper);font-family:var(--display);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.27;background-image:radial-gradient(rgba(255,255,255,.27) .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}
#particle-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.68}.cursor-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x,50%) var(--pointer-y,40%),rgba(103,77,193,.105),transparent 72%)}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:30;background:rgba(208,255,72,.08)}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--lime),var(--pink));box-shadow:0 0 14px rgba(208,255,72,.55)}.skip-link{position:fixed;top:8px;left:8px;z-index:40;padding:9px 14px;background:var(--lime);color:var(--ink);transform:translateY(-160%);border-radius:5px}.skip-link:focus{transform:none}
.site-header,.section-wrap,.site-footer{width:min(1240px,calc(100% - 72px));margin-inline:auto;position:relative;z-index:1}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700;letter-spacing:.16em}.brand-period{color:var(--lime)}.brand-mark{width:27px;height:27px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px;border:1px solid rgba(208,255,72,.52);border-radius:7px;transform:rotate(-8deg)}.brand-mark i{display:block;width:4px;border-radius:2px;background:var(--lime);transform:skew(-10deg)}.brand-mark i:nth-child(1){height:7px;opacity:.58}.brand-mark i:nth-child(2){height:11px}.brand-mark i:nth-child(3){height:14px;opacity:.78}
.site-nav{display:flex;align-items:center;gap:38px}.site-nav>a:not(.nav-contact){color:#b1b4c0;font-size:12px;transition:color .2s}.site-nav>a:not(.nav-contact):hover{color:var(--paper)}.site-nav>a span{font:9px var(--mono);color:#656a77;margin-left:4px;vertical-align:top}.site-nav .nav-contact{margin-left:6px;border:1px solid rgba(208,255,72,.6);padding:10px 15px;border-radius:4px;font-size:12px;transition:background .2s,color .2s,transform .2s}.site-nav .nav-contact:hover{color:var(--ink);background:var(--lime);transform:translateY(-2px)}.site-nav .nav-contact b{color:var(--lime);margin-left:11px;font-size:15px}.site-nav .nav-contact:hover b{color:var(--ink)}.nav-toggle{display:none}
.hero{min-height:690px;padding-top:89px;padding-bottom:76px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;column-gap:30px}.hero-copy{padding-bottom:24px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 23px;color:#a3a9b9;font:10px/1.4 var(--mono);letter-spacing:.13em}.live-dot,.record-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(208,255,72,.7)}.live-dot{animation:blink 2.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35;box-shadow:0 0 2px rgba(208,255,72,.2)}}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(56px,7.2vw,96px);line-height:.91;letter-spacing:-.075em;margin:0;font-weight:700}.hero-highlight{display:inline-block;margin-top:13px;color:var(--lime)}.hero-period{color:var(--pink)}.hero-lede{max-width:515px;margin:29px 0 0;color:#b4bac7;font-size:16px;line-height:1.7;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:0 17px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:12px;transition:transform .2s,background .2s,border-color .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:var(--ink);background:var(--lime);font-weight:700;box-shadow:0 8px 28px rgba(208,255,72,.1)}.button-primary:hover{background:#e1ff88;box-shadow:0 12px 33px rgba(208,255,72,.2)}.button-primary span{font-size:17px;margin-left:5px}.button-quiet{border-color:var(--line);background:rgba(255,255,255,.02);color:#aeb3c0}.button-quiet strong{color:#f1f2ef;font-weight:500}.button-quiet:hover{border-color:rgba(208,255,72,.45);color:var(--paper)}.discord-glyph{font-size:14px;color:var(--mint)}
.hero-proof{margin-top:55px}.proof-label,.client-list-title,.stat-label{display:block;color:#717a89;font:9px/1.3 var(--mono);letter-spacing:.14em}.proof-names{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:13px;color:#e6e7e0;font-size:13px;letter-spacing:.035em;font-weight:600}.proof-names b{color:var(--lime);font-size:14px}
.hero-art{min-height:493px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;border-radius:50%;filter:blur(55px);z-index:-1;pointer-events:none}.art-glow-one{width:240px;height:240px;background:rgba(75,226,192,.16);right:0;top:4%}.art-glow-two{width:270px;height:250px;background:rgba(141,91,255,.21);left:0;bottom:2%}.hero-frame{width:min(100%,500px);padding:11px;position:relative;border:1px solid rgba(225,231,255,.2);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 35%,rgba(255,255,255,.05));box-shadow:0 25px 100px rgba(0,0,0,.45),0 0 55px rgba(87,77,170,.13);transform:rotate(1.8deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hero-frame:hover{transform:rotate(0) translateY(-4px)}
.frame-topline,.frame-bottomline{display:flex;align-items:center;justify-content:space-between;height:27px;padding-inline:4px;color:#c3c6cf;font:8px var(--mono);letter-spacing:.11em}.frame-topline>span:first-child{display:flex;align-items:center;gap:8px}.record-dot{width:6px;height:6px;background:var(--pink);box-shadow:0 0 10px var(--pink)}.frame-index{color:#788193}.hero-video,.work-cover{width:100%;border:0;padding:0;display:block;overflow:hidden;position:relative;background:#171c29;cursor:pointer;text-align:left}.hero-video{aspect-ratio:16/10;border-radius:3px}.hero-video>img,.work-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .3s}.hero-video:hover>img,.work-cover:hover>img{transform:scale(1.045)}.hero-video img{filter:saturate(1.07) contrast(1.04)}.video-vignette,.cover-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,12,.75),rgba(7,8,15,.12) 68%),linear-gradient(0deg,rgba(4,6,12,.83),transparent 52%)}.hero-caption{position:absolute;left:7%;top:16%;display:flex;flex-direction:column;gap:10px;color:white}.hero-caption small{font:9px var(--mono);letter-spacing:.16em;color:var(--lime)}.hero-caption strong{max-width:260px;font-size:clamp(27px,3vw,41px);line-height:.95;letter-spacing:-.06em;text-shadow:0 4px 25px rgba(0,0,0,.35)}.play-button,.cover-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);box-shadow:0 0 0 9px rgba(208,255,72,.12),0 0 35px rgba(208,255,72,.45);transform:translate(-50%,-50%);transition:transform .22s,box-shadow .22s}.play-button{width:57px;height:57px}.play-button svg,.cover-play svg{width:23px;height:23px;fill:currentColor;margin-left:2px}.hero-video:hover .play-button,.work-cover:hover .cover-play{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 12px rgba(208,255,72,.13),0 0 45px rgba(208,255,72,.6)}.hero-video-foot{position:absolute;left:6%;right:6%;bottom:6%;display:flex;justify-content:space-between;color:#eceee7;font:8px var(--mono);letter-spacing:.12em}.frame-bottomline{color:#7c8290}.frame-bottomline b{padding:0 6px;color:var(--lime);font-size:13px}.equalizer{height:15px;display:flex;gap:2px;align-items:center}.equalizer i{width:2px;height:4px;display:block;background:var(--mint);animation:equalize .9s ease-in-out infinite alternate}.equalizer i:nth-child(2n){height:11px;animation-delay:.2s}.equalizer i:nth-child(3n){height:7px;animation-delay:.4s}.equalizer i:nth-child(4n){height:13px;animation-delay:.1s}@keyframes equalize{to{transform:scaleY(.35);opacity:.5}}
.float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(234,240,255,.16);border-radius:5px;background:rgba(16,19,29,.85);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.25)}.float-tag span:last-child{display:flex;flex-direction:column;gap:4px}.float-tag small{color:#878e9b;font:7px var(--mono);letter-spacing:.1em}.float-tag b{color:#f2f3ed;font:10px var(--mono);letter-spacing:.05em}.float-tag-one{right:-5%;top:12%;animation:float 5s ease-in-out infinite}.float-tag-two{left:-7%;bottom:14%;animation:float 5.8s ease-in-out infinite reverse}.tag-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:rgba(208,255,72,.15);color:var(--lime);font-size:15px}.tag-wave{color:var(--pink);font-size:27px;line-height:1}@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}
.orbit{position:absolute;z-index:-1;border:1px solid rgba(208,255,72,.2);border-radius:50%;pointer-events:none}.orbit-one{width:425px;height:425px;transform:rotateX(68deg) rotateZ(-22deg);animation:orbit 24s linear infinite}.orbit-two{width:390px;height:390px;border-color:rgba(169,137,255,.25);transform:rotateX(69deg) rotateZ(38deg);animation:orbit 32s linear infinite reverse}@keyframes orbit{to{rotate:360deg}}.floating-cube{position:absolute;width:28px;height:28px;border:1px solid rgba(70,239,210,.67);background:linear-gradient(135deg,rgba(70,239,210,.2),rgba(169,137,255,.11));box-shadow:0 0 22px rgba(70,239,210,.22);transform:rotate(45deg)}.cube-one{top:5%;left:7%;animation:cube-bob 6s ease-in-out infinite}.cube-two{right:7%;bottom:4%;width:19px;height:19px;border-color:rgba(255,107,179,.7);background:rgba(255,107,179,.12);animation:cube-bob 7s ease-in-out infinite reverse}@keyframes cube-bob{50%{translate:0 -13px;rotate:110deg}}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:27px;left:0;right:0;color:#7e8594;font:8px var(--mono);letter-spacing:.12em}.scroll-cue{display:flex;align-items:center;gap:9px}.scroll-line{width:27px;height:1px;background:var(--lime);box-shadow:0 0 8px var(--lime)}.hero-specialties{display:flex;align-items:center;gap:13px;color:#abb0bb}.hero-specialties i{width:3px;height:3px;background:var(--mint);border-radius:50%}.years-chip b{padding:5px 7px;margin-right:6px;background:rgba(208,255,72,.11);color:var(--lime);font-size:10px}
.ticker{z-index:1;position:relative;overflow:hidden;padding:18px 0;background:var(--lime);color:var(--ink);transform:rotate(-1.1deg) scale(1.02)}.ticker-track{width:max-content;display:flex;align-items:center;gap:32px;animation:ticker 29s linear infinite;font-size:12px;font-weight:700;letter-spacing:.08em}.ticker-track b{font-size:15px;color:#6c52c7}@keyframes ticker{to{transform:translateX(-50%)}}
.work-section{padding-top:142px;padding-bottom:116px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-number{color:var(--lime)}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.about-intro h2{margin:0;color:#f5f5f0;font-size:clamp(41px,5.1vw,66px);line-height:.99;letter-spacing:-.07em}.heading-accent{color:var(--lime)}.section-note{max-width:300px;margin:0 2px 5px 0;color:#9298a7;font-size:13px;line-height:1.7}.work-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;align-items:start;gap:19px}.work-card{min-width:0;transition:transform .2s ease;transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.work-cover{aspect-ratio:16/10;border-radius:5px;isolation:isolate}.work-cover::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}.cover-overlay{z-index:1;background:linear-gradient(0deg,rgba(5,7,13,.74),transparent 70%);transition:opacity .25s}.work-cover:hover .cover-overlay{opacity:.72}.work-count,.cover-label{position:absolute;z-index:2;font:8px var(--mono);letter-spacing:.12em}.work-count{top:14px;left:14px;padding:7px 9px;color:#e3e5e0;background:rgba(9,11,18,.6);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}.cover-label{bottom:15px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;color:#e9eae7}.cover-label i{font-style:normal;color:var(--lime);font-size:15px}.cover-play{z-index:3;width:45px;height:45px;opacity:.95}.cover-play svg{width:19px;height:19px}.work-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px 11px}.work-client{margin:0 0 6px;color:#9097a5;font:8px var(--mono);letter-spacing:.12em}.work-info h3{max-width:360px;margin:0;font-size:clamp(15px,1.55vw,19px);line-height:1.2;letter-spacing:-.035em}.external-link{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--lime);transition:background .2s,transform .2s}.external-link:hover{background:rgba(208,255,72,.1);transform:rotate(45deg)}.work-meta{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);color:#6e7685;font:7px var(--mono);letter-spacing:.1em}.work-foot{display:flex;align-items:center;gap:14px;margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}.work-foot-star{font-size:21px;color:var(--pink)}.work-foot p{margin:0;color:#a2a7b3;font-size:12px}.work-foot>a{margin-left:auto;color:var(--lime);font:10px var(--mono);white-space:nowrap}.work-foot>a span{margin-left:8px;font-size:14px}
.about-section{padding:108px 0 117px;position:relative;overflow:hidden;background:linear-gradient(110deg,#10121b 1%,#121725 48%,#10121a 100%);border-block:1px solid rgba(255,255,255,.055)}.about-section::before{content:"";position:absolute;right:-125px;top:0;width:50vw;height:100%;opacity:.25;background:radial-gradient(ellipse at center,rgba(85,69,175,.28),transparent 65%)}.about-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:12%;align-items:center}.about-intro,.about-side{position:relative;z-index:1}.about-intro .eyebrow{margin-bottom:20px}.about-intro h2{font-size:clamp(43px,5vw,66px)}.about-lede{max-width:450px;margin:24px 0 17px;color:#eff0eb;font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.035em}.about-copy{max-width:520px;margin:0 0 13px;color:#969dac;font-size:13px;line-height:1.8}.about-signoff{display:flex;align-items:center;gap:11px;margin-top:31px}.signoff-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:700;font-size:18px}.about-signoff>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.about-signoff b{font-size:10px;letter-spacing:.13em}.about-signoff small{color:#798191;font:7px var(--mono);letter-spacing:.1em}.signoff-line{height:1px;flex:1;min-width:15px;background:var(--line)}.signoff-status{display:flex;align-items:center;gap:7px;color:#9ba2ae;font:7px var(--mono);letter-spacing:.08em;white-space:nowrap}.signoff-status i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint)}
.about-stat-card{min-height:260px;padding:23px 23px 17px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:linear-gradient(135deg,#222b3c,#151a26 58%,#292343);box-shadow:0 28px 65px rgba(0,0,0,.2)}.about-stat-card::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.25;background-image:linear-gradient(rgba(240,245,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(240,245,255,.09) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,black,transparent 68%)}.stat-label{color:#a5abba}.stat-word{margin-top:19px;color:#f4f5ef;font-size:clamp(38px,5vw,61px);line-height:.87;letter-spacing:-.08em;font-weight:700}.stat-word span{color:var(--lime)}.stat-word span:nth-child(2){color:var(--pink)}.stat-bottom{position:absolute;bottom:16px;left:23px;right:23px;display:flex;justify-content:space-between;color:#8992a3;font:7px var(--mono);letter-spacing:.12em}.shape-pixel{position:absolute;width:95px;height:95px;top:42px;right:35px;border:1px solid rgba(70,239,210,.65);transform:rotate(45deg);box-shadow:0 0 42px rgba(70,239,210,.12),inset 0 0 22px rgba(70,239,210,.1);animation:shape-drift 9s ease-in-out infinite}.shape-pixel::before,.shape-pixel::after{content:"";position:absolute;inset:14px;border:1px dashed rgba(208,255,72,.4)}.shape-pixel::after{inset:31px;background:rgba(169,137,255,.16);border:0}.shape-ring{position:absolute;width:166px;height:166px;top:43px;right:0;border:1px solid rgba(255,107,179,.4);border-radius:50%;animation:orbit 25s linear infinite}@keyframes shape-drift{50%{transform:translateY(-8px) rotate(55deg)}}.client-list{margin-top:31px}.client-name-list{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;margin-top:9px}.client-name-list span{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#e3e4df;font-size:11px}.client-name-list i{color:#717988;font-style:normal}
.process-section{padding-top:126px;padding-bottom:137px}.process-section .section-heading{margin-bottom:42px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.process-card{position:relative;min-height:222px;padding:19px 22px 25px 0}.process-card+.process-card{padding-left:22px;border-left:1px solid var(--line)}.process-index{color:#737b8b;font:9px var(--mono)}.process-icon{float:right;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--lime);background:rgba(208,255,72,.1);font-size:20px}.icon-loop{color:var(--mint);background:rgba(70,239,210,.1)}.icon-sound{color:var(--pink);background:rgba(255,107,179,.1)}.icon-story{color:var(--violet);background:rgba(169,137,255,.12)}.process-card h3{margin:49px 0 9px;color:#f4f4ef;font-size:17px;letter-spacing:-.04em}.process-card p{max-width:220px;margin:0;color:#8d94a2;font-size:11px;line-height:1.7}.process-rule{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:var(--lime);transition:width .35s}.process-card:hover .process-rule{width:calc(100% - 20px)}
.contact-section{min-height:478px;padding:80px 0;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:var(--lime);color:var(--ink);text-align:center}.contact-section::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.19;background-image:radial-gradient(rgba(8,10,18,.5) .65px,transparent .65px);background-size:5px 5px}.contact-inner{z-index:1}.contact-section .eyebrow{justify-content:center;color:#343b21}.contact-section .live-dot{background:#785fd0;box-shadow:0 0 10px rgba(120,95,208,.55)}.contact-inner h2{margin:0;font-size:clamp(46px,7vw,82px);line-height:.94;letter-spacing:-.08em}.contact-inner h2 span{color:#5f4ac0}.contact-copy{margin:19px 0 25px;color:#3b4228;font-size:13px}.button-dark{min-height:48px;border-color:rgba(8,10,18,.16);background:var(--ink);color:#f5f4e9}.button-dark:hover{background:#252736}.button-dark .discord-glyph{color:var(--mint)}.button-dark b{color:var(--lime);font:10px var(--mono)}.button-dark>span:last-child{margin-left:5px;color:var(--lime);font-size:16px}.contact-fine{margin:14px 0 0;color:#53602f;font-size:10px}.contact-fine strong{color:#292f1d}.contact-orb{position:absolute;z-index:-1;width:370px;height:370px;border-radius:50%;border:1px solid rgba(8,10,18,.19)}.contact-orb-a{left:-90px;top:-190px;box-shadow:0 0 0 24px rgba(8,10,18,.035),0 0 0 48px rgba(8,10,18,.035),0 0 0 72px rgba(8,10,18,.025)}.contact-orb-b{right:-110px;bottom:-240px;width:460px;height:460px;box-shadow:0 0 0 22px rgba(8,10,18,.045),0 0 0 44px rgba(8,10,18,.035),0 0 0 67px rgba(8,10,18,.025)}.contact-sticker{position:absolute;right:9%;top:24%;width:83px;height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid rgba(8,10,18,.45);border-radius:50%;color:var(--ink);font:8px var(--mono);letter-spacing:.14em;transform:rotate(12deg);animation:float 6s ease-in-out infinite}.contact-sticker b{font:700 17px var(--display);letter-spacing:-.08em}
.site-footer{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand{font-size:13px}.footer-brand .brand-mark{width:23px;height:23px}.footer-line,.footer-copy{color:#768090;font:8px var(--mono);letter-spacing:.12em}
.toast{position:fixed;z-index:50;bottom:24px;left:50%;max-width:calc(100vw - 32px);padding:11px 15px;border:1px solid rgba(208,255,72,.4);border-radius:4px;background:#151a21;color:var(--paper);font:10px var(--mono);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .22s,transform .22s;box-shadow:0 15px 45px rgba(0,0,0,.3)}.toast.show{opacity:1;transform:translate(-50%,0)}
.video-modal{width:min(900px,calc(100% - 30px));padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0c0f17;color:var(--paper);box-shadow:0 30px 130px rgba(0,0,0,.72)}.video-modal::backdrop{background:rgba(3,4,8,.84);backdrop-filter:blur(8px)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.modal-header{margin-bottom:14px}.modal-kicker{display:block;margin-bottom:5px;color:var(--lime);font:8px var(--mono);letter-spacing:.14em}.modal-header h2{margin:0;font-size:17px;line-height:1.25}.modal-close{width:35px;height:35px;flex:0 0 35px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#ddd;cursor:pointer;font-size:21px;line-height:1}.modal-close:hover{background:rgba(255,255,255,.09)}.modal-player{aspect-ratio:16/9;overflow:hidden;background:#141926;border-radius:4px}.modal-player iframe{display:block;width:100%;height:100%;border:0}.modal-footer{padding-top:11px;color:#737b89;font:8px var(--mono);letter-spacing:.08em}.modal-footer a{color:var(--lime);font-size:9px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.work-grid .reveal:nth-child(2),.process-grid .reveal:nth-child(2){transition-delay:.08s}.work-grid .reveal:nth-child(3),.process-grid .reveal:nth-child(3){transition-delay:.16s}.process-grid .reveal:nth-child(4){transition-delay:.24s}
@media(max-width:1000px){.site-header,.section-wrap,.site-footer{width:min(calc(100% - 52px),900px)}.hero{column-gap:20px;padding-top:68px;min-height:650px}.hero-art{min-height:420px}.hero-frame{width:100%}.float-tag-one{right:-2%}.float-tag-two{left:-2%}.work-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.work-card-large{grid-column:1/-1}.work-card-large .work-cover{aspect-ratio:2.1/1}.about-grid{gap:7%}.contact-sticker{right:4%}}
@media(max-width:720px){html{scroll-padding-top:70px}.site-header,.section-wrap,.site-footer{width:calc(100% - 38px)}.site-header{height:70px}.nav-toggle{display:flex;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.035);cursor:pointer}.nav-toggle span{width:16px;height:1px;background:var(--paper);transition:transform .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-nav{position:absolute;top:62px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px 14px;border:1px solid var(--line);border-radius:5px;background:rgba(13,16,24,.97);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.35)}.site-nav.is-open{display:flex}.site-nav>a:not(.nav-contact){padding:13px 3px;border-bottom:1px solid rgba(255,255,255,.07)}.site-nav .nav-contact{margin:11px 0 4px;text-align:center}.hero{min-height:auto;padding:67px 0 87px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(59px,14vw,83px)}.hero-lede{max-width:510px;margin-top:23px;font-size:14px}.hero-actions{margin-top:23px}.button{min-height:44px;padding-inline:13px;font-size:10px}.hero-proof{margin-top:32px}.proof-names{font-size:11px;gap:8px}.hero-art{min-height:360px;margin:8px 10px 0}.hero-frame{max-width:500px;transform:rotate(1deg)}.float-tag-one{right:-3%;top:7%}.float-tag-two{left:-4%;bottom:7%}.float-tag{padding:8px 10px;gap:8px}.float-tag b{font-size:8px}.float-tag small{font-size:6px}.float-tag-one .tag-icon{width:22px;height:22px}.orbit-one{width:340px;height:340px}.orbit-two{width:310px;height:310px}.hero-bottom{bottom:25px;font-size:7px}.hero-specialties{gap:8px}.ticker{padding:14px 0}.ticker-track{gap:21px;font-size:10px}.work-section{padding-top:100px;padding-bottom:83px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about-intro h2{font-size:clamp(42px,11vw,59px)}.section-note{margin-top:17px;max-width:400px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:27px}.work-card-large{grid-column:auto}.work-card-large .work-cover,.work-cover{aspect-ratio:16/10}.work-info h3{font-size:17px}.work-foot{align-items:flex-start;gap:9px;flex-wrap:wrap}.work-foot p{flex:1;line-height:1.6}.work-foot>a{margin-left:30px}.about-section{padding:79px 0 85px}.about-grid{grid-template-columns:1fr;gap:44px}.about-lede{font-size:17px}.about-copy{font-size:12px}.about-stat-card{min-height:242px}.stat-word{font-size:52px}.process-section{padding-top:94px;padding-bottom:95px}.process-grid{grid-template-columns:1fr 1fr}.process-card{min-height:196px;padding:17px 15px 22px 0}.process-card:nth-child(2){border-left:1px solid var(--line);padding-left:16px}.process-card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.process-card:nth-child(4){border-top:1px solid var(--line)}.process-card h3{margin-top:43px;font-size:15px}.process-card p{font-size:10px}.contact-section{min-height:430px;padding:68px 0}.contact-inner h2{font-size:clamp(46px,12vw,72px)}.contact-sticker{top:auto;right:8%;bottom:19px;width:59px;height:59px;font-size:6px}.contact-sticker b{font-size:12px}.contact-orb{opacity:.55}.site-footer{min-height:80px;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-block:17px}.footer-line{display:none}.footer-copy{font-size:7px}}
@media(max-width:420px){.site-header,.section-wrap,.site-footer{width:calc(100% - 30px)}.hero{padding-top:55px}.hero h1{font-size:57px}.hero-actions{gap:8px}.button-quiet{gap:8px}.hero-art{min-height:304px;margin-inline:3px}.hero-caption{top:12%}.hero-caption strong{font-size:28px}.play-button{width:48px;height:48px}.hero-video-foot{font-size:6px}.float-tag-two{left:-3%}.float-tag-one{right:-3%}.hero-bottom{font-size:6px}.hero-specialties{gap:5px}.proof-names{gap:6px}.proof-names span{font-size:9px}.work-foot>a{margin-left:28px}.signoff-status{font-size:6px}.signoff-line{min-width:7px}.client-name-list{column-gap:15px}.client-name-list span{font-size:10px}.button-dark{gap:8px;font-size:9px}.modal-header h2{max-width:270px;font-size:14px}.modal-footer{font-size:6px}.modal-footer a{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#particle-canvas,.cursor-glow{display:none}.reveal{opacity:1;transform:none}.ticker-track{animation:none}}