:root{--green:#76b900;--ink:#080808;--paper:#fff;--shadow:7px 8px 0 var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{width:100%;margin:0;background:var(--paper);color:var(--ink);font-family:"Comic Sans MS","Marker Felt","Bradley Hand",cursive;overflow-x:hidden}
button,a{font:inherit} img{display:block;max-width:100%} a{color:inherit;text-decoration:none}
::selection{background:var(--green);color:#000}.skip-link{position:fixed;left:10px;top:-100px;z-index:99;background:var(--green);border:3px solid;padding:9px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;min-height:91px;padding:9px clamp(12px,3vw,44px);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#fff;border-bottom:5px solid #000;box-shadow:0 3px 0 #fff,0 7px 0 #000;transform:rotate(-.08deg)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:64px;height:64px;object-fit:cover;border:3px solid #000;border-radius:49% 45% 51% 42%;transform:rotate(-5deg)}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.65rem;line-height:.9}.brand small{font-family:ui-monospace,monospace;font-weight:900;font-size:.72rem}
nav{display:flex;justify-content:center;gap:clamp(12px,2.2vw,34px);font-weight:900;font-size:.86rem}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:4px;background:var(--green);transform:rotate(-2deg);transition:right .2s}nav a:hover:after,nav a:focus-visible:after{right:0}
.action-pair{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cta{border:3px solid #000;padding:10px 15px;font-weight:1000;letter-spacing:.03em;cursor:pointer;box-shadow:4px 4px 0 #000;transform:rotate(-1deg);transition:transform .12s,box-shadow .12s}.cta:nth-child(even){transform:rotate(1deg)}.cta-dark{background:#000;color:#fff}.cta-green{background:var(--green);color:#000}.cta:hover{animation:wobble .3s infinite alternate}.cta:active{transform:translate(4px,4px) rotate(0);box-shadow:0 0 0 #000}.site-header .cta{font-size:.78rem;padding:9px 11px;white-space:nowrap}
.major{position:relative;padding:clamp(70px,8vw,130px) clamp(18px,5vw,84px);isolation:isolate}.major h1,.major h2,.major h3{margin:0;line-height:.9;font-weight:1000;letter-spacing:-.055em}.major h1{font-size:clamp(4.3rem,9.2vw,10rem);max-width:10ch}.major h2{font-size:clamp(3.2rem,7vw,8rem)}.major h3{font-size:clamp(2.2rem,4vw,5rem)}.major h1 span,.major h2 span,.major h3 span,.problem-list b,.giant-list b{color:var(--green);text-shadow:2px 2px 0 #000}.eyebrow{font-family:ui-monospace,monospace;font-weight:1000;letter-spacing:.12em}.lede{font-size:clamp(1.25rem,2vw,2rem);font-weight:700}.section-heading{margin-bottom:54px}.section-heading h2 span{display:inline-block;transform:rotate(-2deg);text-decoration:underline;text-decoration-thickness:7px;text-underline-offset:8px}.section-actions{justify-content:center;margin-top:54px}.section-actions .cta{font-size:1.2rem;padding:15px 26px}
.hero{min-height:880px;padding-top:100px}.hero-copy{position:relative;z-index:2;width:55%}.problem-list{display:grid;grid-template-columns:repeat(2,max-content);gap:3px 30px;margin:28px 0;font-family:ui-monospace,monospace;font-weight:900}.problem-list p{margin:0}.fake-logic{display:flex;align-items:center;gap:10px;margin:28px 0 32px;font-family:ui-monospace,monospace;font-weight:900}.fake-logic span{padding:8px;border:3px solid #000;transform:rotate(-1deg);background:#fff}.fake-logic span:nth-of-type(2){transform:rotate(1deg)}.fake-logic small{display:block;font-size:.6em}.fake-logic b{color:var(--green);text-shadow:1px 1px #000}.hero-art{position:absolute;z-index:-1;width:min(62vw,900px);right:-4vw;bottom:4%;margin:0;background:#fff;transform:rotate(1deg)}.hero-art img{width:100%;clip-path:polygon(2% 3%,98% 0,100% 95%,4% 100%,0 56%)}.hero-art figcaption,.blueprint figcaption,.final-collage figcaption{display:inline-block;background:var(--green);border:3px solid #000;padding:7px 12px;font-family:ui-monospace,monospace;font-weight:900;transform:rotate(-2deg)}.scribble-note{position:absolute;font-weight:900;font-size:1.15rem;transform:rotate(-8deg);border-bottom:4px solid var(--green)}.note-science{left:45%;top:8%}.arrow{position:absolute;color:var(--green);font:900 8rem/1 sans-serif;animation:arrow-wiggle .8s infinite alternate}.arrow-hero{left:47%;top:27%;transform:rotate(12deg)}
.marquee{position:relative;z-index:3;overflow:hidden;background:var(--green);border-top:6px solid #000;border-bottom:6px solid #000;padding:16px 0;transform:rotate(-.5deg) scale(1.02)}.marquee:after{content:"";position:absolute;inset:5px 0;border-top:2px dashed #000;border-bottom:2px dashed #000;pointer-events:none}.marquee-track{display:flex;width:max-content;animation:marquee-left 32s linear infinite}.marquee-right .marquee-track{animation-name:marquee-right}.marquee-set{display:flex;align-items:center;gap:30px;padding-right:30px;font-size:clamp(1.15rem,2.2vw,2rem);font-weight:1000;white-space:nowrap}.marquee-set span:nth-child(3n){transform:rotate(2deg)}.marquee-set span:nth-child(4n){transform:translateY(3px) rotate(-2deg)}.marquee-set i{font-style:normal;display:inline-block;border:3px solid;padding:3px 10px;animation:gpu-bob .7s infinite alternate}.marquee-gpus{padding:22px 0}.marquee-gpus i:nth-of-type(even){transform:rotate(5deg) scale(.8)}.marquee-mad .marquee-set span{font-size:1.25em}.marquee-mad em{font-style:normal;background:#fff;border:3px solid;padding:1px 8px}.marquee-mad strong{font-size:1.4em;transform:rotate(-7deg)}
.solution{overflow:hidden}.solution-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.6fr);gap:44px;align-items:center;padding:26px 12px 46px}.doodle-box{background:#fff;border:4px solid #000;box-shadow:var(--shadow);clip-path:polygon(1% 0,100% 2%,98% 99%,0 97%)}.giant-list{min-width:0;padding:28px 28px 72px;font-family:ui-monospace,monospace;font-size:clamp(1rem,1.65vw,1.5rem);font-weight:900;position:relative}.giant-list p{margin:8px 0;border-bottom:2px dashed #aaa}.circle-note{position:absolute;right:16px;bottom:13px;border:3px solid;border-radius:50%;padding:9px 12px;background:var(--green);transform:rotate(-5deg)}.comic-panels{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px 14px 28px}.comic-panel{min-width:0;position:relative;margin:0;border:5px solid #000;background:#fff;padding:8px;box-shadow:8px 9px 0 #000;display:flex;flex-direction:column;align-self:start}.comic-panel img{width:100%;height:auto;aspect-ratio:1.88/1;object-fit:cover}.comic-panel figcaption{position:relative;z-index:1;min-height:54px;padding:12px 10px 7px;background:#fff;font-size:clamp(.88rem,1.15vw,1.15rem);line-height:1.22;font-weight:900}.tilt-left{transform:rotate(-1.2deg)}.tilt-right{transform:rotate(1.2deg);margin-top:24px}.panel-label{position:absolute;top:-22px;left:12px;background:var(--green);border:3px solid #000;padding:6px 10px;font-weight:1000;z-index:2}
.compute{padding-left:3vw;padding-right:3vw}.compute-heading{text-align:center}.blueprint{position:relative;display:grid;grid-template-columns:1.5fr .75fr;grid-template-rows:1fr 1fr;gap:18px;max-width:1500px;margin:auto}.blueprint figure{margin:0;border:5px solid #000;background:#fff;padding:5px;box-shadow:6px 7px 0 #000}.blueprint-main{grid-row:1/3;transform:rotate(-1deg)}.blueprint-side.top{transform:rotate(2deg)}.blueprint-side.bottom{transform:rotate(-2deg)}.blueprint img{width:100%;height:100%;object-fit:cover}.blue-label{position:absolute;z-index:2;background:#fff;border:3px solid #000;padding:5px 8px;font-weight:1000;color:var(--green);text-shadow:1px 1px #000}.l1{left:2%;top:-22px;transform:rotate(-7deg)}.l2{left:43%;top:42%;transform:rotate(5deg)}.l3{right:1%;top:0;transform:rotate(5deg)}.l4{right:25%;bottom:-20px;transform:rotate(-5deg)}.l5{left:26%;bottom:0;transform:rotate(3deg)}.equation{max-width:1050px;margin:70px auto 0;padding:28px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;font-family:ui-monospace,monospace;font-size:clamp(1rem,2.1vw,1.8rem)}.equation i{font-size:2em}.equation strong{color:var(--green);text-shadow:2px 2px #000;font-size:1.2em}.equation small{align-self:flex-end;transform:rotate(-10deg)}
.dinner-layout{display:grid;grid-template-columns:1.7fr .65fr;gap:48px;align-items:center}.waiter-wrap{position:relative}.waiter-wrap>h3{text-align:center;font-size:clamp(2rem,4vw,4.5rem);margin-bottom:25px}.waiter{transform:rotate(-1deg)}.waiter img{aspect-ratio:1/1;object-fit:cover}.answer{position:absolute;right:-25px;bottom:-20px;background:#fff;border:4px solid #000;padding:15px 30px;font-size:2rem;transform:rotate(-5deg)}.answer b{font-size:2em;color:var(--green);text-shadow:2px 2px #000}.menu{padding:28px;transform:rotate(2deg)}.menu h3{font-size:2.2rem!important;border-bottom:6px double #000;padding-bottom:10px}.menu ul{padding:0;list-style:none;font:900 1.35rem/2 ui-monospace,monospace}.menu li{border-bottom:2px dotted #000}.menu li b{float:right;color:var(--green);font-size:1.5em}.menu p{border:3px solid;padding:10px}.menu strong{display:block;color:var(--green);text-shadow:1px 1px #000}.order-strip{display:grid;grid-template-columns:1.8fr .7fr;gap:28px;align-items:center;margin:90px auto 0;max-width:1300px}.order-image{margin:0;border:5px solid #000;padding:5px;transform:rotate(1deg);box-shadow:7px 7px 0 #000}.order-strip>div{font:900 clamp(1rem,1.8vw,1.5rem)/1.4 ui-monospace,monospace}.order-strip small{display:block}.order-strip b{color:var(--green);font-size:1.5em;text-shadow:1px 1px #000}
.endgame{text-align:center}.endgame-copy h2{font-size:clamp(2.5rem,5.5vw,6rem)}.endgame-copy h3{font-size:clamp(3.8rem,8vw,9rem);margin:18px 0}.endgame-copy>p{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:900}.final-collage{max-width:1200px;margin:55px auto 90px;border:6px solid #000;padding:7px;box-shadow:10px 11px 0 #000;transform:rotate(-1deg)}.final-collage img{width:100%}.press-zone{position:relative;min-height:450px;display:grid;place-items:center;max-width:1000px;margin:auto}.mega-more{width:min(62vw,500px);aspect-ratio:2.4/1;border:8px solid #000;border-radius:50%;background:var(--green);box-shadow:0 18px 0 #3f6900,0 26px 0 #000;font-size:clamp(4rem,10vw,8.5rem);font-weight:1000;letter-spacing:-.08em;cursor:pointer;animation:pulse 1.4s infinite alternate}.mega-more:active{transform:translateY(17px) scale(.98);box-shadow:0 3px 0 #3f6900,0 9px 0 #000}.orbit-label{position:absolute;font:1000 clamp(1rem,2vw,1.6rem) ui-monospace,monospace}.o1{top:5%;left:14%}.o2{top:4%;left:45%}.o3{top:15%;right:12%}.o4{top:48%;left:0}.o5{top:48%;right:0}.o6{bottom:12%;left:10%}.o7{bottom:3%;left:46%}.o8{bottom:12%;right:8%}.counter-panel{max-width:520px;margin:50px auto;padding:18px;font:900 1.35rem ui-monospace,monospace}.counter-panel p{margin:6px}.counter-panel strong{color:var(--green);text-shadow:1px 1px #000}.stat-block{max-width:850px;margin:45px auto;padding:28px;font:900 1rem ui-monospace,monospace;text-align:left}.stat-block p{display:flex;justify-content:space-between;gap:20px;border-bottom:2px dashed;margin:9px 0}.stat-block b{color:var(--green);text-shadow:1px 1px #000}.final-actions .cta{font-size:1.5rem;padding:18px 32px}
footer{position:relative;padding:40px clamp(18px,5vw,70px) 25px;display:grid;grid-template-columns:auto 1fr auto auto;gap:30px;align-items:center;border-top:6px solid #000;box-shadow:0 -4px 0 #fff,0 -8px 0 #000}.footer-answer{text-align:center;font-size:1.4rem;font-weight:1000}.footer-answer b{color:var(--green);text-shadow:1px 1px #000}.disclaimer{font:900 .8rem ui-monospace,monospace}.final-line{grid-column:1/-1;text-align:center;font-weight:900}
@keyframes marquee-left{to{transform:translateX(-50%)}}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes gpu-bob{to{transform:translateY(-5px) rotate(3deg)}}@keyframes pulse{to{transform:scale(1.035) rotate(.7deg)}}@keyframes wobble{from{transform:rotate(-2deg) translateY(-1px)}to{transform:rotate(2deg) translateY(1px)}}@keyframes arrow-wiggle{to{transform:translate(8px,6px) rotate(17deg)}}
@media(max-width:1050px){.site-header{grid-template-columns:auto 1fr}.site-header nav{grid-column:1/-1;grid-row:2;order:3;padding:3px}.site-header .header-actions{justify-self:end}.hero{min-height:auto;padding-bottom:0}.hero-copy{width:100%}.hero-art{position:relative;width:104%;right:auto;margin:50px -2% 0}.arrow-hero{display:none}.solution-grid{grid-template-columns:1fr}.dinner-layout{grid-template-columns:1fr}.menu{max-width:620px;margin:auto}.order-strip{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-answer{text-align:right}}
@media(max-width:767px){
  html{scroll-padding-top:180px}
  .site-header{width:100%;grid-template-columns:1fr;gap:6px;padding:7px 8px;transform:none}
  .site-header>*{min-width:0}
  .brand{min-width:0;gap:6px;justify-self:center}.brand img{width:41px;height:41px;flex:0 0 41px}.brand strong{font-size:1.08rem}.brand small{font-size:.5rem;white-space:nowrap}
  .site-header .header-actions{gap:8px;flex-wrap:nowrap;justify-self:center}.site-header .cta{font-size:.62rem;padding:6px 12px;box-shadow:2px 2px 0 #000}
  .site-header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-column:auto;grid-row:auto;order:0;min-width:0;gap:0;text-align:center;font-size:.48rem;width:100%}
  .major{max-width:100%;padding:65px 16px;min-width:0}.major h1{max-width:100%;font-size:clamp(3.3rem,17vw,4.3rem);letter-spacing:-.075em}.major h2{font-size:clamp(2.25rem,10vw,3rem)}
  .problem-list{grid-template-columns:1fr;font-size:.88rem}.fake-logic{align-items:stretch;display:grid;grid-template-columns:1fr;font-size:.7rem}.fake-logic i{text-align:center;line-height:.6}.fake-logic span{padding:6px}.note-science{position:relative;display:block;float:right;top:auto;right:auto;left:auto;margin:-35px 4px 14px}
  .comic-panels{grid-template-columns:1fr}.tilt-right{margin-top:22px}.blueprint{display:block}.blueprint figure{margin:0 0 25px}.blue-label{font-size:.7rem}.l2{top:34%;left:3%}.l3{top:49%}.l4{bottom:29%}.l5{bottom:2%}.equation{gap:10px;padding:18px}
  .dinner-layout{gap:38px}.answer{right:0;font-size:1.15rem;padding:10px}.menu{padding:20px}.order-strip{margin-top:65px}.marquee-track{animation-duration:45s}.marquee-set{gap:20px}.press-zone{min-height:360px}.mega-more{width:78vw;font-size:19vw;border-width:6px}.orbit-label{font-size:.75rem}.stat-block p{align-items:flex-start}.final-collage{margin-bottom:55px}
  footer{grid-template-columns:1fr;text-align:center}.footer-answer{text-align:center}.footer-brand{justify-self:center}footer .action-pair{justify-content:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation-duration:80s}.cta:hover,.mega-more,.arrow,.marquee-set i{animation:none}}