.sm-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;cursor:pointer;
background:radial-gradient(120% 90% at 50% 60%,#2a2427 0%,var(--ink,#171617) 70%);transition:opacity .7s ease,visibility .7s ease}
.sm-intro.is-out{opacity:0;visibility:hidden;pointer-events:none}
.sm-intro svg{position:absolute;left:-10%;width:120%;height:100%;top:0}
.sm-intro .w{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:smDraw 1.6s cubic-bezier(.45,.05,.25,1) forwards}
.sm-intro .w1{stroke:var(--rose,#d59699);stroke-width:2.2;opacity:.9}
.sm-intro .w2{stroke:var(--rose-deep,#a96870);stroke-width:1.4;opacity:.7;animation-delay:.15s}
.sm-intro .w3{stroke:var(--cream,#f4eee6);stroke-width:.8;opacity:.35;animation-delay:.3s}
.sm-intro .silk{fill:url(#smSilk);opacity:0;animation:smSilk 1.8s ease .2s forwards}
.sm-intro .t{position:relative;text-align:center;opacity:0;transform:translateY(10px);animation:smText 1s ease .9s forwards}
.sm-intro .t b{display:block;font:400 clamp(2.4rem,9vw,4.6rem)/1 var(--serif,Georgia,serif);color:var(--cream,#f4eee6);letter-spacing:.01em}
.sm-intro .t i{display:block;margin-top:14px;font:normal 12px/1 var(--sans,system-ui,sans-serif);letter-spacing:.32em;text-transform:uppercase;color:var(--rose,#d59699)}
@keyframes smDraw{to{stroke-dashoffset:0}}
@keyframes smSilk{to{opacity:.55}}
@keyframes smText{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sm-intro{display:none!important}}