/* Shared review navigation and native video players. */
.direction-switch{position:fixed;z-index:50;bottom:18px;left:50%;transform:translateX(-50%);background:#171918eb;box-shadow:0 8px 40px #0005;border:1px solid #ffffff29;border-radius:50px;display:flex;align-items:center;gap:4px;padding:5px;color:#eee;font:13px "Helvetica Neue",Arial,sans-serif;backdrop-filter:blur(16px);white-space:nowrap}.direction-switch>a{padding:10px 16px;border-radius:30px}.direction-switch>a[aria-current]{background:#e9eddd;color:#10120d}.direction-switch>span{font-size:12px;color:#b3b7a9;padding:0 10px}.direction-switch>a:hover{background:#ffffff20;color:white}.direction-switch>a[aria-current]:hover{background:white;color:#111}.footer{padding-bottom:110px}.embedded-film{position:relative;aspect-ratio:16/9;background:#050505;scroll-margin-top:24px}.embedded-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:15px}.compare-page{padding-top:70px;padding-bottom:90px}.compare-page h1{font-size:clamp(65px,8vw,120px);line-height:.95;margin:25px 0 60px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.compare-grid img{aspect-ratio:16/10;object-fit:cover;margin-bottom:25px}.compare-grid h2{font-size:42px;margin:18px 0}.compare-grid span{font-size:14px}.compare-grid p{font-size:17px;color:var(--muted);max-width:440px}
/* Spatial: layered film planes move through a real CSS perspective space. */
.spatial-theme{--bg:#0d1012;--text:#ecefe9;--muted:#b1b5b3;--line:#353a3d;--accent:#ff7250;--gutter:clamp(22px,4.4vw,80px)}.spatial-theme .header{height:90px;border:0;position:relative;z-index:10}.spatial-theme .eyebrow,.kinetic-theme .eyebrow{font-size:12px}.spatial-theme .desktop-nav,.kinetic-theme .desktop-nav{font-size:14px}.spatial-theme .status-dot{display:none}.spatial-theme .category-nav a,.kinetic-theme .category-nav a{font-size:20px}.spatial-theme .project-meta,.kinetic-theme .project-meta{font-size:12px}.spatial-theme .project-meta span,.kinetic-theme .project-meta span{line-height:1.6}.spatial-theme .footer-contact,.kinetic-theme .footer-contact{font-size:16px}.spatial-theme .footer-bottom,.kinetic-theme .footer-bottom{font-size:12px}.spatial-theme .project-card h3,.kinetic-theme .project-card h3{font-weight:500}.spatial-theme .button{color:#141414}.spatial-sequence{height:240vh;position:relative}.spatial-stage{height:calc(100svh - 15px);min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 72% 47%,#27333966,transparent 57%)}.spatial-copy{position:absolute;left:var(--gutter);top:10%;z-index:5;max-width:760px;pointer-events:none;transform-origin:left top}.spatial-copy .eyebrow{color:#abb7bb;letter-spacing:.11em}.spatial-copy h1{font-size:clamp(66px,8.7vw,146px);font-weight:400;letter-spacing:-.07em;line-height:.92;margin:35px 0 26px}.spatial-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.07em;color:#ff8c6d}.spatial-intro{font-size:17px;color:#bcc2c2;line-height:1.45}.spatial-world{position:absolute;inset:0;perspective:1300px;perspective-origin:58% 45%}.space-planes{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.space-plane{position:absolute;left:50%;top:45%;width:42vw;max-width:780px;aspect-ratio:16/10;background:#222;box-shadow:0 35px 70px #0007;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #ffffff30;will-change:transform;overflow:hidden}.space-plane>img{width:100%;height:100%;object-fit:cover}.space-plane>span{position:absolute;inset:auto 0 0;padding:30px 22px 20px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.space-plane b{font-size:22px;font-weight:400;letter-spacing:-.035em}.space-plane small{font-size:12px;white-space:nowrap}.space-plane:hover{border-color:var(--accent)}.plane-0{transform:translate3d(-10%,0,110px) rotateY(-25deg) rotateX(5deg);z-index:4}.plane-1{transform:translate3d(-76%,46%,-220px) rotateY(24deg) rotateX(-7deg);z-index:1}.plane-2{transform:translate3d(54%,-83%,-440px) rotateY(-27deg) rotateX(7deg);z-index:2}.plane-3{transform:translate3d(85%,38%,-450px) rotateY(-32deg);z-index:3}.spatial-foot{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:25px;z-index:6;font-size:12px;letter-spacing:.03em}.spatial-foot>a{margin-left:auto;font-size:14px}.scroll-meter{width:100px;height:1px;background:#ffffff40}.scroll-meter i{display:block;height:100%;background:var(--accent);width:20%;transform-origin:left}.stage-index{position:absolute;right:var(--gutter);top:32px;color:#8b979b;font-size:12px}.motion-intro{padding-top:95px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.motion-intro>p{font-size:clamp(28px,3.3vw,55px);letter-spacing:-.05em;line-height:1.13}.motion-intro>p>span{color:#7b888d}.motion-intro .eyebrow{color:var(--muted)}.motion-clients{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px;font-size:19px;font-weight:500;letter-spacing:-.035em;margin-top:32px;line-height:1.25}.motion-work{padding-top:30px;padding-bottom:75px}.motion-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:30px}.motion-heading>.eyebrow{color:var(--muted)}.motion-heading h2{font-size:clamp(35px,4vw,66px)}.discipline-row{border-top:1px solid var(--line);min-height:132px;display:flex;gap:35px;align-items:center;position:relative;padding:24px 0;isolation:isolate}.discipline-row:last-child{border-bottom:1px solid var(--line)}.row-number{font-size:12px;color:var(--muted);width:30px}.discipline-row h3{font-size:clamp(30px,5vw,76px);line-height:1.05;transition:transform .35s,color .35s}.row-arrow{font-size:40px;margin-left:auto}.discipline-row img{position:absolute;width:245px;aspect-ratio:16/10;object-fit:cover;left:62%;top:50%;opacity:0;transform:translateY(-45%) rotate(7deg) scale(.9);transition:transform .35s,opacity .35s;z-index:-1;pointer-events:none}.discipline-row:hover img,.discipline-row:focus-visible img{opacity:1;transform:translateY(-50%) rotate(-6deg) scale(1)}.discipline-row:hover h3{transform:translateX(15px);color:var(--accent)}.spatial-selected{padding-top:55px;padding-bottom:100px}.spatial-selected .project-image{aspect-ratio:16/11}.motion-studio{padding-top:90px;padding-bottom:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px 75px}.motion-studio>.eyebrow{grid-column:1/-1;color:var(--muted)}.motion-studio h2{font-size:clamp(34px,4.4vw,70px)}.motion-studio p{font-size:18px;color:var(--muted);max-width:490px;margin-bottom:25px}.motion-studio .text-link{font-size:15px}.spatial-theme .collection h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;letter-spacing:-.065em}.spatial-theme .collection-heading>p{font-size:17px}.spatial-theme .project-image{box-shadow:0 25px 55px #0003}.spatial-theme .team-grid img{filter:none}.spatial-theme .case-heading h1{color:#ff987d}.spatial-theme .footer{background:#131a1e}.spatial-theme .contact-title{font-size:clamp(40px,6vw,96px)}.spatial-theme .studio-teaser{background:#172126;color:var(--text)}
/* Kinetic: monumental type, an opening image aperture and a scroll-led edit. */
.kinetic-theme{--bg:#f2f3ec;--text:#181b18;--muted:#555c50;--line:#c8cebd;--accent:#d4ed2f;--surface:#e3e6dc}.kinetic-theme .brand img{filter:brightness(.12)}.kinetic-theme .header{height:94px;border:0}.kinetic-theme .desktop-nav a:hover{color:#475211}.kinetic-theme .mobile-menu{background:#e3e6dc}.kinetic-theme .menu-toggle{color:#141414}.kinetic-hero{padding-top:30px;overflow:hidden}.kinetic-topline{display:flex;justify-content:space-between}.kinetic-hero h1{margin:35px 0 10px;font-size:clamp(100px,21vw,320px);font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;line-height:.79;letter-spacing:-.09em;position:relative}.kinetic-word{display:block;transform-origin:left center;will-change:transform}.bottom-word{margin-left:16%;position:relative}.type-dot{color:#9bb711}.kinetic-intro{margin:48px 0 33px;display:flex;justify-content:space-between;align-items:flex-end}.kinetic-intro>p{font-size:18px;line-height:1.4}.kinetic-intro .text-link{font-size:14px}.kinetic-portal{height:70vw;max-height:850px;min-height:500px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.portal-link{display:block;width:82%;height:90%;position:relative;overflow:hidden;clip-path:inset(0 13% 0 13% round 180px);will-change:clip-path,transform;background:#141713}.portal-link>img{width:100%;height:100%;object-fit:cover}.portal-title{position:absolute;bottom:35px;left:35px;right:35px;color:#fff;z-index:1;display:grid;grid-template-columns:1fr 60px;gap:10px}.portal-link:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000a)}.portal-title small{font-size:14px;grid-column:1}.portal-title b{font-weight:400;letter-spacing:-.05em;font-size:clamp(32px,5vw,75px)}.portal-title i{grid-column:2;grid-row:1/3;align-self:center;font-size:45px;font-style:normal}.kinetic-manifesto{padding-top:65px;padding-bottom:95px}.word-reveal{font-size:clamp(36px,6.7vw,100px);line-height:1.05;letter-spacing:-.055em;max-width:1260px;margin-top:32px}.word-reveal .word{color:#a7ad9c;transition:color .2s}.word-reveal .word.lit{color:#181b18}.kinetic-client-area{border-top:1px solid var(--line);padding-top:35px;margin-top:65px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.kinetic-client-area .motion-clients{margin:0}.kinetic-reel{height:300vh;background:#172017;color:#eff5e5;position:relative}.reel-stick{position:sticky;top:0;min-height:660px;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:35px 0 45px}.reel-heading{display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);gap:30px;margin-bottom:35px}.reel-heading h2{font-size:clamp(30px,4vw,65px)}.reel-heading .eyebrow{color:#bdc5b1}.reel-track{display:flex;gap:45px;padding:0 var(--gutter);width:max-content;will-change:transform}.reel-card{width:min(68vw,1000px);flex:0 0 auto;perspective:900px}.reel-card img{width:100%;aspect-ratio:16/8.2;object-fit:cover;transition:transform .5s}.reel-card a:hover img{transform:rotateX(2deg) scale(.99)}.reel-card a>div{display:flex;gap:25px;align-items:center;margin-top:18px}.reel-number{color:#d4ed2f;font-size:14px;align-self:flex-start;padding-top:6px}.reel-card h3{font-size:clamp(30px,4vw,60px)}.reel-card a>div>span:last-child{margin-left:auto;font-size:30px}.reel-card p{font-size:13px;color:#bdc5b1;margin:12px 0 0 44px}.reel-progress{height:2px;background:#ffffff30;margin:35px var(--gutter) 0}.reel-progress i{display:block;height:100%;width:25%;background:#d4ed2f;transform-origin:left}.kinetic-disciplines{padding-top:90px;padding-bottom:100px}.kinetic-disciplines>.eyebrow{display:block;margin-bottom:35px}.kinetic-theme .discipline-row:hover h3{color:#506312}.kinetic-theme .discipline-row{min-height:142px}.kinetic-theme .discipline-row img{left:65%}.kinetic-theme .motion-studio{background:#d4ed2f;max-width:none}.kinetic-theme .motion-studio>.eyebrow,.kinetic-theme .motion-studio p{color:#35411c}.kinetic-theme .footer{background:#181b18;color:#f2f3ec;max-width:none}.kinetic-theme .footer a:hover{color:#d4ed2f}.kinetic-theme .footer .eyebrow,.kinetic-theme .footer-contact>span,.kinetic-theme .footer-bottom{color:#b9c1b1}.kinetic-theme .footer-bottom{border-color:#485140}.kinetic-theme .collection h1{font-weight:800;text-transform:uppercase;font-size:clamp(55px,7vw,110px);letter-spacing:-.065em}.kinetic-theme .project-card:nth-child(even){padding-top:0}.kinetic-theme .project-grid{gap:60px 35px;grid-template-columns:1fr 1fr}.kinetic-theme .project-image{aspect-ratio:16/11}.kinetic-theme .project-card h3{font-size:clamp(28px,3vw,45px)}.kinetic-theme .category-nav a[aria-current]{color:#3d5200;box-shadow:0 2px #657c13}.kinetic-theme .category-nav a:hover{color:#3d5200}.kinetic-theme .case-heading h1{font-weight:800;text-transform:uppercase}.kinetic-theme .case-lead p,.kinetic-theme .case-details>div>p{color:#51594b}.kinetic-theme .button{background:#1a2117;color:#fff}.kinetic-theme .button:hover{background:#415326}.kinetic-theme .studio-page h1{font-weight:800;text-transform:uppercase;font-size:clamp(65px,8vw,135px)}.kinetic-theme .team-grid img{filter:none}.kinetic-theme .next-project>a:hover,.kinetic-theme .project-card h3 a:hover{color:#506312}.kinetic-theme a:focus-visible{outline-color:#5e761a}.motion-enabled .reveal{opacity:0;transform:translateY(38px);transition:opacity .7s,transform .7s}.motion-enabled .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.space-plane{width:48vw}.spatial-copy h1{font-size:9vw}.spatial-stage{min-height:650px}.motion-clients{grid-template-columns:repeat(2,1fr);font-size:18px}.motion-intro{gap:50px}.spatial-copy{top:8%}.discipline-row img{width:190px;left:58%}.kinetic-hero h1{font-size:21vw}.reel-card{width:78vw}.kinetic-client-area{grid-template-columns:1fr 1.7fr}.portal-link{width:100%}.motion-studio{gap:35px}.spatial-theme .project-meta,.kinetic-theme .project-meta{display:block}.spatial-theme .project-meta span,.kinetic-theme .project-meta span{display:block}.spatial-theme .project-meta span:last-child,.kinetic-theme .project-meta span:last-child{text-align:left}}
@media(max-width:600px){.direction-switch{bottom:12px;max-width:calc(100% - 20px);font-size:12px;gap:0}.direction-switch>a{padding:10px 13px}.direction-switch>span{display:none}.spatial-theme .eyebrow,.kinetic-theme .eyebrow{font-size:12px;letter-spacing:.05em}.spatial-theme .header,.kinetic-theme .header{height:80px}.spatial-sequence{height:190svh}.spatial-stage{min-height:630px;height:calc(100svh - 15px)}.spatial-copy{top:4%;left:22px;right:22px}.spatial-copy .eyebrow{font-size:12px;max-width:250px}.spatial-copy h1{font-size:clamp(57px,14vw,82px);margin:25px 0 20px}.spatial-intro{font-size:16px;max-width:280px}.spatial-world{perspective:900px;perspective-origin:50% 60%}.space-plane{width:75vw;top:51%;left:43%}.space-plane>span{padding:25px 13px 12px;display:block}.space-plane b{display:block;font-size:20px}.space-plane small{display:block;font-size:12px;margin-top:4px}.spatial-foot{bottom:70px;gap:14px;font-size:12px;left:22px;right:22px}.scroll-meter{width:50px}.stage-index{display:none}.motion-intro{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px;gap:40px}.motion-intro>p{font-size:36px}.motion-clients{grid-template-columns:1fr 1fr;gap:20px;font-size:18px}.motion-heading{display:block;margin-bottom:30px}.motion-heading h2{margin-top:18px;font-size:37px}.motion-work{padding-top:10px;padding-bottom:35px}.discipline-row{min-height:100px;gap:14px;padding:25px 0}.discipline-row h3{font-size:32px;letter-spacing:-.045em}.row-number{width:18px}.row-arrow{font-size:25px}.discipline-row img{display:none}.spatial-selected{padding-top:35px;padding-bottom:55px}.motion-studio{display:block;padding-top:45px;padding-bottom:50px}.motion-studio h2{font-size:35px;margin-top:24px;margin-bottom:28px}.motion-studio p{font-size:16px}.spatial-theme .category-nav a,.kinetic-theme .category-nav a{font-size:16px}.spatial-theme .footer-contact,.kinetic-theme .footer-contact{font-size:14px}.spatial-theme .footer-bottom,.kinetic-theme .footer-bottom{font-size:12px}.spatial-theme .collection h1{font-size:15vw}.kinetic-hero{padding-top:22px}.kinetic-topline{font-size:12px;gap:20px}.kinetic-topline>span:last-child{display:none}.kinetic-hero h1{font-size:21vw;margin-top:37px;line-height:.88}.bottom-word{margin-left:8%}.kinetic-intro{margin:28px 0 20px;display:block}.kinetic-intro>p{font-size:16px;margin-bottom:18px}.kinetic-portal{height:430px;min-height:430px;padding-top:15px}.portal-link{height:100%;width:100%;clip-path:inset(0 9% 0 9% round 100px)}.portal-title{left:20px;right:20px;bottom:24px;grid-template-columns:1fr 30px}.portal-title small{font-size:12px}.portal-title b{font-size:34px}.portal-title i{font-size:30px}.kinetic-manifesto{padding-top:45px;padding-bottom:50px}.word-reveal{font-size:39px;line-height:1.08;margin-top:23px}.kinetic-client-area{display:block;margin-top:40px;padding-top:25px}.kinetic-client-area .motion-clients{margin-top:25px}.kinetic-reel{height:auto}.reel-stick{position:static;height:auto;min-height:0;padding:40px 0 45px}.reel-heading{display:block;margin-bottom:28px}.reel-heading h2{font-size:34px;margin-top:18px}.reel-heading .eyebrow{font-size:12px}.reel-track{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 22px 10px;gap:20px;scroll-padding-left:22px;transform:none!important}.reel-card{width:84vw;scroll-snap-align:start}.reel-card img{aspect-ratio:1.35}.reel-card a>div{gap:12px;align-items:flex-start}.reel-card h3{font-size:29px;line-height:1.05}.reel-number{font-size:12px;padding-top:3px}.reel-card p{font-size:12px;margin-left:0}.reel-card a>div>span:last-child{font-size:23px}.reel-progress{margin-top:25px}.kinetic-disciplines{padding-top:48px;padding-bottom:55px}.kinetic-theme .discipline-row{min-height:110px}.kinetic-theme .collection h1{font-size:13vw}.kinetic-theme .project-grid{grid-template-columns:1fr;gap:40px}.kinetic-theme .case-heading h1{font-size:clamp(40px,12vw,60px)}.kinetic-theme .studio-page h1{font-size:16vw}.film-caption{font-size:12px}.compare-page{padding-top:40px;padding-bottom:50px}.compare-page h1{font-size:60px}.compare-grid{grid-template-columns:1fr;gap:50px}.compare-grid h2{font-size:36px}.compare-grid p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.spatial-sequence{height:auto}.spatial-stage{height:850px;position:relative}.space-planes{transform:none!important}.space-plane{transform:none!important;position:relative;inset:auto;width:100%;max-width:none;box-shadow:none}.spatial-world{position:absolute;top:300px;left:var(--gutter);right:var(--gutter);bottom:70px;perspective:none;overflow:auto}.space-planes{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.spatial-copy{top:25px;transform:none!important;opacity:1!important}.spatial-copy h1{font-size:60px;margin:20px 0}.spatial-intro{display:none}.spatial-foot{bottom:25px}.kinetic-word,.portal-link,.reel-track{transform:none!important}.portal-link{clip-path:none!important}.kinetic-reel{height:auto}.reel-stick{position:static;height:auto;min-height:0}.reel-track{overflow:auto;width:100%;padding-bottom:20px}.reveal{opacity:1!important;transform:none!important}.word-reveal .word{color:inherit}.spatial-stage,.reel-stick{scroll-margin-top:0}}