/* Reaktor / Light in motion. Shared visual tokens and responsive treatments. */
:root{--bg:#050605;--surface:#171b19;--ink:#f3f3ee;--secondary:#9da69f;--aurora:#63d5c6;--hairline:#ffffff24;--glass:#080c0bd9;--accent-ink:#c1ff00;background:var(--bg);color:var(--ink)}
body{background:var(--bg)}
.header{animation:header-arrive .9s var(--ease) both;gap:22px}.header.compact{margin:16px max(calc((100vw - 1050px)/2),22px) 0;padding:16px 24px;border-radius:14px;background:var(--glass);box-shadow:0 8px 50px #0002;border-color:var(--hairline);backdrop-filter:blur(24px)}
.brand .brand-lockup{width:185px;height:auto}.theme-toggle{height:25px;width:45px;border:1px solid var(--hairline);border-radius:30px;background:#ffffff12;padding:3px;display:flex;align-items:center;flex-shrink:0}.theme-orb{display:block;width:17px;height:17px;border-radius:50%;background:var(--ink);transition:transform .35s var(--ease)}.theme-toggle[aria-checked=true] .theme-orb{transform:translateX(18px)}.header-actions{gap:18px}.nav-cta{padding:12px 20px}.desktop-nav a{color:var(--secondary)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--accent-ink)}
@keyframes header-arrive{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
.hero{padding-top:175px;isolation:isolate;overflow:clip}.hero .wrap{position:relative;z-index:1}.hero-head{text-align:center}.hero h1{font-size:clamp(70px,11.7vw,177px);line-height:.94;letter-spacing:-.065em}.hero-film{margin-top:76px;border-radius:12px;border:1px solid #ffffff1c;box-shadow:0 -2px 35px #c1ff0010;aspect-ratio:2.4}.hero h1 .second{color:var(--green)}.hero .film-overlay{color:#fff}.hero .film-overlay small{color:#e8e8e2}.light-field{position:absolute;inset:0;z-index:-1;display:flex;align-items:flex-end;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent)}.light-field span{position:relative;flex:1;height:var(--band-height);background:linear-gradient(0deg,#c1ff0066 0%,#63d5c629 28%,#63d5c60a 60%,transparent 100%);border-left:1px solid #ffffff04;transform-origin:bottom;animation:band-breathe 12s ease-in-out var(--band-delay) infinite alternate;animation-play-state:paused}.light-field span:nth-child(2n){background:linear-gradient(0deg,#c1ff0080,#63d5c62a 25%,transparent 90%)}.light-field.motion-visible span{animation-play-state:running}@keyframes band-breathe{from{transform:scaleY(.72);opacity:.5}to{transform:scaleY(1);opacity:1}}
.intro{padding-block:130px}.intro h2 span{color:var(--accent-ink)}
.orbit-stage{background:var(--bg)}.orbit-stage:before{background:radial-gradient(ellipse at 45% 70%,#c1ff0017,transparent 60%),radial-gradient(ellipse at 80% 20%,#63d5c615,transparent 60%)}.orbit-design{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.orbital-grid{position:absolute;inset:-50%;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:90px 90px;transform:perspective(700px) rotateX(65deg) rotateZ(-16deg);opacity:.22;mask-image:radial-gradient(ellipse,#000,transparent 60%)}.orbit-design>i{position:absolute;left:50%;top:50%;width:75%;aspect-ratio:1.7;border:1px solid #63d5c61c;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-design>i:nth-child(2){width:96%;transform:translate(-50%,-50%) rotate(38deg)}.orbit-design>i:nth-child(3){width:120%;transform:translate(-50%,-50%) rotate(-60deg)}
/* Clickable, draggable thumbnail strips with the original-mark signal sculpture. */
.film-library{display:grid;grid-template-columns:30% minmax(0,1fr);align-items:center;padding-block:110px;overflow:hidden;position:relative;gap:25px}.library-intro{padding-left:var(--gutter);position:relative;z-index:2}.library-intro h2{font-size:clamp(29px,3vw,44px);margin-bottom:26px;line-height:1.04}.signal-sculpture{width:min(88%,280px);aspect-ratio:1;perspective:600px;margin:0 0 15px -20px}.signal-sculpture svg{width:100%;height:100%;fill:none;stroke:var(--aurora);stroke-width:.7;animation:signal-orbit 22s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 18px #63d5c622)}.signal-sculpture svg ellipse:nth-child(3n){stroke:var(--accent-ink)}.signal-sculpture.motion-visible svg{animation-play-state:running}.signal-sculpture circle{fill:var(--accent-ink)}@keyframes signal-orbit{to{transform:rotate(360deg)}}
.rail-controls{display:flex;gap:17px;margin-top:27px;font-size:10px;color:var(--secondary)}.rail-controls button{background:none;padding:0 0 5px;border-bottom:1px solid var(--hairline);font-size:inherit}.rail-controls button:hover{color:var(--ink)}.film-rails{min-width:0;display:grid;gap:16px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent)}.film-rail{overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.film-rail::-webkit-scrollbar{display:none}.film-rail.dragging{cursor:grabbing}.rail-track{display:flex;gap:16px;width:max-content;padding-block:8px}.rail-film{position:relative;display:block;flex:0 0 auto;width:clamp(250px,31vw,475px);aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#101410;user-select:none}.rail-film img{width:100%;height:100%;object-fit:contain;pointer-events:none;transition:filter .4s,transform .7s var(--ease)}.rail-film span{position:absolute;inset:auto 15px 15px;padding:10px 14px;background:#050605b8;backdrop-filter:blur(12px);border-radius:5px;font-size:12px;color:#fff;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;pointer-events:none}.rail-film:hover span,.rail-film:focus-visible span{opacity:1;transform:none}.rail-film:hover img{filter:brightness(.75)}
/* Framed 16:9 films, perimeter chase and a quiet project prompt. */
.work-head{position:relative;isolation:isolate;text-align:center;padding-top:175px;padding-bottom:60px}.work-head h1{font-size:clamp(78px,10.4vw,150px);font-weight:600;letter-spacing:-.065em;line-height:1.04}.work-head>p{color:var(--secondary);font-size:16px;margin-top:25px}.work-head .light-field{opacity:.32;inset:-150px -15vw -20px}.work-toolbar{justify-content:center;position:relative;gap:25px;margin-bottom:50px;flex-wrap:wrap}.work-toolbar .filters{justify-content:center}.view-toggle{border:1px solid var(--hairline);border-radius:30px;padding:3px}.filters button{border-color:var(--hairline)}.work-index .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 30px}.project-image{border-radius:12px;padding:8px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden}.project-image>img,.project-image>video{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:6px;transition:filter .6s var(--ease),opacity .4s}.project-image:hover>img,.project-image:hover>video,.project-image:focus-visible>img,.project-image:focus-visible>video{filter:brightness(.42) blur(2px)}.project-image .project-duration{right:19px;bottom:19px;color:#fff}.project-snake{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .3s}.project-snake rect{fill:none;stroke:var(--accent-ink);stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:16 84;animation:snake-trace 2.8s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 5px #c1ff0099)}.project-image:hover .project-snake,.project-image:focus-visible .project-snake{opacity:1}.project-image:hover .project-snake rect,.project-image:focus-visible .project-snake rect{animation-play-state:running}@keyframes snake-trace{to{stroke-dashoffset:-100}}
.project-image .view-label{left:0;right:0;top:0;bottom:0;max-width:none;width:100%;height:100%;border-radius:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:20px;transform:translateY(12px);text-overflow:initial;white-space:normal;pointer-events:none}.project-image:hover .view-label,.project-image:focus-visible .view-label{transform:none}.project-image .view-label .view-project{font:500 clamp(22px,2.3vw,36px) Manrope;letter-spacing:-.04em}.project-image .view-label .view-project-title{font:11px Manrope;letter-spacing:0}.project-info{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:18px}.project-info h3{font-size:24px}.project-info .work-type{margin-top:3px;white-space:nowrap;color:var(--secondary)}.project-info p{color:var(--secondary)}
/* Dot globe and testimonial bridge. */
.connection-section{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;margin-top:-40px}.data-globe{position:absolute;width:min(760px,85vw);aspect-ratio:1;right:1%;top:50%;transform:translateY(-50%);pointer-events:none;z-index:-1}.data-globe canvas{width:100%;height:100%;display:block}.connection-copy{padding-block:80px;max-width:450px}.connection-copy h2{font-size:clamp(50px,6vw,85px);margin-top:25px}.connection-copy p{margin-top:25px;font-size:15px;color:var(--secondary)}.connection-copy .text-link{margin-top:28px}.connection-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--secondary)}.connection-label i{width:5px;height:5px;background:var(--accent-ink);border-radius:50%;box-shadow:0 0 14px var(--accent-ink)}.home-voices{position:relative;min-height:720px;overflow:hidden;isolation:isolate;padding-bottom:145px}.home-voices .data-globe{left:50%;right:auto;transform:translate(-50%,-50%);width:min(900px,100vw);opacity:.9}.home-voices-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:1}.home-voices h2{font-size:clamp(45px,6vw,80px)}.home-quote{position:relative;max-width:840px;margin:75px auto 0;padding:38px 42px;border:1px solid var(--hairline);border-radius:16px;background:var(--glass);backdrop-filter:blur(14px);display:grid;grid-template-columns:100px 1fr;gap:15px 30px}.home-quote>img{width:100px;height:100px;border-radius:50%;object-fit:cover;grid-row:1/3}.home-quote blockquote{margin:0;font-size:clamp(18px,2.1vw,28px);line-height:1.55;letter-spacing:-.03em}.home-quote figcaption{font-size:12px;margin-top:8px}.home-quote figcaption span{color:var(--secondary);margin-left:14px}
/* Portrait at left; wide, complete film at right, with the quote on the picture. */
.testimonials-head{padding-top:150px;padding-bottom:45px}.testimonials-head h1{font-size:clamp(60px,7vw,110px)}.testimonial-panel{display:grid;grid-template-columns:minmax(180px,20%) minmax(0,1fr);gap:36px;min-height:0;padding:0;align-items:center}.testimonial-panel[hidden]{display:none}.testimonial-project{position:relative;grid-column:2;grid-row:1;width:100%;max-height:none;aspect-ratio:16/9;border-radius:13px;order:initial;margin:0;background:#000;min-height:0;border:1px solid #ffffff20}.testimonial-project>img{width:100%;height:100%;object-fit:contain;mask-image:none;opacity:.83;animation:none;transition:opacity .4s}.testimonial-project:hover>img,.testimonial-project:focus-visible>img{opacity:1}.testimonial-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s}.testimonial-bg-video.ready{opacity:.85}.testimonial-bg-video.ready+img{opacity:0}.testimonial-project:after{inset:0;background:linear-gradient(0deg,#000b,transparent 80%)}.testimonial-project-caption{left:22px;right:22px;bottom:16px;color:white;font-size:11px}.testimonial-project-caption small{font-size:9px}.testimonial-play{font-size:12px;width:32px;height:32px}.testimonial-person{grid-column:1;grid-row:1;padding:0;align-self:center;display:block}.testimonial-person>img,.portrait-compact>img{width:min(100%,225px);height:auto;aspect-ratio:1;margin:0;padding:5px;border:1px solid var(--hairline);box-shadow:none;background:var(--bg)}.testimonial-person h2{font-size:25px;margin-top:24px}.testimonial-person p{color:var(--secondary);font-size:12px}.testimonial-person p span{color:var(--ink)}.quote-bubble{position:relative;grid-column:2;grid-row:1;align-self:end;justify-self:end;width:calc(100% - 44px);max-width:560px;margin:0 22px 78px;padding:24px 27px;border-radius:12px;background:#0a0e0bd1;backdrop-filter:blur(16px);color:#fff;border:1px solid #ffffff30;box-shadow:0 8px 25px #0001;pointer-events:none}.quote-bubble:before{display:none}.quote-bubble blockquote p{font-size:clamp(16px,1.55vw,23px);line-height:1.48;letter-spacing:-.02em}.quote-context{font-size:9px;color:#d0d3cf;margin-top:12px}.testimonial-selector-head{padding-top:30px}.testimonial-avatar{width:90px;height:90px}.testimonial-tab-name{color:var(--ink)}.testimonial-tab-company{color:var(--secondary)}.testimonial-people{gap:12px}.testimonial-end{padding-top:32px}.testimonials-experience{padding-bottom:50px}
/* The values form a single growing branch, retaining the studio’s voice. */
.values-section{padding-block:40px 80px}.values-section>h2{text-align:center;font-size:clamp(40px,5vw,70px);margin-bottom:45px}.values-tree{position:relative;max-width:1000px;margin:0 auto;padding-block:50px}.tree-trunk{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--hairline)}.tree-trunk span{display:block;width:100%;height:100%;background:var(--accent-ink);transform:scaleY(var(--tree-progress,0));transform-origin:top;box-shadow:0 0 10px #c1ff0055}.value-branch{position:relative;width:50%;padding:0 70px 65px 10px;opacity:.28;transform:translateY(15px);transition:opacity .8s var(--ease),transform .8s var(--ease);text-align:right}.value-branch:nth-of-type(even){margin-left:50%;padding:0 10px 65px 70px;text-align:left}.value-branch:last-child{padding-bottom:0}.value-branch:before{content:'';position:absolute;top:16px;right:0;width:45px;height:1px;background:var(--hairline);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease),background .7s}.value-branch:nth-of-type(even):before{left:0;right:auto;transform-origin:left}.value-branch.branch-visible{opacity:1;transform:none}.value-branch.branch-visible:before{transform:scaleX(1);background:var(--accent-ink)}.branch-node{position:absolute;right:-3px;top:13px;width:7px;height:7px;border-radius:50%;border:1px solid var(--accent-ink);background:var(--bg)}.value-branch:nth-of-type(even) .branch-node{left:-3px;right:auto}.value-branch h3{font-size:29px;letter-spacing:-.04em}.value-branch p{font-size:14px;color:var(--secondary);margin-top:22px;line-height:1.8}
/* A large original R resolves through glass at the close. */
.closing{background:var(--bg);color:var(--ink);padding:110px var(--gutter) 0;isolation:isolate;min-height:800px;text-align:center;overflow:hidden;border-top:1px solid var(--hairline)}.closing-top{margin-bottom:40px;color:var(--secondary);font-size:11px}.closing-link{display:block;font-size:clamp(50px,7.3vw,112px);font-weight:600;line-height:1.02;letter-spacing:-.065em;position:relative;z-index:2}.closing-link em{font-style:normal;color:var(--accent-ink)}.closing-link span:last-child{display:block}.closing-link:hover span:last-child{transform:none}.closing-link:hover em{filter:blur(1px)}.closing>.footer-email{position:relative;z-index:2;display:inline-block;font-size:13px;margin-top:30px;border-bottom:1px solid var(--hairline);padding-bottom:8px}.footer-glow{position:absolute;inset:20% 0 -40%;z-index:-2;background:radial-gradient(ellipse at 50% 75%,#63d5c62b,transparent 57%)}.footer-monogram{position:absolute;left:50%;top:360px;width:min(700px,70vw);height:650px;transform:translateX(-50%);pointer-events:none;z-index:-1;opacity:0;filter:blur(25px);transition:filter 1.5s var(--ease),opacity 1.5s var(--ease)}.closing.motion-visible .footer-monogram{opacity:.8;filter:blur(0)}.footer-monogram img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 50px #63d5c644);animation:mark-float 10s ease-in-out infinite alternate;animation-play-state:paused}.closing.motion-visible .footer-monogram img{animation-play-state:running}.footer-monogram img+img{filter:blur(25px);opacity:.3;transform:scale(1.06)}@keyframes mark-float{from{translate:0 15px}to{translate:0 -25px}}
.footer-glass{position:relative;margin-top:300px;padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--hairline);background:var(--glass);backdrop-filter:blur(24px);box-shadow:0 100px 0 100px var(--glass)}.footer-wordmark{width:190px;filter:brightness(0) invert(1)}.footer-links{gap:24px;font-size:12px}.footer-base{position:relative;z-index:2;background:var(--bg);border-top:1px solid var(--hairline);color:var(--secondary)}.footer-base .footer-links{margin:0;font-size:10px}
@media(max-width:1100px){.header.compact{margin-inline:22px}.desktop-nav{gap:20px}.header-actions{gap:12px}.brand .brand-lockup{width:165px}.testimonial-panel{grid-template-columns:165px 1fr;gap:26px}.testimonial-person>img{width:165px}.quote-bubble{padding:20px;width:calc(100% - 30px);margin:0 15px 72px}.quote-bubble blockquote p{font-size:17px}.testimonial-person h2{font-size:22px}.testimonial-avatar{width:73px;height:73px}.testimonial-people{gap:7px}.footer-glass .footer-links{gap:15px}.film-library{grid-template-columns:29% minmax(0,1fr)}}
@media(max-width:850px){.header .desktop-nav{display:none}.header .menu-toggle{display:flex}.brand .brand-lockup{width:170px}.hero{padding-top:160px}.hero-film{margin-top:55px}.testimonial-panel{grid-template-columns:145px 1fr;gap:22px}.testimonial-person>img{width:145px}.quote-bubble{padding:16px;margin-bottom:65px}.quote-bubble blockquote p{font-size:15px}.quote-context{font-size:8px;margin-top:8px}.testimonial-project{align-self:start}.testimonial-people{grid-template-columns:repeat(5,1fr);gap:20px}.testimonial-avatar{width:85px;height:85px}.home-quote{max-width:90%}.connection-section .data-globe{right:-15%;opacity:.7}.connection-copy{max-width:360px}.footer-glass{flex-direction:column;align-items:start}.work-index .project-grid{gap:42px 22px}.project-info{display:block}.film-library{grid-template-columns:1fr;padding-top:50px}.library-intro{display:grid;grid-template-columns:130px 1fr;gap:16px 20px;align-items:center;padding-right:var(--gutter)}.signal-sculpture{grid-row:1/4;width:150px;margin:0 0 0 -20px}.library-intro h2{margin:0;font-size:34px}.library-intro>.pill{justify-self:start;padding:10px 18px}.rail-controls{margin-top:0}.film-rails{margin-top:20px}.rail-film{width:44vw}.footer-wordmark{width:170px}}
@media(max-width:720px){.header{padding:22px var(--gutter);gap:10px}.header.compact{margin:10px 10px 0;padding:14px 15px}.brand .brand-lockup{width:142px}.header-actions{gap:10px}.nav-cta{padding:11px 15px;font-size:11px}.theme-toggle{width:37px;height:23px;padding:3px}.theme-orb{width:15px;height:15px}.theme-toggle[aria-checked=true] .theme-orb{transform:translateX(13px)}.menu-toggle{width:36px;height:36px}.hero{padding-top:145px}.hero h1{font-size:12.2vw;line-height:.99}.hero-film{margin-top:45px;aspect-ratio:16/9;border-radius:8px}.film-overlay{left:17px;right:17px;bottom:16px}.film-overlay .film-name{font-size:20px}.film-overlay small{font-size:10px}.play-disc{width:44px;height:44px}.light-field span{background:linear-gradient(0deg,#c1ff0070,#63d5c626 45%,transparent)}.intro{padding-block:80px}.orbit-top span{display:none}.orbit-top{top:105px}.orbit-bottom .pill{padding:11px 15px;gap:8px}.orbit-instruction{gap:10px}.film-library{padding-block:60px}.rail-film{width:72vw}.film-rails{gap:9px}.rail-track{gap:10px}.rail-film span{font-size:11px;opacity:1;transform:none;background:#0506058c;padding:7px 10px;inset:auto 10px 10px}.rail-controls{font-size:10px}.library-intro h2{font-size:30px}.work-head{padding-top:150px;padding-bottom:40px}.work-head h1{font-size:70px}.work-head>p{font-size:13px}.work-toolbar{margin-bottom:30px}.work-index .project-grid{grid-template-columns:1fr;gap:35px}.project-image:focus-visible .view-label{opacity:1}.project-image .view-label .view-project{font-size:24px}.project-info{display:flex;gap:10px}.project-info h3{font-size:22px}.project-info .work-type{font-size:9px}.project-snake rect{stroke-width:3}.connection-section{min-height:580px;padding-bottom:150px;margin-top:0;align-items:start}.connection-copy{padding-top:45px;max-width:none;position:relative;z-index:1}.connection-copy h2{font-size:53px}.connection-copy p{font-size:13px}.connection-section .data-globe{top:auto;bottom:-80px;right:-40%;width:135vw;transform:none;opacity:.5}.home-voices{min-height:590px;padding-block:80px 110px}.home-voices-heading{align-items:start;flex-direction:column}.home-voices h2{font-size:43px}.home-voices .data-globe{width:150vw;opacity:.6}.home-quote{max-width:none;padding:25px;margin-top:40px;grid-template-columns:65px 1fr;gap:20px}.home-quote>img{width:65px;height:65px;grid-row:1}.home-quote blockquote{font-size:19px;grid-column:1/-1;grid-row:2}.home-quote figcaption{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:12px}.home-quote figcaption span{display:block;margin:6px 0 0}.testimonials-head{padding-top:145px;padding-bottom:28px}.testimonials-head h1{font-size:10.5vw}.testimonial-panel{display:grid;grid-template-columns:1fr;gap:18px}.testimonial-person{grid-column:1;grid-row:1;display:grid;grid-template-columns:105px 1fr;gap:0 20px;align-items:center}.testimonial-person>img,.portrait-compact>img{grid-row:1/3;width:105px;height:105px;padding:4px}.testimonial-person h2{font-size:23px;margin-top:0;align-self:end}.testimonial-person p{font-size:11px;margin-top:8px;align-self:start}.testimonial-person p span{display:block;margin:3px 0 0}.testimonial-project{grid-column:1;grid-row:2;width:100%;aspect-ratio:16/9;min-height:0;align-self:start}.quote-bubble{grid-column:1;grid-row:3;width:100%;max-width:none;margin:-34px 0 0;padding:21px;backdrop-filter:blur(16px);border-radius:10px;background:#131b16f0;align-self:auto}.quote-bubble blockquote p{font-size:17px;line-height:1.5}.quote-context{font-size:9px}.testimonial-project-caption{bottom:40px;left:14px;right:14px;font-size:10px}.testimonial-project-caption small{display:none}.testimonial-play{width:29px;height:29px;font-size:10px}.testimonial-avatar{width:64px;height:64px}.testimonial-people{gap:20px 5px}.testimonial-tab-name{font-size:10px}.testimonial-tab-company{font-size:8px}.testimonial-selector-head p{font-size:10px}.testimonial-end{display:flex;gap:20px}.testimonial-end p{font-size:15px;margin:0}.testimonial-end .pill{font-size:10px;padding:12px 16px;white-space:nowrap}.values-section{padding-block:10px 50px}.values-section>h2{text-align:left;font-size:44px}.tree-trunk{left:5px}.values-tree{padding:25px 0}.value-branch,.value-branch:nth-of-type(even){width:100%;margin:0;padding:0 0 55px 48px;text-align:left}.value-branch:before,.value-branch:nth-of-type(even):before{width:27px;left:5px;right:auto;transform-origin:left}.branch-node,.value-branch:nth-of-type(even) .branch-node{left:2px;right:auto}.value-branch h3{font-size:27px}.value-branch p{font-size:13px;margin-top:16px}.closing{padding-top:75px;min-height:660px}.closing-top{font-size:10px;margin-bottom:45px}.closing-top>span:last-child{max-width:115px;text-align:right}.closing-link{font-size:clamp(40px,8.2vw,58px);line-height:1.06}.closing>.footer-email{font-size:11px;margin-top:23px}.footer-monogram{top:245px;width:95vw;height:460px}.footer-glass{margin-top:230px;padding-block:27px;gap:25px}.footer-glass .footer-links{gap:20px;font-size:11px;text-align:left}.footer-wordmark{width:150px}.footer-base{font-size:9px;gap:18px;padding-block:20px;flex-direction:column}.footer-base .footer-links{gap:23px}.footer-base button{font-size:9px}}
@media(max-width:370px){.brand .brand-lockup{width:125px}.header-actions{gap:7px}.nav-cta{padding:10px 12px}.testimonial-avatar{width:56px;height:56px}.library-intro{grid-template-columns:110px 1fr}.signal-sculpture{width:130px}.library-intro h2{font-size:27px}}
body.motion-paused .light-field span,body.motion-paused .signal-sculpture svg,body.motion-paused .footer-monogram img,body.motion-paused .project-snake rect{animation:none!important}body.motion-paused .footer-monogram{opacity:.8;filter:none;transition:none}body.motion-paused .value-branch{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.header,.light-field span,.signal-sculpture svg,.footer-monogram img,.project-snake rect{animation:none!important}.footer-monogram{opacity:.8;filter:none;transition:none}.value-branch{opacity:1;transform:none;transition:none}.rail-film img,.rail-film span{transition:none}}

.hero>.light-field{bottom:auto;height:800px;max-height:100%}.hero>.light-field span{background:linear-gradient(0deg,#c1ff008c,#63d5c63b 40%,#63d5c610 72%,transparent)}
@media(max-width:720px){.hero>.light-field{height:470px}.hero>.light-field span{opacity:.8}}

/* Signal field refinement: finer light columns, a complete Earth, and a grounded closing mark. */
.hero>.light-field{inset:0;height:100%;max-height:none;mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}
.hero>.light-field span{height:100%;background:linear-gradient(0deg,#c1ff003b 0%,#a4d9253d 23%,#b4e8491a var(--band-height),transparent 100%);border-left:1px solid #d6ff8b15;animation:signal-column 13s ease-in-out var(--band-delay) infinite alternate;transform:none}
.hero>.light-field span:nth-child(3n){background:linear-gradient(0deg,#c1ff001a,#a6d93e45 26%,#c1ff000c 65%,transparent 100%)}
.hero>.light-field span:nth-child(4n){border-right:1px solid #c1ff0040}
.hero-lattice{position:absolute;inset:0;background-image:linear-gradient(#ceff7a17 1px,transparent 1px),linear-gradient(90deg,#ceff7a0a 1px,transparent 1px);background-size:calc(100vw / 24) calc(100vw / 24);mask-image:linear-gradient(transparent,#000 26%,#000 90%,transparent);opacity:.8}
@keyframes signal-column{from{opacity:.5;filter:brightness(.85)}to{opacity:1;filter:brightness(1.35)}}
.hero-film{box-shadow:0 0 0 1px #e7ffb422,0 20px 80px #0008}
.brand .brand-lockup{width:185px;height:auto}.header.compact .brand-lockup{width:166px}
/* A brighter, living grid uses the same rings and travelling signals as the Earth. */
.orbit-stage{background:#192406}.orbit-stage:before{background:radial-gradient(ellipse at 50% 58%,#9ecb2945,#263b1170 52%,#080e04 95%)}
.orbit-design{z-index:0;opacity:1;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.signal-field{display:block;width:100%;height:100%;opacity:.9}
.orbit-top,.orbit-bottom{z-index:3}.orbit-canvas{z-index:1}.orbit-fallback{z-index:2}
.orbit-top span{color:#c4cdb8}.orbit-instruction{color:#d0d9c4}
/* The films are the ornament here. No sculpture above the heading. */
.library-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:20px}
.library-intro h2{font-size:clamp(34px,3.6vw,54px);max-width:260px;margin-bottom:27px}
.film-rail{scroll-behavior:auto;overflow-anchor:none}.rail-track{position:relative}.rail-film img{-webkit-user-drag:none}
/* Give the entire Earth its own clear square, rather than clipping it behind text. */
.home-voices{min-height:0;padding-block:110px;overflow:visible;display:grid;grid-template-columns:1.08fr 1fr;gap:30px 60px;align-items:center}
.home-voices-heading{grid-column:1/-1;margin-bottom:0}.home-voices h2{font-size:clamp(45px,6vw,80px)}
.data-globe,.home-voices .data-globe,.connection-section .data-globe{position:relative;inset:auto;transform:none;width:100%;aspect-ratio:1;height:auto;z-index:0;opacity:1;pointer-events:none}
.home-voices .data-globe{grid-column:1;grid-row:2;max-width:680px;justify-self:center}
.home-quote{grid-column:2;grid-row:2;display:grid;grid-template-columns:75px 1fr;gap:25px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none}
.home-quote>img{width:75px;height:75px;grid-column:1;grid-row:2}.home-quote blockquote{grid-column:1/-1;grid-row:1;font-size:clamp(24px,2.35vw,35px);line-height:1.42;letter-spacing:-.035em}
.home-quote figcaption{grid-column:2;grid-row:2;align-self:center;font-size:13px;margin:0}.home-quote figcaption span{display:block;margin:7px 0 0}
.connection-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:0;overflow:visible;padding-block:65px 100px;margin-top:0;isolation:isolate}
.connection-section .data-globe{grid-column:2;grid-row:1;max-width:680px;justify-self:center}.connection-copy{grid-column:1;grid-row:1;padding:0;max-width:480px}.connection-copy h2{font-size:clamp(45px,5.5vw,80px)}
/* More readable client voices, still on their corresponding complete film. */
.quote-bubble{width:calc(100% - 48px);max-width:760px;padding:28px 32px;margin:0 24px 76px;background:#081006df}
.quote-bubble blockquote p{font-size:clamp(22px,2.05vw,32px);line-height:1.4;letter-spacing:-.025em}
.testimonial-person>img{width:min(100%,225px)}.quote-context{font-size:10px}
/* Alternating client/studio handoffs, with five steps and multiple final formats. */
.values-section{padding-block:75px 110px}.values-section>h2{margin-bottom:20px}.process-intro{text-align:center;color:var(--secondary);font-size:16px;margin-bottom:70px}
.values-tree{max-width:1100px;padding:15px 0 0}.value-branch{padding:0 70px 90px 0;opacity:.58}.value-branch:nth-of-type(even){padding:0 0 90px 70px}.value-branch:last-child{padding-bottom:20px}
.value-branch h3{font-size:clamp(28px,3vw,43px);line-height:1.08}.value-branch p{font-size:15px;line-height:1.7;max-width:430px;margin-top:18px}.value-branch:nth-of-type(odd) p{margin-left:auto}
.process-step{display:flex;gap:16px;justify-content:flex-end;font-size:12px;color:var(--green);margin-bottom:20px}.process-step>span{color:var(--secondary)}.value-branch:nth-of-type(even) .process-step{justify-content:flex-start}
.branch-node{top:3px}.value-branch:before{top:6px}.tree-trunk{bottom:80px}
.delivery-formats{display:flex;justify-content:flex-end;gap:14px;align-items:end;margin-top:30px;padding-bottom:30px}
.delivery-formats>span{display:flex;position:relative;align-items:center;justify-content:center;border:1px solid #c1ff0077;background:linear-gradient(145deg,#c1ff001f,#c1ff0003);font-size:12px;color:#dcff94;border-radius:5px}
.delivery-formats small{position:absolute;top:calc(100% + 10px);white-space:nowrap;color:var(--secondary);font-size:10px}.format-wide{width:112px;height:63px}.format-square{width:70px;height:70px}.format-tall{width:56px;height:100px}
.about-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* The R starts below the email, grows into the page edge, and stays put. */
.closing{min-height:0;padding-top:100px}.closing>.footer-email{margin-top:34px}.footer-glow{inset:40% 0 0;background:radial-gradient(ellipse at 50% 100%,#c1ff001b,transparent 65%)}
.footer-monogram{position:relative;inset:auto;left:auto;top:auto;transform:none;width:100%;height:clamp(350px,45vw,580px);margin:65px auto 0;overflow:hidden;opacity:1;filter:none;transition:none;z-index:0}
.closing.motion-visible .footer-monogram{opacity:1;filter:none}.footer-monogram img,.closing.motion-visible .footer-monogram img{top:0;left:50%;width:min(1100px,110vw);height:auto;max-width:none;object-fit:contain;transform:translateX(-50%);animation:none!important;filter:drop-shadow(0 0 55px #c1ff001a);opacity:.9}
.footer-monogram img+img{transform:translateX(-50%) scale(1.02);filter:blur(30px)!important;opacity:.2!important}
.footer-glass{margin-top:-70px;z-index:1;min-height:120px;background:#080c0bb8;backdrop-filter:blur(24px)}
@media(max-width:1100px){.quote-bubble{padding:23px;margin-bottom:68px}.quote-bubble blockquote p{font-size:clamp(20px,2.2vw,26px)}.home-voices{gap:30px}.library-intro h2{font-size:36px}.home-quote blockquote{font-size:26px}}
@media(max-width:850px){.library-intro{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-right:var(--gutter)}.library-intro h2{max-width:none;margin:0;font-size:36px}.rail-controls{width:100%;margin-top:0}.home-voices{grid-template-columns:1fr 1fr;gap:30px 20px}.home-quote blockquote{font-size:22px}.home-quote{gap:18px}.connection-section{gap:20px}.connection-copy h2{font-size:48px}.about-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-bubble blockquote p{font-size:21px}.quote-bubble{margin:0 16px 60px;padding:20px;width:calc(100% - 32px)}.testimonial-panel{grid-template-columns:130px 1fr;gap:20px}.testimonial-person>img{width:130px}}
@media(max-width:720px){.hero>.light-field{height:100%;mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}.hero>.light-field span{opacity:1}.hero-lattice{background-size:calc(100vw / 12) calc(100vw / 12)}.brand .brand-lockup{width:150px}.header.compact .brand-lockup{width:140px}.header-actions{gap:12px}.library-intro{gap:22px}.library-intro h2{font-size:31px}.library-intro .pill{padding:11px 16px;font-size:11px}.home-voices{display:grid;grid-template-columns:1fr;padding-block:80px;gap:20px}.home-voices-heading{grid-column:1;gap:20px}.home-voices .data-globe{grid-column:1;grid-row:2;width:100%;max-width:440px;margin:0}.home-quote{grid-column:1;grid-row:3;grid-template-columns:65px 1fr;gap:20px;margin:0}.home-quote blockquote{font-size:25px;line-height:1.4;grid-row:1}.home-quote>img{grid-row:2;width:65px;height:65px}.home-quote figcaption{grid-row:2}.connection-section{grid-template-columns:1fr;gap:20px;padding-block:60px 75px}.connection-copy{grid-column:1;grid-row:1}.connection-section .data-globe{grid-column:1;grid-row:2;max-width:440px;width:100%}.connection-copy h2{font-size:53px}.testimonial-panel{grid-template-columns:1fr;gap:20px}.testimonial-person>img{width:105px}.quote-bubble{grid-column:1;grid-row:3;width:100%;padding:24px;margin:-24px 0 0;background:#10180ef5}.quote-bubble blockquote p{font-size:23px;line-height:1.43}.testimonial-project-caption{bottom:32px}.process-intro{text-align:left;font-size:15px;margin-bottom:50px}.values-section{padding-block:45px 60px}.values-section>h2{font-size:47px}.value-branch,.value-branch:nth-of-type(even){padding:0 0 65px 45px}.process-step,.value-branch:nth-of-type(even) .process-step{justify-content:flex-start}.value-branch h3{font-size:32px}.value-branch p{font-size:14px}.delivery-formats{justify-content:flex-start;gap:12px}.format-wide{width:90px;height:51px}.format-square{width:57px;height:57px}.format-tall{width:45px;height:80px}.about-work-grid{grid-template-columns:1fr}.closing{padding-top:75px}.closing>.footer-email{margin-top:27px}.footer-monogram{height:330px;margin-top:60px;width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter))}.footer-monogram img{width:120vw;max-width:none}.footer-glass{margin-top:-55px;padding-block:28px}.footer-glass .footer-links{gap:18px}.footer-wordmark{width:160px}}
body.motion-paused .hero>.light-field span{animation:none!important;opacity:.8}
@media(prefers-reduced-motion:reduce){.hero>.light-field span{animation:none!important;opacity:.8}}
/* Reset the old arrow-span layout: the footer sentence participates in normal flow. */
.closing-link>span,.closing-link span:last-child{position:static;inset:auto;font-size:inherit;font-weight:inherit;line-height:inherit;transform:none}

/* Real campaign credits, grounded in Reaktor's music catalogue. */
.credit-strip{padding-top:60px;padding-bottom:52px}
.credit-strip-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}
.credit-strip-intro h2{font-size:19px;font-weight:450;letter-spacing:-.03em}
.credit-strip-intro>a{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.credit-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 30px}
.credit-logos>a{min-height:110px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #ffffff12;transition:background .2s}
.credit-logos img{width:auto;max-width:80%;height:auto;max-height:45px;object-fit:contain;filter:brightness(0) invert(1);opacity:.72;transition:opacity .2s,transform .2s}
.credit-logos>a span{position:absolute;bottom:8px;font-size:11px;color:var(--accent,#c9ff48);opacity:0;transition:opacity .2s}
.credit-logos>a:hover img,.credit-logos>a:focus-visible img{opacity:1;transform:translateY(-6px)}
.credit-logos>a:hover span,.credit-logos>a:focus-visible span{opacity:1}
.campaign-showcase{scroll-margin-top:120px}
.campaign-showcase .section-top{align-items:flex-start}
.campaign-showcase .section-top p{max-width:430px;color:var(--muted);line-height:1.6}
.campaign-stats{display:flex;gap:80px;margin:0 0 60px;padding:28px 0;border-block:1px solid #ffffff25}
.campaign-stats p{margin:0;display:flex;flex-direction:column;gap:10px}
.campaign-stats strong{font-size:clamp(34px,4.5vw,64px);font-weight:500;letter-spacing:-.06em;line-height:1}
.campaign-stats span{font-size:13px;color:var(--muted)}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 26px}
.campaign-card{min-width:0;display:block}
.campaign-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#151515;border-radius:8px}
.campaign-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}
.campaign-image>span{position:absolute;inset:auto 18px 18px;background:#c9ff48;color:#111;padding:11px 17px;border-radius:24px;font-size:13px;width:max-content;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.campaign-card:hover .campaign-image>span,.campaign-card:focus-visible .campaign-image>span{opacity:1;transform:none}
.campaign-card:hover .campaign-image>img,.campaign-card:focus-visible .campaign-image>img{transform:scale(1.025);filter:brightness(.78)}
.campaign-meta{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:16px}
.campaign-meta h3{font-size:24px;letter-spacing:-.035em;font-weight:500;margin:0}
.campaign-meta>span{font-size:12px;color:var(--muted);white-space:nowrap}
.campaign-card>p{font-size:14px;line-height:1.5;color:var(--muted);max-width:54ch;margin:7px 0 0}
.campaign-playlist{margin-top:45px;display:inline-block}
@media(max-width:720px){.credit-strip{padding-top:38px;padding-bottom:24px}.credit-strip-intro{gap:12px}.credit-strip-intro h2{font-size:16px}.credit-strip-intro>a{font-size:11px}.credit-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.credit-logos>a{min-height:86px}.credit-logos img{max-height:32px;max-width:84%}.credit-logos>a span{display:none}.campaign-stats{gap:22px;margin-bottom:32px}.campaign-stats p{flex:1}.campaign-stats span{font-size:11px;line-height:1.5}.campaign-grid{grid-template-columns:1fr;gap:32px}.campaign-meta h3{font-size:22px}.campaign-image>span{opacity:1;transform:none;padding:8px 12px;font-size:11px;inset:auto 12px 12px}.campaign-showcase{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.credit-logos img,.campaign-image>img,.campaign-image>span{transition:none}}

/* Broad light columns and a quiet point-cloud Earth. */
.hero>.light-field.light-columns,.light-field.light-columns{display:flex;align-items:flex-end;gap:0;overflow:hidden;inset:0;height:100%;opacity:1;background:#050605;mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%);pointer-events:none}
.light-field.light-columns>span,.hero>.light-field.light-columns>span{flex:1;min-width:0;height:var(--band-height);border:0;border-radius:0;box-shadow:none;filter:none;opacity:.88;background:linear-gradient(to top,rgba(97,169,236,.88) 0%,rgba(53,117,181,.74) 25%,rgba(23,65,110,.35) 68%,rgba(8,24,43,0) 100%);transform-origin:50% 100%;animation:blue-column-drift 18s ease-in-out var(--band-delay) infinite alternate;will-change:transform,opacity}
.light-field.light-columns>span:nth-child(2n){background:linear-gradient(to top,rgba(142,199,247,.9),rgba(66,133,196,.65) 30%,rgba(18,52,90,.2) 76%,transparent)}
.light-field.light-columns:not(.motion-visible)>span{animation-play-state:paused}
@keyframes blue-column-drift{from{transform:scaleY(.94);opacity:.7}to{transform:scaleY(1.08);opacity:.98}}
.data-globe::before,.data-globe::after{display:none!important}.data-globe{filter:none!important;background:none!important}.data-globe canvas{width:100%;height:100%;display:block;filter:none!important}
.credit-strip.credit-scroll{max-width:none;width:100%;margin:100px 0 40px;padding:0;overflow:hidden;border:0}
.credit-scroll .credit-strip-intro{margin-bottom:22px}.credit-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.credit-marquee-track{display:flex;width:max-content;animation:client-drift 62s linear infinite;will-change:transform}
.credit-marquee-group{display:flex;align-items:center;gap:62px;padding-right:62px;flex-shrink:0}
.credit-marquee-group a{display:flex;align-items:center;justify-content:center;width:150px;height:105px;flex:none;opacity:.63;transition:opacity .25s,transform .25s}
.credit-marquee-group a:hover,.credit-marquee-group a:focus-visible{opacity:1;transform:translateY(-3px)}.credit-marquee-group img{width:150px;height:90px;object-fit:contain}
.credit-marquee:has(a:focus-visible) .credit-marquee-track,.credit-marquee:hover .credit-marquee-track{animation-play-state:paused}
@keyframes client-drift{to{transform:translate3d(-50%,0,0)}}
.process-tools{display:flex;flex-wrap:wrap;gap:18px 14px;justify-content:flex-end;margin-top:28px}
.process-tool{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-width:43px;color:#b9bfc5;font-size:10px;line-height:1.2;white-space:nowrap}
.process-tool img{width:25px;height:25px;object-fit:contain;filter:invert(1);opacity:.88}
.process-more{align-self:center;color:#858e96;font-size:11px;padding:0 2px}
.value-branch:nth-of-type(even) .process-tools{justify-content:flex-start}
.master-handoff,.review-handoff{margin-top:26px;max-width:340px;text-align:left}
.master-handoff>span{display:block;font-size:11px;color:#919ba6;margin-top:10px}
.master-preview{width:240px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #52749a66;border-radius:9px;background:radial-gradient(ellipse at 50% 120%,#386fa788,transparent 75%),#101722;box-shadow:inset 0 0 40px #1d365622;color:#e9f2fa;font-size:12px}
.master-play{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #d9edff;margin-left:3px}
.review-handoff{margin-left:auto;border:1px solid #ffffff20;border-radius:10px;padding:18px;background:#ffffff04}
.review-brand{display:flex;align-items:center;gap:9px;font-size:13px;color:#eee}.review-brand img{filter:grayscale(1) brightness(0) invert(1);width:26px;height:26px}
.review-comment{font-size:11px;line-height:1.5;color:#c4c1cd;padding:15px 0 18px}.review-comment>span{display:inline-block;margin-right:7px;color:#b9a9ff;font-variant-numeric:tabular-nums}
.review-timeline{height:16px;border-top:2px solid #504763;position:relative;display:flex;justify-content:space-around}.review-timeline i{display:block;width:7px;height:7px;background:#ae9ce1;border-radius:50%;transform:translateY(-4px)}
.value-branch:nth-of-type(even) .delivery-formats{justify-content:flex-start}.delivery-formats{margin-top:28px;gap:18px}.delivery-formats>span{border-color:#7791ae66;background:linear-gradient(150deg,#24406066,#101721);color:#d9e9f8}.delivery-formats small{color:#97a7b8}
body.motion-paused .credit-marquee-track,body.motion-paused .light-field.light-columns>span{animation-play-state:paused!important}
@media(max-width:700px){.hero>.light-field.light-columns>span{height:calc(var(--band-height) + 10%)}.credit-strip.credit-scroll{margin:65px 0 20px}.credit-marquee-group{gap:32px;padding-right:32px}.credit-marquee-group a{width:120px;height:90px}.credit-marquee-group img{width:120px;height:75px}.process-tools,.value-branch:nth-of-type(even) .process-tools{justify-content:flex-start;gap:18px 12px}.process-tool{font-size:9px;min-width:39px}.review-handoff{margin-left:0}.delivery-formats,.value-branch:nth-of-type(even) .delivery-formats{justify-content:flex-start;gap:12px}.master-preview{max-width:100%}}
@media(prefers-reduced-motion:reduce){.credit-marquee-track,.light-field.light-columns>span{animation:none!important}.credit-marquee{overflow-x:auto;mask-image:none}.credit-marquee-group[aria-hidden]{display:none}.credit-marquee-track{width:max-content}.credit-marquee-group{padding:0 24px}.credit-marquee-group a{transition:none}}

/* October 15 — one green identity, with a deliberate change of pace below the films. */
:root,html[data-theme=dark]{--glass:rgba(8,11,6,.92);--aurora:#91b343}
.green-text,.studio-note p span{color:var(--green)}
.hero>.light-field.light-columns>span,.light-field.light-columns>span{background:linear-gradient(to top,#b4e64ce6 0%,#769c36b8 25%,#304b1459 68%,#0c180600 100%);border:0}
.hero>.light-field.light-columns>span:nth-child(2n),.light-field.light-columns>span:nth-child(2n){background:linear-gradient(to top,#d2ff79e6,#86b53ba6 30%,#27431033 76%,transparent);border:0}
.header.compact{background:rgba(7,10,5,.94);border-color:#c1ff0026;box-shadow:0 8px 35px #0004;backdrop-filter:blur(16px);transition:padding .35s var(--ease),margin .35s var(--ease),border-radius .35s var(--ease),background .35s}
.orbit-stage{background:#050605}.orbit-stage:before{background:radial-gradient(ellipse at 0% 100%,#a3d62a30,transparent 55%),radial-gradient(ellipse at 100% 0%,#c1ff0018,transparent 45%)}
.orbit-design{mask-image:none;opacity:1;background:radial-gradient(ellipse at 12% 88%,#7ba62926,transparent 43%)}
.orbit-design:before,.orbit-design:after{content:'';position:absolute;width:85%;height:60%;border:1px solid #c1ff0022;border-radius:50%;transform:rotate(-32deg);left:-25%;bottom:-18%;box-shadow:0 0 55px #c1ff0011;animation:green-field-drift 20s ease-in-out infinite alternate}
.orbit-design:after{width:70%;height:90%;left:auto;right:-35%;bottom:25%;animation-delay:-10s;border-color:#c1ff0014}
@keyframes green-field-drift{to{transform:translate3d(6%,-6%,0) rotate(-20deg)}}
.orbit-outro{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;background:#030503a8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease),visibility .7s}
.orbit-outro>span{font:600 clamp(64px,9vw,140px)/.94 Archivo,sans-serif;letter-spacing:-.065em;transform:translateY(28px);transition:transform .8s var(--ease);text-shadow:0 5px 50px #0008}.orbit-outro em{font-style:normal;color:var(--green)}
.orbit-stage.outro-visible .orbit-outro{opacity:1;visibility:visible;pointer-events:auto}.orbit-stage.outro-visible .orbit-outro>span{transform:none}.orbit-outro:hover>span{transform:scale(1.035)}
.orbit-outro:focus-visible{outline:3px solid var(--green);outline-offset:-18px}.orbit-stage.outro-visible .orbit-caption,.orbit-stage.outro-visible .orbit-bottom{opacity:0;pointer-events:none}.orbit-bottom{transition:opacity .4s}
.film-library{padding-block:95px 120px;grid-template-columns:34% minmax(0,1fr);gap:35px;background:#050605;isolation:isolate}
.film-library:before{content:'';position:absolute;z-index:-1;left:0;bottom:0;width:62%;height:75%;background:radial-gradient(ellipse at 0% 100%,#a7d92d2d,transparent 65%);pointer-events:none}
.library-intro{padding-right:15px}.library-intro h2{font-size:clamp(50px,5.8vw,86px);line-height:.96;letter-spacing:-.06em;max-width:none;margin-bottom:30px}.library-intro h2 span{color:var(--green)}
.film-rails{mask-image:none;gap:18px;margin:0}.film-rail{overflow:hidden;touch-action:pan-y;overscroll-behavior:auto;scroll-behavior:auto}.rail-track{padding:8px 16px 8px 0;gap:16px;will-change:transform}.rail-film{width:clamp(340px,38vw,580px)}
.rail-film span{border-radius:0;background:linear-gradient(100deg,#050605df,#05060540);backdrop-filter:none}.rail-film img{transition:filter .3s}.rail-film:hover img{transform:none}
.home-pricing{position:relative;background:#e8eedb;color:#10140a;margin-bottom:0;padding-block:100px 85px;border-radius:0}
.home-pricing .section-top p,.home-pricing .price-description,.home-pricing .price small,.home-pricing .price-example>span,.home-pricing .price-note,.home-pricing .pricing-fineprint{color:#505b40}
.home-pricing .pricing-grid{gap:0;border:1px solid #a4b18e;border-radius:14px;overflow:hidden}
.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{background:transparent;border:0;border-right:1px solid #a4b18e;border-radius:0;padding:34px}
.home-pricing .price-card:last-child{border-right:0}.home-pricing .price-card.featured{background:#17200c;color:#f3f3ee}
.home-pricing .price-card.featured .price-description,.home-pricing .price-card.featured .price small,.home-pricing .price-card.featured .price-example>span,.home-pricing .price-card.featured .price-note{color:#b5c1a4}
.home-pricing .price-name>span{color:#455034;border-color:#9ba887}.home-pricing .featured .price-name>span{color:#10140a;border-color:var(--green)}
.home-pricing .price-card .pill{color:#11170c;border-color:#6d795e}.home-pricing .price-card .pill:hover{background:#10140a;color:#f3f3ee}.home-pricing .featured .pill.green{color:#050605;background:var(--green);border-color:var(--green)}
.home-pricing .price-card.featured .price{color:var(--green)}.home-pricing .pricing-fineprint a{color:#17200c}.home-pricing a:focus-visible{outline-color:#354522}
.company-chapter{background:radial-gradient(ellipse at 95% 0%,#c1ff0016,transparent 50%),#050605}
.company-chapter .home-voices{padding-top:85px;padding-bottom:55px;gap:10px 55px}.company-chapter .home-voices-heading{margin-bottom:0}.company-chapter .home-voices .data-globe{max-width:540px}
.company-chapter .credit-strip.credit-scroll{margin:0;padding:32px 0 24px;background:var(--green);color:#0b1004}.credit-scroll .credit-strip-intro{align-items:center;margin-bottom:8px}.credit-scroll .credit-strip-intro h2{font-size:clamp(20px,2.7vw,34px);letter-spacing:-.04em;color:inherit}.credit-scroll .credit-strip-intro a{color:inherit;border-color:#384a0e}
.company-chapter .credit-marquee-group a{opacity:.8;height:95px}.company-chapter .credit-marquee-group img{filter:brightness(0);height:83px}.company-chapter .credit-marquee-group a:hover{opacity:1}
.partnership-mini{position:relative;padding-block:90px;isolation:isolate}.partnership-mini:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#c1ff0017,transparent 60%)}
.partnership-mini h2{color:var(--green)}.faq-section{padding-top:55px;padding-bottom:90px;border-top:1px solid #c1ff0024}.faq summary:hover,.faq details[open] summary{color:var(--green)}
.studio-note{background:radial-gradient(ellipse at 100% 100%,#c1ff0020,transparent 70%),#11170d}.studio-note p span{font-style:normal}.studio-note .symbol{filter:drop-shadow(0 0 20px #c1ff0020)}
.value-branch p{width:100%;max-width:430px}.process-tools,.master-handoff,.review-handoff,.delivery-formats{width:100%;max-width:430px;margin-top:28px;margin-left:auto;margin-right:0;box-sizing:border-box}
.value-branch:nth-of-type(even) .process-tools,.value-branch:nth-of-type(even) .master-handoff,.value-branch:nth-of-type(even) .review-handoff,.value-branch:nth-of-type(even) .delivery-formats{margin-left:0;margin-right:auto}
.process-tools,.value-branch:nth-of-type(even) .process-tools{justify-content:space-between;gap:18px 10px}.process-tool{min-width:35px;flex:1}.process-more{flex:none}
.master-preview{width:100%;aspect-ratio:16/9;background:radial-gradient(ellipse at 0% 100%,#c1ff0026,transparent 70%),#11180b;border-color:#c1ff003a;box-shadow:none;color:#e7f3d4;gap:18px}.master-play{border-left-color:var(--green)}.master-preview>span:last-child{font-size:17px}.master-preview small{font-size:10px;padding:4px 7px;margin-left:6px;border:1px solid #c1ff0044;border-radius:4px;color:var(--green)}.master-handoff>span{color:#a3ad94}
.review-handoff{padding:24px;border-color:#c1ff0033;background:radial-gradient(ellipse at 0% 100%,#c1ff0010,transparent 85%),#0e1409}.review-brand{font-size:16px}.review-comment{font-size:13px;padding:27px 0;color:#c8d3ba}.review-comment>span{color:var(--green)}.review-timeline{border-color:#c1ff0045}.review-timeline i{background:var(--green)}
.delivery-formats,.value-branch:nth-of-type(even) .delivery-formats{display:grid;grid-template-columns:1.8fr 1.1fr 1fr;align-items:end;gap:18px;padding-bottom:24px}.delivery-formats>span{width:100%;height:auto;max-width:none;border-color:#c1ff0044;background:radial-gradient(ellipse at 0 100%,#c1ff0020,transparent 90%),#11180b;color:#e7f3d4}.delivery-formats .format-wide{aspect-ratio:16/9}.delivery-formats .format-square{aspect-ratio:1}.delivery-formats .format-tall{aspect-ratio:9/16}.delivery-formats small{color:#acb99b}
.footer-monogram{height:clamp(330px,42vw,570px);margin-top:95px;overflow:hidden}.footer-monogram img,.closing.motion-visible .footer-monogram img{left:50%;top:70%;width:min(1250px,115vw);height:auto;transform:translate(-50%,-25%) rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 45px #c1ff0020)}.footer-monogram img+img{transform:translate(-50%,-25%) rotate(-90deg) scale(1.02);filter:blur(25px)!important;opacity:.2!important}.footer-glow{background:radial-gradient(ellipse at 0% 100%,#c1ff001e,transparent 65%)}.footer-glass{background:#090d06d9;backdrop-filter:blur(16px)}
@media(max-width:1000px){.film-library{grid-template-columns:1fr;gap:32px;padding-block:75px}.library-intro{flex-direction:row;align-items:end;justify-content:space-between;padding-inline:var(--gutter)}.library-intro h2{font-size:66px;margin:0}.rail-film{width:54vw}.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{padding:27px 22px}.company-chapter .home-voices{gap:20px}}
@media(max-width:720px){.library-intro h2{font-size:48px}.library-intro>.pill{margin-bottom:4px}.film-library{padding-block:65px 75px}.rail-film{width:82vw}.film-rails{gap:9px}.rail-track{gap:10px;padding-right:10px}.home-pricing{padding-block:65px 55px}.home-pricing .pricing-grid{gap:0}.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{padding:28px;border:0;border-bottom:1px solid #a4b18e}.home-pricing .price-card:last-child{border-bottom:0}.company-chapter .home-voices{padding-block:65px 45px;gap:25px}.company-chapter .credit-strip.credit-scroll{padding:26px 0 20px}.credit-scroll .credit-strip-intro{align-items:start;gap:20px}.credit-scroll .credit-strip-intro h2{max-width:210px;font-size:25px}.credit-scroll .credit-strip-intro a{font-size:10px;white-space:nowrap}.company-chapter .credit-marquee-group a{height:75px}.company-chapter .credit-marquee-group img{height:68px}.partnership-mini{padding-block:65px}.faq-section{padding-block:55px 65px}.master-handoff,.review-handoff,.process-tools,.delivery-formats{max-width:none;margin-inline:0}.process-tools{gap:18px 10px}.process-tool{flex:0 1 40px}.review-handoff{padding:19px}.review-comment{font-size:12px}.delivery-formats,.value-branch:nth-of-type(even) .delivery-formats{gap:14px}.footer-monogram{height:300px;margin-top:80px}.footer-monogram img,.closing.motion-visible .footer-monogram img{width:145vw;top:65%;transform:translate(-50%,-25%) rotate(-90deg)}.footer-monogram img+img{transform:translate(-50%,-25%) rotate(-90deg) scale(1.02)}}
body.motion-paused .orbit-design:before,body.motion-paused .orbit-design:after{animation:none}
body.motion-paused .film-rail{overflow-x:auto;touch-action:pan-x pan-y}
@media(prefers-reduced-motion:reduce){.orbit-design:before,.orbit-design:after{animation:none}.film-rail{overflow-x:auto;touch-action:pan-x pan-y}.orbit-outro{display:none}}

/* October 15 refinement: original artwork, tight film ribbons, lime caustics. */
.brand .brand-lockup,.header.compact .brand-lockup{width:174px;aspect-ratio:1100/240;height:auto;display:block}.brand{display:flex;align-items:center}
.services-panel .green-text{color:#497411}.pricing-accent{color:var(--green)}.home-pricing .pricing-accent{color:#497411}
.orbit-stage:before,.orbit-design:before,.orbit-design:after{display:none}.orbit-design{background:none}.orbit-stage{isolation:isolate}.orbit-canvas{z-index:0}.orbit-top,.orbit-bottom{z-index:2}
.film-library{grid-template-columns:31% minmax(0,1fr);padding:38px 0 42px;gap:10px;background:#050605}
.film-library:before{inset:auto auto 0 0;width:48%;height:65%;background:radial-gradient(ellipse at 0% 100%,#a6d82233,transparent 70%)}
.film-library:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/film-grain.svg');opacity:.12;mix-blend-mode:screen}
.library-intro{padding-right:25px;display:block;align-self:center}.library-intro h2{font-size:clamp(48px,5.7vw,88px);margin-bottom:26px}.library-intro>.pill{font-size:12px;background:none;border-color:#c1ff0050}
.film-rails{position:relative;z-index:1;gap:8px;margin:0;padding:16px 0;perspective:1400px;mask-image:linear-gradient(to bottom,#000 0%,#000 71%,#000a 88%,transparent 100%)}
.film-rail{overflow:hidden;transform:rotate(-2deg);width:calc(100% + 30px);margin-left:-15px}.film-rail:nth-child(2){transform:rotate(-2deg) translateX(-20px)}.film-rail:nth-child(3){transform:rotate(-2deg) translateX(12px)}
.rail-track{padding:0 10px 0 0;gap:10px}.rail-film{width:clamp(260px,29vw,420px);aspect-ratio:16/9;border-radius:10px;transform:perspective(1000px) rotateY(-5deg);transform-origin:center;isolation:isolate;border:1px solid #d8ff8d15;background:#050605}
.rail-film img{display:block;width:100%;height:100%;object-fit:cover;transform:none}.rail-film:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.rail-film span{inset:auto 16px 13px;padding:0;background:none;backdrop-filter:none;text-shadow:0 1px 8px #000;font-size:12px;z-index:1;opacity:0;transform:translateY(4px)}
.rail-film:hover span,.rail-film:focus-visible span{opacity:1;transform:none}.rail-film:hover img{filter:brightness(.86)}.film-rails:focus-within{mask-image:none}
.company-chapter .credit-strip.credit-scroll{padding:14px 0;margin:0}.company-chapter .credit-marquee-group a{height:86px}.company-chapter .credit-marquee-group img{height:76px}
.price-card{position:relative;isolation:isolate}.price-snake{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s}
.price-snake rect{width:calc(100% - 4px);height:calc(100% - 4px);fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-dasharray:12 88;animation:pricing-snake 4s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 5px #a8de36)}
.price-card:hover .price-snake,.price-card:focus-within .price-snake{opacity:1}.price-card:hover .price-snake rect,.price-card:focus-within .price-snake rect{animation-play-state:running}
.home-pricing .price-card:not(.featured) .price-snake rect{stroke:#5a821e;filter:drop-shadow(0 0 3px #8bc32d)}
@keyframes pricing-snake{to{stroke-dashoffset:-100}}
.review-handoff{padding:20px;min-height:275px}.review-brand{font-size:19px;gap:12px;margin-bottom:18px}.review-brand img{width:34px;height:34px}.review-screen{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:6px;background:#21261c}.review-screen>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.frame-pin{position:absolute;left:25%;top:28%;width:23px;height:23px;display:grid;place-items:center;background:var(--green);color:#101806;border-radius:50% 50% 0 50%;font-size:11px;font-weight:700;box-shadow:0 0 0 5px #c1ff002b}
.frame-note{position:absolute;left:32%;right:8%;top:35%;background:#11180bea;border:1px solid #c1ff0050;border-radius:7px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;color:#f4f8eb;font-size:11px;line-height:1.45;box-shadow:0 5px 20px #0004}.frame-note b{color:var(--green);font-size:10px;font-weight:500}
.review-timeline{height:29px;margin-top:22px;border-top:2px solid #c1ff0045;justify-content:space-between;padding:0 18px}.review-timeline>span{width:23px;height:23px;border-radius:50%;background:#c1ff00;display:grid;place-items:center;font-size:13px;font-weight:600;color:#18200b;transform:translateY(-13px);box-shadow:0 0 0 4px #141c0d}.review-timeline>span:nth-child(2){background:#eaf6c7}.review-timeline>span:nth-child(3){background:#738850;color:white}.review-comment{padding:0;font-size:12px;color:#b9c9a7;line-height:1.6}
.campaign-compact .section-top{align-items:end}.campaign-compact .section-top p{max-width:400px;font-size:14px;line-height:1.7}.campaign-compact .campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.campaign-compact .campaign-stats{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #c1ff0024}.campaign-compact .campaign-stats strong{font-size:30px}.campaign-compact .campaign-stats span{font-size:11px}.campaign-compact .campaign-image{border-radius:8px;aspect-ratio:16/9}.campaign-compact .campaign-meta h3{font-size:19px}.campaign-compact .campaign-meta>span{font-size:9px}.campaign-compact .campaign-card>p{font-size:11px;line-height:1.45}.campaign-compact .campaign-image>span{inset:auto 12px 12px;font-size:10px;padding:0;background:none;border:0;backdrop-filter:none;text-shadow:0 1px 7px black}
.closing{position:relative;padding-top:90px;min-height:0;background:#050605}.closing-top{margin-bottom:32px}.closing-link{font-size:clamp(48px,7.3vw,112px)}.closing>.footer-email{margin-top:30px;z-index:3}
.footer-directory{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 0 28px;margin-top:38px;border-top:1px solid #c1ff0024;text-align:left}.footer-socials{display:flex;gap:26px;flex-wrap:wrap;font-size:16px}.footer-socials a:hover,.footer-directory .footer-links a:hover{color:var(--green)}.footer-directory .footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:#b4bda8}
.footer-monogram,.closing.motion-visible .footer-monogram{position:relative;inset:auto;transform:none;width:100%;height:clamp(320px,45vw,590px);margin:18px auto 0;overflow:hidden;opacity:1;filter:none;pointer-events:none;z-index:0}
.footer-monogram img,.closing.motion-visible .footer-monogram img{position:absolute;top:26px;left:50%;width:min(720px,76vw);height:auto;max-width:none;aspect-ratio:464/446;object-fit:contain;transform:translateX(-50%);rotate:0deg;translate:none;opacity:.94;animation:none!important;filter:brightness(0) invert(1) drop-shadow(0 0 2px #eaff9c) drop-shadow(0 0 24px #c1ff0070)}
.footer-mark-light{position:absolute;top:26px;left:50%;width:min(720px,76vw);aspect-ratio:464/446;transform:translateX(-50%);background:#b5f52b;mask:url('/assets/reaktor-symbol.svg') center/contain no-repeat;filter:blur(30px);opacity:.7;animation:logo-radiance 7s ease-in-out infinite alternate;animation-play-state:paused}.closing.motion-visible .footer-mark-light{animation-play-state:running}
.footer-glow{position:absolute;inset:auto 0 0;height:50%;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#9ce22935,transparent 65%)}
@keyframes logo-radiance{from{opacity:.35;filter:blur(18px)}to{opacity:.85;filter:blur(38px)}}
.footer-base{border-top:1px solid #c1ff0028;background:#080b05;font-size:11px}.footer-base .footer-links{font-size:11px}
@media(max-width:1000px){.film-library{grid-template-columns:1fr;padding-block:32px;gap:22px}.library-intro{display:flex;align-items:end;justify-content:space-between;padding:0 var(--gutter);gap:25px}.library-intro h2{font-size:clamp(48px,7vw,70px);margin:0}.film-rails{gap:9px;padding:12px 0}.rail-film{width:38vw}.footer-directory{align-items:start;flex-direction:column}.campaign-compact .campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.brand .brand-lockup,.header.compact .brand-lockup{width:146px;min-width:0}.film-library{padding:30px 0 20px;gap:22px}.library-intro h2{font-size:47px}.library-intro>.pill{font-size:10px;padding:11px 14px;white-space:nowrap}.film-rails{gap:7px;padding:10px 0}.rail-track{gap:8px;padding-right:8px}.rail-film{width:62vw;border-radius:7px}.rail-film span{font-size:10px;opacity:0;inset:auto 10px 10px}.company-chapter .credit-strip.credit-scroll{padding:10px 0}.company-chapter .credit-marquee-group a{height:72px}.company-chapter .credit-marquee-group img{height:65px}.review-handoff{padding:15px;min-height:0}.review-brand{font-size:17px}.frame-note{font-size:10px;padding:8px;right:5%}.frame-pin{width:19px;height:19px;font-size:10px}.review-comment{font-size:11px}.campaign-compact .campaign-grid{gap:23px 14px}.campaign-compact .campaign-meta{display:block}.campaign-compact .campaign-meta h3{font-size:16px}.campaign-compact .campaign-meta>span{display:block;margin-top:4px}.campaign-compact .campaign-card>p{font-size:10px}.campaign-compact .section-top p{font-size:13px}.campaign-compact .campaign-stats strong{font-size:26px}.closing{padding-top:65px}.footer-directory{margin-top:30px;padding:26px 0 20px;gap:24px}.footer-socials{gap:22px;font-size:15px}.footer-directory .footer-links{gap:20px;font-size:11px}.footer-monogram,.closing.motion-visible .footer-monogram{height:clamp(280px,74vw,430px);margin:10px auto 0;width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter))}.footer-monogram img,.closing.motion-visible .footer-monogram img,.footer-mark-light{width:90vw;top:30px;transform:translateX(-50%)}.footer-base{font-size:10px}.footer-base .footer-links{font-size:10px}}
body.motion-paused .footer-mark-light,body.motion-paused .price-snake rect{animation:none!important}
@media(prefers-reduced-motion:reduce){.footer-mark-light,.price-snake rect{animation:none!important}.film-rail{transform:none!important}.rail-film{transform:none}.film-rails{mask-image:none}}

@media(min-width:1001px){.footer-directory{gap:25px}.footer-socials{gap:22px;font-size:15px}.footer-directory .footer-links{gap:18px}}

/* Paired Creative R — true vectors, straight films, rounded light trails. */
.film-library{display:block;padding:45px 0 36px;background:#050605}.film-library:before{width:38%;height:55%;opacity:.6}
.library-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 var(--gutter) 28px;max-width:none}.library-intro h2{font-size:clamp(36px,4vw,62px);line-height:1;letter-spacing:-.055em;margin:0}.library-intro h2 span{white-space:nowrap}.library-intro>.pill{border:0;border-bottom:1px solid #c1ff0060;border-radius:0;padding:9px 0;font-size:12px;background:none;white-space:nowrap}
.film-rails{padding:0;margin:0;gap:10px;perspective:none;mask-image:linear-gradient(#000 0%,#000 84%,#000a 96%,#0005 100%)}
.film-rail,.film-rail:nth-child(2),.film-rail:nth-child(3){width:100%;margin:0;transform:none}.rail-film{width:clamp(260px,28vw,430px);transform:none;border-radius:10px;aspect-ratio:16/9}.rail-track{gap:10px;padding:0 10px 0 0}.rail-film:after{inset:70% 0 0;background:linear-gradient(transparent,#0004)}
.rail-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s;pointer-events:none}.rail-preview.ready{opacity:1}
.services-panel{background:#141613;color:var(--ink);border-radius:0}.services-panel .green-text{color:var(--green)}.services-panel .section-top p,.services-foot p{color:#b8bab5}.services-list{background:#f3f3ee;color:#111;padding:0 32px;border-radius:20px}.services-list .service-row{border-color:#c8cac3}.services-list .service-row p{color:#62635f}.services-list .service-row:last-child{border-bottom:0}.services-panel .services-foot a{border-color:#ffffff66;color:#f3f3ee}
.pricing-section,.home-pricing{background:#171917;color:#f3f3ee;margin-bottom:0}.pricing-section .pricing-accent,.home-pricing .pricing-accent{color:var(--green)}.pricing-section .section-top p{color:#b7b9b3}
.pricing-section .pricing-grid,.home-pricing .pricing-grid{gap:22px;border:0;border-radius:0;overflow:visible}
.pricing-section .price-card,.pricing-section .price-card:first-child,.pricing-section .price-card:last-child,.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{padding:32px;border:1px solid #d7d8d2;border-radius:21px;background:#f3f3ee;color:#151613;overflow:hidden}
.pricing-section .price-card.featured,.home-pricing .price-card.featured{background:#232620;border:1px solid #9bb34b;color:#f3f3ee}
.pricing-section .price-description,.pricing-section .price small,.pricing-section .price-example>span,.pricing-section .price-note{color:#666761}.pricing-section .featured .price-description,.pricing-section .featured .price small,.pricing-section .featured .price-example>span,.pricing-section .featured .price-note{color:#bec2b7}
.pricing-section .price-name>span{color:#60625a;border-color:#b8bcb0}.pricing-section .featured .price-name>span{color:#10130b;border-color:var(--green);background:var(--green)}.pricing-section .featured .price{color:var(--green)}
.pricing-section .price-card .pill{color:#171917;border-color:#777a71}.pricing-section .featured .pill.green{color:#050605;border-color:var(--green);background:var(--green)}.pricing-section .price-card .pill:hover{color:#050605;background:var(--green);border-color:var(--green)}
.pricing-section .pricing-fineprint,.home-pricing .pricing-fineprint{color:#b8bbb3}.pricing-section .pricing-fineprint a,.home-pricing .pricing-fineprint a{color:#f3f3ee}
.price-snake{inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease;filter:drop-shadow(0 0 5px #c1ff0080)}
.price-snake rect,.home-pricing .price-card:not(.featured) .price-snake rect{width:calc(100% - 4px);height:calc(100% - 4px);rx:19px;stroke:#b2ed00;stroke-width:var(--tail-width);stroke-opacity:var(--tail-opacity);stroke-dasharray:.42 99.58;stroke-dashoffset:var(--tail-offset);stroke-linecap:round;filter:none;animation:perimeter-glide 5.2s linear infinite;animation-play-state:paused}
.featured .price-snake rect{stroke:#d5ff53}.price-card:hover .price-snake rect,.price-card:focus-within .price-snake rect{animation-play-state:running}
@keyframes perimeter-glide{to{stroke-dashoffset:calc(var(--tail-offset) - 100)}}
.closing{position:relative;min-height:850px;padding-top:90px;display:flex;flex-direction:column;align-items:stretch;isolation:isolate;background:#050605}.closing-top,.closing-link,.closing>.footer-email{position:relative;z-index:3}.closing>.footer-email{align-self:center}.closing-link{font-size:clamp(48px,7vw,106px)}
.footer-monogram,.closing.motion-visible .footer-monogram{position:absolute;inset:auto 0 -55px;width:100%;height:580px;margin:0;overflow:hidden;opacity:1;z-index:0;transform:none;filter:none;mask-image:linear-gradient(transparent 0%,#000 17%,#000 70%,transparent 100%)}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art{position:absolute;inset:20px auto auto 50%;width:min(1380px,116vw);height:auto;aspect-ratio:460/260;transform:translateX(-50%)!important;opacity:.82!important;filter:drop-shadow(0 0 7px #c1ff0030)!important;animation:none!important}
.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{position:absolute;inset:20px auto auto 50%;width:min(1380px,116vw);height:auto;aspect-ratio:460/260;transform:translateX(-50%)!important;opacity:.4!important;filter:blur(30px)!important;animation:none!important}
.footer-frost{position:absolute;inset:15% 0 0;backdrop-filter:blur(16px);mask-image:linear-gradient(transparent,#000 58%);background:linear-gradient(transparent,#05060565);z-index:2}
.footer-frost:after{content:'';position:absolute;inset:0;background:url('/assets/film-grain.svg');opacity:.15;mix-blend-mode:screen}
.footer-monogram:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#c1ff0018 48%,transparent 66%);transform:translateX(-100%);animation:footer-light-pass 12s ease-in-out infinite;animation-play-state:paused;z-index:3;mix-blend-mode:screen}.closing.motion-visible .footer-monogram:after{animation-play-state:running}
@keyframes footer-light-pass{0%,20%{transform:translateX(-100%);opacity:0}35%{opacity:1}65%,100%{transform:translateX(100%);opacity:0}}
.footer-directory{position:relative;z-index:4;margin-top:auto;min-height:150px;padding:32px 24px;margin-inline:-24px;border-top:1px solid #ffffff24;background:#0506059e;backdrop-filter:blur(24px);border-radius:15px 15px 0 0;box-shadow:0 55px 0 30px #0506059e;align-items:center}.footer-directory a{color:#f3f3ee;text-shadow:0 1px 7px #000}.footer-glow{background:radial-gradient(ellipse at 50% 100%,#c1ff001a,transparent 65%)}
@media(max-width:1000px){.pricing-section .pricing-grid{gap:14px}.pricing-section .price-card,.pricing-section .price-card:first-child,.pricing-section .price-card:last-child{padding:28px 21px}.footer-directory{align-items:start;justify-content:center;gap:28px}.closing{min-height:820px}.footer-monogram,.closing.motion-visible .footer-monogram{height:500px}.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:125vw;top:40px}}
@media(max-width:720px){.film-library{padding:32px 0}.library-intro{padding:0 var(--gutter) 23px;align-items:end;gap:18px}.library-intro h2{font-size:34px;max-width:235px}.library-intro h2 span{white-space:normal}.library-intro>.pill{font-size:10px;padding:6px 0;margin:0}.film-rails{gap:8px}.rail-film{width:67vw;border-radius:8px}.rail-track{gap:8px;padding-right:8px}.services-list{padding:0 22px;border-radius:16px}.pricing-section .pricing-grid,.home-pricing .pricing-grid{gap:18px}.pricing-section .price-card,.pricing-section .price-card:first-child,.pricing-section .price-card:last-child,.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{padding:29px 25px;border:1px solid #d7d8d2;border-radius:21px}.pricing-section .price-card.featured{border-color:#9bb34b}.closing{min-height:760px;padding-top:65px}.closing-link{font-size:47px;line-height:1.06}.footer-monogram,.closing.motion-visible .footer-monogram{inset:auto 0 0;width:100%;height:400px;margin:0}.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:155vw;top:20px}.footer-frost{inset:10% 0 0;backdrop-filter:blur(12px)}.footer-directory{min-height:180px;margin-top:auto;margin-inline:calc(-1 * var(--gutter));padding:28px var(--gutter);gap:30px;border-radius:0}.footer-socials{font-size:13px;gap:20px}.footer-directory .footer-links{gap:20px}.footer-base{background:#050605}}
body.motion-paused .footer-monogram:after,body.motion-paused .price-snake rect{animation:none!important}
@media(prefers-reduced-motion:reduce){.footer-monogram:after,.price-snake rect{animation:none!important}}

/* Interlocked master: opposing Rs overlap into one continuous energy loop. */
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(620px,85vw);aspect-ratio:199.5/207.75;top:0px}
.library-intro{flex-direction:row;text-align:left}.library-intro h2{margin:0}
@media(max-width:720px){.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:96vw;top:0px}.library-intro{align-items:center;gap:18px}.library-intro h2{font-size:36px;max-width:230px}.library-intro>.pill{font-size:10px}.library-intro h2 span{white-space:normal}}

@media(min-width:721px){.closing{min-height:1050px}.footer-monogram,.closing.motion-visible .footer-monogram{height:660px}}

/* The film lives inside the colour; the tiles finish just beneath it. */
.hero{padding-bottom:72px}
.hero>.light-field.light-columns{mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}
@media(max-width:720px){.hero{padding-bottom:48px}.hero>.light-field.light-columns{mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}}

/* Preserve the broad gradient tiles without fine edge lines. */
.hero>.light-field.light-columns>span:nth-child(n){border:0;outline:0;box-shadow:none}

/* Deep, continuous falloff hides the tile seams beneath the film. */
.hero>.light-field.light-columns:after{content:"";position:absolute;inset:auto 0 0;height:190px;z-index:2;background:linear-gradient(to bottom,transparent 0%,#05060544 28%,#050605cc 68%,#050605 100%);pointer-events:none}
@media(max-width:720px){.hero>.light-field.light-columns:after{height:135px}}

/* Anchor the mark lower, with the bottom submerged behind the footer glass. */
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{top:110px}
.footer-monogram,.closing.motion-visible .footer-monogram{mask-image:linear-gradient(#000 0%,#000 66%,transparent 100%)}
.footer-frost{inset:34% 0 0;backdrop-filter:blur(20px);mask-image:linear-gradient(transparent,#000 70%)}
@media(max-width:720px){.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{top:65px}.footer-frost{inset:30% 0 0;backdrop-filter:blur(15px)}}

/* Connect: one clear brief, with direct ways to reach Reaktor alongside it. */
.connect-head{text-align:center;padding-top:165px;padding-bottom:58px}.connect-head h1{font-size:clamp(64px,10vw,144px);text-transform:none;letter-spacing:-.07em;line-height:1.05}.connect-head h1 span{color:var(--green)}.connect-head>p{font-size:16px;color:#a4a8a0;margin:22px auto 0;max-width:570px}
.connect-layout{max-width:1200px;grid-template-columns:minmax(0,1fr) 310px;gap:24px;position:relative;isolation:isolate;padding-bottom:110px}.connect-layout:before{content:'';position:absolute;inset:-100px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 30%,#c1ff0014,transparent 53%),radial-gradient(ellipse at 80% 70%,#8eb7350b,transparent 40%)}
.connect-form,.connect-details,.connect-social{border:1px solid #ffffff23;border-radius:22px;background:linear-gradient(135deg,#171b13d9,#080a08ed);box-shadow:inset 0 1px 0 #ffffff08}.connect-form{padding:36px}.connect-form-head{margin-bottom:32px}.connect-spark{display:block;color:var(--green);font-size:28px;margin-bottom:20px}.connect-form h2{font-size:31px;letter-spacing:-.04em;margin-bottom:12px}.connect-form-head p{max-width:420px;color:#b4b8ad;font-size:16px;line-height:1.55}.connect-form .form-row{gap:18px}.connect-form label{color:#c3c6be;font-size:12px;margin-bottom:22px}.connect-form input,.connect-form select,.connect-form textarea{padding:13px 14px;border:1px solid #ffffff2b;border-radius:9px;background:#ffffff06;color:#f3f3ee;font-size:14px;transition:border-color .2s,background .2s}.connect-form input:focus,.connect-form select:focus,.connect-form textarea:focus{border-color:var(--green);background:#c1ff0006}.connect-form input::placeholder,.connect-form textarea::placeholder{color:#757c70}.connect-form textarea{min-height:135px}.required-mark{color:var(--green)}.required-mark[hidden]{display:none}.connect-form legend{font-size:12px;color:#c3c6be}.field-hint{color:#888f82;font-size:10px;margin-left:8px}.connect-form .service-checks{gap:8px}.connect-form .service-checks label{margin:0}.connect-form .service-checks input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0}.connect-form .service-checks span{display:block;border-radius:8px;font-size:12px;padding:12px 15px;border-color:#ffffff2b;background:#ffffff04;transition:background .2s,border-color .2s,color .2s}.connect-form .service-checks input:checked+span{background:var(--green);color:#101308;border-color:var(--green)}.connect-form .service-checks label:hover span{border-color:#c1ff0077}.connect-form .budget-options{display:grid;grid-template-columns:1fr 1fr}.connect-form .budget-options label,.connect-form .budget-options span{width:100%;text-align:center}.connect-form .budget-options label:last-child{grid-column:1/-1}.connect-form .response-options label{flex:1;text-align:center}.connect-form .response-options span{width:100%}.connect-form .form-actions{display:flex;gap:12px;flex-wrap:wrap}.connect-form .form-actions .green{flex:1;font-weight:600}.connect-form .form-note{font-size:11px!important;margin-top:16px;color:#90988a;max-width:none}.connect-form .form-result{font-size:12px;color:var(--green);line-height:1.6;margin-top:12px}
.connect-aside{align-self:start;position:sticky;top:120px;min-width:0}.connect-details{padding:27px 22px}.connect-details h2,.connect-social h2{font-size:19px;margin-bottom:24px;letter-spacing:-.025em}.connect-detail{display:flex;gap:12px;align-items:center;margin-top:26px}.connect-detail-icon{color:var(--green);font-size:22px;width:24px;flex:none}.connect-detail>span:last-child{min-width:0}.connect-detail small{display:block;color:#8f9887;font-size:10px;margin-bottom:7px}.connect-detail strong{font-weight:500;font-size:12px;color:#f3f3ee;overflow-wrap:anywhere}.connect-detail:hover strong{color:var(--green)}.connect-aside .connect-world{font-size:12px;color:#acb5a3;border-top:1px solid #ffffff18;padding-top:22px;margin-top:28px}.connect-world>span{color:var(--green);margin-right:9px}.connect-social{padding:27px 22px;margin-top:18px;display:flex;gap:14px 22px;flex-wrap:wrap}.connect-social h2{width:100%;margin:0 0 4px}.connect-social>a{font-size:12px;color:#b9c1b1}.connect-social>a:hover{color:var(--green)}
@media(max-width:1000px){.connect-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.connect-form{padding:26px}.connect-head{padding-top:150px}}
@media(max-width:760px){.connect-head{padding-top:145px;padding-bottom:35px}.connect-head h1{font-size:clamp(55px,12vw,88px)}.connect-head>p{font-size:14px;max-width:350px}.connect-layout{grid-template-columns:1fr;padding-bottom:70px;gap:20px}.connect-form{padding:24px 20px;border-radius:18px}.connect-form h2{font-size:28px}.connect-form-head p{font-size:14px}.connect-form .form-row{grid-template-columns:1fr;gap:0}.connect-form input,.connect-form select,.connect-form textarea{font-size:16px}.connect-form .field-hint{display:block;margin:6px 0 0}.connect-form .service-checks span{font-size:11px;padding:11px 12px}.connect-aside{position:static;display:grid;grid-template-columns:1fr;gap:18px}.connect-social{margin:0}.connect-details{padding:24px}.connect-detail strong{font-size:14px}.connect-form .form-actions .pill{font-size:12px;padding:13px 18px}}

/* Shadow Lines: an atmospheric, full-bleed interlude for the questions. */
.partnership-mini h2{color:var(--ink)}
.questions-cinema{position:relative;isolation:isolate;overflow:hidden;background:#050605}
.questions-scene{position:absolute;inset:-55px 0;z-index:-2;pointer-events:none;will-change:transform;background:url('/assets/shadow-lines-loop.webp') center/cover no-repeat;opacity:.48}
.questions-scene video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}
.questions-scene video.ready{opacity:1}
.questions-cinema:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#050605 0%,#05060518 24%,#05060545 65%,#050605 100%),linear-gradient(90deg,#05060508,#050605bb)}
.questions-cinema .faq-section{border:0;position:relative;padding-top:140px;padding-bottom:150px}
.questions-cinema .faq details{border-color:#ffffff20}
.questions-cinema .faq summary{color:#fff}.questions-cinema .faq p{color:#d1d4cb}
.company-chapter>.credit-scroll{padding-top:60px;padding-bottom:40px}

/* The portfolio opens with the work's own typographic identity. */
.work-head.work-head-reframed{padding-top:170px;padding-bottom:70px;min-height:0;overflow:visible;background:none}
.work-head.work-head-reframed:before,.work-head.work-head-reframed:after{display:none}
.work-head.work-head-reframed h1{font-size:clamp(64px,7.8vw,116px);line-height:1.04;letter-spacing:-.065em;text-transform:none;max-width:none}
.work-head.work-head-reframed h1 span{color:var(--green)}
.work-head.work-head-reframed>p{margin:30px 0 0;max-width:none;font-size:16px;color:#b1b5a9}
.work-index .work-toolbar{border:0;padding-top:0;padding-bottom:32px}

/* A human contact, with fewer boxes and only the fields we need. */
.connect-form,.connect-details,.connect-social{border:0;box-shadow:none;background:none}
.connect-form{background:#ffffff03;border-radius:24px;padding:36px}
.connect-layout{gap:40px}.connect-layout:before{display:none}
.connect-form input,.connect-form select,.connect-form textarea{border:0;background:#ffffff07;box-shadow:none}
.connect-form input:focus,.connect-form select:focus,.connect-form textarea:focus{outline:2px solid var(--green);outline-offset:3px;background:#ffffff0a}
.connect-form .service-checks span{border:0;background:#ffffff08}
.connect-form .service-checks label:hover span{background:#ffffff12}
.connect-form .service-checks input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}
.connect-form .service-checks input:checked+span{background:var(--green)}
.connect-aside .connect-world{border:0;padding-top:8px}
.connect-person{display:flex;flex-direction:column;gap:22px;margin-bottom:36px}
.connect-person img{width:132px;height:132px;object-fit:cover;object-position:center 35%;border-radius:50%;filter:grayscale(1)}
.connect-person h2{font-size:27px;margin-bottom:10px}.connect-person p{font-size:13px;color:#b6bcaf;line-height:1.6}
.connect-details,.connect-social{padding:12px 0 24px}

/* Oversized white/lime interlock, submerged below the contact links. */
.footer-monogram:after{display:none!important;animation:none!important}
.footer-contact{position:relative;z-index:4;align-self:center;margin-top:25px;margin-bottom:55px}
.footer-monogram,.closing.motion-visible .footer-monogram{height:650px;bottom:-130px;mask-image:linear-gradient(transparent 0%,#000 12%,#000 58%,transparent 100%)}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(880px,98vw);top:140px;transform:translateX(-50%) scaleX(1.5)!important;aspect-ratio:199.5/207.75}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art{opacity:1!important;filter:drop-shadow(0 0 16px #c1ff0060)!important}
.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{opacity:.7!important;filter:blur(40px)!important}
.footer-frost{inset:42% 0 0;backdrop-filter:blur(26px);background:linear-gradient(transparent,#05060530);mask-image:linear-gradient(transparent,#000 80%)}
.footer-directory{border:0;border-radius:0;background:#05060555;box-shadow:none;backdrop-filter:blur(24px)}
@media(max-width:760px){
 .questions-cinema .faq-section{padding-top:85px;padding-bottom:90px}.questions-scene{opacity:.4}.questions-cinema:after{background:linear-gradient(#050605,transparent 30%,#050605 100%),#05060538}
 .work-head.work-head-reframed{padding-top:145px;padding-bottom:45px}.work-head.work-head-reframed h1{font-size:clamp(48px,10vw,76px)}.work-head.work-head-reframed>p{max-width:300px;font-size:14px;line-height:1.6}
 .connect-layout{gap:30px}.connect-form{padding:24px 18px}.connect-details{padding:22px 8px}.connect-social{padding:0 8px 20px}.connect-person{flex-direction:row;align-items:center;gap:20px}.connect-person img{width:90px;height:90px}.connect-person h2{font-size:23px}.connect-person p{font-size:12px}
 .closing{min-height:820px}.footer-contact{margin-bottom:50px}.footer-monogram,.closing.motion-visible .footer-monogram{height:430px;bottom:-60px}.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:108vw;top:85px;transform:translateX(-50%) scaleX(1.4)!important}.footer-frost{inset:32% 0 0;backdrop-filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){.questions-scene{transform:none!important;will-change:auto}.questions-scene video{display:none}}
body.motion-paused .questions-scene{transform:none!important;will-change:auto}
/* Stretch the composition into a low, wide signature and dissolve the link bed. */
@media(min-width:761px){.closing{min-height:930px}.footer-monogram,.closing.motion-visible .footer-monogram{height:620px;bottom:-90px}.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(1140px,112vw);max-width:none;height:550px;aspect-ratio:auto;object-fit:fill;top:75px;transform:translateX(-50%)!important}}
.footer-directory{isolation:isolate;background:none;backdrop-filter:none}
.footer-directory:before{content:'';position:absolute;inset:-65px -80px -60px;z-index:-1;background:#05060599;backdrop-filter:blur(28px);mask-image:linear-gradient(transparent,#000 45%)}
.closing{border:0}.footer-email{border:0}
@media(max-width:760px){.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:145vw;max-width:none;height:370px;aspect-ratio:auto;object-fit:fill;top:65px;transform:translateX(-50%)!important}}

/* Original interlocked SVG: proportional scale, no stretching or reshaping. */
.closing{min-height:1150px}
.footer-actions{position:relative;z-index:4;display:flex;justify-content:center;gap:12px;margin:25px 0 40px;align-self:center}
.footer-actions .footer-work{border:0;background:#242424;color:#fff}
.footer-actions .footer-work:hover{background:#363636}
.footer-monogram,.closing.motion-visible .footer-monogram{height:740px;inset:auto 0 -45px;mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%)}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(930px,78vw);height:auto;aspect-ratio:266/277;object-fit:contain;top:10px;transform:translateX(-50%)!important;max-width:none}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art{filter:drop-shadow(0 0 10px #c1ff0030)!important}
.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{filter:blur(30px)!important;opacity:.42!important}
.footer-frost{inset:74% 0 0;backdrop-filter:blur(18px);mask-image:linear-gradient(transparent,#000 100%)}
.footer-directory:before{inset:-30px -80px -60px;background:#05060580;backdrop-filter:blur(16px);mask-image:linear-gradient(transparent,#000 65%)}
/* Quiet black FAQ; the supplied film stays saved for another use. */
.questions-cinema:after{display:none}.questions-cinema{background:var(--bg)}
/* One consistent neutral surface, with lime reserved for the brand accents. */
.services-panel,.pricing-section,.home-pricing{background:#151515}
.pricing-section .price-card.featured,.home-pricing .price-card.featured{background:#252525;border-color:var(--green)}
.services-panel .section-top p,.pricing-section .section-top p,.services-foot p{color:#b8b8b8}
/* The process uses the exact same green as buttons and headings. */
.tree-trunk{width:2px;background:#ffffff18}
.tree-trunk span{background:var(--green);box-shadow:none}
.value-branch.branch-visible:before{background:var(--green)}
.branch-node{border-color:var(--green);background:var(--green);box-shadow:none}
@media(max-width:760px){
 .closing{min-height:1020px}
 .footer-monogram,.closing.motion-visible .footer-monogram{height:520px;bottom:-15px}
 .footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(620px,102vw);height:auto;aspect-ratio:266/277;top:0;transform:translateX(-50%)!important;object-fit:contain}
 .footer-frost{inset:76% 0 0}.footer-actions{margin-bottom:35px;gap:10px}.footer-actions .pill{font-size:12px;padding:15px 22px}
}
.footer-monogram,.closing.motion-visible .footer-monogram{mask-image:linear-gradient(transparent 0%,#000 8%,#000 76%,transparent 100%)}
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{top:175px}
.footer-base{border:0}
@media(max-width:760px){.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{top:95px}}

/* A soft, continuous perimeter trail; fade in once, keep its phase on hover. */
.project-snake,.price-snake{opacity:0;transition:opacity 1.5s ease;filter:drop-shadow(0 0 4px #c1ff0060);overflow:visible}
.project-image.motion-visible .project-snake,.price-card.motion-visible .price-snake{opacity:.85}
.project-snake rect,.price-snake rect,.home-pricing .price-card:not(.featured) .price-snake rect{width:calc(100% - 4px);height:calc(100% - 4px);fill:none;stroke:var(--green);stroke-width:var(--tail-width);stroke-opacity:var(--tail-opacity);stroke-linecap:round;stroke-dasharray:.46 99.54;stroke-dashoffset:var(--tail-offset);filter:none;animation:perimeter-glide 11s linear infinite;animation-play-state:paused;vector-effect:non-scaling-stroke}
.project-snake rect{rx:10px}.price-snake rect{rx:19px;animation-duration:13s}
.project-image.motion-visible .project-snake rect,.price-card.motion-visible .price-snake rect{animation-play-state:running}
.project-image:hover .project-snake,.project-image:focus-visible .project-snake,.price-card:hover .price-snake,.price-card:focus-within .price-snake{opacity:1}
.featured .price-snake rect{stroke:var(--green)}
.frame-pin{left:43%;top:65%}
.frame-note{left:53%;right:3%;top:68%;padding:8px 10px;font-size:10px;line-height:1.35;background:#0e110dec}
.frame-note b{font-size:9px}
.review-timeline>span,.review-timeline>span:nth-child(3){background:#30342b;color:#c6cbbf;box-shadow:0 0 0 4px #11150e}
.review-timeline>.selected-note:nth-child(2){background:var(--green);color:#101500;box-shadow:0 0 0 4px #11150e,0 0 14px #c1ff0030}
.case-year dd{font-variant-numeric:tabular-nums}
@media(max-width:720px){.frame-note{font-size:9px;padding:6px;left:51%;top:65%}.frame-note b{font-size:8px}.frame-pin{left:40%;top:65%}}
body.motion-paused .project-snake,body.motion-paused .price-snake{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){.project-snake,.price-snake{display:none}}
.home-pricing .price-card .price-snake rect{animation-duration:13s}
.home-pricing .price-card.motion-visible .price-snake rect{animation-play-state:running}

@keyframes perimeter-glide{from{stroke-dashoffset:var(--tail-offset)}to{stroke-dashoffset:calc(var(--tail-offset) - 100px)}}
.home-pricing .price-card:not(.featured) .price-snake rect{animation-duration:13s}

/* Browse three wide projects at a glance on desktop. */
@media(min-width:1100px){
 .work-index .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
 .work-index .project-info h3{font-size:22px}
 .work-index .project-image .view-label .view-project{font-size:clamp(23px,2vw,32px)}
}

/* Make the monthly capacity as clear as the monthly price. */
.pricing-section .price-description{min-height:3.3em}
.price-volume{font-size:clamp(20px,1.8vw,27px);line-height:1.15;font-weight:600;letter-spacing:-.035em;color:var(--green);margin:22px 0 0}
.price-volume small{display:block;margin-top:8px;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#c4c8c2}
.pricing-fineprint>p:first-child{max-width:1000px}

.price-card:not(.featured) .price-volume{color:#171b13}
.price-card:not(.featured) .price-volume small{color:#53594e}

/* A clearer gallery exit, with the work still visible through a lime wash. */
.orbit-outro{background:#c1ff004d;backdrop-filter:blur(3px);transition:opacity 1s var(--ease),visibility 1s}
.orbit-outro>span{color:#fff;text-shadow:0 3px 25px #0009}
.orbit-outro em{color:#fff}
.orbit-stage.outro-visible .orbit-outro>span{transform:translateY(7vh)}
.orbit-stage.outro-visible .orbit-outro:hover>span{transform:translateY(7vh) scale(1.025)}
/* The brand credits separate the introduction from Selected Work. */
.proof-divider{background:var(--green);color:#101400}
.proof-divider .credit-strip{padding:14px 0;margin:0;border:0;background:transparent}
.proof-divider .credit-marquee-group img{filter:brightness(0)}
.proof-divider .credit-marquee-group a{opacity:.85;height:90px}
/* The original outer R contour is filled to hold a compact, floating label. */
.film-library{padding:0;position:relative;isolation:isolate}
.film-library:before{display:none}
.film-library .library-r-badge{position:absolute;z-index:4;left:var(--gutter);top:18px;display:block;width:350px;height:337px;padding:35px 0 0 55px;isolation:isolate;color:#0a1000;transition:transform .4s var(--ease)}
.library-r-shape{position:absolute;inset:0;z-index:-1;background:linear-gradient(165deg,#c1ff00f5 10%,#c1ff00de 49%,#c1ff0066 76%,#c1ff0000 98%);mask:url('/assets/reaktor-badge-silhouette.svg') center/contain no-repeat;pointer-events:none}
.film-library .library-r-badge h2{font-size:36px;line-height:1.01;max-width:245px;margin:0;letter-spacing:-.055em}
.film-library .library-r-badge h2 span{color:inherit;white-space:nowrap}
.library-badge-link{display:block;margin:15px 0 0 34px;font-size:12px;font-weight:600}
.library-r-badge:hover{transform:translateY(-3px)}
.film-library .film-rails{margin:0;padding:0;gap:10px}
/* Alternate neutral surfaces without introducing another brand green. */
.services-panel{background:#111}
.pricing-section,.home-pricing{background:#202020}
.questions-cinema{background:#383838}
.questions-cinema .faq-section{background:transparent}
.partnership-mini.wrap{width:100%;max-width:none;margin-inline:0;border:0;padding-inline:var(--gutter)}
.partnership-mini:before{inset:0;background:radial-gradient(ellipse at 0 0,#c1ff0017,transparent 65%);border:0}
/* Quote slides share one footprint to avoid moving the page as they change. */
.home-quote-carousel{grid-column:2;grid-row:2;min-width:0;position:relative;z-index:1}
.home-quote-deck{display:grid;align-items:center}
.home-quote-deck .home-quote{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;margin:0;align-self:center}
.home-quote-deck .home-quote.is-active{opacity:1;visibility:visible;pointer-events:auto}
.quote-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.quote-dots{display:flex;flex-wrap:wrap;gap:3px}
.quote-dot{width:24px;height:30px;padding:0;background:none;display:grid;place-items:center}
.quote-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#5d6257;transition:background .3s,transform .3s}
.quote-dot[aria-pressed=true]:before{background:var(--green);transform:scale(1.5)}
.quote-pause{background:none;color:#bfc3ba;font-size:11px;padding:9px 0;white-space:nowrap}
/* Three projects at the widths used by the in-app browser, too. */
@media(min-width:600px){.work-index .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 18px}.work-index .project-info h3{font-size:clamp(17px,1.8vw,24px)}.work-index .project-info p{font-size:11px}.work-index .project-image .view-label{padding:10px}.work-index .project-image .view-label .view-project{font-size:clamp(17px,2vw,30px)}}
/* One SVG owns both the resting edge and its moving light. No second CSS border. */
.pricing-section .price-card,.pricing-section .price-card:first-child,.pricing-section .price-card:last-child,.home-pricing .price-card,.home-pricing .price-card:first-child,.home-pricing .price-card:last-child{border:0;border-radius:21px;box-shadow:none}
.pricing-section .price-snake{inset:0;width:100%;height:100%;opacity:1!important;display:block!important;filter:none;overflow:visible}
.pricing-section .price-snake rect,.home-pricing .price-card:not(.featured) .price-snake rect{width:calc(100% - 3px);height:calc(100% - 3px);rx:19.5px}
.pricing-section .price-snake rect.snake-base,.home-pricing .price-card:not(.featured) .price-snake rect.snake-base{animation:none!important;stroke:#c8cbc2;stroke-width:1;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;filter:none}
.pricing-section .featured .price-snake rect.snake-base{stroke:#c1ff0073}
.pricing-section .price-snake .snake-trail{opacity:0;transition:opacity 1.5s}
.pricing-section .price-card.motion-visible .price-snake .snake-trail{opacity:.9}
body.motion-paused .pricing-section .price-snake .snake-trail{display:none}
/* Exactly 10% larger; the artwork stays proportional and moves lower. */
.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(1023px,85.8vw);top:249px}
@media(max-width:760px){.footer-monogram img.paired-r-art,.closing.motion-visible .footer-monogram img.paired-r-art,.footer-monogram img.paired-r-glow,.closing.motion-visible .footer-monogram img.paired-r-glow{width:min(682px,112.2vw);top:147px}}
@media(max-width:720px){.home-quote-carousel{grid-column:1;grid-row:3}.quote-controls{gap:8px}.quote-dot{width:22px}.film-library .library-r-badge{left:12px;top:12px;width:240px;height:231px;padding:26px 0 0 37px}.film-library .library-r-badge h2{font-size:26px;max-width:180px}.library-badge-link{font-size:10px;margin:12px 0 0 23px}.proof-divider .credit-marquee-group a{height:74px}.questions-cinema .faq-section{padding-block:80px}}
@media(prefers-reduced-motion:reduce){.pricing-section .price-snake .snake-trail{display:none}.home-quote-deck .home-quote{transition:none}}
.pricing-section .price-card.featured,.home-pricing .price-card.featured{border:0}

/* Direct scheduling beside the contact options. */
.connect-booking{margin:8px 0 28px;align-self:flex-start}

/* One original R, rotated as a whole; independent of the retired paired artwork. */
.footer-artwork{position:absolute;inset:auto 0 -90px;height:740px;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(#000 0%,#000 70%,transparent)}
.footer-artwork>img{position:absolute;left:50%;top:60px;width:min(1120px,100vw);max-width:none;height:auto;aspect-ratio:207/199;object-fit:contain;transform:translateX(-50%) rotate(-90deg);transform-origin:center;filter:drop-shadow(0 0 16px #c1ff0060)}
.footer-artwork-fade{position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#05060590);backdrop-filter:blur(18px);mask-image:linear-gradient(transparent,#000 80%)}
/* Black flows into the top of the gallery before its green field comes through. */
#home-orbit{background:#050605}
#home-orbit .orbit-stage:before{content:'';display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#050605 0%,#050605f5 12%,#050605a0 30%,transparent 65%)}
#home-orbit .orbit-canvas{top:90px;height:calc(100% - 90px)}
/* A larger, notched silhouette holds the complete label inside its bowl. */
.film-library .library-r-badge{width:540px;height:519px;top:12px;left:var(--gutter);padding:150px 0 0 200px}
.film-library .library-r-badge h2{font-size:40px;max-width:260px}
.library-r-shape{background:linear-gradient(165deg,#c1ff00fa 5%,#c1ff00ef 48%,#c1ff0070 77%,#c1ff0000 99%)}
.library-badge-link{margin:16px 0 0 0;font-size:13px}
/* Quiet surfaces, with the linked brand strip introducing the partnership section. */
.company-chapter,.company-chapter .home-voices,.partnership-mini.wrap,.questions-cinema,.home-process{background:#050605;color:var(--ink)}
.company-chapter .home-quote blockquote,.company-chapter .home-quote figcaption{color:var(--ink)}
.company-chapter .home-quote figcaption span{color:#aeb2a9}
.proof-divider.proof-divider-dark{background:#050605;color:var(--ink)}
.proof-divider-dark .credit-marquee-group img{filter:brightness(0) invert(1)}
.proof-divider-dark .credit-strip{padding:28px 0}
.proof-divider-dark .credit-marquee-group a{opacity:.8}
.partnership-mini:before{background:none}
.home-process .values-section{padding-block:110px}
/* A single masked ring: static edge and tapered light always share the same pixels. */
.price-edge{position:absolute;inset:0;border-radius:inherit;padding:1.5px;overflow:hidden;pointer-events:none;background:#b8beb2;z-index:2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;contain:paint}
.featured .price-edge{background:#c1ff0050}
.price-edge:before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg 235deg,#c1ff0000 240deg,#c1ff0010 252deg,#c1ff0040 266deg,#c1ff0090 280deg,#c1ff00e0 294deg,#e5ff91 304deg,#c1ff0090 313deg,#c1ff0030 324deg,transparent 340deg 360deg);animation:price-orbit 14s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .8s;will-change:transform}
.price-card.motion-visible .price-edge:before{animation-play-state:running;opacity:1}
@keyframes price-orbit{to{transform:rotate(360deg)}}
body.motion-paused .price-edge:before{display:none}
@media(max-width:760px){.footer-artwork{height:530px;bottom:-50px}.footer-artwork>img{width:125vw;top:45px}.footer-artwork-fade{inset:65% 0 0}}
@media(max-width:720px){.film-library .library-r-badge{width:360px;height:346px;left:0;top:10px;padding:102px 0 0 132px}.film-library .library-r-badge h2{font-size:29px;max-width:200px}.library-badge-link{font-size:11px;margin-top:12px}.home-process .values-section{padding-block:75px}#home-orbit .orbit-canvas{top:70px;height:calc(100% - 70px)}}
@media(max-width:390px){.film-library .library-r-badge{width:330px;height:317px;padding:94px 0 0 122px}.film-library .library-r-badge h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.price-edge:before{display:none}}

/* The unmodified R symbol becomes the full-height left edge of the film wall. */
.film-library .library-r-badge{height:108%;width:auto;aspect-ratio:207/199;top:-4%;left:0;padding:0;transform:translateX(-38%);transition:filter .45s var(--ease);container-type:inline-size}
.film-library .library-r-badge:hover{transform:translateX(-38%);filter:brightness(1.08)}
.film-library .library-r-shape{mask-image:url('/assets/reaktor-symbol.svg');background:linear-gradient(170deg,#c1ff00 0%,#c1ff00fa 57%,#c1ff00b8 79%,#c1ff0024 100%)}
.film-library .library-r-badge h2{position:absolute;left:47%;top:51.5%;max-width:42%;font-size:clamp(30px,6cqw,56px);line-height:1.01;letter-spacing:-.055em}
.library-r-badge:focus-visible{outline:none;filter:drop-shadow(0 0 12px #c1ff0090)}
/* Give the lime credits their own breathing space between the two chapters. */
.company-chapter .home-voices{padding-bottom:110px}
.proof-divider .credit-strip{padding-block:22px}
.partnership-mini.wrap{padding-top:120px;padding-bottom:115px}
.partnership-mini:before{background:radial-gradient(ellipse at 0 0,#c1ff0030 0%,#c1ff0012 32%,transparent 68%)}
.testimonials-proof{margin-top:60px}
@media(max-width:720px){
 .film-library .library-r-badge{height:108%;width:auto;left:0;top:-4%;padding:0;transform:translateX(-43%)}
 .film-library .library-r-badge:hover{transform:translateX(-43%)}
 .film-library .library-r-badge h2{left:49%;top:51.5%;font-size:clamp(27px,5.8cqw,45px);max-width:40%}
 .company-chapter .home-voices{padding-bottom:80px}
 .partnership-mini.wrap{padding-block:85px}
 .proof-divider .credit-strip{padding-block:17px}
 .testimonials-proof{margin-top:35px}
}

/* A seamless introduction, with the two chapter labels on the same rhythm. */
.intro{padding-bottom:105px}
#home-orbit{border-top:0}
.intro .section-label{align-self:start;align-items:center;line-height:1.4}
.intro .section-label:before,#home-orbit .orbit-top h2:before{content:'+';display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;font-size:22px;line-height:1;color:var(--green)}
#home-orbit .orbit-top h2{display:flex;align-items:center;gap:15px;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0}
#home-orbit .orbit-top>span{display:block}
/* Continue the pricing surface into a gradual neutral fade above the process. */
.home-process{background:linear-gradient(to bottom,#202020 0,#151515 95px,#0b0c0b 210px,#050605 340px)}
@media(max-width:720px){.intro{padding-bottom:65px}.intro .section-label,#home-orbit .orbit-top h2{font-size:11px}.home-process{background:linear-gradient(to bottom,#202020 0,#151515 75px,#0b0c0b 160px,#050605 270px)}}

/* Keep the hero's next steps together, centered beneath the headline. */
.hero .launch-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;margin:26px auto 0;padding:0}
.hero .launch-intro p{max-width:none;font-size:clamp(15px,1.45vw,20px);line-height:1.5;color:#c4c7bf;text-wrap:balance}
.hero .launch-intro .form-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:0}
.hero .launch-intro .pill{padding:12px 23px;font-size:12px;line-height:1.4;min-height:43px}
.hero .launch-intro .pill:not(.green){background:#ffffff06;border-color:#ffffff30;color:#e6e8e1}
.hero .launch-intro .pill:not(.green):hover{background:#f3f3ee;border-color:#f3f3ee;color:#050605}
.hero .launch-intro+.hero-film{margin-top:48px}
/* Adjacent surfaces meet at the same tone, with the fade inside each section. */
.services-panel{background:linear-gradient(to bottom,#111 0%,#111 calc(100% - 180px),#202020 100%)}
.questions-cinema{background:linear-gradient(to bottom,#050605 0%,#303030 24%,#303030 76%,#050605 100%)}
.questions-cinema .faq-section{border-top:0;padding-top:140px;padding-bottom:140px}
@media(max-width:720px){
 .hero .launch-intro{margin-top:22px;gap:18px}
 .hero .launch-intro p{font-size:14px;max-width:38ch}
 .hero .launch-intro .form-actions{gap:10px}
 .hero .launch-intro .pill{padding:11px 17px;font-size:11px}
 .hero .launch-intro+.hero-film{margin-top:38px}
 .services-panel{background:linear-gradient(to bottom,#111 0%,#111 calc(100% - 130px),#202020 100%)}
 .questions-cinema .faq-section{padding-block:100px}
}

/* Shared page margins, including the full-bleed rotating gallery. */
:root{--content-edge:max(var(--gutter),calc((100vw - 1600px)/2 + var(--gutter)))}
#home-orbit .orbit-top,#home-orbit .orbit-bottom{left:var(--content-edge);right:var(--content-edge)}
.intro .section-label,#home-orbit .orbit-top h2{gap:15px;line-height:1.4}
.intro .section-label:before,#home-orbit .orbit-top h2:before{height:20px;align-self:center}
/* Keep useful project previews visible while the 3D textures warm up. */
.orbit-stage:not(.gallery-ready):not(.fallback) .orbit-fallback{display:grid;z-index:2;overflow:hidden;pointer-events:none}
.orbit-stage:not(.gallery-ready):not(.fallback) .orbit-fallback a:nth-child(n+7){display:none}
.orbit-stage:not(.fallback) .orbit-canvas{opacity:0;transition:opacity .6s ease}
.orbit-stage.gallery-ready .orbit-canvas{opacity:1}
.home-quote-deck .home-quote{transition:opacity .7s ease,visibility .7s}
/* A quiet horizon behind the Work heading. No hard shape edges. */
.work-head.work-head-reframed{position:relative;isolation:isolate}
.work-head.work-head-reframed:before{content:'';display:block;position:absolute;z-index:-1;pointer-events:none;left:50%;top:165px;transform:translateX(-50%);width:min(900px,90vw);height:380px;border-radius:50%;background:radial-gradient(ellipse at 50% 80%,#c1ff001c 0%,#c1ff000d 36%,#c1ff0004 56%,transparent 72%);filter:blur(24px)}
@media(max-width:720px){.work-head.work-head-reframed:before{top:130px;height:280px}.orbit-stage:not(.gallery-ready):not(.fallback) .orbit-fallback a:nth-child(n+5){display:none}}

/* A shared footprint gives every process step the same visual weight. */
.values-tree{--process-visual-height:240px}
.value-branch h3,.value-branch p{max-width:430px;margin-left:auto;margin-right:0}
.value-branch:nth-of-type(even) h3,.value-branch:nth-of-type(even) p{margin-left:0;margin-right:auto}
.value-branch h3{min-height:2em}
.value-branch p{min-height:8.25em}
.value-branch .process-tools,.value-branch .master-handoff,.value-branch .review-handoff,.value-branch .delivery-formats{height:var(--process-visual-height);min-height:0;width:100%;max-width:430px;margin-top:26px;padding:18px;border:1px solid #c1ff0026;border-radius:10px;background:radial-gradient(ellipse at 0% 100%,#c1ff0017,transparent 80%),#10150d;box-sizing:border-box}
.value-branch .process-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;justify-content:center;gap:25px 10px}
.value-branch .process-tool{min-width:0;font-size:10px;gap:10px;justify-content:center}
.value-branch .process-tool img{width:30px;height:30px}
.value-branch .process-more{align-self:center;justify-self:center;font-size:10px}
.value-branch .master-handoff{display:flex;flex-direction:column;gap:10px;text-align:center}
.value-branch .master-preview{flex:1;min-height:0;width:100%;aspect-ratio:auto;border:0;background:none;border-radius:0}
.value-branch .master-handoff>span{margin:0;font-size:11px;line-height:1.5}
.value-branch .review-handoff{display:grid;grid-template-rows:22px minmax(0,1fr) 17px auto;gap:10px;text-align:left}
.value-branch .review-brand{font-size:14px;gap:8px;margin:0}
.value-branch .review-brand img{width:22px;height:22px}
.value-branch .review-screen{height:100%;min-height:0;aspect-ratio:auto}
.value-branch .review-screen>img{object-position:50% 38%}
.value-branch .frame-pin{left:41%;top:auto;bottom:17px;width:19px;height:19px;font-size:10px}
.value-branch .frame-note{left:50%;right:6px;top:auto;bottom:6px;padding:6px 8px;font-size:9px;line-height:1.3}
.value-branch .frame-note b{font-size:8px}
.value-branch .review-timeline{height:17px;margin-top:5px;padding:0 12px;border-top-width:1px}
.value-branch .review-timeline>span{width:19px;height:19px;font-size:10px;transform:translateY(-10px)}
.value-branch .review-comment{padding:0;font-size:10px;line-height:1.5}
.values-tree .value-branch .delivery-formats{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 18px 40px}
.value-branch .delivery-formats>span{flex:none;max-width:38%;height:auto;font-size:11px}
.value-branch .delivery-formats .format-wide{width:38%;aspect-ratio:16/9}
.value-branch .delivery-formats .format-square{width:24%;aspect-ratio:1}
.value-branch .delivery-formats .format-tall{width:19%;aspect-ratio:9/16}
@media(max-width:720px){
 .values-tree{--process-visual-height:220px}
 .value-branch h3,.value-branch p{min-height:0;margin-left:0;margin-right:0;max-width:none}
 .value-branch .process-tools,.value-branch .master-handoff,.value-branch .review-handoff,.value-branch .delivery-formats{max-width:none;margin-inline:0;padding:14px}
 .value-branch .process-tools{gap:24px 8px}
 .value-branch .process-tool{font-size:9px}
 .value-branch .process-tool img{width:27px;height:27px}
 .value-branch .review-handoff{gap:9px}
 .value-branch .review-comment{font-size:9px}
 .value-branch .delivery-formats{padding-bottom:35px;gap:12px}
 .value-branch .delivery-formats small{font-size:9px}
}

/* Pair each description with its visual across the process spine. */
.values-tree{--process-row-gap:64px}
.values-tree .value-branch,.values-tree .value-branch:nth-of-type(even){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:140px;align-items:center;width:100%;margin:0;padding:0 0 var(--process-row-gap)}
.process-summary{grid-column:1;grid-row:1;min-width:0;width:100%;max-width:430px;justify-self:end;text-align:right}
.process-graphic{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:430px;justify-self:start}
.value-branch:nth-of-type(even) .process-summary{grid-column:2;justify-self:start;text-align:left}
.value-branch:nth-of-type(even) .process-graphic{grid-column:1;justify-self:end}
.values-tree .value-branch h3,.values-tree .value-branch p{min-height:0;width:100%;max-width:none;margin-inline:0}
.process-graphic>.process-tools,.process-graphic>.master-handoff,.process-graphic>.review-handoff,.process-graphic>.delivery-formats{margin:0!important;max-width:none}
.values-tree .value-branch:before,.values-tree .value-branch:nth-of-type(even):before{left:calc(50% - 38px);right:auto;top:calc((100% - var(--process-row-gap))/2);width:76px;transform-origin:center}
.values-tree .branch-node,.values-tree .value-branch:nth-of-type(even) .branch-node{left:calc(50% - 3px);right:auto;top:calc((100% - var(--process-row-gap))/2 - 3px)}
.values-tree .tree-trunk{bottom:calc(var(--process-row-gap) + var(--process-visual-height)/2);top:calc(var(--process-visual-height)/2)}
.value-branch .process-graphic>.process-tools,.value-branch .process-graphic>.delivery-formats{border:0;border-radius:0;background:none;box-shadow:none;padding-inline:0}
.value-branch .process-graphic>.process-tools{gap:25px 14px}
.hero{padding-top:207px}
.hero .launch-intro{margin-top:44px;gap:30px}
.hero .launch-intro+.hero-film{margin-top:68px}
.hero-film .play-disc{transform:none;transition:transform .3s var(--ease),background .3s}
.hero-film:hover .play-disc,.hero-film:focus-visible .play-disc{transform:scale(1.08);background:var(--green)}
@media(max-width:1000px) and (min-width:721px){.values-tree .value-branch,.values-tree .value-branch:nth-of-type(even){column-gap:90px}.values-tree .value-branch:before,.values-tree .value-branch:nth-of-type(even):before{left:calc(50% - 25px);width:50px}}
@media(max-width:720px){
 .values-tree{--process-row-gap:56px}
 .values-tree .value-branch,.values-tree .value-branch:nth-of-type(even){grid-template-columns:minmax(0,1fr);gap:24px;width:100%;padding:0 0 var(--process-row-gap) 45px}
 .process-summary,.value-branch:nth-of-type(even) .process-summary{grid-column:1;grid-row:1;max-width:none;text-align:left;justify-self:stretch}
 .process-graphic,.value-branch:nth-of-type(even) .process-graphic{grid-column:1;grid-row:2;max-width:none;justify-self:stretch}
 .values-tree .value-branch:before,.values-tree .value-branch:nth-of-type(even):before{left:5px;top:6px;width:27px;transform-origin:left}
 .values-tree .branch-node,.values-tree .value-branch:nth-of-type(even) .branch-node{left:2px;top:3px}
 .values-tree .tree-trunk{left:5px;top:0;bottom:var(--process-row-gap)}
 .value-branch .process-graphic>.process-tools{gap:20px 8px}
 .hero{padding-top:167px}
 .hero .launch-intro{margin-top:34px;gap:26px}
 .hero .launch-intro+.hero-film{margin-top:52px}
}