.ex-mid-century{--g-hw:800;--g-ht:-.02em;--g-hl:1;--g-r:18px;--g-btn-r:99px;--g-bw:0px;--g-card:color-mix(in srgb,#fff 55%,var(--gp));--mustard:color-mix(in srgb,#d9a21e 90%,var(--gp));--teal:var(--gb);--orange:var(--ga)}.ex-mid-century:has(.ex-dark:checked){--g-card:color-mix(in srgb,#fff 6%,var(--gp))}.g-midcentury .g-kick{font:italic 600 15px var(--g-font);letter-spacing:.08em;text-transform:none;color:var(--gat)}.ab-logo{display:inline-flex;align-items:center;gap:10px;font:italic 800 24px var(--g-font);letter-spacing:-.02em}.ab-logo i{width:26px;height:26px;background:var(--orange);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ab-hero{padding:80px 0 100px;overflow:hidden}.ab-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.ab-hero h1{font-size:clamp(54px,7.4vw,112px)}.ab-hero h1 em{display:block;font-style:italic;color:var(--gat)}.ab-art{position:relative;aspect-ratio:1.05}.ab-art i{position:absolute;display:block}.ab-art .kidney{left:6%;top:10%;width:86%;height:76%;border-radius:62% 38% 46% 54%/55% 46% 54% 45%;background:var(--teal)}.ab-art .boom{width:34%;height:14%;border-radius:0 100% 0 100%;background:var(--mustard)}.ab-art .b1{left:0;top:4%;rotate:-18deg}.ab-art .b2{right:0;bottom:6%;rotate:160deg;background:var(--orange)}.ab-art .star{width:12%;aspect-ratio:1;background:var(--gk);clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%)}.ab-art .s1{right:8%;top:6%}.ab-art .s2{left:10%;bottom:10%;width:8%}.ab-art .s3{right:30%;top:0;width:6%;background:var(--orange)}.ab-art .cup{left:32%;top:36%;width:34%;height:28%;border-radius:0 0 50% 50%/0 0 80% 80%;background:var(--gp);box-shadow:inset 0 -10px 0 color-mix(in srgb,var(--gk) 10%,transparent)}.ab-art .cup:after{content:"";position:absolute;right:-22%;top:14%;width:28%;height:44%;border:8px solid var(--gp);border-left:0;border-radius:0 50% 50% 0}.ab-art .saucer{left:24%;top:62%;width:50%;height:7%;border-radius:50%;background:var(--mustard)}.ab-art .steam{left:44%;top:16%;width:10%;height:18%;border:4px solid var(--gp);border-color:var(--gp) transparent var(--gp) transparent;border-radius:50%}.ab-art .orbit{right:4%;top:20%;width:24%;aspect-ratio:1;border-radius:50%;border:3px solid var(--gk);scale:1 .4;rotate:-30deg}.ab-art .atom{right:14.6%;top:30.6%;width:3%;aspect-ratio:1;border-radius:50%;background:var(--orange)}@media (prefers-reduced-motion:no-preference){.ab-art .star{animation:ab-twinkle 2.4s ease-in-out infinite alternate}.ab-art .s2{animation-delay:-1s}.ab-art .steam{animation:ab-steam 3s ease-in-out infinite alternate}}@keyframes ab-twinkle{to{scale:.6;rotate:45deg}}@keyframes ab-steam{to{translate:0 -8px;opacity:.5}}.ab-beans h2{font-size:clamp(36px,4.8vw,66px);margin-bottom:40px!important}.ab-beans ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ab-beans li{display:grid;gap:8px;justify-items:start;padding:24px;border-radius:var(--g-r);background:var(--g-card)}.ab-beans h3{font-size:26px}.ab-beans p{color:var(--gk2)}.ab-beans strong{font-weight:700}.ab-bag{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.3;margin-bottom:8px;border-radius:12px;background:var(--teal);overflow:hidden}.ab-bag.b2{background:var(--orange)}.ab-bag.b3{background:var(--mustard)}.ab-bag i{position:absolute;width:46%;height:84%;bottom:-4%;border-radius:8px 8px 0 0;background:var(--gp);clip-path:polygon(0 8%,12% 0,24% 8%,36% 0,48% 8%,60% 0,72% 8%,84% 0,100% 8%,100% 100%,0 100%)}.ab-bag b{position:relative;padding:4px 12px;border-radius:99px;background:var(--gk);color:var(--gp);font:italic 800 15px var(--g-font)}@media (max-width:1000px){.ab-hero-in{grid-template-columns:minmax(0,1fr)}.ab-art{max-width:480px}.ab-beans ul{grid-template-columns:minmax(0,1fr)}}