:root{--sans:"Space Grotesk",Arial,sans-serif;--display:"Space Grotesk",Arial,sans-serif}
.wordmark{font-weight:500;letter-spacing:-.07em}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:35px;padding-bottom:32px;min-height:720px}
.hero-orbit{position:absolute;z-index:-1;left:-23%;top:-50%;width:103%;aspect-ratio:1.1;border-radius:50%;background:radial-gradient(ellipse at 68% 65%,#ff5d27 0%,#c64017 32%,#511e10 56%,#11110f 74%);animation:orbit-drift 13s ease-in-out infinite alternate;opacity:.8}
.hero .eyebrow{color:var(--paper);position:relative}
.hero-grid{display:block;padding:65px 0 28px}
.hero-title{font-size:clamp(64px,10.8vw,165px);font-weight:400;line-height:.98;letter-spacing:-.075em;width:100%}
.title-line{display:block;white-space:nowrap;animation:title-enter 1.2s cubic-bezier(.2,.8,.2,1) both}
.title-line:nth-child(2){padding-left:13%;animation-delay:.16s}
.title-line:nth-child(3){text-align:right;animation-delay:.32s}
.hero-title .hero-surname{padding-left:0;text-align:right;animation-delay:.16s;font-size:.86em;letter-spacing:-.083em}
.hero-title em{color:var(--paper)}
.title-last{font-size:.76em;margin-top:12px}
.pixel-o{display:inline-block;width:.66em;height:.72em;vertical-align:baseline;margin:0 .04em 0 .045em;background:currentColor;clip-path:polygon(22% 0,78% 0,78% 15%,100% 15%,100% 85%,78% 85%,78% 100%,22% 100%,22% 85%,0 85%,0 15%,22% 15%,22% 30%,16% 30%,16% 70%,27% 70%,27% 84%,73% 84%,73% 70%,84% 70%,84% 30%,73% 30%,73% 16%,22% 16%);animation:pixel-shift 4s steps(1) infinite}
.pixel-dot{color:var(--acid)}
.hero-side{margin:30px 0 0 auto;max-width:none;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:0}
.hero-side p{max-width:365px;margin:0}
.hero-frame{height:66px;min-height:0;margin-top:30px;background:transparent;border:0;border-top:1px solid var(--line)}
.hero-frame .play-mark{display:none}.frame-top{left:0;right:0;top:20px}.frame-bottom{display:none}
.hero-foot{margin-top:10px}.scroll-line{position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;inset:0;background:var(--paper);animation:scan 2.5s ease-in-out infinite}
.button,.header-cta{border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--paper);padding:9px 9px 9px 22px;gap:25px;position:relative;overflow:hidden;transition:background .25s,color .25s,transform .25s;display:inline-flex;align-items:center;text-decoration:none}
.button span,.header-cta span{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);transition:transform .35s,background .25s}
.button:hover,.header-cta:hover{background:var(--paper);color:var(--ink);transform:translateY(-3px)}.button:hover span,.header-cta:hover span{transform:rotate(-40deg)}
.header-cta{padding:5px 5px 5px 17px}.header-cta span{width:27px;height:27px}
.button-light{border-color:var(--ink);color:var(--ink)}.button-light span{background:var(--ink);color:var(--paper)}
.round-arrow{transition:transform .3s,background .3s}.round-arrow:hover{transform:rotate(45deg);background:var(--acid)}
:is(a,button,[role=slider]):focus-visible{outline:2px solid var(--acid);outline-offset:6px}
.contact :is(a,button):focus-visible{outline-color:var(--ink)}
.workflow{display:block;background:#11110f;position:relative;overflow:hidden}
.workflow-intro{position:relative;top:auto;text-align:center;margin:0 auto 60px}
.workflow-intro h2{font-weight:400;letter-spacing:-.07em;font-size:clamp(58px,7.5vw,110px)}
.workflow-intro>p:last-child{max-width:390px;margin:auto}
.process-list{position:relative;height:2040px;max-width:1000px;margin:auto;border:0}
.route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.route-track,.route-progress{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.route-track{stroke:#514a40}.route-progress{stroke:var(--acid)}
.process-step{position:absolute;left:6%;top:20px;width:340px;min-height:90px;display:grid;grid-template-columns:48px 1fr;align-content:start;align-items:center;gap:7px 14px;border:0;padding:0!important;background:none!important;text-align:left;z-index:1;color:var(--paper)}
.process-step:nth-of-type(2){left:42%;top:210px}
.process-step:nth-of-type(3){left:65%;top:400px}
.process-step:nth-of-type(4){left:32%;top:590px}
.process-step:nth-of-type(5){left:3%;top:780px}
.process-step:nth-of-type(6){left:42%;top:970px}
.process-step:nth-of-type(7){left:65%;top:1160px}
.process-step:nth-of-type(8){left:30%;top:1350px}
.process-step:nth-of-type(9){left:3%;top:1540px}
.process-step:nth-of-type(10){left:42%;top:1730px}
.process-step:nth-of-type(11){left:60%;top:1920px}
.process-step span{display:grid;place-items:center;width:48px;height:48px;background:var(--ink);border:1px solid #807467;border-radius:50%;font:17px var(--mono);color:var(--paper);grid-row:1/3;transition:background .3s,transform .3s,border-color .3s}
.process-step strong{font:500 clamp(16px,1.7vw,23px)/1.2 var(--sans);letter-spacing:-.04em;align-self:end}
.process-step small{grid-column:2;max-width:235px;font-size:12px;line-height:1.5;align-self:start;color:var(--muted)!important}
.process-step.active span,.process-step:hover span{background:var(--acid);border-color:var(--acid);color:var(--ink);transform:rotate(-12deg) scale(1.08)}
.process-step.active strong,.process-step:hover strong{color:var(--acid)}
.process-step.ready{color:var(--paper)}.process-step.ready span{color:var(--paper)}
.route-note{position:absolute;font:italic 16px/1.5 Georgia,serif;color:#b3a89b;max-width:200px;border-bottom:1px dashed #655447;padding-bottom:10px;transform:rotate(-6deg);pointer-events:none}
.note-one{left:59%;top:75px}.note-two{left:6%;top:455px}.note-three{left:5%;top:1080px}.note-four{left:60%;top:1570px}
.what h2,.about h2,.contact h2{font-weight:400;letter-spacing:-.07em;line-height:.98}
.what h2{font-size:clamp(40px,6.6vw,95px)}.about h2{font-size:clamp(44px,6.6vw,95px)}
.cover-word{font-weight:500;letter-spacing:-.065em}
.compare-shell{touch-action:pan-y}.compare-shell:focus-visible{outline:2px solid var(--acid)}
@keyframes orbit-drift{from{transform:translate(-3%,-5%) rotate(-12deg) scale(.93)}to{transform:translate(14%,12%) rotate(16deg) scale(1.06)}}
@keyframes title-enter{from{opacity:0;transform:translateY(65px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes pixel-shift{0%,88%,100%{transform:translate(0)}90%{transform:translate(.035em,-.025em)}94%{transform:translate(-.02em,.025em)}}
@keyframes scan{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(max-width:900px){.process-step{width:270px}.process-step:nth-of-type(3),.process-step:nth-of-type(7),.process-step:nth-of-type(11){left:57%}}
@media(max-width:600px){.hero{min-height:650px}.hero-grid{padding-top:90px}.hero-title{font-size:12vw}.title-line:nth-child(2){padding-left:6%}.hero-title .hero-surname{padding-left:0;font-size:.86em}.title-last{font-size:.76em;margin-top:20px}.hero-side{display:block;margin-top:50px}.hero-side p{font-size:14px}.hero-orbit{width:160%;left:-70%;top:-18%}.hero .eyebrow{font-size:9px;max-width:260px;line-height:1.5}.workflow{padding-left:20px;padding-right:20px}.process-list{height:2040px}.process-step{left:1%!important;width:88%;top:20px}.process-step:nth-of-type(even){left:12%!important}.process-step strong{font-size:18px}.route-note{display:none}.workflow-intro{margin-bottom:35px}.contact h2{font-size:14vw}.what h2,.about h2{font-size:13vw}.button{margin-top:22px}.hero-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.title-line{opacity:1;transform:none;filter:none}}
@media(max-width:600px){.process-step small{max-width:230px}}
.frame-top a{color:var(--paper);text-decoration:none}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.work-card-offset{grid-column:auto}
.work-card:nth-child(2){margin-top:75px}
.work-card:nth-child(3){margin-top:150px}
.work-card video,.comparison-films video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#161614;border-radius:3px}
.work-meta h3{font-size:18px;line-height:1.35;letter-spacing:-.04em}
.work-meta p{line-height:1.7;font-size:10px}
.work-meta .excerpt-note{margin-top:13px;color:#60584d}
.compare-shell{width:min(100%,440px);height:auto;min-height:0;aspect-ratio:9/16;margin:0 auto}
.compare-final img,.compare-raw img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;max-width:none}
.compare-raw{width:100%!important;clip-path:inset(0 47% 0 0)}
.compare-label{font-size:8px}
.comparison-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:720px;margin:55px auto 0}
.comparison-films figure{margin:0}
.comparison-films figcaption{font:10px var(--mono);letter-spacing:.05em;margin-bottom:15px;color:var(--acid)}
.comparison-note{font:11px/1.6 var(--mono);color:var(--muted);text-align:center;margin:24px auto 0;max-width:630px}
@media(max-width:800px){.work-grid{grid-template-columns:1fr 1fr}.work-card:nth-child(3){margin-top:0}.work-card:nth-child(2){margin-top:50px}}
@media(max-width:500px){.work-grid{grid-template-columns:1fr;gap:40px}.work-card:nth-child(2),.work-card:nth-child(3){margin-top:0}.work-card{max-width:360px;margin-inline:auto}.comparison-films{gap:12px}.comparison-films figcaption{font-size:8px}.frame-top{font-size:8px}}