@font-face{font-family:Display;src:url('/m-assets/display.otf') format('opentype');font-display:swap}@font-face{font-family:Body;src:url('/m-assets/sans.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101210;color:#f7f4e9;font:15px/1.65 Body,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b9f641;outline-offset:5px}::selection{background:#b9f641;color:#101210}:root{--lime:#b9f641;--muted:#a2aaa0;--cream:#f7f4e9;--line:#363b33;--pink:#ff57af}.wrap{width:min(1360px,calc(100% - 96px));margin:auto}.mono,.eyebrow,.tag,.tiny{font:11px/1.6 monospace;letter-spacing:1.5px;text-transform:uppercase}.eyebrow{color:var(--lime);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:7px;width:7px;background:currentColor;display:inline-block}.tiny{font-size:10px;color:var(--muted)}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Display,Impact,sans-serif;font-weight:700;line-height:.95;letter-spacing:-1px}h1{font-size:clamp(70px,8.3vw,132px)}h2{font-size:clamp(44px,5.4vw,82px)}h3{font-size:34px}p{max-width:590px}.btn{border:1px solid var(--cream);background:transparent;color:var(--cream);display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:15px 23px;font-weight:bold;font-size:13px;line-height:1.4;transition:.2s}.btn:hover{background:var(--cream);color:#101210;transform:translateY(-2px)}.btn.primary{background:var(--lime);border-color:var(--lime);color:#101210}.btn.primary:hover{background:#d2ff7b}.btn.dark{background:#101210;color:var(--cream);border-color:#101210}.btn.small{padding:10px 16px;font-size:12px}.arrow{font-size:22px;line-height:1}.textlink{border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px;font-weight:bold}.nav{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;line-height:.9}.brand img{width:40px;height:40px}.brand strong{font-family:Display,sans-serif;font-size:25px;letter-spacing:.1px}.brand small{font:9px monospace;letter-spacing:3px;display:block;margin-top:6px}.navlinks{display:flex;gap:32px;align-items:center;font-size:12px}.navlinks a:not(.btn){color:#bec3b9}.navlinks a.active,.navlinks a:hover{color:var(--lime)}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px}.previewbar{font:10px/1.5 monospace;letter-spacing:1px;text-align:center;background:#20251b;color:#cad6be;padding:7px 15px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;min-height:670px;align-items:center;padding:70px 0 45px}.hero h1{margin:24px 0 25px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{color:#bec3b9;max-width:405px;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-art{height:590px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:440px;height:440px;max-width:92%;border-radius:50%;background:var(--lime);top:75px;z-index:-2}.hero-art:after{content:'INSERT A LITTLE CHAOS';position:absolute;bottom:23px;right:0;transform:rotate(-7deg);background:var(--cream);color:#101210;padding:9px 15px;font:11px monospace;letter-spacing:2px;box-shadow:4px 4px 0 var(--pink)}.art-panel{object-fit:contain;position:absolute;bottom:35px;height:490px;width:260px;filter:drop-shadow(0 18px 14px #0008)}.art-panel:nth-child(1){height:430px;transform:translateX(-140px) rotate(-12deg);z-index:-1}.art-panel:nth-child(2){height:530px;z-index:2;transform:rotate(3deg)}.art-panel:nth-child(3){height:420px;transform:translateX(145px) rotate(14deg);z-index:0}.art-caption{position:absolute;top:10px;right:5px;font:10px monospace;text-align:right;color:#b8c2ae;letter-spacing:1px}.herofoot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0;margin-top:10px;font:10px monospace;letter-spacing:1px;color:#acb4a7}.herofoot b{color:var(--cream);margin-right:12px}.ticker{background:var(--lime);color:#101210;overflow:hidden;padding:12px 0;font-family:Display;font-size:25px;white-space:nowrap}.ticker div{width:max-content;word-spacing:16px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.section-head h2{margin:20px 0 0}.section-head p{max-width:330px;color:var(--muted);font-size:13px;margin:0}.feature{display:grid;grid-template-columns:1.2fr 1fr;background:#1a1f17;border:1px solid #323a2a;overflow:hidden}.feature-art{background:#000;display:flex;align-items:center;position:relative;min-height:390px}.feature-art img{width:100%}.feature-art .tag{position:absolute;top:22px;left:24px;background:#101210;padding:7px 12px;color:var(--lime);border:1px solid #647650}.feature-copy{padding:52px 48px}.feature-copy h3{font-size:57px;margin:20px 0}.feature-copy p{font-size:13px;color:#bac4b3}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.chip{font:10px monospace;border:1px solid #4a5442;border-radius:30px;padding:5px 11px;color:#c1cbb9}.text-lime{color:var(--lime)}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.skin{border-top:1px solid var(--line)}.skin .visual{height:425px;background:#20241e;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;margin-bottom:25px}.skin:nth-child(2) .visual{background:#272721}.skin:nth-child(3) .visual{background:#23242b}.skin .visual img{height:95%;width:auto;transition:transform .35s}.skin:hover .visual img{transform:scale(1.04) translateY(-4px)}.skin .visual .num{position:absolute;left:20px;top:19px;font:11px monospace;color:#adb4a7}.skin .visual .tag{position:absolute;right:18px;top:15px;font-size:9px;border:1px solid #68715e;padding:4px 8px}.skin h3{margin:0 0 12px}.skin p{font-size:12px;color:var(--muted);min-height:40px}.skin-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.swatches{display:flex;gap:5px}.swatches i{width:10px;height:10px;border-radius:50%;background:var(--c)}.scene{background:#e8e7dc;color:#141911}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.scene .eyebrow{color:#426625}.scene p{color:#53594f;font-size:14px}.scene h2{margin:22px 0 30px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #bec3b5;border-left:1px solid #bec3b5}.mode-box{padding:25px;border-right:1px solid #bec3b5;border-bottom:1px solid #bec3b5;transition:.2s}.mode-box:hover{background:#d7e4c2}.mode-box svg{width:56px;height:56px;margin-bottom:20px}.mode-box strong{display:block;font-size:15px}.mode-box span{display:block;font:10px monospace;color:#66705d;margin-top:5px}.story-strip{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-bottom:1px solid var(--line)}.story-strip p{font-size:14px;color:var(--muted)}.story-strip h2{font-size:65px;margin-bottom:0}.story-strip h2 span{color:var(--lime)}.footer-cta{padding:70px 0;background:var(--lime);color:#101210}.footer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta h2{font-size:64px;margin:0}.footer{padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer .brand{margin-bottom:25px}.footer p{font-size:12px;color:var(--muted);max-width:260px}.footer h4{font:10px monospace;color:#939f88;letter-spacing:1.5px;margin-top:0}.footer a:not(.brand){display:block;font-size:12px;margin:10px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font:10px monospace;color:var(--muted)}.pagehead{padding:65px 0 40px}.pagehead h1{font-size:clamp(68px,8vw,110px);margin:22px 0}.pagehead p{color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0 32px}.tabs button{background:none;color:#b3bdab;border:1px solid var(--line);padding:9px 18px;font-size:12px}.tabs button.selected{background:var(--lime);border-color:var(--lime);color:#101210}.shop-note{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px}.inclusions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.inclusions>div{border-top:1px solid var(--line);padding-top:24px}.inclusions h3{font-size:30px}.inclusions p{font-size:13px;color:var(--muted)}dialog{width:min(970px,calc(100% - 32px));padding:0;border:1px solid #4e5946;background:#181e15;color:var(--cream);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.config{display:grid;grid-template-columns:1fr 1.05fr}.config-image{background:#0b0e09;padding:25px;display:flex;align-items:center;justify-content:center;min-height:550px}.config-image img{max-height:65vh;object-fit:contain}.config-options{padding:40px}.config-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.close{border:1px solid #525e48;background:none;color:var(--cream);font-size:21px;width:35px;height:35px}.config h2{font-size:52px;margin-bottom:25px}.config label{display:block;font:11px monospace;text-transform:uppercase;margin:25px 0 8px;color:#b9c7ad}.config select{padding:12px;background:#10160c;border:1px solid #535f48;color:white;width:100%}.config .summary{background:#242e1c;padding:15px;font-size:12px;line-height:2;margin:28px 0}.config .fine{font-size:10px;color:#a6b19b;margin-top:20px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;font-size:15px;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--lime);font-size:21px}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:20px 0 0;max-width:780px}.reading{max-width:850px;margin:auto}.reading h2{font-size:48px}.reading .section{padding:55px 0}.reading p{max-width:none;color:#b6c0ae}.notice{border-left:3px solid var(--lime);padding:20px 25px;background:#1a2315;font-size:13px;color:#becab4;margin:30px 0}.arcade-nav{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.arcade-nav .brand small{color:var(--lime)}.arcade-lobby{padding-top:50px}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.lobby-top h1{font-size:80px;margin:10px 0}.lobby-top p{color:var(--muted);font-size:13px}.arcade-feature{display:grid;grid-template-columns:1.4fr 1fr;background:#1b2316;border:1px solid #3f5132}.arcade-feature img{width:100%;height:100%;object-fit:cover}.arcade-feature .feature-copy{padding:35px}.arcade-feature h2{font-size:60px;margin:15px 0}.mode-select{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.mode-choice{padding:23px;background:#1b2017;border:1px solid #424b38;color:#c1cbb8;text-align:left;position:relative}.mode-choice.active{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);color:var(--lime)}.mode-choice svg{width:48px;height:48px;margin-bottom:17px}.mode-choice strong{display:block;color:var(--cream);font-size:13px}.mode-choice small{font:10px monospace}.arcade-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0;font-size:12px}.game-stage{position:relative;background:#070a06;min-height:650px;display:flex;align-items:center;justify-content:center;border:1px solid #35472a;overflow:hidden;padding:25px}.game-stage canvas{height:min(72vh,650px);max-width:100%;width:auto;aspect-ratio:3/4;image-rendering:pixelated;background:#000}.game-stage.third{perspective:1400px;background:radial-gradient(ellipse at center,#24351b,#080d05)}.game-stage.third .game-cabinet{transform:rotateY(-19deg) rotateX(5deg);border:20px solid #20291a;box-shadow:30px 15px 0 #0b1107;padding:20px;background:#020400}.game-stage.third canvas{height:440px}.game-stage.third .mini-marquee{display:block;width:330px;margin-bottom:18px}.mini-marquee{display:none}.play-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0}.play-toolbar h2{font-size:40px;margin:0}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0008}.game-overlay.hidden{display:none}.game-message{text-align:center;background:#10190e;border:1px solid #a3d26f;padding:36px;max-width:400px}.game-message h3{font-size:46px;margin:15px 0}.touchcontrols{display:flex;justify-content:space-between;gap:15px;padding:20px 0}.touchcontrols button{background:#202b19;border:1px solid #4f6540;color:var(--lime);padding:16px 25px;font-weight:bold;touch-action:none}.touchcontrols button:last-child{background:var(--lime);color:#101210}.playhelp{font-size:11px;color:var(--muted);margin-bottom:50px}.check-line{display:flex;align-items:center;gap:10px;font:11px monospace;color:#c0cbb5}.check-line input{accent-color:var(--lime);width:18px;height:18px}.modehint{font-size:12px;color:#becbb3;margin-bottom:15px}.site-map{display:grid;grid-template-columns:1fr 1fr;gap:30px}.site-map article{border-top:1px solid var(--line);padding-top:20px}.site-map ul{padding-left:18px;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#101210;font-size:12px;padding:14px 25px;z-index:100;box-shadow:0 5px 30px #0007;display:none}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--lime);color:#101210;padding:10px}.skip:focus{top:10px}.empty-note{padding:60px 0;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:760px}.hero-art{height:650px}.art-panel:nth-child(2){height:580px}.art-panel:nth-child(1),.art-panel:nth-child(3){height:470px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.navlinks{gap:18px}.hero{grid-template-columns:1fr 1fr;min-height:590px;padding-top:45px}.hero h1{font-size:86px}.hero-art{height:480px}.art-panel:nth-child(2){height:430px}.art-panel:nth-child(1){height:340px;transform:translateX(-85px) rotate(-12deg)}.art-panel:nth-child(3){height:350px;transform:translateX(85px) rotate(13deg)}.hero-art:before{height:330px;width:330px}.hero-art:after{font-size:9px;right:0;bottom:15px}.feature-copy{padding:35px}.feature-copy h3{font-size:48px}.skin .visual{height:350px}.split{gap:35px}.footer-grid{gap:25px}.mode-choice{padding:18px}.herofoot{font-size:9px}.herofoot span:last-child{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:78px}.brand img{width:34px;height:34px}.brand strong{font-size:21px}.navlinks{display:none;position:absolute;top:109px;left:0;right:0;background:#161d11;padding:25px;z-index:20;flex-direction:column;align-items:stretch;border-bottom:1px solid #4c6139}.navlinks.open{display:flex}.mobile-toggle{display:block}.hero{display:flex;flex-direction:column;padding:40px 0 20px;gap:0;align-items:stretch}.hero h1{font-size:88px;margin:22px 0}.hero p{font-size:13px;max-width:330px}.hero .actions{margin-bottom:8px}.hero-art{height:410px;margin-top:15px;overflow:hidden}.art-panel:nth-child(2){height:365px}.art-panel:nth-child(1),.art-panel:nth-child(3){height:295px}.art-panel:nth-child(1){transform:translateX(-100px) rotate(-12deg)}.art-panel:nth-child(3){transform:translateX(100px) rotate(12deg)}.hero-art:before{top:40px;width:300px;height:300px}.art-caption{font-size:8px;top:2px}.hero-art:after{right:8px;bottom:20px}.herofoot{flex-wrap:wrap;gap:8px}.herofoot span:nth-child(2){display:none}.ticker{font-size:21px;padding:10px 0}.section{padding:62px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:22px}.section-head h2{font-size:55px}.feature,.split,.story-strip,.config,.arcade-feature{grid-template-columns:1fr;gap:0}.feature-art{min-height:190px}.feature-copy{padding:28px}.feature-copy h3{font-size:49px}.collection{grid-template-columns:1fr;gap:45px}.skin .visual{height:430px}.skin h3{font-size:35px}.skin p{min-height:0}.skin .visual img{height:96%}.split{gap:35px}.scene h2{font-size:55px}.mode-box{padding:20px}.mode-box svg{width:46px;height:46px}.story-strip{gap:30px}.story-strip h2{font-size:52px}.footer-cta .wrap{display:block}.footer-cta h2{font-size:54px;margin-bottom:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.config-image{min-height:230px;height:250px;padding:20px}.config-image img{max-height:220px}.config-options{padding:25px}.config-top{margin-bottom:20px}.config h2{font-size:45px}.config label{margin-top:18px}.config .summary{margin:20px 0}.pagehead{padding:45px 0 20px}.pagehead h1{font-size:76px}.inclusions{grid-template-columns:1fr;gap:30px}.lobby-top{display:block}.lobby-top h1{font-size:62px}.arcade-feature .feature-copy{padding:25px}.arcade-feature h2{font-size:52px}.mode-select{grid-template-columns:1fr 1fr;gap:10px}.arcade-bottom{display:block}.arcade-bottom a{display:inline-block;margin-top:15px}.arcade-nav .tiny{display:none}.game-stage{min-height:400px;padding:12px}.game-stage canvas{height:auto;width:min(100%,390px)}.play-toolbar{align-items:flex-start}.play-toolbar h2{font-size:31px}.play-toolbar .btn{font-size:10px;padding:10px}.game-message{padding:20px;max-width:285px}.game-message h3{font-size:38px}.game-stage.third .game-cabinet{padding:8px;border-width:12px;max-width:88%}.game-stage.third canvas{height:auto;width:100%}.touchcontrols button{padding:16px 22px}.site-map{grid-template-columns:1fr}.previewbar{font-size:8px}.reading .section{padding:35px 0}.section-head>.textlink{display:inline-block;margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.brand img.original-wordmark{width:190px;height:auto;max-height:65px;object-fit:contain}.hero-wordmark{width:340px;max-width:95%;margin:20px 0}.hero h1{font-size:clamp(65px,6.4vw,102px);margin-top:18px}.monkeyai-logo{width:250px;max-height:130px;object-fit:contain;object-position:left;margin-bottom:25px}.mode-logo{width:75px;height:65px;object-fit:contain;margin-bottom:16px}.skin .visual{background:#f3f3f1!important}.skin .visual img{height:100%;width:100%;object-fit:contain}.skin .visual .tag,.skin .visual .num{background:#101210;color:#f7f4e9;padding:4px 8px}.hero-art .art-panel{width:340px;height:440px!important;object-fit:contain;background:#f5f5f3;border:8px solid #f5f5f3}.hero-art .art-panel:nth-child(1){height:340px!important;width:270px;transform:translateX(-125px) rotate(-10deg)}.hero-art .art-panel:nth-child(3){height:340px!important;width:270px;transform:translateX(125px) rotate(10deg)}.hero-art:after{content:'monkeyBOX / 3D CONCEPT'}.config-image{background:#f4f4f2}.merchandise img{object-fit:contain}.scene .mode-logo{background:#111;border-radius:5px;padding:5px}@media(max-width:700px){.brand img.original-wordmark{width:160px}.hero-art .art-panel{width:260px;height:340px!important}.hero-art .art-panel:nth-child(1),.hero-art .art-panel:nth-child(3){width:200px;height:260px!important}.hero-art .art-panel:nth-child(1){transform:translateX(-75px) rotate(-10deg)}.hero-art .art-panel:nth-child(3){transform:translateX(75px) rotate(10deg)}.hero h1{font-size:78px}.hero-wordmark{width:280px}.hero-art{height:410px}.mode-choice .mode-logo{width:90px;height:65px}}

/* Approved cyan / magenta / lime monkey identity. */
:root{--cyan:#00c4e8;--pink:#ff079d;--lime:#b9f641}.brand img.original-wordmark{width:245px;max-height:90px;height:auto}.nav{height:112px}.hero-wordmark{width:470px;max-width:100%;margin:15px 0 28px}.eyebrow{color:var(--cyan)}.textlink:hover{color:var(--cyan)}.navlinks a.active{color:var(--cyan)}.ticker{border-top:5px solid var(--cyan);border-bottom:5px solid var(--pink)}.feature{border-top:3px solid var(--cyan)}.footer{border-top:5px solid var(--pink)}.arcade-nav{border-bottom:3px solid var(--cyan)}.skin:nth-child(1){border-top:3px solid var(--lime)}.skin:nth-child(2){border-top:3px solid var(--pink)}.skin:nth-child(3){border-top:3px solid var(--cyan)}.btn:not(.primary):hover{background:var(--cyan);border-color:var(--cyan)}.footer .brand img{width:270px;max-width:100%}@media(max-width:700px){.brand img.original-wordmark{width:190px;max-height:78px}.nav{height:92px}.navlinks{top:123px}.hero-wordmark{width:340px}.arcade-nav .brand img{width:170px}.hero h1{font-size:72px}}

.arcade-hero-art{background:#060906;border:1px solid #33452a;border-top:4px solid var(--cyan);box-shadow:12px 12px 0 #242c1d}.arcade-hero-art>img{width:100%}.arcade-invite{padding:35px 38px;background:linear-gradient(120deg,#182513,#0a1008)}.arcade-invite h2{font-size:70px;margin:20px 0;color:var(--cream)}.arcade-invite p{font-size:13px}.secondary-offers{border-top:1px solid var(--line)}.hero h1{font-size:clamp(60px,6vw,96px)}@media(max-width:700px){.arcade-hero-art{margin-top:35px;box-shadow:6px 6px 0 #242c1d}.arcade-invite{padding:26px}.arcade-invite h2{font-size:56px}.hero h1{font-size:68px}.navlinks{gap:18px}}

/* Hero image rotator (MR.MEL 2026-10-27: "scroll through a couple of things,
   including the 3D arcade machine graphics"). The .hero-wordmark <img> fades
   through the logo lockup + the three 3D cabinet renders. A fixed height keeps
   the hero copy from reflowing as the (taller) cabinet frames cycle in. */
.hero-wordmark.hero-rotating{
  transition:opacity .65s ease;
  height:300px;width:100%;max-width:480px;
  object-fit:contain;object-position:left center;
  display:block;margin:10px 0 18px;
}
@media(max-width:860px){ .hero-wordmark.hero-rotating{height:220px} }

/* Mobile spacing tighten (MR.MEL 2026-10-27: "Spacing is bad" on the Monkey Invader
   game page). Desktop-scale section padding was leaving big empty bands on phones.
   Pull the vertical rhythm in so sections sit closer together. */
@media(max-width:700px){
  .section{padding:34px 0}
  .pagehead{padding:30px 0 14px}
  .pagehead h1{margin:12px 0}
  .footer-cta{padding:44px 0}
  .feature-copy{padding:22px}
  .game-message{padding:24px;margin:0 auto}
  .section-head{margin-bottom:20px}
  .inclusions{gap:22px}
  .inclusions>div{padding-top:18px}
}

/* ===== IMPRESSIVE FULL-SCREEN HERO (MR.MEL 2026-10-27: "Make the hero arcade full
   screen, use some of the other artwork, make it impressive"). Turns the home hero
   into a cinematic full-viewport block: a full-bleed Monkey Invader artwork backdrop
   with a dark scrim, the rotating 3D cabinet as a glowing centrepiece, headline +
   CTAs overlaid. Scoped to .hero.cinematic (added by the rotator JS on the home view
   only) so game/other pages are untouched. ===== */
.hero.cinematic{
  position:relative;
  min-height:100svh;min-height:100vh;
  display:grid;
  grid-template-columns:1fr;   /* single column: copy owns the left, cabinet floats right (absolute) */
  align-items:center;
  padding:40px 0 60px;
  margin-top:-1px;
  overflow:hidden;
  isolation:isolate;
}
.hero.cinematic::before{ /* subtle dark atmosphere — NOT the busy banner behind text */
  content:'';position:absolute;inset:0;z-index:-3;
  background:
    radial-gradient(90% 80% at 68% 45%, rgba(26,36,22,.9), rgba(16,18,16,1) 70%),
    #101210;
}
.hero.cinematic::after{ /* soft lime glow pool behind the cabinet only */
  content:'';position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(42% 46% at 70% 52%, rgba(185,246,65,.14), transparent 62%);
  pointer-events:none;
}
.hero.cinematic > div{ z-index:2; padding-right:10px; }
.hero.cinematic .eyebrow{color:var(--lime)}
.hero.cinematic h1{font-size:clamp(68px,8vw,128px)}
.hero.cinematic p{color:#bec3b9;max-width:440px}
/* the rotating cabinet floats clean on the dark hero (white studio bg knocked out
   → -cut.webp cutouts). Just a drop-shadow + soft lime glow, no card. */
.hero.cinematic .hero-wordmark.hero-rotating{
  position:relative;z-index:2;
  height:min(70vh,660px);width:100%;max-width:none;
  object-fit:contain;object-position:center bottom;
  margin:0 auto;background:none;border:none;border-radius:0;padding:0;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.6)) drop-shadow(0 0 48px rgba(185,246,65,.1));
}
/* Desktop: headline/copy own a readable left column; the rotating cabinet is lifted
   OUT of the text flow and floated into the right half, so it never pushes the
   headline down the page (that was the broken Safari layout — the cabinet stacked
   ABOVE "STEP INSIDE" and shoved it off-screen). Placed AFTER the base rule so this
   position:absolute wins by source order. */
@media(min-width:861px){
  .hero.cinematic > div{ max-width:min(620px,52%); }
  .hero.cinematic .hero-wordmark.hero-rotating{
    position:absolute; right:2%; top:50%; transform:translateY(-50%);
    width:44%; max-width:560px; height:auto; max-height:82vh; margin:0;
    object-position:center;
  }
  /* The design's MONKEY INVADER right-column card fights the big floating cabinet on
     the home hero — hide it so they don't overlap on the right. */
  .hero.cinematic .arcade-hero-art{ display:none; }
}
@media(max-width:860px){
  .hero.cinematic{display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:30px 0 40px;gap:0}
  .hero.cinematic .hero-wordmark.hero-rotating{height:min(52svh,440px);order:-1;margin:8px 0 34px;object-position:center}
  .hero.cinematic h1{font-size:clamp(54px,13vw,86px);margin:0 0 22px}
  .hero.cinematic .eyebrow{margin-bottom:6px}
  .hero.cinematic p{margin-top:8px}
  .hero.cinematic::after{background:radial-gradient(60% 34% at 50% 28%, rgba(185,246,65,.12), transparent 65%)}
}

/* "YOUR ARCADE. ALREADY WAITING" + similar card sections: the cards are <article>
   not <div>, so the design's `.inclusions>div` top-padding never applied → the
   section-head paragraph butted straight into the first card's eyebrow (MR.MEL
   2026-10-27 "there's not even a little bit of space between it"). Target the real
   children and give the stack real breathing room on mobile. */
.inclusions > *{border-top:1px solid var(--line);padding-top:24px}
.section-head{margin-bottom:38px}
.inclusions article h3{margin:8px 0 10px}
.inclusions article p{margin:0}
@media(max-width:700px){
  .section-head{margin-bottom:30px}
  .inclusions{gap:34px}
  .inclusions > *{padding-top:22px}
}

.head-aside{max-width:330px}.head-aside p{margin:0 0 14px}
