@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#183b2d;--paper:#f7f8f2;--lime:#d6ff5e;--lavender:#c7b9f4;--line:#ccd3c5;--muted:#606d60;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7861c6;outline-offset:6px}button:disabled{cursor:default}button{color:inherit}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--lime);z-index:100}.skip-link:focus{top:10px}.announcement{background:var(--ink);color:var(--paper);min-height:32px;text-align:center;display:flex;justify-content:center;align-items:center;gap:28px;font-size:11px;letter-spacing:1.5px;font-weight:600}.announcement span{color:var(--lime)}.site-header{margin:auto;max-width:1600px;min-height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:30px}.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:46px;letter-spacing:-3.8px;line-height:1;text-decoration:none}.wordmark span{font-size:13px;display:inline-block;vertical-align:top;letter-spacing:0;margin:4px 0 0 7px}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:14px;font-weight:600;text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:60px;padding:16px 27px;border:1.5px solid var(--ink);border-radius:4px;background:var(--ink);color:white;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 0 0 var(--ink);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--ink);background:var(--lime);color:var(--ink)}.button span{font-size:23px;line-height:1}.button-small{min-height:46px;padding:11px 20px;gap:24px;background:var(--lime);color:var(--ink)}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:55px 5% 58px;align-items:center}.eyebrow{display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:1.25px;font-weight:700}.pill-label{border:1px solid var(--ink);border-radius:30px;padding:7px 10px;font-size:10px;letter-spacing:1px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(72px,7.8vw,125px);line-height:.91;letter-spacing:-.075em;margin:29px 0 23px;font-weight:700}.slant-word{display:inline-block;position:relative;isolation:isolate}.slant-word:before{content:'';position:absolute;background:var(--lime);inset:10% -3% -2% -3%;transform:rotate(-3deg);z-index:-1}.period{color:#739351}.hero-description{font-size:19px;line-height:1.5;letter-spacing:-.3px;margin:0 0 29px}.hero-actions{display:flex;gap:23px;align-items:center}.text-link{max-width:155px;font-size:13px;line-height:1.6;font-weight:600;text-underline-offset:3px}.text-link span{padding-left:8px}.hero-note{font-size:11px;font-weight:500;margin-top:27px;display:flex;gap:10px;align-items:center;letter-spacing:.05px}.mini-star{font-size:21px}.hero-art{position:relative;background:var(--lavender);aspect-ratio:.96;min-width:0;overflow:hidden;border:1px solid var(--ink);border-radius:160px 160px 8px 8px;display:flex;align-items:center;justify-content:center}.art-caption{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1.4px;font-weight:600;z-index:2}.hero-logo{display:block;width:118%;height:118%;object-fit:contain;max-width:none;transform:rotate(-21deg);filter:drop-shadow(18px 32px 12px #5b4e713b);transition:transform .5s}.hero-art:hover .hero-logo{transform:rotate(-15deg) translateY(-7px)}.sticker{position:absolute;right:18px;top:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;background:var(--lime);border:1.5px solid var(--ink);border-radius:50%;transform:rotate(13deg);box-shadow:3px 3px 0 var(--ink);font-size:10px;letter-spacing:1.2px;line-height:1.6}.sticker strong{font-size:19px;letter-spacing:-1px;font-family:'Space Grotesk',sans-serif}.art-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:1px}.art-bottom span:last-child{font-size:29px}.ticker{border-block:1.5px solid var(--ink);background:var(--lime);overflow:hidden;white-space:nowrap;padding:21px 0}.ticker-track{display:flex;width:max-content;align-items:center;gap:36px;animation:marquee 30s linear infinite;font-size:22px;font-weight:700;font-family:'Space Grotesk',sans-serif;letter-spacing:-.5px}.ticker-track>span{display:inline-block}dialog{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);width:min(520px,calc(100% - 32px));padding:44px 36px 32px;border-radius:10px;box-shadow:10px 10px 0 var(--lime)}dialog::backdrop{background:#0b231bbb;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:12px;width:36px;height:36px;font-size:27px;background:none;border:0}dialog h2{font-size:46px;letter-spacing:-2.5px;line-height:1.05;margin:25px 0 18px;font-family:'Space Grotesk',sans-serif}dialog p{font-size:16px;line-height:1.65}dialog .button{margin-top:10px}.dialog-footnote{font-size:12px!important;color:var(--muted);margin:22px 0 0}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{gap:72px}}@media(max-width:1000px){.hero{gap:24px;padding-top:38px;padding-bottom:42px}.eyebrow{font-size:9px;gap:10px}.pill-label{font-size:9px}.hero-actions{gap:16px}.hero-actions .button{padding:15px 20px;gap:23px}.hero-art{border-radius:130px 130px 8px 8px}.hero-description{font-size:17px}.sticker{width:95px;height:95px;top:75px;right:12px}.sticker strong{font-size:17px}.hero-note{font-size:10px}.art-caption{font-size:8px;letter-spacing:.8px}.site-header nav{gap:23px}}@media(max-width:760px){.announcement{font-size:9px;min-height:28px;letter-spacing:1.1px}.announcement span{display:none}.site-header{min-height:84px;padding-inline:6%}.site-header nav{display:none}.wordmark{font-size:40px}.button-small{font-size:13px;gap:20px;min-height:44px}.hero{grid-template-columns:1fr;padding:35px 6% 36px;gap:36px}.eyebrow{font-size:10px}.pill-label{font-size:9px}h1{font-size:clamp(78px,17.8vw,122px);margin-top:30px}.hero-description{font-size:18px}.hero-actions{gap:24px}.hero-note{font-size:11px;margin-top:22px}.hero-art{aspect-ratio:1.08;border-radius:150px 150px 8px 8px;max-height:520px}.hero-logo{width:113%;height:113%}.sticker{width:105px;height:105px;top:65px;right:18px}.art-caption{font-size:9px;top:31px}.art-bottom{font-size:8px;bottom:21px;left:25px;right:25px}.ticker{padding:16px 0}.ticker-track{font-size:18px;gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Page sections and final artwork */
.announcement,.eyebrow,.pill-label,.hero-note,.art-caption,.art-bottom {font-size:12px}
.text-link {font-size:14px}.hero .eyebrow {flex-wrap:wrap}.hero-actions {flex-wrap:wrap}.hero-actions .text-link {max-width:180px}
.hero-logo {width:100%;height:100%;object-fit:cover;transform:none;filter:none}.hero-art:hover .hero-logo {transform:scale(1.025)}
.art-caption {padding:0 65px;line-height:1.5;top:28px;letter-spacing:.5px}.art-bottom {font-size:12px;letter-spacing:.3px;bottom:22px}.art-bottom span:first-child {max-width:225px;line-height:1.4}
.sticker {top:88px;font-size:12px}.sticker strong {font-size:18px}
h2 {font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,3.5vw,56px);line-height:1.1;letter-spacing:-2.4px;font-weight:700;margin:0}
h2 em {font-family:Georgia,serif;font-weight:400}
.section {max-width:1600px;margin:auto;padding:82px 5%}
.section-label {display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:40px}.section-label span:last-child {color:var(--muted)}
.lore-intro {display:grid;grid-template-columns:1.12fr 1fr;gap:65px}.lore-text {max-width:460px}.lore-text p {margin:0 0 20px;font-size:16px;line-height:1.75;color:var(--muted)}.lore-text p:first-child {color:var(--ink)}.lore-text .text-link {display:inline-block;margin-top:3px}
.beliefs {display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px;border-top:1px solid var(--line);padding-top:34px}.beliefs article {display:grid;grid-template-columns:42px 1fr;column-gap:13px}.belief-symbol {font-size:36px;line-height:1.1;grid-row:span 2;font-family:'Space Grotesk',sans-serif}.beliefs h3 {font-size:17px;margin:0 0 9px;letter-spacing:-.35px}.beliefs p {font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:240px}
.ponernomics {background:var(--ink);color:var(--paper);padding:68px 5% 38px}.ponernomics>div {max-width:1440px;margin-left:auto;margin-right:auto}.ponernomics .section-label span:last-child {color:#b9c9b6}.nomics-heading {display:flex;justify-content:space-between;gap:40px;align-items:end}.nomics-heading h2 {font-size:clamp(30px,3.1vw,49px)}.nomics-heading h2 span {color:var(--lime)}.nomics-heading>p {font-size:14px;line-height:1.7;color:#b9c9b6;margin:0;min-width:170px}
.metrics {display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;margin-bottom:35px}.metrics article {border-left:1px solid #5e7767;padding:0 24px}.metrics article:first-child {border-left:0;padding-left:0}.metrics strong {font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5vw,76px);font-weight:500;letter-spacing:-4px;line-height:1.2}.metrics strong span {font-size:.6em;margin-left:2px}.metrics h3 {font-size:15px;margin:14px 0 8px;font-weight:500}.metrics p {font-size:12px;color:#b9c9b6;line-height:1.7;margin:0}
.contract-line {border-top:1px solid #5e7767;padding-top:25px;display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.8px}.contract-line>code {color:var(--lime);font-size:14px;letter-spacing:0;overflow-wrap:anywhere}.outline-pill {border:1px solid #b9c9b6;border-radius:20px;padding:7px 12px;margin-left:auto;white-space:nowrap;font-size:12px}
.vibe-section {display:grid;grid-template-columns:.86fr 1fr;align-items:center;gap:70px;padding-block:90px}.vibe-copy h2 {font-size:clamp(50px,5.3vw,80px);margin-top:23px}.vibe-copy p {font-size:16px;line-height:1.75;color:var(--muted);margin:24px 0}.vibe-disclaimer {display:block;font-size:12px;color:var(--muted);margin-top:15px}
.vibe-machine {background:var(--lime);border:1.5px solid var(--ink);border-radius:7px;box-shadow:7px 7px 0 var(--ink);padding:27px 30px;position:relative;overflow:hidden;transition:background .3s}.machine-header,.machine-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:.4px}.machine-header {padding-bottom:22px;border-bottom:1px solid #183b2d50}.vibe-readout {display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 0}.vibe-readout output {font-family:'Space Grotesk',sans-serif;font-size:88px;letter-spacing:-6px;line-height:1.1}.vibe-readout output span {font-size:35px;letter-spacing:-2px;margin-left:4px}.mood {font-size:12px;font-weight:700;text-align:right;max-width:125px;line-height:1.5;letter-spacing:.5px}.meter {height:5px;border-radius:10px;background:#183b2d30;overflow:hidden;margin-bottom:22px}.meter>span {display:block;height:100%;background:var(--ink);transition:width .4s}.at-peak {background:var(--lavender)}.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.roadmap {border-top:1px solid var(--line);padding-top:64px}.roadmap-heading {display:flex;justify-content:space-between;gap:40px;align-items:end}.roadmap-heading>p {font-size:14px;line-height:1.7;color:var(--muted);margin:0}.roadmap-steps {list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ink)}.roadmap-steps li {padding:25px 23px 50px;border-right:1px solid var(--ink);position:relative;min-height:245px}.roadmap-steps li:first-child {padding-left:0}.roadmap-steps li:last-child {border-right:0}.phase {display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2px;margin-bottom:24px}.phase-status {font-size:12px;border-radius:3px;padding:5px 6px;background:#e6e9df}.phase-current {background:var(--lime)}.roadmap-steps strong {font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-.7px}.roadmap-steps p {font-size:14px;line-height:1.7;color:var(--muted);margin-top:12px}.phase-number {font-family:'Space Grotesk',sans-serif;font-size:42px;line-height:1;font-weight:500;letter-spacing:-2px;position:absolute;bottom:14px;right:18px;color:#b6c1b0}
.faq-section {display:grid;grid-template-columns:.9fr 1fr;gap:60px}.faq-section h2 {margin-top:20px;font-size:clamp(32px,3.2vw,48px)}.faq-list details {border-bottom:1px solid var(--line)}.faq-list details:first-child {border-top:1px solid var(--line)}.faq-list summary {list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;font-size:16px;font-weight:500;min-height:68px;padding:20px 0}.faq-list summary::-webkit-details-marker {display:none}.faq-list summary>span {font-size:25px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span {transform:rotate(45deg)}.faq-list details p {font-size:15px;line-height:1.75;color:var(--muted);margin:0 25px 22px 0}
.closing {background:var(--lavender);padding:62px 5% 66px;text-align:center;position:relative;overflow:hidden;border-block:1px solid var(--ink)}.closing .eyebrow {justify-content:center}.closing h2 {font-size:clamp(44px,5.5vw,82px);margin:26px 0 30px;position:relative;z-index:1;letter-spacing:-3.5px}.closing h2 em {font-family:'Space Grotesk',sans-serif;font-weight:700;font-style:normal;background:var(--lime);padding:0 12px}.closing-stamp {position:absolute;right:5%;top:50%;font-size:140px;line-height:1;color:var(--ink);transform:rotate(15deg);opacity:.9}.site-footer {padding:45px 5% 25px;max-width:1600px;margin:auto}.footer-top {display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.footer-top>span {font-size:12px;letter-spacing:1px}.footer-top .text-link {max-width:none}.footer-bottom {border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:12px;color:var(--muted)}.footer-bottom p {margin:0;line-height:1.6}.footer-bottom a {white-space:nowrap;text-underline-offset:3px}
@media(max-width:1100px){.section {padding-block:65px}.lore-intro {gap:40px}.vibe-section {gap:45px}.vibe-machine {padding:24px}.machine-header {flex-wrap:wrap;gap:8px}.roadmap-steps li {padding-inline:15px}.roadmap-steps strong {font-size:19px}.phase {gap:7px}.nomics-heading {align-items:start}.metrics article {padding-inline:17px}.metrics strong {letter-spacing:-3px}.faq-section {gap:40px}.closing-stamp {right:3%;font-size:95px}.art-caption {padding-inline:35px}.art-bottom {left:20px;right:20px;bottom:15px}.sticker {top:90px;width:100px;height:100px}.sticker strong {font-size:16px}.hero .eyebrow {line-height:1.5}}
@media(max-width:760px){.announcement {font-size:12px;letter-spacing:.7px}.hero .eyebrow {font-size:12px;gap:10px}.hero .pill-label {font-size:12px}.hero-art {aspect-ratio:1;max-height:none;border-radius:140px 140px 8px 8px}.hero-logo {width:100%;height:100%}.art-caption {font-size:12px;top:26px;padding-inline:45px;letter-spacing:0}.art-bottom {font-size:12px;bottom:16px;letter-spacing:0}.art-bottom span:first-child {max-width:195px}.sticker {width:95px;height:95px;top:85px;right:12px;font-size:12px}.sticker strong {font-size:16px}.hero-note {font-size:12px;line-height:1.5}.section {padding:53px 6%}.section-label {margin-bottom:29px;gap:15px;align-items:start;letter-spacing:.3px}.section-label span:last-child {text-align:right}.lore-intro {grid-template-columns:1fr;gap:25px}h2 {font-size:36px;letter-spacing:-1.7px}.lore-text {max-width:none}.beliefs {grid-template-columns:1fr;margin-top:32px;gap:26px;padding-top:28px}.beliefs article {grid-template-columns:35px 1fr}.beliefs p {max-width:none;font-size:15px}.beliefs h3 {font-size:18px}.belief-symbol {font-size:31px}.ponernomics {padding:44px 6% 30px}.nomics-heading {display:block}.nomics-heading h2 {font-size:33px;letter-spacing:-1.6px}.nomics-heading>p {margin-top:20px}.metrics {grid-template-columns:repeat(2,1fr);gap:32px 15px;margin-top:33px}.metrics article {padding:0 0 0 17px}.metrics article:nth-child(3) {border-left:0;padding-left:0}.metrics strong {font-size:54px}.metrics h3 {font-size:14px;margin-top:10px;line-height:1.5}.contract-line {flex-wrap:wrap;gap:13px}.contract-line>code {font-size:13px;order:3;width:100%}.outline-pill {padding:6px 9px}.vibe-section {grid-template-columns:1fr;gap:33px}.vibe-copy h2 {font-size:62px;margin-top:20px}.vibe-copy p {margin:20px 0}.vibe-machine {padding:23px 20px;box-shadow:5px 5px 0 var(--ink)}.machine-header {gap:9px}.vibe-readout output {font-size:80px}.machine-footer {flex-wrap:wrap;gap:8px}.roadmap-heading {display:block}.roadmap-heading>p {margin-top:20px}.roadmap-steps {grid-template-columns:1fr 1fr;margin-top:30px}.roadmap-steps li {padding:22px 17px 48px;min-height:270px}.roadmap-steps li:nth-child(2) {border-right:0}.roadmap-steps li:nth-child(3) {padding-left:0;border-top:1px solid var(--ink)}.roadmap-steps li:nth-child(4) {border-top:1px solid var(--ink)}.phase {align-items:start;flex-direction:column;gap:9px;margin-bottom:20px}.roadmap-steps strong {font-size:19px}.roadmap-steps p {font-size:14px;line-height:1.6}.phase-number {font-size:32px;bottom:15px}.faq-section {grid-template-columns:1fr;gap:28px}.faq-section h2 {font-size:37px}.faq-list summary {font-size:16px;min-height:65px}.closing {padding:45px 6% 49px}.closing .eyebrow {letter-spacing:.3px}.closing h2 {font-size:47px;letter-spacing:-2.5px}.closing-stamp {right:-20px;top:44px;font-size:82px;opacity:.18}.site-footer {padding:35px 6% 24px}.footer-top {flex-wrap:wrap;gap:25px}.footer-top>span {max-width:165px;line-height:1.5;text-align:right;letter-spacing:.5px}.footer-top .text-link {width:100%;font-size:14px}.footer-bottom {flex-wrap:wrap;gap:14px}.footer-bottom p:nth-child(2) {order:3;width:100%}.footer-bottom a {margin-left:auto}}
@media(max-width:380px){h1{font-size:77px}.hero-actions {gap:15px}.hero-actions .text-link {max-width:130px}.sticker {width:82px;height:82px;top:88px}.sticker strong {font-size:14px}.sticker {font-size:10px}.art-caption {font-size:12px;padding-inline:36px}.art-bottom span:first-child {max-width:175px}.closing h2 {font-size:40px}.metrics strong {font-size:49px}.roadmap-steps li {padding-right:10px}.roadmap-steps strong {font-size:17px}.hero-art {border-radius:110px 110px 8px 8px}.phase-status {font-size:11px}.hero-actions .button {min-width:140px;padding-inline:16px}.contract-line .outline-pill {margin-left:0}.art-bottom {font-size:11px}}

/* The P pump: each layer owns one motion so rapid clicks remain bounded. */
.vibe-machine { min-width: 0; }
.pump-stage { position: relative; height: 300px; margin: 2px 0 23px; isolation: isolate; }
.pump-stage::after { content: ''; position: absolute; left: 9%; right: 9%; bottom: 32px; border-bottom: 1px dashed #183b2d35; z-index: -1; }
.pump-rig { position: absolute; width: clamp(300px, 28vw, 370px); aspect-ratio: 1; top: 74%; left: var(--pump-x, 36%); transform: translate(-34%, -50%); transition: left 650ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.pump-bounce, .pump-logo-turn { width: 100%; height: 100%; }
.pump-logo-turn { transform-origin: 34% 50%; transform: rotate(var(--pump-angle, 30deg)) scale(var(--pump-scale, .6)); transition: transform 650ms cubic-bezier(.22, 1.2, .36, 1); }
.pump-logo { width: 100%; height: 100%; display: block; user-select: none; filter: drop-shadow(0 10px 5px #183b2d25); }
.pump-glow { position: absolute; width: 220px; height: 220px; left: 50%; top: 48%; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; filter: blur(27px); opacity: var(--pump-glow, .12); transition: opacity 650ms, background 650ms; z-index: -1; }
.pump-shadow { position: absolute; width: 100px; height: 12px; left: 46%; bottom: 42px; border-radius: 50%; background: #183b2d30; filter: blur(6px); transform: translateX(-50%) scaleX(var(--shadow-scale, 1)); transition: transform 650ms; z-index: -1; }
.pump-posture { position: absolute; bottom: 0; left: 0; right: 0; font-size: 12px; font-weight: 700; letter-spacing: .7px; text-align: center; }
.at-peak .pump-glow { background: var(--lime); }
.pump-tick-a .pump-bounce { animation: pump-bounce-a 420ms ease-out; }
.pump-tick-b .pump-bounce { animation: pump-bounce-b 420ms ease-out; }
@keyframes pump-bounce-a { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-8px); } 70% { transform: translateY(2px); } }
@keyframes pump-bounce-b { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-8px); } 70% { transform: translateY(2px); } }
@media (max-width: 760px) { .pump-stage { height: 270px; } .pump-rig { width: 320px; } .pump-posture { font-size: 12px; letter-spacing: .2px; } }
@media (max-width: 380px) { .pump-rig { width: 300px; } .pump-stage { height: 260px; } }

/* The game replaces the hero artwork and carries its own controls. */
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.hero-game { width: 100%; scroll-margin-top: 30px; }
.hero-game .pump-stage { height: 260px; }
.hero-game .pump-rig { width: 320px; top: 68%; }
.pump-controls { border-top: 1px solid #183b2d35; margin-top: 20px; padding-top: 20px; }
.pump-controls .button { width: 100%; }
.pump-help { margin: 12px 0 0; text-align: center; font-size: 12px; line-height: 1.5; }
@media (max-width: 760px) { .hero { grid-template-columns: minmax(0, 1fr); } }