:root{--j-bg:#080a0b;--j-text:#f3f0e9;--j-warm:#d4b489;--j-muted:#b7b6b0;--j-line:#ffffff28;--j-pad:clamp(22px,5vw,90px)}
.journey-theme{--bg:var(--j-bg);--text:var(--j-text);--muted:var(--j-muted);--accent:var(--j-warm);--line:var(--j-line);--gutter:var(--j-pad);background:var(--j-bg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;overflow-x:clip}.journey-theme .eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.6}.journey-theme h1,.journey-theme h2,.journey-theme h3{font-weight:400;letter-spacing:-.045em}.journey-theme em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.04em;color:var(--j-warm)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.journey-header{height:90px;padding:0 var(--j-pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid var(--j-line)}.journey-header.on-experience{position:absolute;top:0;left:0;right:0;border-bottom:0}.journey-brand{width:132px;display:block}.journey-brand img{width:100%;height:auto}.journey-header>nav{display:flex;gap:42px;font-size:14px;align-items:center}.journey-header>nav>a{padding:12px 0}.journey-header>nav>a:hover{color:var(--j-warm)}.journey-header>nav>a:last-child{display:flex;gap:28px}.journey-menu-toggle{display:none;color:var(--j-text);background:none;border:0;padding:10px;font-size:14px;gap:20px}.journey-menu[hidden]{display:none}.journey-menu{position:absolute;inset:80px 0 auto;z-index:40;background:#101316;padding:30px var(--j-pad);display:flex;flex-direction:column;gap:24px;font-size:20px;border-bottom:1px solid var(--j-line)}.journey-inner main{min-height:50vh}
/* One viewport forms the stage; native scrolling is the timeline. */
.film-journey{height:660svh;position:relative;background:#080a0b}.journey-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;perspective:1600px;isolation:isolate;background:#080a0b}.room-light{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 38%,#96725235,transparent 54%);z-index:0}.journey-scene{position:absolute;inset:0;opacity:0;will-change:opacity;pointer-events:none;transform-style:preserve-3d}.journey-scene.is-active{pointer-events:auto}.journey-scene .scene-visual{position:absolute;inset:0;overflow:hidden;will-change:transform;backface-visibility:hidden;transform-origin:center center}.scene-visual>img{width:100%;height:100%;object-fit:cover;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050708c9 0%,#05070870 34%,transparent 75%),linear-gradient(0deg,#050708b5,transparent 65%);pointer-events:none}.scene-brand{opacity:1;z-index:1}.brand-atmosphere{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(13px) brightness(.26) saturate(.65);opacity:.65}.brand-scene-inner{position:absolute;inset:22% var(--j-pad) 15%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform-style:preserve-3d;will-change:transform,opacity}.brand-scene-inner>.eyebrow{color:#d7d1c6;margin-bottom:37px}.brand-scene-inner h1{width:min(56vw,840px);line-height:1;margin:0}.hero-logo{width:100%;height:auto;filter:drop-shadow(0 18px 50px #000b);display:block;will-change:transform;transform:perspective(1300px) rotateX(2deg)}.brand-promise{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.5vw,37px);line-height:1.23;letter-spacing:-.02em;color:#d2b992;margin-top:36px}.brand-scene-bottom{position:absolute;left:var(--j-pad);right:var(--j-pad);bottom:42px;display:flex;justify-content:space-between;font-size:12px;color:#ccc8be}.brand-scene-bottom>a{font-size:14px}.scene-storyboard{z-index:2}.scene-storyboard .scene-visual{inset:9% 7%;box-shadow:0 45px 140px #000b}.scene-storyboard .scene-visual>img{object-fit:cover}.scene-storyboard .scene-shade{background:linear-gradient(90deg,#080a0bd4,transparent 75%),linear-gradient(0deg,#080a0bc7,transparent 50%)}.scene-production{z-index:3}.scene-post{z-index:4}.scene-film{z-index:5;background:transparent}.scene-film .scene-visual{inset:0;transform-origin:50% 46%}.scene-film .scene-visual>img{object-position:center 46%}.scene-film .scene-shade{background:linear-gradient(0deg,#060809d9,transparent 75%),linear-gradient(90deg,#06080990,transparent 70%)}.chapter-copy{position:absolute;left:var(--j-pad);bottom:17%;z-index:5;max-width:690px;will-change:transform,opacity}.chapter-copy .eyebrow{display:block;color:#e8d5ba;margin-bottom:25px}.chapter-copy h2{font-size:clamp(42px,5.3vw,85px);line-height:1.03;color:var(--j-text);text-shadow:0 3px 30px #0005}.chapter-copy h2 em{color:#e9c598}.chapter-copy>p{font-size:16px;line-height:1.55;color:#dad9d2;margin-top:27px}.chapter-action{display:inline-flex;font-size:15px;align-items:center;gap:40px;border-bottom:1px solid #ffffff65;padding:8px 0 11px;margin-top:25px}.chapter-action:hover{color:var(--j-warm);border-color:var(--j-warm)}.process-note{position:absolute;right:var(--j-pad);bottom:38px;font-size:12px;color:#cdc7bb}.journey-chapters{position:absolute;top:50%;right:28px;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;z-index:20}.journey-chapters>a{display:grid;grid-template-columns:auto 20px;align-items:center;gap:10px;font-size:12px;min-height:25px;padding:5px;color:#bcbdb6}.chapter-number{display:none}.chapter-name{opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;text-shadow:0 2px 12px #000}.journey-chapters i{display:block;height:1px;width:15px;background:#c7c8c58a}.journey-chapters>a[aria-current] .chapter-name,.journey-chapters>a:hover .chapter-name,.journey-chapters>a:focus-visible .chapter-name{opacity:1;transform:none}.journey-chapters>a[aria-current]{color:#f3dbb8}.journey-chapters>a[aria-current] i{height:2px;width:22px;background:var(--j-warm)}.journey-scroll-hint{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:18;font-size:12px;color:#ded8cc;white-space:nowrap;will-change:opacity}.scroll-line{height:35px;width:1px;background:#ffffff30;position:relative}.scroll-line i{position:absolute;top:0;left:0;width:100%;height:45%;background:#e1c296;animation:scroll-drift 2s ease-in-out infinite}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff18;z-index:22}.journey-progress i{height:100%;width:100%;display:block;background:var(--j-warm);transform:scaleX(0);transform-origin:left}@keyframes scroll-drift{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(20px);opacity:1}}
.j-work{padding:105px var(--j-pad) 0;background:#101314;position:relative;z-index:6;scroll-margin-top:25px}.j-work-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:28px 60px;align-items:end;margin-bottom:55px}.j-work-intro>.eyebrow{grid-column:1/-1;color:var(--j-muted)}.j-work-intro h2{font-size:clamp(39px,5.2vw,80px);line-height:1.05}.j-work-intro>p{font-size:17px;color:#c2c3bd;justify-self:end;padding-bottom:6px;line-height:1.6}.j-categories{display:grid;grid-template-columns:1fr 1fr;gap:24px}.j-category{position:relative;aspect-ratio:1.54;overflow:hidden;isolation:isolate;background:#1b2022}.j-category>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:transform .9s,filter .8s}.j-category:hover>img{transform:scale(1.06);filter:brightness(.88)}.j-category-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%)}.j-category-top{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:12px;text-shadow:0 2px 8px #000}.j-category-title{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.j-category-title h3{font-size:clamp(28px,3.2vw,49px);line-height:1.06}.j-category-title>span{font-size:26px;transition:transform .3s}.j-category:hover .j-category-title>span{transform:translate(3px,-3px)}.j-clients{padding:65px 0 70px;border-bottom:1px solid var(--j-line)}.j-clients>.eyebrow{color:var(--j-muted);display:block;margin-bottom:30px}.j-clients>div{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:22px;letter-spacing:-.045em;font-weight:500}.j-studio{padding:85px var(--j-pad) 100px;background:#101314;display:grid;grid-template-columns:1.3fr 1fr;gap:30px 70px}.j-studio>.eyebrow{grid-column:1/-1;color:var(--j-muted)}.j-studio h2{font-size:clamp(35px,4vw,63px);line-height:1.13}.j-studio p{font-size:17px;color:#c2c3bd;max-width:530px}.journey-footer{padding:80px var(--j-pad) 28px;background:#080a0b}.journey-footer>.eyebrow{display:block;color:var(--j-muted);margin-bottom:35px}.journey-contact{font-size:clamp(45px,7vw,115px);letter-spacing:-.055em;line-height:1.05;display:block;position:relative;max-width:1300px}.journey-contact>span{position:absolute;right:0;bottom:15px;font-size:.7em}.journey-contact:hover em{color:#f0c796}.journey-contact-meta{display:flex;align-items:center;gap:45px;font-size:15px;margin:45px 0 65px}.journey-contact-meta>span{margin-left:auto;color:var(--j-muted)}.journey-footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px;border-top:1px solid var(--j-line);font-size:12px;color:var(--j-muted)}
.j-collection{padding:35px var(--j-pad) 100px}.j-breadcrumb{display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--j-muted);margin-bottom:65px}.j-collection-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:60px;margin-bottom:60px}.j-collection-heading .eyebrow{display:block;color:var(--j-warm);margin-bottom:22px}.j-collection-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,7.5vw,110px);font-style:italic;line-height:1.02}.j-collection-heading>p{font-size:17px;color:var(--j-muted);max-width:360px;justify-self:end}.j-category-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--j-line);border-bottom:1px solid var(--j-line);padding:23px 0;margin-bottom:55px;font-size:16px}.j-category-nav a[aria-current]{color:var(--j-warm)}.j-category-nav a:hover{color:#fff}.j-projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.j-project-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#141819}.j-project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.j-project a:hover img{transform:scale(1.04)}.j-project-open{position:absolute;right:20px;bottom:20px;width:44px;height:44px;border:1px solid #ffffff6b;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#1115}.j-project-meta{font-size:12px;color:var(--j-muted);display:flex;justify-content:space-between;gap:15px;margin:20px 0 13px;line-height:1.4}.j-project h3{font-size:clamp(29px,3vw,44px);line-height:1.1}.j-project a:hover h3{color:var(--j-warm)}.journey-theme .case-heading h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;max-width:1300px}.journey-theme .case-lead p{font-size:18px}.journey-theme .button{background:#d4b489;color:#101010;font-size:14px}.journey-theme .case-details dl>div{font-size:14px}.journey-theme .page-kicker{font-size:12px}.journey-theme .case-details>div>p{font-size:19px}.journey-theme .embedded-film{scroll-margin-top:20px}.journey-theme .studio-page h1{font-family:Georgia,"Times New Roman",serif;font-style:italic}.journey-theme .team-grid img{filter:none}.journey-theme .team-grid p,.journey-theme .capability-list p{font-size:16px}.journey-theme .team-grid .eyebrow{font-size:12px}.journey-theme .status-dot{display:none}.journey-theme .direction-switch{display:none}
@media(max-width:1000px){.journey-stage{min-height:630px}.brand-scene-inner h1{width:66vw}.chapter-copy{bottom:18%;max-width:560px}.chapter-copy h2{font-size:6.3vw}.journey-chapters{right:15px}.chapter-name{display:none}.journey-chapters>a{grid-template-columns:20px}.brand-scene-bottom>span{max-width:190px}.j-category-title h3{font-size:34px}.j-clients>div{justify-content:flex-start;gap:28px 40px}.j-studio{grid-template-columns:1fr 1fr;gap:30px}.j-work-intro{gap:28px 30px}.journey-contact-meta{flex-wrap:wrap;gap:24px 35px}.journey-contact-meta>span{width:100%;margin:0}.j-category-nav{font-size:15px}.j-project-meta{display:block}.j-project-meta>span{display:block;margin-bottom:5px}}
@media(max-width:600px){.journey-theme .eyebrow{font-size:12px;letter-spacing:.09em}.journey-header{height:78px}.journey-brand{width:112px}.journey-header>nav{display:none}.journey-menu-toggle{display:flex}.film-journey{height:580svh}.journey-stage{height:100svh;min-height:580px}.brand-scene-inner{inset:15% 22px 22%}.brand-scene-inner>.eyebrow{font-size:12px;max-width:250px;margin-bottom:35px}.brand-scene-inner h1{width:86vw}.brand-promise{font-size:27px;margin-top:35px}.brand-scene-bottom{left:22px;right:22px;bottom:100px;font-size:12px;gap:20px;align-items:flex-end}.brand-scene-bottom>span{max-width:130px;line-height:1.5}.brand-scene-bottom>a{font-size:13px}.brand-atmosphere{object-position:56% center}.journey-scroll-hint{bottom:39px;font-size:12px;gap:12px}.scroll-line{height:28px}.journey-chapters{top:auto;bottom:20px;right:22px;left:22px;transform:none;flex-direction:row;justify-content:center;gap:16px;opacity:0;pointer-events:none}.journey-chapters.visible{opacity:1;pointer-events:auto}.journey-chapters>a{display:block;padding:10px 2px;min-height:25px}.journey-chapters i{width:24px}.journey-chapters>a[aria-current] i{width:32px}.scene-storyboard .scene-visual{inset:15% 5% 24%}.scene-storyboard .scene-visual>img{object-position:58% center}.scene-visual>img{object-position:58% center}.scene-post .scene-visual>img{object-position:50% center}.scene-film .scene-visual>img{object-position:53% 50%}.chapter-copy{left:22px;right:35px;bottom:13%;max-width:none}.chapter-copy .eyebrow{margin-bottom:22px;font-size:12px}.chapter-copy h2{font-size:clamp(35px,9vw,50px);line-height:1.08}.chapter-copy>p{font-size:15px;margin-top:22px;line-height:1.5}.chapter-action{font-size:14px;gap:24px;margin-top:20px;padding-bottom:10px}.scene-shade{background:linear-gradient(0deg,#050708ea 0%,#05070878 40%,transparent 85%)}.scene-storyboard .scene-shade{background:linear-gradient(0deg,#080a0bef 0%,#080a0b50 50%,transparent)}.scene-film .scene-shade{background:linear-gradient(0deg,#060809ee,transparent 95%)}.process-note{display:none}.j-work{padding:55px 22px 0}.j-work-intro{display:block;margin-bottom:35px}.j-work-intro>.eyebrow{display:block;margin-bottom:25px}.j-work-intro h2{font-size:41px}.j-work-intro>p{font-size:16px;margin-top:25px}.j-work-intro>p>br{display:none}.j-categories{grid-template-columns:1fr;gap:18px}.j-category{aspect-ratio:1.5}.j-category-title{left:22px;right:22px;bottom:23px;gap:20px}.j-category-title h3{font-size:32px}.j-category-top{top:20px;left:22px;right:22px;font-size:12px}.j-clients{padding:43px 0 46px}.j-clients>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:19px}.j-studio{display:block;padding:45px 22px 55px}.j-studio>.eyebrow{display:block;margin-bottom:25px}.j-studio h2{font-size:35px;line-height:1.15}.j-studio p{font-size:16px;margin-top:28px}.journey-footer{padding:48px 22px 27px}.journey-footer>.eyebrow{margin-bottom:30px}.journey-contact{font-size:47px}.journey-contact>span{font-size:30px;bottom:5px}.journey-contact-meta{font-size:14px;gap:24px;margin:30px 0 40px}.journey-contact-meta>span{font-size:13px}.journey-footer-bottom{display:grid;grid-template-columns:1fr auto;font-size:12px;gap:20px}.journey-footer-bottom>a:last-child{grid-row:1;grid-column:2}.j-collection{padding:28px 22px 55px}.j-breadcrumb{font-size:12px;margin-bottom:40px}.j-collection-heading{display:block;margin-bottom:35px}.j-collection-heading h1{font-size:55px}.j-collection-heading>p{font-size:16px;margin-top:26px}.j-category-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px 10px;padding:22px 0;font-size:14px;margin-bottom:35px}.j-projects{grid-template-columns:1fr;gap:40px}.j-project h3{font-size:31px}.j-project-meta{font-size:12px}.journey-theme .case-heading h1{font-size:52px}.journey-theme .case-lead p{font-size:16px}.journey-theme .case-details>div>p{font-size:17px}.journey-theme .case-details dl>div{font-size:14px}.journey-theme .page-kicker{font-size:12px}.journey-theme .studio-page h1{font-size:20vw}.journey-theme .studio-intro>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.film-journey{height:auto!important}.journey-stage{height:auto!important;min-height:0;position:relative;overflow:visible;perspective:none}.journey-scene{position:relative;inset:auto;opacity:1!important;pointer-events:auto!important;min-height:760px;height:85svh;transform:none!important;overflow:hidden}.journey-scene .scene-visual{inset:0!important;transform:none!important;clip-path:none!important;opacity:1!important}.scene-brand{min-height:600px;height:95svh}.brand-scene-inner{transform:none!important;opacity:1!important}.chapter-copy{opacity:1!important;transform:none!important}.journey-chapters,.journey-scroll-hint,.journey-progress{display:none!important}.brand-scene-bottom{bottom:35px}.room-light{display:none}.scroll-line i{animation:none}.scene-film .scene-visual{filter:none!important}.scene-storyboard .scene-visual{box-shadow:none}.chapter-copy{bottom:12%}}
