.brand-intro{position:fixed;inset:0;z-index:1000;background:#11120f;color:#f4f0e7;overflow:hidden;isolation:isolate}
.brand-intro video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;background:#11120f}
.intro-door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#11120f;opacity:0;transition:transform 1.5s cubic-bezier(.76,0,.24,1);will-change:transform;pointer-events:none}
.intro-door.left{left:0}.intro-door.right{right:0}
.intro-door img{position:absolute;top:0;width:100vw;max-width:none;height:100dvh;object-fit:contain}.intro-door.left img{left:0}.intro-door.right img{right:0}
.brand-intro.ready .intro-door,.brand-intro.opening .intro-door{opacity:1}
.brand-intro.ready video,.brand-intro.opening video{visibility:hidden}
.intro-enter{position:absolute;left:50%;top:76%;transform:translateX(-50%);border:1px solid #c6ad7677;border-radius:0;padding:17px 36px;color:#dbc38e;background:#11120f;letter-spacing:.14em;font-size:13px;opacity:0;visibility:hidden;transition:opacity .6s,background .3s;z-index:3}
.brand-intro.ready .intro-enter{opacity:1;visibility:visible}.intro-enter:hover{background:#30291c}
.intro-controls{position:absolute;left:4vw;right:4vw;bottom:30px;display:flex;align-items:center;gap:25px;z-index:4;font-size:11px;letter-spacing:.08em}
.intro-controls button{padding:12px 5px;color:#f4f0e7;text-shadow:0 1px 5px #000}.intro-skip{margin-left:auto}
.brand-intro.opening{background:transparent;pointer-events:none}.brand-intro.opening .intro-door.left{transform:translateX(-100%)}.brand-intro.opening .intro-door.right{transform:translateX(100%)}
.brand-intro.opening .intro-enter,.brand-intro.opening .intro-controls{opacity:0;visibility:hidden;transition:opacity .2s}
body.intro-open .chapter-next,body.intro-open .chapter-dots{visibility:hidden}
@media(max-width:760px){.intro-enter{top:69%;white-space:nowrap;padding:15px 28px}.intro-controls{bottom:20px;gap:15px}}
@media(prefers-reduced-motion:reduce){.intro-door{transition:transform .01s}.intro-enter{transition:none}}