.dorisan-intro{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,#17140e 0,#08090b 38%,#020304 76%);color:#f2d783;opacity:0;visibility:hidden;pointer-events:none;contain:layout paint style;isolation:isolate}
.dorisan-intro.is-active{opacity:1;visibility:visible;pointer-events:auto}
html.dorisan-intro-lock,html.dorisan-intro-lock body{overflow:hidden}
.dorisan-intro__skip{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-width:70px;min-height:44px;padding:9px 16px;border:1px solid rgba(226,190,83,.58);border-radius:999px;background:rgba(5,6,8,.72);color:#f4e6b4;font:600 .78rem/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0}
.dorisan-intro.is-active .dorisan-intro__skip{animation:dorisan-intro-fade .3s ease .12s forwards}
.dorisan-intro__skip:focus-visible{outline:2px solid #f1d88a;outline-offset:4px}
.dorisan-intro__stage{display:grid;place-items:center;width:min(82vw,430px);transform:translateY(-1vh)}
.dorisan-intro__mark{grid-area:1/1;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 18px rgba(198,154,59,.12))}
.dorisan-intro__orbit{fill:none;stroke:url(#dorisan-intro-gold);stroke-width:2;stroke-dasharray:861;stroke-dashoffset:861;opacity:.8;filter:drop-shadow(0 0 8px rgba(226,190,83,.45))}
.dorisan-intro__wolves{transform-origin:200px 200px}
.dorisan-intro__wolf{transform-box:fill-box;transform-origin:center;opacity:0}
.dorisan-intro__wolf--light{fill:url(#dorisan-intro-pearl);filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}
.dorisan-intro__wolf--dark{fill:#050608;stroke:url(#dorisan-intro-gold);stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(214,173,75,.35))}
.dorisan-intro__core{fill:#f1d88a;opacity:0;transform-origin:200px 200px;filter:drop-shadow(0 0 14px #d5ad4d)}
.dorisan-intro__brand{grid-area:1/1;display:grid;gap:7px;text-align:center;opacity:0;transform:translateY(16px)}
.dorisan-intro__brand strong{font:700 clamp(2.2rem,10vw,4.3rem)/.9 Georgia,"Times New Roman",serif;letter-spacing:.12em;background:linear-gradient(105deg,#8b621f 0,#f3dc8e 42%,#fff4c3 50%,#c18e31 67%,#7b541b 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.dorisan-intro.is-active .dorisan-intro__orbit{animation:dorisan-intro-orbit 1.05s cubic-bezier(.55,.05,.3,1) 1s forwards}
.dorisan-intro.is-active .dorisan-intro__wolves{animation:dorisan-intro-unite 1.65s cubic-bezier(.32,.72,.28,1) .08s both}
.dorisan-intro.is-active .dorisan-intro__wolf--light{animation:dorisan-intro-light 1.25s cubic-bezier(.2,.75,.25,1) .08s both}
.dorisan-intro.is-active .dorisan-intro__wolf--dark{animation:dorisan-intro-dark 1.25s cubic-bezier(.2,.75,.25,1) .08s both}
.dorisan-intro.is-active .dorisan-intro__core{animation:dorisan-intro-core .62s ease 1.32s forwards}
.dorisan-intro.is-active .dorisan-intro__brand{animation:dorisan-intro-brand .62s cubic-bezier(.2,.8,.2,1) 1.76s forwards}
.dorisan-intro.is-active .dorisan-intro__brand strong{animation:dorisan-intro-shine .7s ease 2s forwards}
.dorisan-intro__brand span{color:#d8c58e;font:500 clamp(.68rem,2.6vw,.86rem)/1.2 system-ui,sans-serif;letter-spacing:.34em;text-transform:lowercase}
.dorisan-intro.is-closing{opacity:0;transition:opacity .28s ease;pointer-events:none}
@keyframes dorisan-intro-light{0%{opacity:0;transform:translate(-145px,28px) rotate(-34deg) scale(.82)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes dorisan-intro-dark{0%{opacity:0;transform:translate(145px,-28px) rotate(-34deg) scale(.82)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes dorisan-intro-unite{0%,46%{transform:rotate(-28deg)}100%{transform:rotate(332deg)}}
@keyframes dorisan-intro-orbit{to{stroke-dashoffset:0}}
@keyframes dorisan-intro-core{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(4)}100%{opacity:0;transform:scale(13)}}
@keyframes dorisan-intro-brand{to{opacity:1;transform:translateY(0)}}
@keyframes dorisan-intro-shine{to{background-position:100% 0}}
@keyframes dorisan-intro-fade{to{opacity:1}}
@media(max-width:520px){.dorisan-intro__stage{width:min(90vw,360px)}.dorisan-intro__skip{font-size:.72rem}.dorisan-intro__brand strong{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.dorisan-intro *{animation:none!important;transition:none!important}.dorisan-intro__wolves,.dorisan-intro__orbit,.dorisan-intro__core{display:none}.dorisan-intro__brand,.dorisan-intro__skip{opacity:1;transform:none}}