/* Entrance navigation — 2026-09-26 */
.asoy-intro .intro-entry-links{position:absolute;z-index:100;right:max(24px,env(safe-area-inset-right));bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px));display:flex;gap:10px;max-width:calc(100% - 32px)}
.intro-entry-links button,.intro-entry-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #e4cc8d;border-radius:999px;background:#f8edcf;color:#233b30;font:700 14px/1.4 sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 4px 20px #0004;text-align:center}
.intro-entry-links a{background:#112b27ed;color:#f8edcf}
.intro-entry-links button:hover,.intro-entry-links a:hover{filter:brightness(1.12)}
.intro-entry-links :focus-visible{outline:3px solid white;outline-offset:4px}
#works{scroll-margin-top:calc(var(--asoy-header-height,80px) + 24px)}
@media(max-width:750px){.asoy-intro .intro-entry-links{right:16px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));gap:7px}.intro-entry-links button,.intro-entry-links a{padding:11px 13px;font-size:12px;min-height:46px}}
.compact-header .header-story-link{white-space:normal;text-align:center;line-height:1.35}
.compact-header.header-ultra .header-story-short{font-size:10px;max-width:96px}