/* After Hours case studies: large actual outcomes, quiet chapter navigation. */
.ah{--ah-accent:#ffbd6a;background:#0b0e13;color:#f4f4f0;padding:72px max(24px,calc((100% - 1240px)/2));font:16px/1.6 system-ui,sans-serif;scroll-margin-top:90px}.ah *{box-sizing:border-box}.ah .ah-eyebrow{color:var(--ah-accent);font-size:13px;letter-spacing:0;text-transform:uppercase;margin:0 0 12px}.ah h2{font-size:56px;line-height:1.05;letter-spacing:0;font-weight:600;margin:0 0 24px;max-width:920px}.ah p{color:#c4cbd3;max-width:760px}.ah .ah-deck{font-size:20px;line-height:1.5;margin-bottom:38px}.ah .ah-stage{aspect-ratio:16/9;background:#06080a;position:relative;overflow:hidden;border-radius:6px}.ah .ah-stage img{width:100%;height:100%;object-fit:contain;display:block}.ah .ah-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 28px;border-top:1px solid #41454c;border-bottom:1px solid #41454c}.ah button{font:inherit;cursor:pointer}.ah .ah-chapters button{color:#aeb6c0;background:none;border:0;text-align:left;min-height:84px;padding:18px 14px;border-right:1px solid #41454c;line-height:1.25}.ah .ah-chapters button:last-child{border-right:0}.ah .ah-chapters button[aria-selected=true]{color:#fff;box-shadow:inset 0 3px var(--ah-accent);background:#ffffff07}.ah .ah-chapters span{display:block;color:var(--ah-accent);font-size:12px;margin-bottom:8px}.ah .ah-caption{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;min-height:115px}.ah h3{font-size:24px;margin:0;line-height:1.3;color:#fff}.ah .ah-caption p{margin:0}.ah .ah-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ah .ah-actions a,.ah .ah-actions button{font:600 14px system-ui;color:#fff;min-height:46px;padding:12px 20px;border:1px solid #5a6571;border-radius:4px;background:transparent;text-decoration:none;display:inline-flex;align-items:center}.ah .ah-actions .ah-primary{background:var(--ah-accent);color:#111;border:0}.ah :focus-visible{outline:3px solid var(--ah-accent);outline-offset:4px}.ah [hidden]{display:none!important}.ah .ah-note{font-size:13px;line-height:1.5;margin-top:26px}.ah .ah-compare{position:relative;aspect-ratio:16/9;background:#06080a;overflow:hidden;border-radius:6px}.ah .ah-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ah .ah-compare .ah-after{clip-path:inset(0 0 0 var(--split,50%))}.ah .ah-compare:after{content:'';position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:var(--ah-accent)}.ah .ah-comparison-control{display:block;width:100%;margin:16px 0;accent-color:var(--ah-accent)}.ah .ah-compare-labels{display:flex;justify-content:space-between;font-size:14px;color:#c4cbd3}.ah audio{width:min(100%,520px);display:block;margin:18px 0}.ah dialog{width:min(1500px,96vw);max-width:none;max-height:95dvh;background:#0b0e13;color:#fff;border:1px solid #64717f;border-radius:6px;padding:16px}.ah dialog::backdrop{background:#000e}.ah dialog img{width:100%;height:auto}.ah dialog button{position:sticky;top:0;min-height:44px;background:#222b35;color:#fff;border:1px solid #64717f;border-radius:4px;padding:10px 20px;display:block;margin-left:auto}.ah .ah-output{margin-top:36px;padding-top:24px;border-top:1px solid #41454c}.ah .ah-output h3{margin-bottom:12px}@media(max-width:700px){.ah{padding:48px 16px}.ah h2{font-size:34px}.ah .ah-deck{font-size:18px}.ah .ah-chapters{grid-template-columns:1fr 1fr}.ah .ah-chapters button{min-height:90px;font-size:14px}.ah .ah-chapters button:nth-child(2){border-right:0}.ah .ah-chapters button:nth-child(-n+2){border-bottom:1px solid #41454c}.ah .ah-caption{grid-template-columns:1fr;gap:12px}.ah .ah-actions a,.ah .ah-actions button{flex-grow:1;justify-content:center}.ah h3{font-size:22px}}@media(prefers-reduced-motion:reduce){.ah *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.ah .ah-caption{padding-top:24px}.ah .ah-count{font:13px/1.5 ui-monospace,monospace;color:var(--ah-accent)}.ah video{width:100%;max-height:600px;display:block;margin-top:20px}.ah .ah-stage img,.ah .ah-compare img{max-width:none;margin:0;border:0;border-radius:0}.ah dialog img{display:block}.ah label{display:block;margin-top:16px;font-size:14px;color:#c4cbd3}.ah output{font-variant-numeric:tabular-nums}

.ah .ah-result{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.ah .ah-result img{width:100%;height:auto;max-width:500px;justify-self:center;margin:0}.ah video{max-width:100%;height:auto}.ah .ah-result p{margin-top:16px}@media(max-width:700px){.ah .ah-result{grid-template-columns:1fr;gap:24px}.ah .ah-result img{max-width:360px}}

/* Each study belongs to its product. Small labels and filled controls use separate colors. */
.ah[data-after-hours]{--ah-text:#eff2ec;--ah-muted:#c4cbd3;--ah-rule:#48515b;--ah-label:#ffca87;--ah-button:#ffca87;--ah-button-ink:#1a1c1a;color:var(--ah-text)}
.ah[data-after-hours=form]{background:#edf0e7;--ah-text:#283624;--ah-muted:#55634e;--ah-rule:#b6c3ad;--ah-label:#3f5734;--ah-button:#3f5734;--ah-button-ink:#fff}
.ah[data-after-hours=luma]{background:#201b2a;--ah-text:#f4efff;--ah-muted:#c8bfd9;--ah-rule:#5e526e;--ah-label:#cdb9ff;--ah-button:#cdb9ff;--ah-button-ink:#201b2a}
.ah[data-after-hours=ghost]{background:#e9eeeb;--ah-text:#233b31;--ah-muted:#50665b;--ah-rule:#b6c6bd;--ah-label:#2b6049;--ah-button:#2b6049;--ah-button-ink:#fff}
.ah[data-after-hours=librarian]{background:#f5eee1;--ah-text:#413423;--ah-muted:#74634b;--ah-rule:#d0c2ab;--ah-label:#785329;--ah-button:#785329;--ah-button-ink:#fff}
.ah[data-after-hours=reclaim]{background:#f6f9f6;--ah-text:#143829;--ah-muted:#476254;--ah-rule:#bad1c1;--ah-label:#176742;--ah-button:#176742;--ah-button-ink:#fff}
.ah[data-after-hours=bounce]{background:#f6dace;--ah-text:#42251e;--ah-muted:#754c3f;--ah-rule:#d2ab9b;--ah-label:#873b24;--ah-button:#873b24;--ah-button-ink:#fff}
.ah[data-after-hours] :is(h2,h3){color:var(--ah-text)}.ah[data-after-hours] :is(p,label,.ah-compare-labels){color:var(--ah-muted)}.ah[data-after-hours] :is(.ah-eyebrow,.ah-count,.ah-chapters span){color:var(--ah-label)}.ah[data-after-hours] .ah-chapters,.ah[data-after-hours] .ah-chapters button,.ah[data-after-hours] .ah-output{border-color:var(--ah-rule)}.ah[data-after-hours] .ah-chapters button{color:var(--ah-muted)}.ah[data-after-hours] .ah-chapters button[aria-selected=true]{color:var(--ah-text);box-shadow:inset 0 3px var(--ah-label)}.ah[data-after-hours] .ah-actions :is(a,button){color:var(--ah-text);border-color:var(--ah-rule)}.ah[data-after-hours] .ah-actions .ah-primary{background:var(--ah-button);color:var(--ah-button-ink)}.ah[data-after-hours] :focus-visible{outline-color:var(--ah-label)}.ah[data-after-hours] .ah-comparison-control{accent-color:var(--ah-label)}.ah[data-after-hours] .ah-compare:after{background:var(--ah-label)}.ah h1{font-size:56px;line-height:1.08;letter-spacing:0!important;max-width:920px}.ah *{letter-spacing:0!important}@media(max-width:700px){.ah h1{font-size:36px!important}}
