/* FUNtasia Studio expansion library: scoped additions to the existing Studio design. */
.expansion-hero{padding-bottom:98px}
.expansion-hero h1{font-size:clamp(2.9rem,6.5vw,6.3rem)}
html[lang="ja"] .expansion-hero h1{font-size:clamp(2.6rem,5.6vw,5.2rem)}
.expansion-hero .hero-note .big{font-size:clamp(2rem,3vw,3rem)}
.expansion-card{display:grid;grid-template-columns:minmax(250px,.83fr) minmax(0,1.17fr);align-items:start;gap:clamp(26px,4.6vw,72px);padding:clamp(22px,4vw,58px);background:linear-gradient(133deg,#26382e,#17271e 72%);border:1px solid #58715d;border-radius:15px}
.expansion-card + .expansion-card{margin-top:clamp(24px,3.6vw,48px)}
.expansion-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #68765b;border-radius:9px;box-shadow:0 28px 48px rgba(0,0,0,.35)}
.expansion-copy h3{font-size:clamp(2.1rem,3.9vw,3.8rem);margin:0 0 12px}
.expansion-copy h3 span{display:block;color:var(--sage)}
.expansion-lead{font-family:Georgia,"Times New Roman",serif;color:var(--gold);font-size:clamp(1.2rem,2vw,1.55rem)}
.expansion-copy>p:not(.eyebrow){max-width:700px}
.expansion-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:27px 0}
.expansion-stats>div{padding:12px 8px;border:1px solid #4d6855;border-radius:8px;text-align:center;background:rgba(11,28,17,.37)}
.expansion-stats strong{display:block;font-family:Georgia,serif;font-weight:400;color:var(--cream);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}
.expansion-stats span{display:block;margin-top:5px;color:var(--sage);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.pack-specs{padding-left:20px;color:#d1dfcf;font-size:.88rem;line-height:1.85}
.pack-specs li{padding:2px 0}
.pack-specs strong{color:#f0ebd3}
.pack-actions{margin-top:26px}
.expansion-copy .pack-availability{font-size:.79rem;color:#e5d5af;margin:12px 0 0}
.pack-footnote{margin:21px 0 0;font-size:.86rem}
.expansion-usage{background:radial-gradient(ellipse at 90% 25%,rgba(138,163,128,.14),transparent 60%)}
.usage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,95px)}
.usage-steps{padding-left:22px;margin:24px 0 0;color:#d1dfcf;line-height:1.8}
.usage-steps li{padding:0 0 17px 9px}
.usage-steps strong,.usage-note strong{color:#f1edda}
.usage-note{align-self:start;padding:28px 34px;border:1px solid #536a57;border-radius:11px;background:#1d3026}
.usage-note h3{color:#f0e9cd}
.usage-note p:last-child{margin-bottom:0}
@media(max-width:920px){.expansion-card{grid-template-columns:1fr}.expansion-art{max-width:510px}.usage-grid{grid-template-columns:1fr}.expansion-hero{padding-bottom:65px}}
@media(max-width:580px){.expansion-hero h1,html[lang="ja"] .expansion-hero h1{font-size:clamp(2.25rem,10vw,3.25rem)}.expansion-card{padding:18px}.expansion-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-note{padding:24px}.pack-actions .button{width:100%}}
