/* The backdrop and the 3D scene are siblings, preserving the cube's depth. */
html.intro-pending:not(.intro-running) .hero-copy,
html.intro-pending:not(.intro-running) .hero .official-cube { visibility:hidden; }
.lesly-intro {position:fixed;inset:0;z-index:100;pointer-events:none;}
.lesly-intro-backdrop {position:absolute;inset:0;background:linear-gradient(112deg,#111b2c 0%,#1e293b 52%,#203d81 100%);}
.lesly-intro-cube {position:absolute;left:0;top:0;width:168px;height:168px;transform-origin:0 0;perspective:900px;}
.lesly-intro-cube .official-cube {transform:none;}
.lesly-intro-skip {position:absolute;right:max(24px,4vw);bottom:max(28px,env(safe-area-inset-bottom));background:transparent;border:0;border-bottom:1px solid #91a7c566;color:#c7d5e7;font:inherit;font-size:14px;padding:12px 0;cursor:pointer;pointer-events:auto;}
.lesly-intro-skip:hover {color:white;border-color:white;}
@media(prefers-reduced-motion:reduce){.lesly-intro{display:none}html.intro-pending .hero-copy,html.intro-pending .hero .official-cube{visibility:visible}}

.lesly-cosmos {position:absolute;left:calc((100% - 100vw)/2);top:0;width:100vw;height:100%;pointer-events:none;z-index:0;}
.lesly-cosmos.cosmos-intro {position:absolute;inset:0;width:100%;height:100%;transform:none;}
.lesly-intro-cube {z-index:1;}
.lesly-intro-skip {z-index:2;}
.hero {overflow:visible;isolation:isolate;}
.hero-copy {position:relative;z-index:2;}
.hero-visual {z-index:1;}
body {overflow-x:clip;}
.lesly-deep-space {position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
main,footer {position:relative;z-index:1;}

.cosmos-motion-toggle{background:transparent;border:0;border-bottom:1px solid #91a7c566;color:#b4c6e0;padding:10px 0;cursor:pointer;font:inherit;}
.cosmos-motion-toggle:hover{color:#fff;}
@media(prefers-reduced-motion:reduce){.cosmos-motion-toggle{display:none;}}