.brand-intro { position:fixed; inset:0; width:100%; height:100dvh; max-width:none; max-height:none; border:0; margin:0; padding:0; overflow:auto; background:#06140e; color:#fff8e6; z-index:1000; transition:opacity 3s ease; }
.brand-intro::backdrop { background:#05100a; transition:opacity 3s; }
.brand-intro[open] { display:grid; }
.brand-intro.leaving,.brand-intro.leaving::backdrop { opacity:0; pointer-events:none; }
.intro-world { position:absolute; inset:0; background:linear-gradient(#03110a55,#03110abf),url('/mintit-atmosphere.png') center/cover; }
.intro-layout { position:relative; display:grid; grid-template-rows:auto 1fr auto; width:min(100%,64rem); min-height:100dvh; margin:auto; padding:max(.7rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left)); }
.intro-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.intro-wordmark { width:clamp(12rem,45vw,27rem); aspect-ratio:3/1; background:var(--skin-wordmark) center/contain no-repeat; }
.intro-skip,.intro-sound { border:1px solid #f2ddb85c; border-radius:2rem; min-height:44px; background:#12181199; color:#fff6da; padding:.6rem 1rem; font-size:.8rem; }
.intro-stage { position:relative; min-height:27rem; display:grid; justify-items:center; align-content:center; text-align:center; }
.intro-demo { position:relative; display:grid; place-items:center; margin:0 0 2rem; transition:transform .8s,filter .8s; }
.intro-lens { width:clamp(8rem,26vh,17rem); aspect-ratio:1; background:var(--skin-medallion) center/contain no-repeat; filter:drop-shadow(0 1rem 2rem #0005); transition:transform .7s; }
.intro-token { position:absolute; bottom:-.6rem; padding:.55rem 1rem; border:1px solid #f0d68680; border-radius:.65rem; background:#13261ceb; color:#fff1b7; font-size:.65rem; letter-spacing:.14em; box-shadow:0 .5rem 1rem #0004; }
.intro-story { max-width:34rem; position:relative; }
.intro-eyebrow { margin:0 0 .65rem; color:#d9c487; font-size:.65rem; font-weight:700; letter-spacing:.22em; }
.intro-story h1 { margin:0 0 .8rem; font-weight:550; font-size:clamp(1.8rem,4vw,3rem); letter-spacing:-.035em; line-height:1.08; }
#intro-caption { min-height:3.5em; max-width:32rem; margin:0 auto; font-size:clamp(.95rem,2vw,1.15rem); line-height:1.55; text-wrap:balance; }
.intro-jewel { position:absolute; opacity:0; width:2rem; height:6rem; bottom:0; background:var(--skin-action-edge) center/contain no-repeat; transition:opacity .5s; }
.intro-footer { width:min(100%,40rem); margin:auto; padding-top:1.1rem; }
.intro-controls { display:flex; align-items:center; gap:.6rem; }
.intro-play { min-height:48px; border:1px solid #ffeeba; border-radius:3rem; padding:.75rem 1.5rem; color:#211709; background:linear-gradient(150deg,#fff1bc,#dcb55b); font-weight:650; font-size:.9rem; }
.intro-sound svg { width:19px; height:19px; fill:currentColor; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.intro-sound[aria-pressed="false"] .intro-speaker-off,.intro-sound[aria-pressed="true"] .intro-speaker-on { display:none; }
#intro-time { margin-left:auto; font-size:.75rem; font-variant-numeric:tabular-nums; }
#intro-progress { flex:1; min-width:5rem; height:28px; border:0; appearance:none; background:transparent; touch-action:pan-x; }
#intro-progress::-webkit-slider-runnable-track { height:2px; border-radius:2px; background:linear-gradient(90deg,#b98d30,#f3deb0); }
#intro-progress::-webkit-slider-thumb { width:15px; height:15px; margin-top:-6.5px; border:1px solid #89662d; border-radius:50%; appearance:none; background:#fff8e6; box-shadow:0 1px 4px #49331455; }
#intro-progress::-moz-range-track { height:2px; border-radius:2px; background:#d8b96e; }
#intro-progress::-moz-range-thumb { width:15px; height:15px; border:1px solid #89662d; border-radius:50%; background:#fff8e6; box-shadow:0 1px 4px #49331455; }
.intro-stage[data-beat="1"] .intro-lens { transform:rotate(-7deg) scale(1.08); }
.intro-stage[data-beat="3"] .intro-lens { filter:drop-shadow(0 0 1.8rem #ffdd7470); }
.intro-stage[data-beat="5"] .intro-lens { transform:scale(1.12); }
.intro-stage[data-beat="6"] .intro-jewel { opacity:1; }
.brand-intro[data-playing="false"][data-phase="tutorial"] * { animation-play-state:paused!important; }

/* MINT IT — Emerald City 2026 → 2626, with the five approved clay phone cards. */
.mintit-emerald-intro { display:none; }
body[data-theme-art="mintit-mobi"] .brand-intro { overflow:hidden; background:#03120b; }
body[data-theme-art="mintit-mobi"] .intro-world { display:none; }
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro { position:absolute; inset:0; display:block; overflow:hidden; }
body[data-theme-art="mintit-mobi"] .mintit-era { position:absolute; inset:0; opacity:0; background-position:center; background-size:cover; background-repeat:no-repeat; transition:opacity 1.35s cubic-bezier(.22,.75,.24,1); will-change:background-position,opacity; }
body[data-theme-art="mintit-mobi"] .mintit-era::after { position:absolute; inset:0; content:""; background:radial-gradient(ellipse at center,transparent 48%,rgba(0,24,13,.18) 70%,rgba(0,10,6,.58) 100%); pointer-events:none; }
body[data-theme-art="mintit-mobi"] .mintit-era-2026 { background-image:url('/assets/mintit/emerald-city/emerald-city-2026.jpg'); background-position:68% center; animation:mintit-intro-cow-pan 18s ease-in-out infinite alternate; }
body[data-theme-art="mintit-mobi"] .mintit-era-2626-wide { background-image:url('/assets/mintit/emerald-city/emerald-city-2626-panorama.jpg'); animation:mintit-intro-pan-right 21s ease-in-out infinite alternate; }
body[data-theme-art="mintit-mobi"] .mintit-era-2626-close { background-image:url('/assets/mintit/emerald-city/emerald-city-2626-close.jpg'); animation:mintit-intro-pan-left 24s ease-in-out infinite alternate; }
body[data-theme-art="mintit-mobi"] .mintit-era-2626-tower { background-image:url('/assets/mintit/emerald-city/emerald-city-2626-tower.jpg'); background-size:cover; animation:mintit-intro-tower-pan 10.25s ease-in-out infinite alternate; }
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-scene="2026"] .mintit-era-2026,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-scene="2626-wide"] .mintit-era-2626-wide,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-scene="2626-close"] .mintit-era-2626-close,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-scene="2626-tower"] .mintit-era-2626-tower { opacity:1; }
body[data-theme-art="mintit-mobi"] .mintit-emerald-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,9,5,.1),rgba(0,8,4,.42)),radial-gradient(circle at 50% 48%,transparent 10%,rgba(0,10,5,.26) 78%); }
body[data-theme-art="mintit-mobi"] .mintit-tutorial-medallion { position:absolute; z-index:1; left:50%; top:51%; width:clamp(9rem,31vw,15rem); aspect-ratio:1; transform:translate(-50%,-50%); background:var(--skin-medallion) center/contain no-repeat; filter:drop-shadow(0 1rem 1.6rem rgba(0,0,0,.68)) drop-shadow(0 0 1.4rem rgba(90,255,160,.28)); transition:opacity .65s ease,transform .65s ease; }
body[data-theme-art="mintit-mobi"] .mintit-phone-cards { position:absolute; z-index:2; left:50%; top:50%; width:min(80vw,22.5rem); height:auto; aspect-ratio:9/16; overflow:hidden; border-radius:1.35rem; opacity:0; pointer-events:none; transform:translate(-50%,-47%); filter:drop-shadow(0 1.2rem 1.25rem rgba(0,0,0,.52)); transition:opacity .45s ease; }
body[data-theme-art="mintit-mobi"] .mintit-phone-cards::before,body[data-theme-art="mintit-mobi"] .mintit-phone-cards::after { position:absolute; inset:0; z-index:3; content:""; pointer-events:none; }
body[data-theme-art="mintit-mobi"] .mintit-phone-cards::before { background:rgba(0,108,58,.22); mix-blend-mode:color; }
body[data-theme-art="mintit-mobi"] .mintit-phone-cards::after { box-shadow:inset 0 0 1.25rem .25rem rgba(0,37,20,.42),inset 0 0 4rem 1rem rgba(0,14,8,.52); background:radial-gradient(ellipse at center,transparent 51%,rgba(0,26,14,.14) 68%,rgba(0,10,5,.56) 100%); }
body[data-theme-art="mintit-mobi"] .mintit-phone-card { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; opacity:0; transform:translate3d(0,1.4rem,0) scale(.965); transition:opacity .72s cubic-bezier(.22,.75,.24,1),transform .72s cubic-bezier(.22,.75,.24,1); }
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="1"] .mintit-phone-cards,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="2"] .mintit-phone-cards,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="3"] .mintit-phone-cards,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="4"] .mintit-phone-cards,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="5"] .mintit-phone-cards,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="6"] .mintit-phone-cards { opacity:1; }
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="1"] .mintit-phone-card[data-card="1"],
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="2"] .mintit-phone-card[data-card="2"],
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="3"] .mintit-phone-card[data-card="3"],
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="4"] .mintit-phone-card[data-card="4"],
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="5"] .mintit-phone-card[data-card="5"],
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="6"] .mintit-phone-card[data-card="6"] { opacity:1; transform:translate3d(0,0,0) scale(1); }
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="1"] .mintit-tutorial-medallion,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="2"] .mintit-tutorial-medallion,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="3"] .mintit-tutorial-medallion,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="4"] .mintit-tutorial-medallion,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="5"] .mintit-tutorial-medallion,
body[data-theme-art="mintit-mobi"] .mintit-emerald-intro[data-beat="6"] .mintit-tutorial-medallion { opacity:.12; transform:translate(-50%,-50%) scale(.82); }
body[data-theme-art="mintit-mobi"] .intro-layout { z-index:4; width:100%; }
body[data-theme-art="mintit-mobi"] .intro-top { width:min(100%,64rem); margin:0 auto; }
body[data-theme-art="mintit-mobi"] .intro-stage { pointer-events:none; }
body[data-theme-art="mintit-mobi"] .intro-demo { display:none; }
body[data-theme-art="mintit-mobi"] .intro-story { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
body[data-theme-art="mintit-mobi"] .intro-footer { position:absolute; z-index:5; left:50%; bottom:max(.6rem,env(safe-area-inset-bottom)); width:min(calc(100% - 1.5rem),42rem); transform:translateX(-50%); padding:.55rem .7rem; border:1px solid rgba(234,210,141,.22); border-radius:999px; background:rgba(1,13,7,.62); backdrop-filter:blur(10px); }
body[data-theme-art="mintit-mobi"] .intro-wordmark { filter:drop-shadow(0 .45rem .7rem rgba(0,0,0,.8)); }
@keyframes mintit-intro-cow-pan { from { background-position:68% center; } to { background-position:58% center; } }
@keyframes mintit-intro-pan-left { from { background-position:42% center; } to { background-position:58% center; } }
@keyframes mintit-intro-pan-right { from { background-position:58% center; } to { background-position:42% center; } }
@keyframes mintit-intro-tower-pan { from { background-position:50% 0%; } to { background-position:50% 100%; } }

body[data-theme-art="snapshot-buzz"] .brand-intro { background:#f5e9ce; color:#2a2422; }
body[data-theme-art="snapshot-buzz"] .intro-world { background:linear-gradient(#fff6df10,#faefd89e),url('/assets/tutorial/clay-garden.png') center/cover; }
body[data-theme-art="snapshot-buzz"] .intro-wordmark { background-size:100% auto; aspect-ratio:4.4; }
body[data-theme-art="snapshot-buzz"] .intro-skip,body[data-theme-art="snapshot-buzz"] .intro-sound { background:#fff9ece6; border-color:#705b3e66; color:#453329; }
body[data-theme-art="snapshot-buzz"] .intro-stage { grid-template-columns:1fr 1fr; grid-template-rows:1fr auto; align-items:center; align-content:stretch; gap:1rem; }
.intro-jaide { grid-column:1; grid-row:1; width:100%; max-height:47vh; object-fit:contain; align-self:end; filter:drop-shadow(0 1rem .9rem #74533a24); transform-origin:50% 95%; animation:jaide-welcome 5s ease-in-out infinite; transition:opacity .8s,transform .8s; }
body[data-theme-art="snapshot-buzz"] .intro-demo { grid-column:2; grid-row:1; align-self:center; margin:0; }
body[data-theme-art="snapshot-buzz"] .intro-lens { width:min(27vw,12rem); filter:drop-shadow(.3rem .5rem .1rem #9775465c); }
body[data-theme-art="snapshot-buzz"] .intro-token { background:#fff4d7; color:#4b3724; border-color:#cba651; font-weight:750; white-space:nowrap; letter-spacing:.08em; }
body[data-theme-art="snapshot-buzz"] .intro-story { grid-column:1/-1; grid-row:2; align-self:end; padding:.7rem 1rem; border-radius:1.5rem; background:#fff9ebe0; box-shadow:0 .3rem 0 #c7b89e35; }
body[data-theme-art="snapshot-buzz"] .intro-eyebrow { color:#6b512e; }
body[data-theme-art="snapshot-buzz"] .intro-jewel { display:none; }
body[data-theme-art="snapshot-buzz"] .intro-stage[data-beat="6"] .intro-jaide { opacity:0; transform:translateX(-15%) scale(.85); }
body[data-theme-art="snapshot-buzz"] .intro-stage[data-beat="6"] .intro-demo { transform:translateX(-50%); }
body[data-theme-art="snapshot-buzz"] .intro-stage[data-beat="6"] .intro-jewel { display:block; left:calc(50% - 1rem); bottom:9rem; }
body[data-theme-art="snapshot-buzz"] #brand-intro { transition:opacity 5s ease; }
body[data-theme-art="snapshot-buzz"] .intro-splash[hidden] { display:none; }
body[data-theme-art="snapshot-buzz"] .intro-splash {
  position:absolute; inset:0; z-index:2; overflow:hidden; cursor:pointer; touch-action:manipulation;
  background:#f7efd9 url('/assets/snapshot-buzz-garden-landscape.png') center/cover no-repeat;
  -webkit-tap-highlight-color:transparent;
}
body[data-theme-art="snapshot-buzz"] .intro-splash::before {
  content:""; position:absolute; inset:0; width:120%; left:-10%;
  background:url('/assets/snapshot-buzz-garden-landscape.png') center/cover no-repeat;
  animation:intro-garden-pan 28s ease-in-out infinite alternate;
}
body[data-theme-art="snapshot-buzz"] .intro-splash-wordmark {
  position:absolute; z-index:2; width:min(84.645vw,33.858rem); aspect-ratio:6.7;
  background:url('/assets/snapshot/wordmark-buzz-title-tm.png') center/contain no-repeat;
}
body[data-theme-art="snapshot-buzz"] .intro-splash-subtitle {
  position:absolute; z-index:2; left:50%; top:max(6.4rem,14vh); width:max-content; max-width:92%;
  color:#98701f; font:600 clamp(.667rem,1.955vw,.828rem)/1.2 "Arial Narrow","Aptos Narrow",Arial,sans-serif;
  letter-spacing:.095em; text-align:center; text-shadow:0 1px 0 #fff8e6; transform:translateX(-50%); white-space:nowrap;
}
body[data-theme-art="snapshot-buzz"] .intro-splash-center { position:absolute; z-index:2; width:min(31vw,10rem); aspect-ratio:1; }
body[data-theme-art="snapshot-buzz"] .intro-splash-shield { display:none; }
body[data-theme-art="snapshot-buzz"] .intro-splash-foreground { position:absolute; inset:0; opacity:1; }
body[data-theme-art="snapshot-buzz"] .intro-splash-hive { position:absolute; z-index:3; left:50%; top:50%; width:195%; aspect-ratio:1248/1280; transform:translate(-50%,-63%); filter:drop-shadow(0 .45rem .4rem #755a2a22); }
body[data-theme-art="snapshot-buzz"] .intro-splash-hive img { width:100%; height:100%; object-fit:contain; transform-origin:50% 20%; animation:intro-hive-sway 6s ease-in-out infinite; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight { position:absolute; z-index:4; left:52%; top:72%; width:19%; aspect-ratio:1; opacity:0; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight img { width:100%; height:100%; object-fit:contain; scale:-1 1; animation:intro-wing-hum .12s ease-in-out infinite alternate; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight-one { animation:intro-bee-depart 5.1s ease-in-out infinite; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight-two { animation:intro-bee-return 6.3s ease-in-out -2.8s infinite; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight-three { animation:intro-bee-depart 7.2s ease-in-out -4.3s infinite; }
body[data-theme-art="snapshot-buzz"] .intro-splash-flight-three img { transform:scale(.8); }
body[data-theme-art="snapshot-buzz"] .intro-splash-jewel { position:absolute; z-index:2; width:5.52rem; height:3.45rem; background:url('/assets/snapshot/bee-chubby-bumble.png') center/contain no-repeat; filter:drop-shadow(0 .32rem .36rem rgba(73,48,14,.28)); }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="splash"] .intro-stage { opacity:0; pointer-events:none; }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="splash"] #intro-progress { display:none; }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="splash"] .intro-wordmark { visibility:hidden; }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="splash"] .intro-sound { pointer-events:auto; }
body[data-theme-art="snapshot-buzz"] .intro-garden-hold {
  position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0;
  background:#f5e9ce url('/assets/tutorial/clay-garden.png') center/contain no-repeat;
  transition:opacity 1.1s cubic-bezier(.22,.75,.24,1);
}
body[data-theme-art="snapshot-buzz"] .intro-garden-hold::before {
  content:""; position:absolute; inset:0; z-index:-1;
  background:url('/assets/tutorial/clay-garden.png') center/cover no-repeat;
  filter:blur(12px); transform:scale(1.03);
}
body[data-theme-art="snapshot-buzz"] .intro-garden-hold.is-visible { opacity:1; }
body[data-theme-art="snapshot-buzz"] .intro-clay-home[hidden] { display:none; }
body[data-theme-art="snapshot-buzz"] .intro-clay-home {
  position:absolute; inset:0; z-index:3; display:grid; grid-template-rows:auto 1fr auto;
  justify-items:center; align-items:center; padding:max(1rem,env(safe-area-inset-top)) 1.25rem max(1rem,env(safe-area-inset-bottom));
  background:#f5e9ce url('/assets/tutorial/clay-garden.png') center/cover no-repeat; opacity:0;
  transition:opacity 1.4s cubic-bezier(.22,.75,.24,1);
}
body[data-theme-art="snapshot-buzz"] .intro-clay-home::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:url('/assets/tutorial/snapshot-buzz-clay-home-garden.png') center/contain no-repeat;
}
body[data-theme-art="snapshot-buzz"] .intro-clay-home > * { position:absolute; margin:0; }
body[data-theme-art="snapshot-buzz"] .intro-home-shield {
  display:grid; width:var(--home-medallion,min(35vw,10.6rem)); aspect-ratio:1; place-items:center;
  border:0; border-radius:50%; padding:0; background:transparent; opacity:0;
}
body[data-theme-art="snapshot-buzz"] .intro-home-lens { display:none; }
body[data-theme-art="snapshot-buzz"] .intro-home-jewel {
  display:none;
}
body[data-theme-art="snapshot-buzz"] #brand-intro .intro-layout { transition:opacity 1.15s cubic-bezier(.22,.75,.24,1); }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="clay-home"] .intro-layout,
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="revealing"] .intro-layout { opacity:0; pointer-events:none; }
body[data-theme-art="snapshot-buzz"] #brand-intro.revealing .intro-clay-home::after {
  position:absolute; inset:0; z-index:3; pointer-events:none; content:"";
  background:
    radial-gradient(circle at 12% 28%,#fffdf2 0 2px,transparent 4px),
    radial-gradient(circle at 19% 74%,#d6b45d 0 2px,transparent 4px),
    radial-gradient(circle at 31% 18%,#fffdf2 0 1.5px,transparent 4px),
    radial-gradient(circle at 43% 61%,#f4d67d 0 2px,transparent 4px),
    radial-gradient(circle at 58% 35%,#fffdf2 0 2px,transparent 4px),
    radial-gradient(circle at 71% 78%,#d6b45d 0 2px,transparent 4px),
    radial-gradient(circle at 84% 24%,#fffdf2 0 1.5px,transparent 4px),
    radial-gradient(circle at 92% 58%,#f4d67d 0 2px,transparent 4px);
  animation:snapshot-sparkle-trail 5s ease-in-out both;
}
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="clay-home"] .intro-clay-home {
  cursor:pointer;
}
body[data-theme-art="snapshot-buzz"] #brand-intro .intro-clay-home.is-visible { opacity:1; }
body[data-theme-art="snapshot-buzz"] #brand-intro[data-phase="revealing"] { opacity:0; pointer-events:none; }
@keyframes snapshot-sparkle-trail {
  0% { opacity:0; transform:translateY(1.3rem) scale(.96); }
  18% { opacity:1; }
  64% { opacity:.8; transform:translateY(-.2rem) scale(1.02); }
  100% { opacity:0; transform:translateY(-1rem) scale(1.06); }
}
@keyframes intro-garden-pan { from { transform:translateX(-7%); } to { transform:translateX(7%); } }
@keyframes intro-hive-sway { 0%,100% { transform:rotate(-1deg); } 50% { transform:rotate(1deg); } }
@keyframes intro-wing-hum { from { translate:0 -1px; } to { translate:0 1px; } }
@keyframes intro-bee-depart {
  0%,12% { opacity:0; transform:translate(0,0) scale(.55); }
  20% { opacity:1; transform:translate(-25%,5%) scale(.7) rotate(-14deg); }
  48% { opacity:1; transform:translate(-300%,-110%) scale(1) rotate(-28deg); }
  76% { opacity:.85; transform:translate(-540%,-30%) scale(.85) rotate(-12deg); }
  92%,100% { opacity:0; transform:translate(-720%,-160%) scale(.55) rotate(-25deg); }
}
@keyframes intro-bee-return {
  0%,8% { opacity:0; transform:translate(660%,-270%) scale(.6) rotate(-15deg); }
  26% { opacity:1; transform:translate(440%,-160%) scale(.9) rotate(-5deg); }
  54% { opacity:1; transform:translate(230%,-210%) scale(1) rotate(15deg); }
  78% { opacity:1; transform:translate(70%,-25%) scale(.75) rotate(-5deg); }
  92%,100% { opacity:0; transform:translate(0,0) scale(.3); }
}
@keyframes jaide-welcome { 0%,100% { transform:rotate(-1deg); } 50% { transform:rotate(1deg) translateY(-.35rem); } }
@media(max-width:540px) { .intro-top { flex-wrap:wrap; justify-content:center; gap:.4rem; } .intro-wordmark { width:90%; max-width:28rem; } .intro-skip { position:absolute; top:.7rem; right:.6rem; font-size:.7rem; min-height:36px; padding:.35rem .65rem; } .intro-top { padding-top:1.8rem; } .intro-stage { min-height:25rem; } .intro-play { padding:.7rem 1.1rem; } .intro-sound { padding:.55rem .7rem; font-size:.72rem; } .intro-controls { gap:.4rem; } .intro-jaide { max-height:36vh; } .intro-story h1 { font-size:1.8rem; } #intro-caption { font-size:.95rem; } body[data-theme-art="mintit-mobi"] .mintit-phone-cards { width:min(78vw,21.5rem); transform:translate(-50%,-45%); } body[data-theme-art="mintit-mobi"] .intro-footer { border-radius:1rem; } body[data-theme-art="mintit-mobi"] #intro-time { display:none; } }
@media(max-height:560px) and (orientation:landscape) { .intro-top { padding:0; } .intro-wordmark { width:15rem; } .intro-stage { min-height:17rem; } .intro-demo { margin:0; } .intro-lens { width:6rem; } .intro-jaide { max-height:38vh; } .intro-story h1 { font-size:1.4rem; } #intro-caption { font-size:.8rem; min-height:0; } }
@media(prefers-reduced-motion:reduce) { .brand-intro,.brand-intro::backdrop,.intro-demo,.intro-jaide,.intro-lens,.intro-jewel,.intro-splash::before,.intro-splash-foreground,.intro-splash-hive img,.intro-splash-flight,.intro-splash-flight img,.intro-garden-hold,.intro-clay-home,.mintit-era,.mintit-phone-card { animation:none!important; transition:none!important; } body[data-theme-art="mintit-mobi"] .mintit-era-2626-wide { opacity:1; } }

/* The approved film includes every visual and its original narration. */
.intro-film[hidden] { display:none; }
.has-film .intro-layout { width:100%; height:100dvh; min-height:0; padding:0; display:block; }
body[data-theme-art="snapshot-buzz"] .has-film .intro-world { background:url('/assets/snapshot-buzz-garden-approved.png') center/cover; }
body[data-theme-art="snapshot-buzz"] .has-film .intro-stage { display:block; height:100%; min-height:0; }
.has-film .intro-film { display:block; width:100%; height:100%; object-fit:contain; }
.has-film .intro-top { position:absolute; inset:max(.7rem,env(safe-area-inset-top)) .7rem auto auto; z-index:4; padding:0; }
.has-film .intro-skip { position:static; min-height:44px; }
.has-film .intro-wordmark,.has-film .intro-jaide,.has-film .intro-demo,.has-film .intro-jewel { display:none!important; }
.has-film .intro-story { position:absolute!important; width:1px; height:1px; padding:0!important; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.has-film .intro-footer { position:absolute; z-index:4; inset:auto .75rem max(.15rem,env(safe-area-inset-bottom)); width:auto; padding:0; background:transparent; color:#453329; filter:drop-shadow(0 1px 2px #fff9); transition:opacity .2s; }
.has-film .intro-controls { width:100%; gap:.45rem; }
.has-film .intro-play,.has-film #intro-time { display:none!important; }
.has-film .intro-sound { display:grid; place-items:center; flex:0 0 36px; width:36px; min-height:36px; padding:0; border:0; background:#fff9eccc; color:#715323; box-shadow:0 1px 4px #65491d40; }
.has-film #intro-progress { opacity:.72; }
.has-film #intro-progress:focus-visible { opacity:1; outline:2px solid #89662d; outline-offset:1px; border-radius:1rem; }
.has-film #intro-status:not(:empty) { position:static; width:auto; height:auto; clip-path:none; overflow:visible; font-size:.8rem; margin:.5rem 0 0; }
.has-film[data-phase="revealing"]::backdrop { opacity:0; transition:opacity 5s ease; }
.has-film .intro-clay-home:focus-visible { outline:3px solid #826027; outline-offset:-5px; }