.entrance{position:fixed;inset:0;z-index:5000;isolation:isolate;display:grid;place-items:center;background:#f5f3ed;color:#20221f;overflow:hidden;outline:none;clip-path:inset(0 0 0 0);transition:clip-path .68s cubic-bezier(.76,0,.24,1);--foil:linear-gradient(135deg,#b9d2ef,#efcde4 23%,#ecedd0 45%,#b8d9d0 66%,#c2bde8 84%,#e1d4ca)}
.entrance::before{content:'';position:absolute;inset:18px;border:1px solid #20221f14;pointer-events:none}
.entrance-top{position:absolute;top:47px;left:0;width:100%;text-align:center;font:9px/1.4 monospace;letter-spacing:.23em;color:#797b74}
.entrance-composition{width:min(540px,100%);text-align:center;transform:translateY(-4px)}
.entrance-deck{width:370px;max-width:100%;height:290px;margin:0 auto 22px;position:relative;perspective:1000px}
.entrance-card{width:158px;height:221px;position:absolute;left:50%;top:36px;margin-left:-79px;border-radius:10px;transform-style:preserve-3d;filter:drop-shadow(0 18px 14px #20221f18);will-change:transform;animation:entrance-side 2.6s cubic-bezier(.22,.75,.2,1) both}
.entrance-left{--spread:-104px;--angle:-18deg;--lift:14px;z-index:1;background:#eee9dc;padding:8px;animation-delay:.06s}
.entrance-right{--spread:104px;--angle:18deg;--lift:14px;z-index:2;background:var(--foil);padding:8px;animation-delay:.12s}
.entrance-label{display:block;font:700 7px/1.7 Grotesk,Arial;letter-spacing:.02em;text-align:left;margin:0 0 5px 2px}
.entrance-art{width:100%;height:174px;object-fit:cover;border-radius:5px}
.entrance-card-foot{display:block;font:5px/1 monospace;letter-spacing:.07em;margin:7px 2px;text-align:left;color:#34362e}
.entrance-center{z-index:3;animation:entrance-center 2.6s cubic-bezier(.22,.75,.2,1) both}
.entrance-turn{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:entrance-turn 2.6s cubic-bezier(.45,0,.2,1) both}
.entrance-face{position:absolute;inset:0;overflow:hidden;border-radius:10px;padding:8px;background:var(--foil);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.entrance-front::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff9 45%,transparent 65%);transform:translateX(-130%);animation:entrance-foil 1.1s .3s ease-out both;pointer-events:none}
.entrance-back{transform:rotateY(180deg);padding:7px}
.entrance-back-inner{height:100%;border:1px solid #fff9;background:#f5f3ed;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}
.entrance-back-inner::before,.entrance-back-inner::after{content:'';position:absolute;inset:10px;border:1px solid #20221f12;border-radius:2px}
.entrance-back-inner::after{inset:15px}
.entrance-logo{width:83px;height:93px;position:relative;z-index:1}
.entrance-back-inner span{font:7px/1 monospace;letter-spacing:.12em}
.entrance-wordmark{font:700 48px/1.1 Grotesk,Arial;letter-spacing:-.055em;animation:entrance-type .65s .55s both cubic-bezier(.2,.8,.2,1)}
.entrance-tagline{font:14px/1.5 Grotesk,Arial;letter-spacing:-.02em;margin-top:12px;animation:entrance-type .65s .75s both cubic-bezier(.2,.8,.2,1)}
.entrance-rule{height:2px;width:102px;background:var(--foil);margin:24px auto 0;transform-origin:left;animation:entrance-line .9s 1s both cubic-bezier(.2,.8,.2,1)}
.entrance-bottom{position:absolute;bottom:35px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:19px}
.entrance-bottom p{font:8px/1.4 monospace;letter-spacing:.15em;color:#777970}
.entrance-skip{font:11px/1.3 Grotesk,Arial;padding:10px 13px;color:#5c6055;text-decoration:underline;text-underline-offset:4px;background:transparent;border:0;border-radius:4px}
.entrance-skip:hover{color:#184dfa}
html.intro-pending{overflow:hidden;scrollbar-gutter:stable}
.intro-pending:not(.intro-leaving) .hero-card,.intro-pending:not(.intro-leaving) .hero-copy,.intro-pending:not(.intro-leaving) .intro-label{animation-play-state:paused}
.intro-leaving .entrance{clip-path:inset(0 0 100% 0);pointer-events:none}
.intro-leaving .entrance-composition{transform:translateY(-35px) scale(.96);opacity:0;transition:transform .5s ease,opacity .35s ease}
@keyframes entrance-side{0%{opacity:0;transform:translate3d(0,75px,0) rotate(0) scale(.84)}15%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}42%,83%{opacity:1;transform:translate3d(var(--spread),var(--lift),0) rotate(var(--angle)) scale(.96)}100%{opacity:1;transform:translate3d(calc(var(--spread)*.84),calc(var(--lift) + 5px),0) rotate(var(--angle)) scale(.93)}}
@keyframes entrance-center{0%{opacity:0;transform:translate3d(0,90px,0) rotate(-9deg) scale(.8)}20%{opacity:1;transform:translate3d(0,0,35px) rotate(-5deg) scale(1)}47%{transform:translate3d(0,-6px,70px) rotate(-3deg) scale(1.03)}75%,100%{opacity:1;transform:translate3d(0,-6px,80px) rotate(0) scale(1.05)}}
@keyframes entrance-turn{0%,34%{transform:rotateY(0)}70%,100%{transform:rotateY(180deg)}}
@keyframes entrance-foil{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
@keyframes entrance-type{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes entrance-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:480px){.entrance::before{inset:10px}.entrance-top{top:32px;font-size:7px;letter-spacing:.16em}.entrance-deck{transform:scale(.88);margin-bottom:-5px}.entrance-wordmark{font-size:43px}.entrance-tagline{font-size:13px}.entrance-bottom{bottom:22px}.entrance-bottom p{font-size:7px;letter-spacing:.1em}}
@media(max-height:620px){.entrance-top{top:24px}.entrance-composition{transform:scale(.75)}.entrance-bottom{bottom:17px;gap:4px}}
@media(prefers-reduced-motion:reduce){.entrance{display:none!important}html.intro-pending{overflow:visible}}