.brand-intro{border:0;padding:0;margin:0;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#111619;color:#f5f4f0;overflow:hidden;opacity:1;transition:opacity .55s ease;font-family:Manrope,Arial,sans-serif}
.brand-intro::backdrop{background:#111619;opacity:1;transition:opacity .55s ease}
.intro-play{position:absolute;bottom:12%;z-index:3;padding:14px 24px;border:0;background:#f4df79;color:#202326;font:700 14px Manrope,Arial,sans-serif;cursor:pointer;min-height:48px}
.intro-play[hidden]{display:none}
.intro-play:focus-visible{outline:2px solid white;outline-offset:4px}
.intro-status{position:absolute;bottom:2%;left:8%;right:8%;text-align:center;font:500 12px/1.5 Manrope,Arial,sans-serif;color:#d9dcda;margin:0}
.intro-status:empty{display:none}
.brand-intro.is-leaving::backdrop{opacity:0}
.brand-intro[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;isolation:isolate}
.brand-intro.is-leaving{opacity:0;pointer-events:none}
.brand-intro::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 46%,#353b3029,transparent 62%)}
.intro-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(22px,4vw,65px);position:relative;z-index:2}
.intro-brand{font-size:12px;font-weight:800;letter-spacing:.22em;color:#f4df79;margin:0}
.intro-brand span{font-weight:500;color:#abb2ae;margin-left:12px;letter-spacing:.1em}
.intro-skip,.intro-sound{min-height:44px;background:none;border:1px solid #ffffff35;color:#edf0ea;padding:0 18px;font:600 12px Manrope,Arial,sans-serif;cursor:pointer;display:inline-flex;gap:12px;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
.intro-skip:hover,.intro-sound:hover{color:#f4df79;border-color:#f4df79}
.intro-skip:focus-visible,.intro-sound:focus-visible,.intro-replay:focus-visible{outline:2px solid #f4df79;outline-offset:5px}
.intro-stage{min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.intro-film{display:block;width:min(82vw,calc(100dvh - 190px),850px);height:min(82vw,calc(100dvh - 190px),850px);object-fit:contain;background:transparent;mask-image:radial-gradient(ellipse farthest-side at center,#000 89%,transparent 100%)}
.intro-caption{font-size:clamp(15px,1.4vw,20px);line-height:1.4;letter-spacing:-.35px;font-weight:500;margin:0;text-align:center}
.intro-bottom{padding:12px clamp(22px,4vw,65px) 26px;position:relative;z-index:2}
.intro-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:25px}
.intro-sound{justify-self:start;border:0;padding:0 7px 0 0;font-size:11px;color:#aab3b0}
.intro-sound svg{width:18px;height:18px;flex:none}
.intro-sound[aria-pressed=true]{color:#f4df79}
.intro-sound .sound-waves{display:none}.intro-sound[aria-pressed=true] .sound-waves{display:block}.intro-sound[aria-pressed=true] .sound-cross{display:none}
.intro-sequence{justify-self:end;font-size:9px;line-height:1.7;font-weight:500;letter-spacing:.18em;color:#9fa8a3;text-align:right}
.intro-timeline{height:2px;background:#ffffff17;margin-top:20px;overflow:hidden}
.intro-timeline span{display:block;height:100%;background:#f4df79;transform:scaleX(0);transform-origin:left center;box-shadow:0 0 10px #f4df7955;will-change:transform}
.intro-replay{color:#e6e8df;background:transparent;border:1px solid #6a706c;padding:12px 17px;min-height:44px;font:600 11px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.intro-replay:hover{border-color:#f4df79;color:#f4df79}
html{scrollbar-gutter:stable}
html[data-intro-active]{overflow:hidden}
html[data-intro-active] .mobile-contact{visibility:hidden}
@media(max-width:760px){.intro-bar{padding:18px 20px;gap:10px}.intro-brand{font-size:10px;letter-spacing:.12em}.intro-brand span{display:none}.intro-skip{padding:0 13px;font-size:11px}.intro-film{width:min(110vw,calc(100dvh - 220px));height:min(110vw,calc(100dvh - 220px));max-width:none;flex-shrink:0}.intro-bottom{padding:12px 22px max(22px,env(safe-area-inset-bottom))}.intro-controls{grid-template-columns:1fr 1fr;gap:15px}.intro-caption{grid-column:1/-1;grid-row:1;font-size:17px;margin-bottom:13px}.intro-sound{grid-column:1;grid-row:2;font-size:11px}.intro-sequence{grid-column:2;grid-row:2;font-size:8px}.intro-timeline{margin-top:12px}.footer .intro-replay{margin:4px 0 18px}}
@media(max-height:520px) and (min-width:761px){.intro-bar{padding-top:10px;padding-bottom:5px}.intro-bottom{padding-bottom:14px}.intro-film{width:calc(100dvh - 135px);height:calc(100dvh - 135px)}.intro-caption{font-size:14px}.intro-timeline{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.brand-intro,.intro-skip,.intro-sound{transition:none}}