/* V23: readable typography, safe registration and layout */
.arkan-story{position:relative;overflow:hidden;margin:32px 0 44px;padding:clamp(25px,4vw,54px)!important;background:radial-gradient(circle at 100% 0,rgba(75,120,255,.16),transparent 40%),linear-gradient(160deg,#09192e,#07101f)!important}
.arkan-story::after{content:'АРКАН';position:absolute;right:24px;top:4px;font:800 clamp(60px,13vw,180px)/1 system-ui,sans-serif;letter-spacing:-.075em;color:rgba(116,218,255,.035);pointer-events:none}
.arkan-story-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.arkan-story-code{font-size:10px;letter-spacing:.18em;color:#8be4ff}
.arkan-story h2{position:relative;z-index:1;font:800 clamp(23px,3vw,39px)/1.25 'Sora',system-ui,sans-serif!important;letter-spacing:-.04em;max-width:100%;overflow-wrap:anywhere;margin:18px 0 24px}
.arkan-story p{position:relative;z-index:1;font-size:clamp(13px,1.1vw,16px);line-height:1.85;color:#c3d7ed;max-width:90ch}
.arkan-story strong{color:#ecfaff}
.arkan-story .arkan-lead{font-size:clamp(15px,1.25vw,18px);color:#e1edfa}
.arkan-quote{margin-top:20px;padding:18px 22px;border-left:2px solid #80e0ff;background:rgba(72,122,180,.10);font-size:clamp(16px,1.6vw,22px);color:#c8f3ff}
.arkan-story .arkan-rp-note{font-size:11px;letter-spacing:.04em;opacity:.7}
.hero h1,.hero-copy,.hero-description,.hero-meta,.visual-caption,.visual-label,.visual-reticle,.page-head h1,.reader-head h1,.panel h2,.chapter h2,.history-section h2{overflow-wrap:anywhere!important;min-width:0!important}
.hero h1{word-break:normal!important;line-height:1.06!important;margin:18px 0 24px!important}
.hero h1 em{display:inline!important;box-shadow:none!important;filter:none!important}
.hero-copy::before,.hero-copy::after{pointer-events:none}
.hero-bottom-line{position:absolute!important;bottom:12px!important;left:4vw!important;right:4vw!important;max-width:calc(100% - 8vw)!important}
.hero-bottom-line>*{max-width:48%;overflow-wrap:anywhere}
.hero-visual::after{bottom:8%!important;top:auto!important;left:50%!important;transform:translateX(-50%)!important;max-width:70%!important;white-space:normal!important}
.first-visit-overlay{overflow-y:auto!important;align-items:flex-start!important;justify-content:center!important;scrollbar-gutter:stable;padding:18px 12px 32px!important}
.first-visit-overlay:not([hidden]) .first-visit-card{margin:0 auto!important;align-self:flex-start!important;max-height:none!important;overflow:visible!important}
.first-visit-card{max-width:min(610px,100%);width:100%!important}
@media(max-width:780px){.hero{grid-template-columns:minmax(0,1fr)!important}.hero h1{font-size:clamp(35px,9vw,60px)!important}.hero-bottom-line{gap:10px!important}.hero-bottom-line>*{max-width:100%}.hero-visual::after{bottom:1%!important}.arkan-story{padding:22px!important}}
@media(prefers-reduced-motion:reduce){.hero-emblem,.visual-ring,.brand-mark{animation:none!important}}