.hero-intro{position:absolute;inset:0;z-index:12;background:#080a08;opacity:1;transition:opacity .65s ease;overflow:hidden}.hero-intro video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.hero-intro.is-ending{opacity:0;pointer-events:none}.intro-skip{position:absolute;top:112px;right:42px;background:rgba(8,10,8,.78);color:#ede9df;border:1px solid rgba(237,233,223,.45);min-height:46px;padding:12px 22px;font-size:12px;font-weight:600;backdrop-filter:blur(12px)}.intro-skip:hover{background:#ede9df;color:#151812}.intro-caption{position:absolute;left:42px;bottom:78px;color:#ede9df;background:rgba(8,10,8,.5);padding:8px 12px}.hero-intro-toggle{position:absolute;left:42px;top:214px;z-index:5;display:inline-flex;align-items:center;min-height:44px;background:transparent;border-bottom:1px solid currentColor;padding:8px 0;font-size:12px;font-weight:600}.intro-active .hero .hero-note,.intro-active .hero .hero-aside,.intro-active .portrait-controls,.intro-active .portrait-instruction,.intro-active .hero-intro-toggle,.intro-active .hero-side-label{visibility:hidden}.intro-active .hero-bottom{z-index:14;color:#ede9df}.intro-active .hero-bottom>span,.intro-active .motion-toggle{background:transparent;color:#ede9df}.intro-active .scroll-cue{display:none}.intro-active .site-header{color:#ede9df;background:linear-gradient(180deg,rgba(8,10,8,.85),rgba(8,10,8,.55));border-color:rgba(237,233,223,.2)}.intro-active .brand-logo{filter:brightness(1.6)}.intro-active .text-button{color:#ede9df}.intro-active .menu-button{border:1px solid rgba(237,233,223,.3)}@media(min-width:1101px) and (max-height:820px){.hero-intro-toggle{top:194px;left:34px}}@media(min-width:761px) and (max-width:1100px){.hero-intro-toggle{top:206px;left:30px}}@media(max-width:760px){.hero-intro video{object-fit:contain}.intro-skip{top:96px;right:20px;padding:10px 16px}.intro-caption{left:20px;bottom:82px;font-size:9px}.hero-intro-toggle{left:20px;top:244px;font-size:11px;min-height:44px}.intro-active .site-header{background:#080a08}}@media(max-height:520px) and (orientation:landscape){.hero-intro-toggle{top:156px;left:24px}.intro-skip{top:96px}.hero-intro video{object-fit:contain}}@media(prefers-reduced-motion:reduce){html:not(.motion-explicit) .hero-intro{transition:none}}.reduce-motion .hero-intro{transition:none}