/* ahaboom brand assets. Marketing preview; series artwork retains its own identity. */
@font-face{font-family:AhaboomDisplay;src:url('/assets/fonts/bricolage-grotesque-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:AhaboomText;src:url('/assets/fonts/lexend-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ab-ink:#171d36;--ab-paper:#f8f9fc;--ab-line:#dce0ea;--ab-gold:#ffc82e;--ab-muted:#5b6172;scrollbar-color:#8e95a9 #e9ecf3;scrollbar-width:auto}
.ahaboom-wordmark{display:block;width:190px;height:46px;object-fit:cover;object-position:center}
.reader-bar .ahaboom-wordmark{width:154px;height:40px}
.reader-bar .episode{min-width:0}
.hero-picker__logo .ahaboom-wordmark{width:250px;height:60px;margin-inline:auto}
.ahaboom-catalogue-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ab-ink);text-underline-offset:4px}
.ahaboom-page{margin:0;background:var(--ab-paper);color:var(--ab-ink);font:400 15px/1.6 AhaboomText,system-ui,sans-serif;scrollbar-color:#8e95a9 #e9ecf3;scrollbar-width:auto}
.ahaboom-page *{box-sizing:border-box}
.ahaboom-page *::-webkit-scrollbar{width:12px;height:12px}.ahaboom-page *::-webkit-scrollbar-track{background:#e9ecf3}.ahaboom-page *::-webkit-scrollbar-thumb{background:#8e95a9;border:3px solid #e9ecf3;border-radius:8px}
.ahaboom-page a{color:inherit;text-underline-offset:4px}
.ab-wrap{width:min(1320px,100% - 64px);margin-inline:auto}
.ab-header{border-bottom:1px solid var(--ab-line);background:white}
.ab-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ab-nav__links{display:flex;align-items:center;gap:28px}
.ab-nav__links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:13px}
.ab-nav__links a:hover{text-decoration:underline}
.ab-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 19px;border:2px solid var(--ab-ink);border-radius:8px;background:var(--ab-gold);font-family:AhaboomDisplay,system-ui,sans-serif;font-size:16px;font-weight:800;text-decoration:none}
.ab-button:hover{background:#ffdb69}.ab-button:active{transform:translateY(1px)}
.ahaboom-page a:focus-visible{outline:3px solid #4356c9;outline-offset:4px}
.ab-skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:2}.ab-skip:focus{top:8px}
.ab-intro{padding-block:58px 30px;max-width:850px}
.ab-kicker{margin:0 0 13px;color:var(--ab-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ab-intro h1{font:800 clamp(32px,4vw,54px)/1.08 AhaboomDisplay,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 18px}
.ab-intro p:last-child{margin:0;color:var(--ab-muted);font-size:16px;max-width:660px}
.ab-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start;padding-bottom:52px}
.ab-card{margin:0;border:1px solid var(--ab-line);border-radius:12px;overflow:hidden;background:white}
.ab-card__art{display:block;overflow:hidden;background:var(--cover-color);line-height:0}
.ab-card__art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .18s ease}
.ab-card__art:hover img{transform:scale(1.025)}
.ab-card__body{padding:16px 16px 19px}
.ab-status{display:inline-block;color:var(--ab-muted);font-size:10px;font-weight:400;letter-spacing:.055em;text-transform:uppercase}
.ab-card h2{font:800 23px/1.1 AhaboomDisplay,system-ui,sans-serif;margin:9px 0 6px}
.ab-card p{margin:0;font-size:12px;color:var(--ab-muted);line-height:1.6;min-height:38px}
.ab-card__download{display:inline-flex;align-items:center;min-height:44px;margin-top:7px;font-size:11px}
.ab-current{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border:1px solid var(--ab-line);border-radius:12px;background:white;margin-bottom:52px}
.ab-current h2{font:800 27px/1.15 AhaboomDisplay,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.ab-current p{margin:0;color:var(--ab-muted);font-size:14px}
.ab-footer{padding:24px 0 38px;border-top:1px solid var(--ab-line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--ab-muted);font-size:12px}
.ab-logo-preview{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 0 48px}
.ab-logo-preview a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1080px){.ab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-card p{min-height:20px}}
@media(max-width:760px){.ab-wrap{width:calc(100% - 36px)}.ab-nav{min-height:76px;gap:12px}.ab-nav .ahaboom-wordmark{width:158px;height:40px}.ab-nav__links{gap:12px}.ab-nav__links>a:not(.ab-button){display:none}.ab-nav .ab-button{font-size:13px;padding-inline:12px;white-space:nowrap}.ab-intro{padding-top:38px}.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ab-current{padding:24px;align-items:flex-start;flex-direction:column}.ab-footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.reader-bar .ahaboom-wordmark{width:108px;height:34px}.hero-picker__logo .ahaboom-wordmark{width:220px;height:53px}}
@media(max-width:480px){.ab-grid{grid-template-columns:1fr;gap:22px}.ab-card__body{padding:17px 20px}.ab-card p{min-height:0}.ab-card h2{font-size:25px}.ab-logo-preview{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.ahaboom-page *{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ahaboom-page{scrollbar-color:auto}.ab-card,.ab-current{border-color:CanvasText}}