/* A spatial, scroll-directed identity story. The source marks stay untouched. */
.motion-reel{height:280vh;position:relative;background:#121619;color:#f4f3ee;--reel-progress:0;--intro-progress:0;--scene-two:0;--scene-three:0}.reel-naviti{background:#192930}.reel-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.reel-meta{position:absolute;top:36px;left:var(--gutter);right:var(--gutter);z-index:8;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.reel-controls button{color:inherit;border:1px solid #ffffff40;background:#0002;padding:10px 15px;font-size:11px;letter-spacing:0;display:flex;gap:18px}.reel-scene{position:absolute;inset:0;overflow:hidden;will-change:opacity,transform}.reel-intro{opacity:calc(1 - var(--scene-two));transform:scale(calc(1 + var(--intro-progress)*.09))}.reel-photo{position:absolute;inset:-5%;opacity:.22;transform:translateY(calc(var(--intro-progress)*-45px)) scale(1.03)}.reel-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#12161920,#12161900 50%,#121619)}.reel-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1)}.reel-logo{position:absolute;inset:23% 13% 30%;display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--intro-progress)*-65px))}.reel-logo img{width:100%;height:100%;object-fit:contain;max-height:37vh}.reel-natalia .reel-logo{inset:26% 15% 29%}.reel-naviti .reel-logo{inset:24% 20% 31%}.reel-orbit{position:absolute;left:50%;top:50%;width:62vw;height:62vw;border:1px solid #ffffff18;transform:translate(-50%,-50%) rotate(-22deg);border-radius:50%}.reel-naviti .reel-orbit{border-radius:0;transform:translate(-50%,-50%) rotate(calc(-22deg + var(--intro-progress)*12deg));height:75vh;width:44vw;border-color:#e8dbcb35}.reel-cut{position:absolute;width:140vw;height:2px;background:#b9aca088;left:-20vw;top:50%;transform:rotate(-25deg) translateY(calc(var(--intro-progress)*140px));opacity:.8}.reel-natalia .reel-cut{height:10px;background:#293bff;transform:rotate(-25deg) translateY(calc(var(--intro-progress)*180px));mix-blend-mode:screen}.reel-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:59px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px;z-index:4}.reel-bottom h2{font-size:clamp(34px,3.5vw,58px);letter-spacing:-.045em;line-height:1.06;max-width:700px}.reel-bottom p,.reel-caption{font-size:12px;max-width:250px;line-height:1.6}.reel-bottom p span{margin-left:20px}.reel-identity{opacity:calc(var(--scene-two)*(1 - var(--scene-three)));background:#293bff;transform:translateY(calc((1 - var(--scene-two))*65px));pointer-events:none}.reel-naviti .reel-identity{background:#e7e2d8;color:#192930}.identity-wall{position:absolute;inset:14% 15% 22%;perspective:1500px;display:flex;justify-content:center;align-items:center;gap:2.5vw;transform:scale(calc(.85 + var(--scene-two)*.15))}.wall-poster{width:29%;max-height:100%;box-shadow:0 25px 70px #0004;transform-style:preserve-3d}.wall-poster img{width:100%;max-height:56vh;object-fit:contain}.wall-left{transform:translateY(calc(24px - var(--scene-two)*46px)) rotate(-8deg) rotateY(9deg)}.wall-center{transform:translateY(calc(75px - var(--scene-two)*80px));z-index:2}.wall-right{transform:translateY(calc(90px - var(--scene-two)*50px)) rotate(8deg) rotateY(-9deg)}.naviti-wall{inset:11% 20% 18%}.naviti-object{position:absolute;width:36%;height:87%;display:flex;flex-direction:column;justify-content:space-between;padding:29px;box-shadow:15px 30px 60px #19293032;min-height:270px;border-left:5px solid #0002}.naviti-object img{width:100%;height:31%;object-fit:contain}.object-back{background:#d5cab8;left:14%;top:0;transform:rotate(-11deg) rotateY(10deg) translateY(calc((1 - var(--scene-two))*90px))}.object-front{background:#192930;color:#e7e2d8;left:43%;top:4%;transform:rotate(9deg) rotateY(-10deg) translateY(calc((1 - var(--scene-two))*180px))}.object-label,.object-foot{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.object-foot{line-height:1.7}.naviti-rule{height:1px;width:125%;position:absolute;background:#bda28e;left:-10%;top:54%;transform:rotate(-26deg)}.naviti-card{position:absolute;bottom:0;left:26%;width:48%;aspect-ratio:1.82;background:#f2eee6;box-shadow:0 15px 40px #19293030;transform:rotate(-4deg) translateY(calc((1 - var(--scene-two))*150px));display:flex;flex-direction:column;justify-content:space-between;padding:22px}.naviti-card img{width:52%;max-height:95px}.naviti-card span{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.reel-digital{opacity:var(--scene-three);background:#eaeae6;color:#171717;transform:translateY(calc((1 - var(--scene-three))*80px));pointer-events:none}.reel-natalia .reel-digital{background:#dfe0ff}.reel-browser{position:absolute;width:69%;max-width:1200px;left:50%;top:11%;transform:translateX(-50%) perspective(1600px) rotateX(calc((1 - var(--scene-three))*14deg)) scale(calc(.82 + var(--scene-three)*.18));box-shadow:0 25px 70px #0002;background:#f4f3ee;max-height:68vh;overflow:hidden;border:1px solid #ffffff40;border-radius:5px}.reel-browser>img{width:100%;height:auto}.browser-chrome{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#74746f;letter-spacing:.04em;padding:12px 17px;border-bottom:1px solid #ccc;background:#f7f7f5}.browser-chrome>span:first-child{font-size:7px;letter-spacing:3px;color:#c2c2bd}.reel-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff25;z-index:9}.reel-timeline span{display:block;width:100%;height:100%;background:#aaa;transform-origin:left;transform:scaleX(var(--reel-progress))}.reel-outro{padding:29px 0 39px;display:flex;justify-content:space-between;align-items:center;gap:30px}.reel-outro .eyebrow{color:var(--gray)}.reel-outro .text-link{font-size:13px}.project-art{perspective:1400px;--tilt-x:0deg;--tilt-y:0deg}.project-art .project-screen{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(12px);transition:transform .65s var(--ease);will-change:transform}.project-art:hover .project-screen{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-6px)}.project-art .project-signature{transition:transform .7s var(--ease)}.project-art:hover .project-signature{transform:translateX(7px)}.project-open{transition:transform .4s}.project-art:hover .project-open{transform:translate(4px,-4px)}.motion-heading .heading-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.motion-heading .heading-line>span{display:block;animation:heading-in 1.1s cubic-bezier(.2,.75,.2,1) both}.motion-heading .heading-line:nth-child(2)>span{animation-delay:.12s}.motion-heading .heading-line:nth-child(3)>span{animation-delay:.24s}@keyframes heading-in{from{transform:translateY(106%);opacity:.15}to{transform:translateY(0);opacity:1}}.motion-reveal{transition:transform .9s var(--ease),opacity .9s var(--ease)}.motion-reveal.is-revealed{animation:detail-in .95s var(--ease) both}@keyframes detail-in{from{transform:translateY(40px);opacity:.55}to{transform:translateY(0);opacity:1}}.home-hero{position:relative}.hero-signature{position:absolute;right:0;top:155px;width:110px;opacity:.1;transform:rotate(-7deg);pointer-events:none}.hero-signature img{width:100%}.home-hero h1{position:relative;z-index:1}.case-name h1{max-width:85%}.reel-naviti .reel-meta{mix-blend-mode:difference;color:white}
@media(max-width:1180px){.reel-stage{min-height:560px}.reel-browser{width:78%;top:15%}.identity-wall{inset:19% 10% 25%}.naviti-wall{inset:13% 13% 20%}.naviti-object{width:39%}.reel-bottom h2{font-size:42px}.hero-signature{width:85px;top:135px}}
@media(max-width:780px){.motion-reel{height:auto}.reel-stage{position:relative;height:auto;min-height:0;overflow:hidden}.reel-meta{top:24px}.reel-controls{display:none}.reel-scene{position:relative;inset:auto;height:78svh;min-height:490px;max-height:740px;opacity:1!important;transform:none!important}.reel-intro{height:78svh}.reel-photo,.reel-logo{transform:none!important}.reel-logo{inset:25% 10% 35%!important}.reel-logo img{max-height:27vh}.reel-orbit{width:110vw;height:110vw}.reel-naviti .reel-orbit{width:60vw;height:55vh}.reel-bottom{bottom:34px;display:block}.reel-bottom h2{font-size:37px;margin-bottom:20px;max-width:550px}.reel-bottom p,.reel-caption{font-size:11px}.identity-wall{inset:15% 9% 34%;gap:12px;transform:none}.wall-poster{width:32%}.wall-left{transform:rotate(-8deg) translateY(-13px)}.wall-center{transform:translateY(0)}.wall-right{transform:rotate(8deg) translateY(13px)}.naviti-wall{inset:9% 2% 35%}.naviti-object{width:38%;padding:20px;height:95%;min-height:220px}.object-back{left:10%;transform:rotate(-10deg)}.object-front{left:46%;transform:rotate(8deg)}.naviti-card{bottom:-6%;left:29%;width:51%;padding:18px;transform:rotate(-4deg)}.naviti-card img{max-height:50px}.naviti-card span,.object-label,.object-foot{font-size:6px}.reel-browser{top:13%;width:88%;max-height:53svh;transform:translateX(-50%);border-radius:3px}.browser-chrome{padding:9px 10px;font-size:7px}.reel-digital{min-height:510px;height:73svh}.reel-timeline{display:none}.reel-outro{flex-direction:column;align-items:start;padding-top:26px;gap:22px}.reel-outro .eyebrow{font-size:9px}.hero-signature{display:none}.case-name h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){.motion-reel{height:auto}.reel-stage{height:auto;position:relative;min-height:0}.reel-scene{position:relative;height:850px;max-height:100svh;min-height:580px;opacity:1!important;transform:none!important}.reel-controls,.reel-timeline{display:none}.reel-logo,.reel-photo,.identity-wall,.wall-poster,.naviti-object,.naviti-card{transform:none!important}.reel-browser{transform:translateX(-50%)!important}.heading-line>span,.motion-reveal{animation:none!important;transform:none!important;opacity:1!important}.project-art .project-screen,.project-art:hover .project-screen{transform:none!important}}
@media print{.motion-reel{height:auto}.reel-stage{height:auto;position:relative}.reel-scene{position:relative;height:600px;opacity:1!important;transform:none!important;break-inside:avoid}.reel-controls,.reel-timeline{display:none}}

.footer-title{font-size:clamp(48px,8.5vw,145px)}@media(max-width:780px){.footer-title{font-size:clamp(40px,9.4vw,68px)}.footer-title>span{font-size:1em}}

.reel-photo>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.9}.reel-bottom p,.reel-bottom .reel-caption{margin-right:100px}.motion-reel:not(.has-motion-reel){height:auto}.motion-reel:not(.has-motion-reel) .reel-stage{height:auto;position:relative;min-height:0}.motion-reel:not(.has-motion-reel) .reel-scene{position:relative;height:850px;max-height:100svh;min-height:580px;opacity:1!important;transform:none!important}.motion-reel:not(.has-motion-reel) .reel-controls,.motion-reel:not(.has-motion-reel) .reel-timeline{display:none}@media(max-width:780px){.reel-photo>video{display:none}.reel-bottom p,.reel-bottom .reel-caption{margin-right:0}.reel-intro .reel-bottom p{display:none}}@media(prefers-reduced-motion:reduce){.reel-photo>video{display:none}}

.reel-photo>video[hidden]{display:none!important}

.reel-intro{opacity:1}.reel-identity{opacity:1;clip-path:inset(calc((1 - var(--scene-two))*100%) 0 0 0)}.reel-digital{opacity:1;clip-path:inset(calc((1 - var(--scene-three))*100%) 0 0 0)}.motion-reel:not(.has-motion-reel) .reel-scene{clip-path:none!important}@media(max-width:780px){.reel-scene{clip-path:none!important}}@media(prefers-reduced-motion:reduce){.reel-scene{clip-path:none!important}}@media print{.reel-scene{clip-path:none!important}}