.cinematic-page{position:relative;isolation:isolate;background:#14263e;--photo-ratio:1.826831589;--photo-position:64%}
.motion-backdrop{position:absolute;top:0;left:0;width:100%;height:var(--scene-cover-height,100svh);overflow:hidden;z-index:-1;pointer-events:none;background:#14263e}
.motion-camera{position:absolute;inset:0;perspective:1800px;transform-origin:50% 55%;will-change:transform}
.motion-scene{position:absolute;left:0;top:0;bottom:0;width:max(142.857142857vw,calc(var(--photo-ratio) * var(--scene-cover-height,100svh)));transform:translate3d(0,0,0);opacity:0;transition:opacity 650ms ease-out;will-change:transform}
.scene-ready .motion-scene{transition:transform 2800ms cubic-bezier(.38,.02,.2,1),opacity 650ms ease-out}
[data-photo-ready=true] .motion-scene{opacity:1}
[data-view=about] .motion-scene{transform:translate3d(calc(100vw - 100%),0,0)}
.motion-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center var(--photo-position)}
.motion-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,44,.65),rgba(7,25,44,.32) 47%,rgba(7,25,44,.06) 85%),linear-gradient(180deg,rgba(7,25,44,.4),transparent 38%,transparent 65%,rgba(7,25,44,.62))}
[data-view=about] .motion-shade{background:linear-gradient(90deg,rgba(9,27,46,.2),rgba(9,27,46,.35) 62%,rgba(9,27,46,.24)),linear-gradient(180deg,rgba(7,25,44,.48),rgba(7,25,44,.13) 48%,transparent 68%,rgba(7,25,44,.65))}
.cinematic-page .masthead,.cinematic-page .chapter-hero{color:#fff;--cover-ink:#fff}
.cinematic-page .brand-location{color:#e2d7c1}.cinematic-page .firm-type{color:#dbd4c5;opacity:1}
.cinematic-page .main-nav{border-color:#ffffff38}.cinematic-page .main-nav a[aria-current]:after{background:#cfb37c}
.cinematic-page .home-art{display:none}.cinematic-page.home-page main{min-height:0}
.cinematic-page .home-scene{min-height:calc(100svh - var(--masthead-height,170px));margin-top:0;padding-bottom:80px}
.cinematic-page .home-message{padding-block:50px 105px;animation:motion-title-in .55s .08s both}
.cinematic-page .home-message h1{max-width:1500px;text-shadow:0 3px 30px #05142540}.cinematic-page .home-message h1>span{display:block}
.cinematic-page .home-identity{color:#e1e5e9;max-width:75%}.cinematic-page .home-bottom{border-color:#ffffff38}.cinematic-page .home-bottom>span{color:#d4d8df}
.cinematic-page .chapter-hero{position:relative;z-index:1;animation:motion-title-in .5s .08s both}
.cinematic-page:not(.compact-cover) .chapter-hero{width:100%;margin:0;min-height:calc(100svh - var(--masthead-height,170px));display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(12px,2.2vh,36px) var(--gutter) 100px 39.5vw}
.cinematic-page:not(.compact-cover) .chapter-hero>.eyebrow{display:none}.cinematic-page:not(.compact-cover) .chapter-heading{display:block;text-align:center}
.cinematic-page:not(.compact-cover) .chapter-heading h1{font-family:FirmLatin,Georgia,serif;font-size:min(clamp(28px,3vw,88px),4.7vh);font-weight:400;letter-spacing:.025em;line-height:1.75;margin:0;white-space:nowrap;text-shadow:0 1px 24px #14263e55}
.cinematic-page:not(.compact-cover) .chapter-heading h1 span{display:block}.cinematic-page:not(.compact-cover) .chapter-heading h1 span+span{color:#dfc899}
.cinematic-page:not(.compact-cover) .chapter-heading>p{display:none}
.cinematic-page .chapter-hero>.eyebrow{color:#dac397;opacity:1}.cinematic-page .chapter-body{position:relative;z-index:1;box-shadow:0 -15px 45px #0615260f}.cinematic-page:not(.compact-cover) .chapter-body{min-height:100svh}
.cinematic-page.compact-cover .chapter-hero{padding-block:40px 45px;min-height:260px}.cinematic-page.compact-cover .chapter-heading h1{font-size:clamp(35px,3.1vw,72px)}
.cinematic-page .site-footer{position:relative;z-index:1}.cover-scroll{position:absolute;left:39.5vw;bottom:30px;display:inline-flex;align-items:center;gap:34px;font-size:12px;color:#e5dbc4}.cover-scroll>span{font-size:20px}
.scene-ai-label{position:absolute;right:var(--gutter);top:calc(var(--scene-cover-height,100svh) - 18px);font-size:9px;font-weight:400;line-height:1.2;letter-spacing:.03em;color:#e9edf5b8;visibility:hidden;pointer-events:none}
[data-photo=lotte] .scene-ai-label{visibility:visible}
.scene-leaving .home-message,.scene-leaving .chapter-hero{opacity:0!important;transform:translateY(10px);transition:opacity 180ms,transform 350ms;animation:none!important}
@keyframes motion-title-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1900px){.cinematic-page .home-message{padding-bottom:130px}.cover-scroll{font-size:15px;bottom:38px}.cinematic-page.compact-cover .chapter-hero{padding-block:52px 58px;min-height:330px}}
@media(max-width:1100px){.cinematic-page .home-identity{max-width:86%}}
@media(max-width:760px){.scene-ready .motion-scene{transition-duration:3200ms,650ms}.cinematic-page .home-scene{padding-top:35px;padding-bottom:90px;min-height:calc(100svh - var(--masthead-height,100px))}.cinematic-page .home-message{padding-block:32px 65px}.cinematic-page .home-identity{max-width:100%;font-size:14px}.cinematic-page .home-bottom>a{display:none}.cinematic-page:not(.compact-cover) .chapter-hero{border-top:0;margin:0;padding:45px var(--gutter) 100px;min-height:calc(100svh - var(--masthead-height,100px))}.cinematic-page:not(.compact-cover) .chapter-heading h1{font-size:clamp(17px,4.6vw,28px)}.cover-scroll{left:var(--gutter);bottom:27px;font-size:11px;gap:25px}.cinematic-page.compact-cover .chapter-hero{min-height:0;border-top:0;margin-top:0;padding-block:42px 38px}.cinematic-page.compact-cover .chapter-heading h1{font-size:clamp(30px,7.5vw,48px)}.cinematic-page .chapter-body{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.motion-scene{transition:none!important;will-change:auto}.motion-camera{will-change:auto}.cinematic-page .home-message,.cinematic-page .chapter-hero{animation:none;transform:none}.scene-leaving .home-message,.scene-leaving .chapter-hero{opacity:1!important}}
