/* ─── Intro splash overlay ─── */
#sm-splash{
  position:fixed;inset:0;z-index:9999;
  background:#f8f6f1;
  overflow:hidden;
  transition:opacity .7s cubic-bezier(.4,0,.2,1);
}
#sm-splash.fade-out{opacity:0;pointer-events:none}

/* Canvas fills entire splash */
#intro-canvas{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  display:block;
}

/* Brand name floats over canvas near the bottom */
.intro-brand{
  position:absolute;
  top:19%;bottom:auto;
  left:50%;margin-left:calc(-1 * min(46vw,260px));width:min(92vw,520px);
  padding:34px 20px;
  text-align:center;
  /* Soft cream halo so the name stays legible over the feathers */
  background:radial-gradient(ellipse at center,rgba(248,246,241,.97) 38%,rgba(248,246,241,.85) 55%,rgba(248,246,241,0) 72%);
  opacity:0;transform:translateY(14px);
  transition:opacity .6s ease,transform .6s ease;
  pointer-events:none;
}
.intro-brand.show{opacity:1;transform:none}
.intro-brand-name{
  display:block;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,5.5vw,36px);
  font-weight:400;letter-spacing:-.025em;color:#253b32;
}
.intro-brand-sub{
  display:block;
  font-size:clamp(9px,2.2vw,11px);
  letter-spacing:.22em;text-transform:uppercase;
  color:#91703b;margin-top:11px;
}

/* Skip — bottom right, accessible tap target */
.intro-skip{
  position:absolute;bottom:18px;right:18px;
  font-size:11px;letter-spacing:.07em;color:#62685e;
  background:none;border:none;cursor:pointer;
  padding:16px;min-height:44px;min-width:44px;
  opacity:0;transition:opacity .5s;z-index:1;
}
.intro-skip.show{opacity:1}

@media(prefers-reduced-motion:reduce){#sm-splash{display:none!important}}