.site-intro{display:none;position:fixed;inset:0;z-index:5000;background:#243d9f;color:#fff9ed;overflow:hidden;font-family:'DM Sans',sans-serif;isolation:isolate;min-height:100svh}
.intro-pending .site-intro,.site-intro.is-playing{display:block}
.intro-pending #site-content{visibility:hidden}
.intro-playing{overflow:hidden}
.site-intro::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#6576d34d,transparent 55%),radial-gradient(ellipse at 15% 100%,#e9573929,transparent 45%)}
.intro-edition,.intro-bottom{position:absolute;font-size:8px;letter-spacing:.18em;line-height:1.6;color:#fff9edb3}
.intro-edition{top:31px;left:40px}.intro-bottom{bottom:25px;width:100%;text-align:center;font-size:7px;letter-spacing:.19em}
.intro-skip{position:absolute;top:21px;right:32px;padding:10px 16px;min-height:44px;color:#fff9ed;background:transparent;border:1px solid #fff9ed80;font-size:10px;display:flex;gap:25px;align-items:center;z-index:20;cursor:pointer}
.intro-skip:hover{background:#fff9ed;color:#243d9f}.intro-skip:focus-visible{outline:2px solid #e5ed79;outline-offset:5px}
.intro-universe{position:absolute;width:650px;height:470px;left:50%;top:44%;transform:translate(-50%,-60%);perspective:1200px}
.intro-halo{position:absolute;left:50%;top:42%;width:330px;height:330px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e5ed794d,transparent 68%);filter:blur(15px);animation:introHalo 3.4s ease both}
.intro-beam{position:absolute;left:50%;top:1%;width:480px;height:390px;transform:translateX(-50%);background:conic-gradient(from 155deg at 50% 90%,transparent 0deg,#fff9ed00 8deg,#f7e2b666 22deg,#e5ed7966 29deg,#fff9ed00 45deg,transparent 50deg);filter:blur(13px);opacity:0;mix-blend-mode:screen;animation:introBeam 3.4s ease both;pointer-events:none}
.intro-orbit{position:absolute;left:50%;top:46%;border:1px solid #fff9ed26;border-radius:50%;width:500px;height:195px;transform:translate(-50%,-50%) rotate(-21deg);animation:introOrbit 3.4s ease both}
.orbit-b{width:400px;height:400px;transform:translate(-50%,-50%) rotate(35deg);border-style:dashed;opacity:.4}
.intro-spark{position:absolute;color:#e5ed79;font-size:25px;line-height:1;animation:introSpark 3.4s ease both}
.spark-a{top:14%;left:14%;transform:rotate(15deg)}.spark-b{right:9%;top:41%;font-size:40px;color:#eec3d4;animation-delay:.12s}.spark-c{bottom:16%;left:26%;font-size:17px;color:#f09573;animation-delay:.2s}
.intro-pedestal{position:absolute;left:50%;bottom:34px;width:330px;height:50px;border-radius:50%;background:#101c6555;filter:blur(15px);transform:translateX(-50%);animation:introShadow 3.4s ease both}
.intro-camera{position:absolute;left:50%;top:48%;width:174px;height:244px;perspective:1100px;transform:translate(-50%,-50%)}
.intro-volume{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translateX(42px) rotateX(18deg) rotateY(-28deg) rotateZ(-9deg);animation:introBook 3.4s cubic-bezier(.25,.65,.25,1) both}
.intro-back,.intro-front,.intro-page-block,.intro-inside,.intro-leaf{position:absolute;inset:0;transform-style:preserve-3d;border-radius:2px 5px 5px 2px}
.intro-back{background:#b53e2c;border:1px solid #ffb18a;transform:translateZ(-20px);box-shadow:5px 15px 20px #101c6533}
.intro-page-block{inset:4px 3px 4px 5px;background:#e2d9c0;transform:translateZ(-10px);box-shadow:1px 0 0 #fff6e3,2px 1px 0 #c8bea8,3px 2px 0 #fff6e3,4px 3px 0 #c8bea8,5px 4px 0 #fff6e3,6px 5px 0 #c8bea8,7px 6px 0 #fff6e3,8px 7px 0 #c8bea8,9px 8px 0 #fff6e3}
.intro-spine{position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#ad3d2b,#f58a62);transform-origin:left;transform:translateZ(-20px) rotateY(-90deg);border-block:1px solid #ffbd8b}
.intro-inside{inset:5px 3px 5px 6px;background:linear-gradient(90deg,#d6ccb1,#fff9ed 15%,#f6edda);color:#242427;padding:35px 18px 20px;transform:translateZ(-1px);border:1px solid #d1c6a8;box-shadow:inset 8px 0 10px #a2926b26}
.intro-inside>span{font-family:'Space Grotesk',sans-serif;font-size:18px;line-height:1.17;letter-spacing:-.05em;display:block;margin-bottom:24px}
.intro-inside em{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#304ab5;font-weight:500}
.intro-inside i{height:2px;margin-top:9px;background:#c8bca1;display:block;width:100%}.intro-inside i:nth-of-type(2){width:85%}.intro-inside i:nth-of-type(3){width:60%}
.intro-inside small{position:absolute;bottom:18px;left:18px;font-size:5px;letter-spacing:.18em;color:#6b665a}
.intro-front{transform-origin:left center;animation:introCover 3.4s cubic-bezier(.28,.58,.26,1) both}
.intro-cover-outside,.intro-cover-inside{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #ffbf94;border-radius:2px 5px 5px 2px}
.intro-cover-outside{background:linear-gradient(105deg,#d84b32 0%,#f4835e 6%,#f06a46 11%,#e95739 70%,#d74a34);padding:19px 19px;color:#242427;box-shadow:inset 4px 0 6px #651c2059,inset -2px 0 2px #ffd0a54d}
.intro-cover-label{font-size:5px;letter-spacing:.16em;border-bottom:1px solid #24242766;padding-bottom:8px;display:block}
.intro-cover-outside strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:33px;line-height:.95;letter-spacing:-.075em;font-weight:500;margin-top:18px}
.intro-cover-flower{position:absolute;right:15px;bottom:44px;width:75px;height:75px;color:#e5ed79;transform:rotate(13deg)}.intro-cover-flower svg{width:100%;height:100%}
.intro-cover-foot{position:absolute;left:19px;bottom:18px;font-size:5px;line-height:1.5;letter-spacing:.08em}
.intro-cover-inside{transform:rotateY(180deg);background:linear-gradient(90deg,#f4e8cb,#fff9ed 85%,#b8a98b);color:#304ab5;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.intro-cover-inside>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;line-height:1.1;font-style:italic;transform:rotate(-6deg)}
.intro-leaf{inset:5px 4px 5px 6px;transform-origin:left center;background:linear-gradient(90deg,#d1c5a8,#fff9ed 10%,#f7edd8);color:#304ab5;backface-visibility:visible;border:1px solid #ddd1b3;padding:38px 19px;animation:introLeaf 3.4s ease-in-out both}
.intro-leaf span{display:block;width:100%;height:2px;background:#c6bea6;margin:11px 0}.intro-leaf span:nth-child(2){width:80%}.intro-leaf span:nth-child(4){width:65%}
.intro-leaf b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:500;font-style:italic;margin-top:28px}
.leaf-one{animation-delay:.16s;transform:translateZ(-.1px)}.leaf-two{animation-delay:.28s;transform:translateZ(-.2px)}.leaf-three{animation-delay:.4s;transform:translateZ(-.3px)}
.intro-signature{position:absolute;top:70%;left:0;right:0;text-align:center;animation:introType .9s .3s both}
.intro-signature>p{font-size:7px;letter-spacing:.18em;line-height:1.7;color:#fff9edb3;margin:0 20px 10px}
.intro-signature h2{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:49px;letter-spacing:-.07em;line-height:1.1;margin:0;color:#fff9ed}
.intro-signature h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25em;font-weight:500;color:#e5ed79;letter-spacing:-.03em}
.intro-opening{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:20px}.intro-opening p{font-size:8px;letter-spacing:.08em;margin:0;color:#fff9edb3}.intro-opening>span{height:1px;width:30px;background:#fff9ed66}
.site-intro.is-leaving{animation:introReveal .55s cubic-bezier(.65,0,.35,1) both;pointer-events:none}
.site-intro.is-leaving .intro-universe{opacity:0;transition:opacity .2s}.site-intro.is-leaving .intro-signature{opacity:0;transition:opacity .2s}
.intro-replay{background:none;border:0;color:inherit;font:inherit;padding:0;border-bottom:1px solid #ffffff45;cursor:pointer}.intro-replay:hover{color:#e5ed79}
@keyframes introBook{0%{opacity:0;transform:translateX(20px) translateY(35px) rotateX(32deg) rotateY(-48deg) rotateZ(-12deg) scale(.82)}18%{opacity:1}40%{transform:translateX(35px) translateY(-9px) rotateX(19deg) rotateY(-25deg) rotateZ(-8deg) scale(1)}78%,100%{opacity:1;transform:translateX(65px) translateY(-5px) rotateX(17deg) rotateY(-12deg) rotateZ(-6deg) scale(1.03)}}
@keyframes introCover{0%,25%{transform:rotateY(0)}64%,100%{transform:rotateY(-156deg)}}
@keyframes introLeaf{0%,35%{transform:rotateY(0)}76%,100%{transform:rotateY(-146deg)}}
@keyframes introHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}35%{opacity:.7}65%,100%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes introBeam{0%,25%{opacity:0;transform:translateX(-50%) scaleX(.2)}58%{opacity:.65}100%{opacity:.15;transform:translateX(-50%) scaleX(1.3)}}
@keyframes introOrbit{0%{opacity:0}30%,100%{opacity:.7}}
@keyframes introSpark{0%,20%{opacity:0;scale:.5}55%,100%{opacity:.85;scale:1}}
@keyframes introShadow{0%{opacity:0;scale:.7}40%,100%{opacity:.65;scale:1}}
@keyframes introType{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes introReveal{to{opacity:0;transform:translateY(-5%);visibility:hidden}}
@media(max-width:600px){.intro-edition{top:28px;left:20px;font-size:6px;letter-spacing:.1em}.intro-skip{right:20px;top:18px;padding:8px 12px;font-size:9px;gap:15px}.intro-universe{width:440px;height:390px;top:45%;transform:translate(-50%,-64%) scale(.86)}.intro-signature{top:69%}.intro-signature h2{font-size:43px}.intro-signature>p{font-size:6px;letter-spacing:.11em;max-width:280px;margin:0 auto 13px;line-height:1.8}.intro-bottom{font-size:6px;letter-spacing:.08em;bottom:22px;padding:0 25px}.intro-opening{margin-top:18px;gap:10px}.intro-opening p{font-size:7px}.intro-opening>span{width:22px}.spark-a{left:13%}.spark-b{right:11%}}
@media(max-height:650px) and (min-width:601px){.intro-universe{transform:translate(-50%,-62%) scale(.75);top:43%}.intro-signature{top:69%}.intro-signature h2{font-size:37px}.intro-signature>p{font-size:6px}.intro-opening{margin-top:12px}.intro-bottom{bottom:15px}}
@media(max-height:650px) and (max-width:600px){.intro-universe{transform:translate(-50%,-62%) scale(.65);top:43%}.intro-signature{top:68%}.intro-signature h2{font-size:35px}.intro-opening{margin-top:12px}}
.intro-edition,.intro-bottom{font-size:12px;letter-spacing:.1em}
.intro-skip{font-size:14px}
.intro-signature>p{font-size:12px;letter-spacing:.1em}
.intro-opening p{font-size:14px}
@media(max-width:600px){.intro-edition{max-width:44%;font-size:11px;top:20px;line-height:1.6}.intro-skip{font-size:13px}.intro-signature>p{font-size:11px;max-width:300px;line-height:1.7}.intro-opening p{font-size:12px}.intro-bottom{font-size:10px;line-height:1.7;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}.intro-pending #site-content{visibility:visible}.intro-playing{overflow:auto}}