.intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box;overflow:hidden;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:radial-gradient(90% 60% at 28% 18%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 60%),linear-gradient(172deg,#7d6650,#5c4936 48%,#3a2e23);animation:intro-in .5s ease-out both,intro-out .5s ease-in 3.7s both}.intro:focus-visible{outline:2px solid #fff;outline-offset:-6px}.intro-scene{position:absolute;inset:0;pointer-events:none}.intro-scene i{position:absolute;display:block;border-radius:50%;opacity:0;will-change:transform,opacity;animation:intro-sphere-in 1.1s cubic-bezier(.2,.7,.2,1) both}.intro-scene i:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -10px -14px 28px rgba(20,15,11,.28),inset 8px 10px 18px hsla(0,0%,100%,.2),22px 36px 60px -16px rgba(20,15,11,.5);animation:intro-sphere-float 12s ease-in-out infinite alternate}.intro-scene .cream:before{background:radial-gradient(circle at 34% 30%,#fbf6ec 0,#efe7d8 36%,#d6c7a9 70%,#a8977a 100%)}.intro-scene .ink:before{background:radial-gradient(circle at 34% 30%,#6a5541 0,#43352a 38%,#2a2118 72%,#17110c 100%);box-shadow:inset -10px -14px 28px rgba(0,0,0,.4),inset 8px 10px 18px hsla(0,0%,100%,.16),22px 36px 60px -16px rgba(0,0,0,.6)}.intro-scene .gold:before{background:radial-gradient(circle at 34% 30%,#e8d59a 0,#d8b96a 38%,#b8923c 72%,#8a6d1e 100%)}.intro-scene .tone:before{background:radial-gradient(circle at 34% 30%,#8a725b 0,#5c4936 46%,#3a2e23 100%)}.intro-scene .s1{width:30vmin;height:30vmin;left:6%;top:8%;animation-delay:0s}.intro-scene .s2{width:44vmin;height:44vmin;right:-9%;top:13%;animation-delay:.1s}.intro-scene .s3{width:54vmin;height:54vmin;left:-18%;top:37%;animation-delay:.2s}.intro-scene .s4{width:32vmin;height:32vmin;right:-3%;top:57%;animation-delay:.3s}.intro-scene .s5{width:40vmin;height:40vmin;left:30%;top:67%;animation-delay:.4s}.intro-scene .s6{width:13vmin;height:13vmin;left:56%;top:5%;animation-delay:.5s}.intro-scene .s2:before{animation-duration:14s;animation-direction:alternate-reverse}.intro-scene .s3:before{animation-duration:16s}.intro-scene .s4:before{animation-duration:11s;animation-direction:alternate-reverse}.intro-scene .s5:before{animation-duration:13s}.intro-scene .s6:before{animation-duration:9s;animation-direction:alternate-reverse}.intro-scene b{position:absolute;display:block;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(14px);opacity:0;animation:intro-shadow-in 1.4s ease-out .5s both}.intro-scene .g1{width:58vmin;height:9vmin;left:-12%;bottom:5%}.intro-scene .g2{width:40vmin;height:7vmin;left:34%;bottom:2%}@keyframes intro-sphere-in{0%{opacity:0;transform:scale(1.14) translateY(-2%)}to{opacity:1;transform:none}}@keyframes intro-sphere-float{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.03)}}@keyframes intro-shadow-in{to{opacity:1}}.intro-glass-wrap{position:relative;animation:intro-glass-in 1.5s cubic-bezier(.25,.6,.2,1) .4s both;will-change:opacity,transform}.intro-glass{display:grid;place-items:center;width:min(76vw,320px);aspect-ratio:3/4;padding:24px;box-sizing:border-box;border-radius:30px;text-align:center;background:linear-gradient(150deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.08));border:.5px solid hsla(0,0%,100%,.35);box-shadow:0 30px 64px -24px rgba(0,0,0,.5),inset 0 .5px 0 hsla(0,0%,100%,.45),inset 0 -.5px 0 hsla(0,0%,100%,.1);backdrop-filter:blur(14px) saturate(1.05);animation:intro-glass-blur-in 1.5s ease-out .4s both,intro-glass-float 3.2s ease-in-out 1.2s infinite alternate both}.intro-word{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(22px,7vw,36px);letter-spacing:.18em;text-indent:.18em;line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(20,15,11,.4),0 4px 24px rgba(20,15,11,.5);white-space:nowrap;animation:intro-logo-in .9s ease-out .9s both}.intro-word2{margin-top:.1em;letter-spacing:.34em;text-indent:.34em;animation-delay:1.3s}@keyframes intro-in{0%{opacity:0}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@keyframes intro-glass-in{0%{opacity:0;transform:translateY(6px)}}@keyframes intro-glass-blur-in{0%{backdrop-filter:blur(0) saturate(1)}to{backdrop-filter:blur(14px) saturate(1.05)}}@keyframes intro-glass-float{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}@keyframes intro-logo-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.intro,.intro-glass,.intro-glass-wrap,.intro-scene b,.intro-scene i,.intro-scene i:before,.intro-word{animation:none!important}.intro-scene b,.intro-scene i{opacity:1}}