/* Experience3.3: fixed identity + actions, one real 4:3 photographic stage. */
.hero.container{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:center;padding-block:56px 48px;position:relative}
.hero::before{inset:-48px 0 0;background:radial-gradient(ellipse at 76% 40%,#b4dadc44,transparent 65%)}
.hero .hero-heading{grid-column:auto;grid-row:auto;align-self:center;animation:none;padding-right:24px;min-width:0}
.hero .eyebrow{font-size:.875rem;letter-spacing:.06em;margin-bottom:20px;line-height:1.55}
.hero h1,html:is([lang=en],[lang=ja],[lang=ne]) .hero h1{font-size:clamp(2rem,1.35rem + 2.8vw,4rem);font-weight:700;line-height:1.18;letter-spacing:-.035em;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.hero h1 .name-unit{display:block;white-space:normal!important}.hero h1 span.rotary-word{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;vertical-align:top;letter-spacing:normal}
html[lang=ja] .hero h1,html[lang=ko] .hero h1{line-height:1.3}html[lang=ne] .hero h1{line-height:1.4}
.hero .hero-tagline{font-size:1.25rem;line-height:1.65;font-weight:600;margin-top:24px;letter-spacing:normal}
.hero-description{margin-top:16px;color:var(--muted);font-size:1.0625rem;line-height:inherit}
.hero .actions{margin-top:24px;gap:12px}.hero .button{font-size:1rem;padding:12px 16px;min-height:48px}
.hero .hero-stories{position:relative;grid-column:auto;grid-row:auto;align-self:start;margin:0;min-height:0;aspect-ratio:auto;background:transparent;border-radius:0;animation:none;min-width:0;box-shadow:none;overflow:visible}
.hero-slides{display:grid;aspect-ratio:4/3;border-radius:28px;overflow:hidden;position:relative;background:#d8e5df;isolation:isolate}
.hero-slides figure{grid-area:1/1;margin:0;min-width:0;overflow:hidden;position:relative;height:100%}.hero-slides figure[hidden]{display:none!important}
.hero-slides img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transform:translateY(var(--hero-depth,0px));}
.hero-slides::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff3,transparent 55%);opacity:.12;pointer-events:none}
.hero-story-titles{display:grid;min-width:0;border-bottom:1px solid var(--line);padding:20px 0 16px}
.hero-story-title{grid-area:1/1;min-width:0}.hero-story-title[hidden]{display:block!important;visibility:hidden;pointer-events:none}.hero-story-title h2{font-size:clamp(1.375rem,1.1rem + .7vw,1.75rem);line-height:1.45;text-wrap:balance;margin:6px 0}.story-meta{font-size:.875rem;font-weight:600;color:var(--teal)}.story-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:600;text-decoration:none}
.story-controls{display:flex;gap:8px;align-items:center;padding-top:12px}.story-controls>button{border:1px solid var(--line);background:transparent;width:44px;height:44px;min-width:44px;border-radius:12px;color:var(--ink);font-size:1.25rem}.story-choices{display:flex;flex:1;gap:4px;min-width:0}.story-choices button{flex:1;min-width:0;min-height:44px;padding:8px 6px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:.875rem;font-weight:600;line-height:1.55}.story-choices [aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:#eaf0ee}.story-index{display:block;font-size:.75rem;font-variant-numeric:tabular-nums}.story-feedback{font-size:.875rem;margin-top:12px;color:var(--muted)}.story-feedback:empty{display:none}.story-retry{margin-top:8px}.story-fallback{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.hero-stories[data-state=error] .story-feedback{color:#A12C37}.hero-stories[data-state=transitioning] .hero-slides::after{opacity:.2;transition:opacity 720ms var(--ease)}
@media(min-width:768px) and (max-width:1199px){.hero.container{gap:24px;padding-block:40px}.hero .hero-heading{padding-right:0}.hero h1,html:is([lang=en],[lang=ja],[lang=ne]) .hero h1{font-size:clamp(2rem,4vw,3rem)}.hero .actions{flex-direction:column;align-items:flex-start}}
@media(max-width:767px){.hero.container{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 32px}.hero .hero-heading{padding:0}.hero h1,html:is([lang=en],[lang=ja],[lang=ne]) .hero h1{font-size:clamp(2rem,1.35rem + 2.8vw,4rem);text-wrap:pretty}.hero .eyebrow{font-size:.8125rem;margin-bottom:12px}.hero .hero-tagline{font-size:1.125rem;line-height:1.65;margin-top:16px}.hero-description{font-size:1rem;margin-top:12px}.hero .actions{margin-top:20px;gap:10px;display:flex!important}.hero .button{padding:11px 14px;font-size:1rem}.hero-slides{border-radius:28px}.hero-slides img{aspect-ratio:4/3;transform:none}.hero-story-titles{padding-top:16px}.hero-story-title h2{font-size:1.375rem}.story-controls{gap:4px}.story-choices button{font-size:.8125rem;padding-inline:4px}.story-controls>button{width:44px;min-width:44px}}
@media(max-width:359px){.hero .actions{align-items:flex-start}.hero .button{padding-inline:12px}.story-choices button{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.hero-stories *{animation:none!important;transition:none!important;transform:none!important}}

/* Four manual choices reflow instead of compressing labels below touch size. */
.story-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start}.story-choices{display:flex;flex-wrap:wrap}.story-choices button{flex:1 1 84px;min-width:44px;overflow-wrap:anywhere}
@media(max-width:767px){.story-choices button{flex-basis:72px}}