.ab{--ab-ink:#0b0c0e;--ab-blue:#1d5fbf;--ab-sun:#ffd84a}.ab .wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.ab .ab-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,64px);padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(24px,4vw,48px);display:grid}.ab-hero-copy{justify-items:start;gap:18px;display:grid}.ab-sticker{background:var(--ab-sun);color:var(--ab-ink);border:2.5px solid var(--ab-ink);font:700 .9rem var(--body);box-shadow:3px 3px 0 var(--ab-ink);border-radius:999px;padding:6px 14px;display:inline-block;transform:rotate(-4deg)}.ab h1{font:800 clamp(2.5rem, 1.4rem + 4.2vw, 4.8rem)/.98 var(--head);letter-spacing:-.045em;color:var(--ink);text-wrap:balance}.ab-strike{color:var(--ab-blue);white-space:nowrap;position:relative}.ab-strike:after{content:"";background:var(--ab-ink);transform-origin:0;border-radius:4px;height:.12em;animation:.7s cubic-bezier(.65,0,.35,1) .5s forwards abStrike;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-3deg)scaleX(0)}@keyframes abStrike{to{transform:rotate(-3deg)scaleX(1)}}.ab-lede{color:var(--soft);max-width:36em;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.55}.ab-photo{justify-self:center;width:min(100%,380px);margin:0;position:relative}.ab-photo img{aspect-ratio:4/5;object-fit:cover;border:3px solid var(--ab-ink);width:100%;height:auto;box-shadow:10px 10px 0 var(--ab-blue);border-radius:22px;display:block;transform:rotate(2deg)}.ab-photo figcaption{border:2.5px solid var(--ab-ink);color:var(--ab-ink);box-shadow:3px 3px 0 var(--ab-ink);background:#fff;border-radius:12px;max-width:88%;padding:6px 14px;font-size:1.35rem;line-height:1.1;position:absolute;bottom:-22px;left:-14px;transform:rotate(-3deg)}.ab .ab-sec{gap:22px;padding-top:clamp(48px,7vw,88px);display:grid}.ab-sec>h2,.ab-kits h2{font:800 clamp(1.9rem, 1.3rem + 2vw, 2.9rem)/1.02 var(--head);letter-spacing:-.035em;color:var(--ink)}.ab-card{border:2.5px solid var(--ab-ink);box-shadow:6px 6px 0 var(--ab-ink);background:#fff;border-radius:20px;align-content:start;gap:10px;padding:clamp(18px,2.4vw,26px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;position:relative}.ab-card:hover{box-shadow:8px 8px 0 var(--ab-ink);transform:translate(-2px,-2px)rotate(-.4deg)}.ab-tilt{transform:rotate(-.8deg)}.ab-tilt-r{transform:rotate(.8deg)}.ab-card h3{font:700 1.3rem/1.15 var(--head);letter-spacing:-.02em;color:var(--ink)}.ab-card p{color:var(--soft);line-height:1.55}.ab-card a{color:var(--ab-blue);text-underline-offset:3px;font-weight:600;text-decoration:underline}.ab-tag{background:var(--tint);color:var(--ab-blue);font:600 .78rem var(--body);letter-spacing:.02em;border-radius:999px;justify-self:start;padding:3px 10px}.ab-origin{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.ab-wide{padding:clamp(20px,3vw,30px)}.ab-quiz{gap:14px;display:grid}.ab-q{font:700 1.2rem var(--head);color:var(--ink)!important}.ab-opts{flex-wrap:wrap;gap:10px;display:flex}.ab-opts button,.ab-tabs button{border:2px solid var(--ab-ink);color:var(--ab-ink);font:600 .95rem var(--body);cursor:pointer;box-shadow:3px 3px 0 var(--ab-ink);background:#fff;border-radius:12px;padding:10px 16px;transition:transform .12s,box-shadow .12s,background-color .15s}.ab-opts button:hover,.ab-tabs button:hover{box-shadow:4px 4px 0 var(--ab-ink);transform:translate(-1px,-1px)}.ab-opts button:active,.ab-tabs button:active{box-shadow:1px 1px 0 var(--ab-ink);transform:translate(2px,2px)}.ab-opts button.on.ok{background:#bff0d4}.ab-opts button.on.no{background:#ffd6d0}.ab-tabs button.on{background:var(--ab-sun)}.ab-swap{display:grid}.ab-swap>*{visibility:hidden;grid-area:1/1;margin:0}.ab-swap>.on{visibility:visible;animation:.25s both abIn}@keyframes abIn{0%{opacity:0;transform:translateY(4px)}}.ab-ans p{font-weight:500;color:var(--ink)!important}.ab-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;display:grid}.ab-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-blue{background:var(--ab-blue)}.ab-blue h3,.ab-blue p{color:#fff}.ab-blue p{color:#e3ecff}.ab-blue a{color:var(--ab-sun)}.ab-blue .ab-tag{background:var(--ab-sun);color:var(--ab-ink)}.ab-chal{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin-top:6px;display:grid}.ab-chal p{font-weight:600;color:#fff!important}.ab-btn{border:2.5px solid var(--ab-ink);background:var(--ab-sun);color:var(--ab-ink);font:700 1rem var(--body);cursor:pointer;box-shadow:4px 4px 0 var(--ab-ink);white-space:nowrap;border-radius:14px;padding:11px 18px;transition:transform .15s,box-shadow .15s}.ab-btn:hover{box-shadow:6px 6px 0 var(--ab-ink);transform:translate(-2px,-2px)rotate(-1.5deg)}.ab-btn:active{box-shadow:1px 1px 0 var(--ab-ink);transform:translate(2px,2px)}.ab-kits{background:#fffbea;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px)}.ab-kits>div:first-child{justify-items:start;gap:12px;display:grid}.ab-kit{gap:14px;display:grid}.ab-kit-stage{background:#fff;border:2px dashed #c9c2a0;border-radius:16px;justify-content:center;align-items:flex-end;gap:4%;height:200px;padding:0 8% 12px;display:flex;position:relative;overflow:hidden}.ab-cat{aspect-ratio:1;transform-origin:50% 100%;width:42%;transform:scale(var(--s));transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.ab-cat.b{transition-delay:80ms}.ab-cat svg{width:100%;height:100%;display:block}.ab-ruler{background:repeating-linear-gradient(#c9c2a0 0 2px,#0000 2px 16px);width:8px;position:absolute;top:12px;bottom:12px;left:10px}.ab-tabs{flex-wrap:wrap;gap:8px;display:flex}.ab-kit .ab-swap p{color:var(--ink);font-weight:500}.ab-cta{margin-top:8px}@media (width<=960px){.ab-origin{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-three{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.ab .ab-hero,.ab-grid,.ab-kits{grid-template-columns:minmax(0,1fr)}.ab-strike{white-space:normal}.ab-photo{width:min(78%,320px)}}@media (width<=520px){.ab-origin,.ab-chal{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ab *,.ab :after{transition:none!important;animation:none!important}.ab-strike:after{transform:rotate(-3deg)}}