/* Duas metades do símbolo original se abrem como folhas de uma porta. */
.brand-intro{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#181818;color:#fff;box-shadow:none}
.brand-intro::backdrop{background:#181818}
html.intro-open,html.intro-open body{overflow:hidden}
.intro-product{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;background:radial-gradient(ellipse at 50% 45%,#393936 0%,#181818 65%)}
.intro-product>img{width:min(620px,82vw);height:auto;max-height:58dvh;object-fit:contain;opacity:0;transform:scale(.97)}
.intro-product-copy{text-align:center;opacity:0}
.intro-product-copy .eyebrow{font-size:10px;color:#d6a084}
.intro-product-copy strong{display:block;font-size:clamp(36px,5vw,65px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin-top:14px}
.intro-door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#eb662a;will-change:transform}
.intro-door-left{left:0}.intro-door-right{right:0}
.intro-door img{position:absolute;top:50%;width:min(1500px,160vw);height:auto;max-width:none;transform:translate(-50%,-50%)}
.intro-door-left img{left:100%}.intro-door-right img{left:0}
.intro-skip{position:absolute;right:30px;bottom:26px;z-index:3;display:flex;align-items:center;gap:22px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;background:#1818184d;color:#fff;font-size:11px;border-radius:3px}
.intro-skip>span{font-size:20px}.intro-skip:focus-visible{outline-color:#fff}
.brand-intro.is-playing .intro-door-left{animation:intro-door-left 1100ms 350ms var(--ease-in-out) both}
.brand-intro.is-playing .intro-door-right{animation:intro-door-right 1100ms 350ms var(--ease-in-out) both}
.brand-intro.is-playing .intro-product>img{animation:intro-motor 800ms 600ms var(--ease-out) both}
.brand-intro.is-playing .intro-product-copy{animation:intro-copy 600ms 850ms var(--ease-out) both}
.brand-intro.is-playing{animation:intro-leave 350ms 2150ms var(--ease-out) forwards}
.brand-intro.is-playing::backdrop{animation:intro-leave 350ms 2150ms var(--ease-out) forwards}
@keyframes intro-door-left{to{transform:translateX(-100%)}}
@keyframes intro-door-right{to{transform:translateX(100%)}}
@keyframes intro-motor{to{opacity:1;transform:scale(1)}}
@keyframes intro-copy{to{opacity:1}}
@keyframes intro-leave{to{opacity:0}}
.intro-replay{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
@media(hover:hover) and (pointer:fine){.intro-replay:hover{color:var(--orange)}.intro-skip:hover{background:#18181880}}
@media(max-width:540px){.intro-skip{right:20px;bottom:20px}.intro-product>img{width:100%;max-height:52dvh}.intro-product-copy .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-intro.is-playing .intro-door-left,.brand-intro.is-playing .intro-door-right{animation:intro-leave 150ms ease forwards}.brand-intro.is-playing .intro-product>img{transform:none;animation:intro-copy 150ms ease both}.brand-intro.is-playing .intro-product-copy{animation:intro-copy 150ms ease both}.brand-intro.is-playing,.brand-intro.is-playing::backdrop{animation:intro-leave 150ms 700ms ease forwards}}