.brand{display:inline-flex;flex-shrink:0;line-height:1;text-decoration:none}.brand-logo{display:block;width:190px;height:auto}.footer .brand-logo{width:230px}.nav{min-height:96px}.hero-copy h1{max-width:13ch}.hero-copy>p{max-width:45ch}html[lang=ja] .hero-copy h1{max-width:14ch}@media(max-width:1050px){.nav{position:relative;gap:16px}.nav>.button{display:none}.menu{display:block}.navlinks{display:none;position:absolute;top:96px;left:0;right:0;background:white;border:1px solid var(--line);padding:24px;border-radius:16px;z-index:3;flex-direction:column}.navlinks.open{display:flex}.navlinks a{min-height:44px;display:flex;align-items:center}}@media(max-width:767px){.brand-logo{width:172px}.footer .brand-logo{width:210px}.nav{min-height:88px}.navlinks{top:88px}.hero-copy h1{max-width:15ch}}
.nav{justify-content:flex-start}.navlinks{margin-left:auto}.nav>.menu{margin-left:auto}.avatar-collection-intro h2{white-space:nowrap;max-width:none;font-size:clamp(20px,2.2vw,28px)}@media(max-width:1050px){.navlinks{margin-left:0}}

.hero-title-accent{color:#e41e3f}

/* Local heading fonts: Turkish/English + Japanese, with no external font requests. */
@font-face{font-family:Onest;src:url('fonts/Onest-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Zen Kaku Gothic New';src:url('fonts/ZenKakuGothicNew-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{--font-heading:Onest,Helvetica,Arial,sans-serif}
html[lang=ja]{--font-heading:'Zen Kaku Gothic New',Onest,'Yu Gothic',sans-serif}
h1,h2,h3,.avatar-card strong,.faq summary{font-family:var(--font-heading);font-weight:500;font-feature-settings:normal}

@media(min-width:1101px){.avatar-collection-intro p{max-width:none;white-space:nowrap;font-size:clamp(11px,1.05vw,14px)}}
.avatar-scene{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0 8px}
@media(max-width:767px){.avatar-collection-intro p{white-space:normal;max-width:none}}
.hero-badge{display:flex;justify-content:center;margin:28px 0 0;padding:14px 0 8px}
/* The seal sits beside the call to action it belongs to, like a stamp, instead of hanging alone below it. */
.actions{align-items:center}.actions .hero-badge{margin:0 0 0 20px;padding:0;justify-content:flex-start}.actions .hero-seal{--seal:200px}
@media(max-width:560px){.actions .hero-badge{margin:20px 0 0;width:100%;justify-content:center}.actions .hero-seal{--seal:170px}}
.hero-seal{--seal:210px;position:relative;width:var(--seal);aspect-ratio:120/138;transform:rotate(-9deg);transform-origin:50% 45%}
.hero-seal-art{display:block;width:100%;height:100%}
.hero-seal-text{position:absolute;left:20%;top:14.6%;width:60%;height:52%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;color:#e8c968;text-align:center;line-height:1.15;font-size:calc(var(--seal) / 22)}
.hero-seal-text>span{display:block;max-width:100%;font-weight:600}
.hero-seal-text>span:first-child,.hero-seal-text>span:nth-child(3){font-size:1.05em;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.hero-seal-amount{display:inline-flex;align-items:center;gap:.2em;color:#fff;font-size:3.6em;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}
.hero-seal-amount img{width:.78em;height:.78em;object-fit:contain;flex:0 0 auto}
.hero-seal-text>.hero-seal-note{margin-top:.5em;padding-top:.5em;width:78%;border-top:1px solid rgb(232 201 104 / 55%);font-size:.95em;letter-spacing:.03em}
.hero-seal-text>.hero-seal-tagline{max-width:8.5em;color:#fff;font-size:.95em;font-weight:500;letter-spacing:.02em;text-wrap:balance}
@media(max-width:480px){.hero-seal{--seal:190px}}
@media(min-width:1101px){.hero{grid-template-columns:.78fr 1fr}}