.ab-page{color:#f3ece1;min-height:100vh;font-family:var(--font-body,system-ui,sans-serif);background:radial-gradient(900px 520px at 20% -10%,#ea984233,#0000 62%),radial-gradient(700px 460px at 95% 10%,#5fc4c91a,#0000 60%),linear-gradient(#14100b 0%,#0d0a07 50%,#0a0806 100%)}.ab-back{z-index:30;font-family:var(--font-vt323);color:#ffe9cc;background:#2b1c0c;border:2px solid #0d0805;border-radius:4px;gap:8px;padding:8px 14px;font-size:19px;text-decoration:none;display:inline-flex;position:fixed;top:18px;left:18px;box-shadow:4px 4px #0d0805}.ab-back:hover{background:#3a2611;transform:translate(2px,2px);box-shadow:2px 2px #0d0805}.ab-shell{max-width:960px;margin:0 auto;padding:100px 24px 80px}.ab-hero{grid-template-columns:minmax(320px,470px) 1fr;align-items:center;gap:48px;display:grid}.ab-photo{background:#fbf6ec;border-radius:4px;margin:0;padding:12px 12px 14px;transition:transform .3s;transform:rotate(-3deg);box-shadow:0 24px 50px #0000008c}.ab-photo:hover{z-index:2;transform:rotate(0)scale(1.03)}.ab-photos{grid-template-columns:1fr 1fr;align-items:start;gap:0;display:grid}.ab-photos .ab-photo{padding:9px 9px 11px;position:relative}.ab-photo-a{z-index:1;transform:rotate(-4deg)}.ab-photo-b{transform:rotate(3.5deg)translate(-10px,34px)}.ab-photos .ab-photo figcaption{font-size:17px;line-height:1.15}.ab-photo img{border-radius:2px;width:100%;height:auto;display:block}.ab-photo figcaption{text-align:center;font-family:var(--font-vt323);color:#3b2412;margin-top:10px;font-size:20px}.ab-kicker{font-family:var(--font-vt323);letter-spacing:.14em;color:#f6c489;margin:0;font-size:22px}.ab-intro h1{font-family:var(--font-vt323);margin:4px 0 0;font-size:clamp(52px,8vw,84px);font-weight:400;line-height:1}.ab-lede{max-width:22em;margin:16px 0 0;font-size:clamp(19px,2.4vw,23px);line-height:1.5}.ab-sec{margin-top:72px}.ab-sec h2{font-family:var(--font-vt323);margin:0 0 20px;font-size:clamp(34px,5vw,46px);font-weight:400}.ab-jars{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ab-jars a{box-sizing:border-box;height:100%;color:inherit;background:#ffffff08;border:1px solid #f6c48938;border-radius:14px;flex-direction:column;gap:4px;padding:18px 18px 20px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:flex}.ab-jars a:hover{background:#ea984214;border-color:#ea9842;transform:translateY(-3px)rotate(-.6deg)}.ab-n{font-family:var(--font-vt323);letter-spacing:.1em;color:#5fc4c9;font-size:17px}.ab-jars b{font-family:var(--font-vt323);color:#fff;font-size:28px;font-weight:400}.ab-note{color:#cbbfae;font-size:15.5px;line-height:1.5}.ab-why{background:linear-gradient(135deg,#ea98421f,#ea984208);border:1px solid #f6c48947;border-radius:18px;padding:28px 30px 30px}.ab-why h2{margin-bottom:12px}.ab-why p{max-width:40em;margin:0;font-size:18px;line-height:1.65}.ab-go{color:#f6c489;margin-top:18px;font-weight:700;text-decoration:none;display:inline-block}.ab-go:hover{text-decoration:underline}.ab-footer{font-family:var(--font-vt323);color:#cbbfae;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin-top:64px;font-size:22px;display:flex}@media (max-width:760px){.ab-back{padding:7px 11px;font-size:17px;top:12px;left:12px}.ab-shell{padding:80px 20px 60px}.ab-hero{text-align:center;grid-template-columns:1fr;gap:28px}.ab-photos{max-width:380px;margin:0 auto 28px}.ab-photos .ab-photo figcaption{font-size:15px}.ab-lede{margin-inline:auto}.ab-sec{margin-top:56px}.ab-why{padding:22px 20px 24px}}@media (prefers-reduced-motion:reduce){.ab-photo,.ab-jars a{transition:none}}
