/* The centered portrait and emblem share one reversible scroll timeline. */
.studio-intro{height:300svh;position:relative;background:#141715;color:#f3efe5;isolation:isolate}
.intro-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:#141715}
.intro-base{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#87384b14,transparent 62%),#141715}
.intro-field{opacity:var(--page-form,0)}.intro-page-emblem{opacity:calc(var(--page-form,0)*.035)}
#intro-film{display:none}
.traveling-loop{position:absolute;left:0;top:0;z-index:2;pointer-events:none;will-change:transform,opacity;opacity:0;transform-origin:0 0;aspect-ratio:1}
.traveling-loop svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--intro-logo-rotation,90deg));transform-origin:50% 50%;will-change:transform}
.loop-edge,.loop-core,.loop-laser{fill:none;stroke-linecap:round;stroke-linejoin:round}
.loop-edge{stroke-width:11.5;opacity:.9}.loop-core{stroke:#f3efe5;stroke-width:7.8}
.loop-laser{stroke:#fff;stroke-width:2;stroke-dasharray:.055 .945;filter:drop-shadow(0 0 3px #c8debd)}
.traveling-loop .loop-laser{animation:none;opacity:0}
.loop-charge{fill:none;stroke:#c8debd;stroke-width:11.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 calc(var(--charge-glow,0)*1.8px) #c8debd)}
.loop-sparks{pointer-events:none}.loop-burst{transform-box:view-box;mix-blend-mode:screen}
.intro-portrait-layer{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0}
.intro-portrait-layer>img{position:absolute;top:0;left:0;display:block;max-width:none;object-fit:fill;will-change:transform,opacity;transform-origin:0 0}
.intro-ground{position:absolute;background:linear-gradient(transparent,#141715 98%);opacity:var(--portrait-ground,0)}
.intro-light{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.intro-landing{--env-fg:#f3efe5;--env-copy:#d9ddd3;--env-tag:#e9cbd0;--env-rule:#f3efe538;position:absolute;inset:0;z-index:5;opacity:var(--copy-form,0)}.intro-landing .journey-utility{transform:none}
.intro-name-layer{position:absolute;left:50%;top:76%;width:min(74vw,360px);height:auto;transform:translateX(-50%);transform-origin:0 0;z-index:6;opacity:1;will-change:transform;pointer-events:auto}
.intro-name-layer>.name-logo{display:block;width:100%;height:100%;max-width:none;overflow:visible;transform:rotate(var(--intro-name-rotation,0deg));transform-origin:50% 50%;color:#f3efe5;fill:#f3efe5}
.intro-name-layer .name-logo .brand-last{fill:#f3efe5;stroke:none!important}
.intro-name-layer .name-logo .letter{animation:none!important;opacity:1;translate:0 0;filter:none}
.intro-landing .journey-name{visibility:hidden!important}
/* One entry action, present from the first frame and clear of the name. */
.intro-enter{position:absolute;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));translate:-50% 0;z-index:7;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:206px;min-height:58px;padding:14px 19px 14px 23px;border:1px solid #e9b85399;background:#141715ed;color:#f3efe5;box-shadow:0 3px 0 #87384b;font:800 23px/1 "Mooney Court",sans-serif;letter-spacing:.025em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));transition:background .2s,color .2s}
.intro-enter>.zm-icon{width:24px;height:24px;color:#e9b853;flex:none}
.intro-enter:hover{background:#e9b853;color:#141715}.intro-enter:hover>.zm-icon{color:#141715}
.intro-enter:focus-visible{outline:3px solid #f3efe5;outline-offset:-5px}
body.intro-active .site-header{visibility:hidden;pointer-events:none}
body.intro-active .money-slide-control{display:none!important}
.intro-landing :is(a,button,input,select,textarea,summary){visibility:hidden!important}
.site-header>.header-company{width:110px;height:38px;object-fit:contain;background:transparent;padding:0;border-radius:0;filter:brightness(0) invert(1);pointer-events:none}
body[data-page=home] .identity{gap:14px}.site-header .identity>span.header-company-label{display:none}
body.intro-enhanced .portrait-journey{margin-top:-100svh;opacity:var(--journey-ready,0)}
body.intro-enhanced #the-person{scroll-margin-top:-24px}
body.intro-enhanced:not(.intro-active) .intro-pin{visibility:hidden}
.intro-film-link{display:inline-flex;gap:18px;font-size:10px;text-decoration:underline;text-underline-offset:4px;margin-top:20px}
.journey-utility .affiliation img{background:#f3efe5;padding:5px 8px;border-radius:2px}
@media(max-width:767px){.studio-intro{height:270svh}.intro-enter{min-width:202px;font-size:22px}.site-header>.header-company{width:104px;height:25px;padding:0}body[data-page=home] .identity{gap:8px}}
@media(max-width:360px){.site-header>.header-company{width:68px;height:23px}}
body.motion-paused .studio-intro{display:none}body.motion-paused.intro-enhanced .portrait-journey{margin-top:0;opacity:1}
@media(prefers-reduced-motion:reduce){.studio-intro{display:none}.loop-laser{animation:none;display:none}.traveling-loop svg{transform:none;will-change:auto}body.intro-enhanced .portrait-journey{margin-top:0;opacity:1}}
@media print{.studio-intro{display:none!important}body.intro-enhanced .portrait-journey{margin-top:0;opacity:1}}

body.intro-enhanced #the-person .name-logo .letter,.intro-landing .name-logo .letter{animation:none!important;opacity:1;translate:0 0;filter:none}