.about-overview{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:44px}
.about-overview .about-intro{margin:0;max-width:690px}
.about-story{width:100%;max-width:320px;min-width:0;margin:0 auto}
.about-story h3{margin:0 0 12px;font-size:17px;font-weight:650;letter-spacing:-.02em;color:#20385c}
.about-story-viewport{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #e7e3de;border-radius:16px;background:#f3f0eb;box-shadow:0 6px 22px #24334a08}
.about-story-slide{margin:0}
.about-story-slide[hidden]{display:none!important}
.about-story-slide img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.about-story-slide.is-current{animation:poom-story-appear .65s ease both}
.about-story-controls{display:flex;align-items:center;gap:8px;margin-top:9px}
.about-story-controls[hidden]{display:none!important}
.about-story-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #e4e5e9;border-radius:50%;background:#fff;color:#283d5b;font:inherit;cursor:pointer}
.about-story-controls button:hover{background:#f8f4f1;border-color:#c9a89d}
.about-story-controls button:focus-visible{outline:3px solid #ac4a38;outline-offset:3px}
.about-story-controls [data-story-toggle]{min-width:74px;border-radius:24px;font-size:12px}
.about-story-count{flex:1;text-align:center;color:#5b6572;font-size:13px;font-variant-numeric:tabular-nums}
.about-story-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes poom-story-appear{from{opacity:.2}to{opacity:1}}
@media(max-width:760px){.about-overview{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:32px}.about-story{max-width:300px}.about-story h3{text-align:center}}
@media(prefers-reduced-motion:reduce){.about-story-slide.is-current{animation:none}}