@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&display=swap');

:root { --cream:#f5eddb; --ink:#17150f; --yellow:#ffc92f; --orange:#ed703b; --pink:#ee91af; --green:#a7c874; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'DM Mono',monospace; overflow-x:hidden; }
a { color:inherit; }
.topbar { position:absolute; z-index:20; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:24px clamp(22px,5vw,74px); }
.brand { display:flex; align-items:center; gap:9px; font-family:'Archivo Black',sans-serif; font-size:1.25rem; text-decoration:none; }
.brand img { width:42px; height:42px; object-fit:contain; transform:rotate(-10deg); transition:.2s; }
.brand:hover img { transform:rotate(8deg) scale(1.12); }
nav { display:flex; gap:clamp(14px,3vw,40px); }
nav a { font-size:.78rem; font-weight:500; text-decoration:none; border-bottom:2px solid transparent; }
nav a:hover { border-color:currentColor; }
.hero { min-height:100svh; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:3vw; padding:110px clamp(22px,7vw,110px) 70px; background:var(--yellow); position:relative; overflow:hidden; }
.hero::before { content:'POTATO'; position:absolute; right:-4vw; bottom:-8vw; color:rgba(23,21,15,.055); font:18vw/1 'Archivo Black',sans-serif; transform:rotate(-7deg); }
.hero-copy,.character-wrap { position:relative; z-index:2; }
.eyebrow,.section-number { font-weight:500; font-size:.75rem; letter-spacing:.13em; }
h1,h2,h3,.footer-logo { font-family:'Archivo Black',sans-serif; margin:0; line-height:.86; letter-spacing:-.045em; }
h1 { font-size:clamp(6rem,15vw,14rem); }
.dot,.footer-logo span { color:var(--orange); }
.tagline { margin:18px 0 32px; font-size:clamp(1.2rem,2vw,1.8rem); }
.buy-button { display:inline-flex; gap:34px; align-items:center; padding:18px 24px; color:white; background:var(--ink); border:3px solid var(--ink); box-shadow:7px 7px 0 var(--orange); text-decoration:none; font-family:'Archivo Black',sans-serif; transition:.16s ease; }
.buy-button:hover { transform:translate(4px,4px); box-shadow:3px 3px 0 var(--orange); }
.tiny-note { margin:18px 0 0; font-size:.68rem; opacity:.6; }
.character-wrap { display:grid; place-items:center; min-height:560px; }
.character { width:min(38vw,510px); aspect-ratio:1; padding:0; overflow:hidden; border:4px solid var(--ink); border-radius:50%; background:#d99c43; box-shadow:16px 18px 0 var(--ink); cursor:pointer; transform:rotate(1.5deg); transition:transform .2s ease; }
.character:hover { animation:wobble .55s ease-in-out infinite alternate; }
.character:focus-visible { outline:5px solid white; outline-offset:7px; }
.character img { width:100%; height:100%; object-fit:cover; display:block; }
.character.pop { animation:pop .45s ease; }
.shadow { width:70%; height:24px; border-radius:50%; background:rgba(23,21,15,.2); filter:blur(5px); margin-top:24px; }
.speech { position:absolute; top:4%; right:-2%; max-width:190px; padding:12px 15px; background:white; border:3px solid var(--ink); font-size:.75rem; transform:rotate(4deg); box-shadow:5px 5px 0 var(--ink); transition:.2s; }
.speech::after { content:''; position:absolute; left:15px; bottom:-13px; width:17px; height:17px; background:white; border-right:3px solid var(--ink); border-bottom:3px solid var(--ink); transform:rotate(45deg); }
.scribble { position:absolute; left:-5%; top:12%; font:1.1rem 'Archivo Black',sans-serif; transform:rotate(-10deg); }
.ticker { overflow:hidden; color:white; background:var(--ink); padding:15px 0; white-space:nowrap; font-family:'Archivo Black',sans-serif; }
.ticker div { width:max-content; animation:ticker 18s linear infinite; }
.section { padding:110px clamp(22px,7vw,110px); border-bottom:3px solid var(--ink); }
.stair-stage { height:390px; position:relative; overflow:hidden; background:#f6cf55; border-top:3px solid var(--ink); border-bottom:3px solid var(--ink); }
.stair-stage::before { content:'AGAIN?'; position:absolute; left:4%; bottom:-26px; color:rgba(23,21,15,.07); font:10rem 'Archivo Black',sans-serif; }
.stair-copy { position:absolute; z-index:5; inset:25px clamp(22px,5vw,70px) auto; display:flex; justify-content:space-between; align-items:center; }
.stair-copy p { margin:0; }
.stair-copy strong { font:1.1rem 'Archivo Black',sans-serif; transform:rotate(3deg); }
.stairs { position:absolute; left:8%; right:8%; bottom:0; height:260px; display:flex; align-items:flex-end; justify-content:flex-end; }
.stairs i { width:15.6%; background:var(--cream); border:3px solid var(--ink); border-right:0; box-shadow:inset 0 -8px 0 rgba(23,21,15,.06); }
.stairs i:nth-child(1){height:16.6%}.stairs i:nth-child(2){height:33.2%}.stairs i:nth-child(3){height:49.8%}.stairs i:nth-child(4){height:66.4%}.stairs i:nth-child(5){height:83%}.stairs i:nth-child(6){height:100%;border-right:3px solid var(--ink)}
.climber { position:absolute; z-index:4; left:8%; bottom:13px; width:92px; height:102px; animation:stair-disaster 10s cubic-bezier(.45,.05,.55,.95) infinite; filter:drop-shadow(3px 7px 0 rgba(0,0,0,.16)); }
.climber .sprite { width:100%; height:100%; }
.climber span { position:absolute; left:60%; top:-15px; width:max-content; padding:5px 8px; background:white; border:2px solid var(--ink); font-size:.58rem; transform:rotate(-4deg); animation:climber-caption 10s linear infinite; }
.sprite { background-image:url('images/tato-sprites-v2.png'); background-repeat:no-repeat; background-size:400% 300%; }
.sprite-0{background-position:0% 0%}.sprite-1{background-position:33.333% 0%}.sprite-2{background-position:66.666% 0%}.sprite-3{background-position:100% 0%}
.sprite-4{background-position:0% 50%}.sprite-5{background-position:33.333% 50%}.sprite-6{background-position:66.666% 50%}.sprite-7{background-position:100% 50%}
.sprite-8{background-position:0% 100%}.sprite-9{background-position:33.333% 100%}.sprite-10{background-position:66.666% 100%}.sprite-11{background-position:100% 100%}
.section-number { margin:0 0 70px; }
.section-grid { display:grid; grid-template-columns:1fr 1fr; gap:6vw; }
h2 { font-size:clamp(4rem,9vw,8.5rem); }
.facts { border-top:3px solid var(--ink); }
.facts p { margin:0; padding:20px 4px; border-bottom:2px solid var(--ink); font-size:clamp(1.05rem,2vw,1.55rem); }
.facts .best { color:#a93e23; }
.facts span { float:right; font-size:2rem; }
.memes { background:#f8b84e; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:45px; }
.section-heading p { margin:0; }
.meme-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.meme-card { min-height:390px; padding:28px; border:3px solid var(--ink); box-shadow:9px 9px 0 var(--ink); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; position:relative; transform:rotate(-1deg); }
.meme-card:nth-child(2) { transform:rotate(1.2deg); }
.meme-card:nth-child(3) { transform:rotate(-.5deg); }
.meme-card strong { font:clamp(1.7rem,3.2vw,3.4rem)/.98 'Archivo Black',sans-serif; text-transform:uppercase; position:relative; z-index:2; }
.meme-card small { font-weight:500; }
.yellow { background:var(--yellow); }
.pink { background:var(--pink); }
.meme-tato { width:145px; height:150px; align-self:flex-end; filter:drop-shadow(5px 7px 0 rgba(0,0,0,.16)); }
.image-card { padding:0; background:#ae874a; justify-content:end; }
.image-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.8); }
.image-card::after { content:''; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.85)); }
.image-card strong { color:white; padding:25px; font-size:2.2rem; }
.roadmap { background:var(--green); position:relative; overflow:hidden; isolation:isolate; }
.roadmap > *:not(.moon-flight) { position:relative; z-index:1; }
.moon-flight { position:absolute; z-index:3; left:-34vw; bottom:-8%; width:min(42vw,520px); height:auto; opacity:0; pointer-events:none; will-change:transform,opacity; }
.moon-flight.desktop-follow { position:fixed; z-index:80; left:0; top:0; bottom:auto; width:clamp(90px,12vw,180px); transform:translate3d(calc(var(--rocket-x,50vw) - 50%),var(--rocket-y,50vh),0) rotate(-4deg); transform-origin:50% 0; opacity:0; transition:opacity .14s ease; }
.moon-flight.desktop-follow.is-visible { opacity:1; }
.moon-flight.mobile-flight { left:-60vw; width:min(74vw,430px); }
.moon-flight.launch { animation:moon-flight 3.71s linear both; }
.roadmap h2 { margin-bottom:55px; }
.road-list { display:grid; grid-template-columns:repeat(4,1fr); border:3px solid var(--ink); }
.road-list article { min-height:320px; padding:24px; border-right:3px solid var(--ink); display:flex; flex-direction:column; }
.road-list article:last-child { border:0; }
.road-list article > span { font-size:.72rem; }
.road-list h3 { margin-top:auto; font-size:clamp(1.8rem,3vw,3rem); }
.road-list p { margin-bottom:0; font-size:.8rem; }
.mini-potato { width:110px; height:110px; margin:25px auto 0; filter:drop-shadow(4px 5px 0 rgba(0,0,0,.15)); }
footer { padding:70px clamp(22px,7vw,110px) 30px; color:white; background:var(--ink); display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.footer-logo { font-size:clamp(4rem,9vw,8rem); }
footer p { font-size:.75rem; }
.socials { display:flex; flex-direction:column; align-items:flex-end; }
.socials a { font:clamp(1.25rem,2vw,2rem) 'Archivo Black',sans-serif; text-decoration:none; padding:9px 0; }
.socials a:hover { color:var(--yellow); }
.disclaimer { grid-column:1/-1; padding-top:30px; border-top:1px solid #555; opacity:.55; }
.toast { position:fixed; z-index:100; left:50%; bottom:24px; transform:translate(-50%,100px); padding:13px 18px; color:white; background:var(--orange); border:3px solid var(--ink); box-shadow:5px 5px 0 var(--ink); font-size:.75rem; transition:.3s; }
.toast.show { transform:translate(-50%,0); }
.falling-potato { position:fixed; z-index:50; top:-110px; width:78px; height:84px; pointer-events:none; animation:fall linear forwards; filter:drop-shadow(3px 5px 0 rgba(0,0,0,.16)); }
.cameo-tato { position:fixed; z-index:45; width:105px; height:116px; pointer-events:none; filter:drop-shadow(4px 7px 0 rgba(0,0,0,.16)); opacity:0; }
.cameo-bounce { animation:cameo-bounce 3.4s ease-in-out forwards; }
.cameo-spin { animation:cameo-spin 3.4s ease-in-out forwards; }
.cameo-peek { animation:cameo-peek 3.4s ease-in-out forwards; }
.cameo-shake { animation:cameo-shake 3.4s ease-in-out forwards; }
@keyframes wobble { from{transform:rotate(-2deg) translateY(0)} to{transform:rotate(3deg) translateY(-7px)} }
@keyframes pop { 0%,100%{transform:scale(1) rotate(1.5deg)} 45%{transform:scale(.91) rotate(-4deg)} 70%{transform:scale(1.04) rotate(3deg)} }
@keyframes ticker { to{transform:translateX(-50%)} }
@keyframes fall { to{transform:translate(var(--drift),110vh) rotate(var(--spin));} }
@keyframes stair-disaster {
  0%,5%{transform:translate(0,0) rotate(-5deg)}
  12%{transform:translate(13vw,-38px) rotate(4deg)}
  20%{transform:translate(26vw,-81px) rotate(-5deg)}
  28%{transform:translate(39vw,-124px) rotate(5deg)}
  36%{transform:translate(52vw,-167px) rotate(-5deg)}
  44%{transform:translate(65vw,-210px) rotate(5deg)}
  53%,61%{transform:translate(76vw,-253px) rotate(0deg)}
  66%{transform:translate(77vw,-240px) rotate(25deg)}
  71%{transform:translate(67vw,-195px) rotate(-190deg)}
  77%{transform:translate(54vw,-152px) rotate(-390deg)}
  83%{transform:translate(41vw,-109px) rotate(-590deg)}
  89%{transform:translate(28vw,-66px) rotate(-790deg)}
  95%,100%{transform:translate(2vw,0) rotate(-1080deg)}
}
@keyframes climber-caption { 0%,45%{opacity:1} 52%{opacity:1} 58%,100%{opacity:0} }
@keyframes cameo-bounce { 0%{opacity:0;transform:scale(.1) translateY(90px)} 20%{opacity:1;transform:scale(1.1) translateY(0)} 35%{transform:scale(.9) translateY(-25px)} 50%{transform:scale(1) translateY(0)} 72%{opacity:1;transform:translateY(-18px)} 100%{opacity:0;transform:scale(.2) translateY(120px)} }
@keyframes cameo-spin { 0%{opacity:0;transform:scale(.1) rotate(-360deg)} 22%{opacity:1;transform:scale(1) rotate(0)} 68%{opacity:1;transform:rotate(18deg)} 100%{opacity:0;transform:scale(.1) rotate(540deg)} }
@keyframes cameo-peek { 0%{opacity:0;transform:translateX(-130px) rotate(-15deg)} 22%{opacity:1;transform:translateX(0) rotate(8deg)} 45%,65%{opacity:1;transform:translateX(12px) rotate(-8deg)} 100%{opacity:0;transform:translateX(-150px) rotate(-20deg)} }
@keyframes cameo-shake { 0%{opacity:0;transform:scale(.2)} 20%{opacity:1;transform:scale(1)} 30%,40%,50%,60%{transform:translateX(-10px) rotate(-8deg)} 35%,45%,55%,65%{transform:translateX(10px) rotate(8deg)} 75%{opacity:1} 100%{opacity:0;transform:scale(1.5)} }
@media (max-width:800px) {
  nav { display:none; }
  .hero { grid-template-columns:1fr; text-align:center; padding-top:125px; }
  .character-wrap { min-height:auto; margin:10px 0 30px; }
  .character { width:min(76vw,430px); box-shadow:10px 12px 0 var(--ink); }
  .stair-stage { height:330px; }
  .stairs { left:2%; right:2%; height:210px; }
  .climber { left:2%; width:68px; height:78px; animation-name:stair-disaster-mobile; }
  .stair-copy strong { font-size:.8rem; }
  .speech { right:2%; top:-3%; }
  .scribble { left:0; top:8%; }
  .section-grid { grid-template-columns:1fr; }
  .section-number { margin-bottom:45px; }
  .meme-grid { grid-template-columns:1fr; }
  .meme-card { min-height:350px; }
  .road-list { grid-template-columns:1fr 1fr; }
  .road-list article:nth-child(2) { border-right:0; }
  .road-list article:nth-child(-n+2) { border-bottom:3px solid var(--ink); }
  footer { grid-template-columns:1fr; }
  .socials { align-items:flex-start; }
}
@media (max-width:480px) {
  h1 { font-size:27vw; }
  .section { padding-top:80px; padding-bottom:80px; }
  .section-heading { display:block; }
  .section-heading p { margin-top:20px; }
  .road-list { grid-template-columns:1fr; }
  .road-list article { border-right:0; border-bottom:3px solid var(--ink); min-height:260px; }
  .road-list article:last-child { border-bottom:0; }
}
@keyframes stair-disaster-mobile {
  0%,5%{transform:translate(0,0) rotate(-5deg)} 12%{transform:translate(13vw,-30px) rotate(4deg)} 20%{transform:translate(26vw,-64px) rotate(-5deg)} 28%{transform:translate(39vw,-98px) rotate(5deg)} 36%{transform:translate(52vw,-132px) rotate(-5deg)} 44%{transform:translate(65vw,-166px) rotate(5deg)} 53%,61%{transform:translate(76vw,-205px)} 66%{transform:translate(77vw,-195px) rotate(25deg)} 71%{transform:translate(67vw,-155px) rotate(-190deg)} 77%{transform:translate(54vw,-120px) rotate(-390deg)} 83%{transform:translate(41vw,-86px) rotate(-590deg)} 89%{transform:translate(28vw,-52px) rotate(-790deg)} 95%,100%{transform:translate(2vw,0) rotate(-1080deg)}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important} }

/* V4 — articulated TATO animation system */
.stair-stage{height:440px;background:linear-gradient(145deg,#ffd33f,#f5bd2d);isolation:isolate}.stair-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.34),transparent 24%),linear-gradient(90deg,transparent 49.8%,rgba(23,21,15,.035) 50%,transparent 50.2%);background-size:auto,50px 100%}.stairs{height:280px;filter:drop-shadow(14px 15px 0 rgba(23,21,15,.14))}.stairs i{background:linear-gradient(135deg,#fff8e8,#eadbbd);box-shadow:inset 0 -10px 18px rgba(23,21,15,.08),inset 0 3px 0 white}.climber{left:0;bottom:15px;width:92px;height:122px;animation:none!important;filter:none;will-change:transform}.climb-caption{top:-20px!important;z-index:9;box-shadow:4px 4px 0 var(--ink);transition:opacity .2s}.rig-tato{position:relative;width:100%;height:100%;transform-origin:50% 74%}.rig-body{position:absolute;z-index:3;left:15%;top:4%;width:70%;height:74%;border:2px solid #603c18;border-radius:46% 52% 48% 43%/48% 44% 56% 52%;background:#b97b35 url('images/tato.png') 52% 40%/310% auto;box-shadow:inset 8px 5px 13px rgba(255,226,134,.34),inset -10px -8px 15px rgba(71,35,9,.28),0 7px 10px rgba(0,0,0,.2)}.rig-eye{position:absolute;z-index:5;top:25%;width:23%;height:25%;border:2px solid var(--ink);border-radius:50%;background:white;overflow:hidden;transform-origin:50%}.eye-left{left:23%}.eye-right{right:23%}.rig-eye i{position:absolute;left:35%;top:34%;width:42%;height:46%;border-radius:50%;background:var(--ink);box-shadow:inset 3px 3px 0 rgba(255,255,255,.9)}.rig-brow{position:absolute;z-index:6;top:17%;width:23%;height:4px;border-radius:4px;background:var(--ink)}.brow-left{left:21%;transform:rotate(10deg)}.brow-right{right:21%;transform:rotate(-10deg)}.rig-mouth{position:absolute;z-index:5;left:39%;top:57%;width:22%;height:11%;border:2px solid var(--ink);border-radius:50%;background:#421b13;transition:.18s}.rig-arm,.rig-leg{position:absolute;z-index:2;width:4px;height:34%;border-radius:4px;background:var(--ink);transform-origin:50% 0}.rig-arm b,.rig-leg b{position:absolute;left:0;top:88%;width:4px;height:55%;border-radius:4px;background:var(--ink);transform-origin:50% 0}.arm-left{left:17%;top:38%;transform:rotate(28deg)}.arm-right{right:17%;top:38%;transform:rotate(-28deg)}.leg-left{left:38%;top:70%;transform:rotate(8deg)}.leg-right{right:38%;top:70%;transform:rotate(-8deg)}.leg-left b{transform:rotate(72deg)}.leg-right b{transform:rotate(-72deg)}
.climbing .arm-left,.climbing .leg-right{animation:limb-a .42s ease-in-out infinite alternate}.climbing .arm-right,.climbing .leg-left{animation:limb-b .42s ease-in-out infinite alternate}.climbing .rig-body{animation:body-effort .42s ease-in-out infinite alternate}.climbing .rig-eye i{animation:look-up 1.1s ease-in-out infinite}.breathing .rig-body{animation:breathe .55s ease-in-out infinite alternate}.breathing .rig-arm{transform:rotate(72deg)}.teetering{animation:teeter .18s ease-in-out infinite alternate}.teetering .rig-eye{transform:scale(1.2)}.ragdoll .rig-arm,.ragdoll .rig-leg{animation:flail .16s linear infinite alternate}.flattened{transform:scale(1.25,.75)}
.expression-tired .rig-eye{height:12%;top:31%}.expression-tired .rig-mouth{height:5%;border-radius:2px;background:var(--ink)}.expression-shock .rig-eye{transform:scale(1.25)}.expression-shock .rig-mouth{width:25%;height:24%;left:37.5%;top:55%;border-radius:50%}.expression-laugh .rig-eye{height:5%;top:32%;background:var(--ink)}.expression-laugh .rig-mouth{width:38%;left:31%;height:25%;border-radius:10% 10% 50% 50%}.expression-sus .rig-eye{height:12%;transform:rotate(-5deg)}.expression-sus .brow-left{transform:rotate(-20deg)}.expression-sus .brow-right{transform:rotate(20deg)}.expression-angry .brow-left{transform:rotate(25deg)}.expression-angry .brow-right{transform:rotate(-25deg)}.expression-angry .rig-mouth{height:5%;transform:rotate(-8deg)}.expression-love .rig-eye{background:#ff4268;transform:rotate(45deg);border-radius:3px}.expression-love .rig-eye i{display:none}.expression-love .rig-mouth{height:16%;background:#ef4e67}.expression-sleepy .rig-eye{height:4%;top:34%;background:var(--ink)}.expression-sleepy .rig-mouth{width:13%;left:43.5%;height:15%}.expression-blank .rig-mouth{height:3%;border:0;background:var(--ink)}.expression-dizzy .rig-eye{border:0;background:linear-gradient(45deg,transparent 43%,var(--ink) 44% 56%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--ink) 44% 56%,transparent 57%)}.expression-dizzy .rig-eye i{display:none}
.impact-dust{position:absolute;left:7%;bottom:22px;width:130px;height:60px;pointer-events:none}.impact-dust i{position:absolute;left:50%;bottom:0;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.85);opacity:0}.impact-dust.boom i:nth-child(1){animation:dust .7s ease-out}.impact-dust.boom i:nth-child(2){animation:dust .75s .04s ease-out;--dx:-50px}.impact-dust.boom i:nth-child(3){animation:dust .6s .08s ease-out;--dx:42px}.impact-dust.boom i:nth-child(4){animation:dust .8s .02s ease-out;--dx:-25px}.impact-dust.boom i:nth-child(5){animation:dust .7s .1s ease-out;--dx:65px}.falling-rig,.rig-cameo{position:fixed;z-index:60;width:90px;height:110px;pointer-events:none}.falling-rig{top:-140px;animation:rig-fall linear forwards}.falling-rig .rig-tato{animation:falling-squash .28s ease-in-out infinite alternate}.falling-rig .rig-arm,.falling-rig .rig-leg{animation:flail .12s linear infinite alternate}.rig-cameo{z-index:55;opacity:0}.rig-cameo .rig-tato{animation:idle-alive .7s ease-in-out infinite alternate}.action-laugh .rig-body{animation:laugh-body .14s linear infinite alternate}.action-angry .rig-tato{animation:angry-body .1s linear infinite alternate}.action-love .rig-eye{animation:heart-pulse .45s ease-in-out infinite alternate}.action-sleepy .rig-body{animation:breathe .8s ease-in-out infinite alternate}.entrance-hop{animation:advanced-hop 4s cubic-bezier(.2,.8,.2,1) forwards}.entrance-peek{animation:advanced-peek 4s ease-in-out forwards}.entrance-pop{animation:advanced-pop 4s ease-in-out forwards}.entrance-slide{animation:advanced-slide 4s ease-in-out forwards}.section h2,.meme-card,.road-list article{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.section h2:not(.in-view),.meme-card:not(.in-view),.road-list article:not(.in-view){opacity:.2;transform:translateY(45px) rotate(1deg)}
@keyframes limb-a{to{transform:rotate(-58deg)}}@keyframes limb-b{to{transform:rotate(58deg)}}@keyframes body-effort{to{transform:translateY(-4px) rotate(3deg);filter:brightness(1.05)}}@keyframes look-up{50%{transform:translate(0,-45%)}}@keyframes breathe{to{transform:scale(1.05,.94) translateY(4px)}}@keyframes teeter{to{transform:rotate(9deg) translateX(3px)}}@keyframes flail{to{transform:rotate(115deg)}}@keyframes dust{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx,25px),-55px) scale(2.4)}}@keyframes rig-fall{to{transform:translate(var(--fall-drift),115vh) rotate(var(--fall-spin))}}@keyframes falling-squash{to{transform:scale(.9,1.1)}}@keyframes idle-alive{to{transform:translateY(-7px) rotate(3deg)}}@keyframes laugh-body{to{transform:translateY(5px) rotate(-3deg)}}@keyframes angry-body{to{transform:translateX(5px)}}@keyframes heart-pulse{to{transform:rotate(45deg) scale(1.25)}}
@keyframes advanced-hop{0%{opacity:0;transform:translateY(120px) scale(.4)}18%{opacity:1;transform:translateY(-25px) scale(1.08,.92)}35%{transform:translateY(0) scale(.94,1.06)}72%{opacity:1;transform:translateY(-10px)}100%{opacity:0;transform:translateY(-140px) scale(.5)}}@keyframes advanced-peek{0%{opacity:0;transform:translateX(-140px) rotate(-18deg)}20%{opacity:1;transform:translateX(0) rotate(7deg)}65%{opacity:1;transform:translateX(12px) rotate(-4deg)}100%{opacity:0;transform:translateX(-160px) rotate(-22deg)}}@keyframes advanced-pop{0%{opacity:0;transform:scale(0) rotate(-25deg)}22%{opacity:1;transform:scale(1.2) rotate(6deg)}42%{transform:scale(.92) rotate(-3deg)}72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.8) translateY(-60px)}}@keyframes advanced-slide{0%{opacity:0;transform:translateX(180px) rotate(30deg)}20%{opacity:1;transform:translateX(0) rotate(-6deg)}65%{opacity:1;transform:translateX(-15px) rotate(4deg)}100%{opacity:0;transform:translateX(200px) rotate(45deg)}}
@media(max-width:800px){.stair-stage{height:360px}.climber{width:72px;height:98px}.stairs{height:220px}.rig-cameo,.falling-rig{width:70px;height:90px}}

/* V1 additions — icon and TATO work video */
.brand img{width:48px;height:48px;object-fit:cover;object-position:center;border-radius:50%;mix-blend-mode:multiply;transform:rotate(-7deg) scale(1.16)}
.hard-work{background:#f2bd69}
.work-grid{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center}
.work-copy h2{font-size:clamp(4rem,8vw,8rem)}
.work-copy>p{margin:32px 0;font-size:clamp(.9rem,1.4vw,1.2rem);line-height:1.75}
.work-button{display:inline-flex;align-items:center;gap:35px;padding:18px 22px;border:3px solid var(--ink);background:var(--yellow);box-shadow:7px 7px 0 var(--ink);font:1rem 'Archivo Black',sans-serif;cursor:pointer;transition:.16s ease}
.work-button:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--ink)}
.work-player{position:relative;min-height:480px}
.work-poster{position:relative;width:100%;height:100%;min-height:480px;padding:0;overflow:hidden;border:4px solid var(--ink);background:#b48748;box-shadow:14px 14px 0 var(--orange);cursor:pointer;transform:rotate(1.2deg)}
.work-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.work-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(23,21,15,.78))}
.poster-play{position:absolute;z-index:2;left:50%;top:48%;display:grid;place-items:center;width:92px;height:92px;border:4px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:2rem;transform:translate(-50%,-50%);transition:.2s}
.work-poster:hover .poster-play{transform:translate(-50%,-50%) scale(1.12) rotate(-6deg)}
.work-poster strong{position:absolute;z-index:2;left:25px;bottom:22px;color:white;font:clamp(1.6rem,3vw,3rem) 'Archivo Black',sans-serif}
.work-player>video{display:none;width:100%;height:100%;min-height:480px;max-height:680px;object-fit:contain;border:4px solid var(--ink);background:var(--ink);box-shadow:14px 14px 0 var(--orange);transform:rotate(1.2deg)}
.work-player.playing>.work-poster{display:none}.work-player.playing>video{display:block}
.emoji-tato{display:grid;place-items:center;background:none!important;font-size:6rem;line-height:1;animation:emoji-wobble 1.8s ease-in-out infinite alternate}
.mini-potato.emoji-tato{font-size:4.8rem}
.falling-potato{display:grid;place-items:center;font-size:3.5rem;background:none}
.potato-stack{height:125px;margin:22px auto 0;display:flex;align-items:center;justify-content:center;position:relative}
.potato-stack i{display:block;font-style:normal;font-size:4.4rem;filter:drop-shadow(4px 5px 0 rgba(0,0,0,.15));transform:rotate(-9deg)}
.potato-stack.two i{margin:0 -15px}.potato-stack.two i:nth-child(2){transform:rotate(12deg) translateY(12px)}
.potato-stack.three i{position:absolute}.potato-stack.three i:nth-child(1){transform:translate(-38px,13px) rotate(-13deg)}.potato-stack.three i:nth-child(2){transform:translate(38px,13px) rotate(13deg)}.potato-stack.three i:nth-child(3){transform:translateY(-22px)}
.potato-stack.many{max-width:210px;display:grid;grid-template-columns:repeat(3,1fr);align-content:center}.potato-stack.many i{font-size:3.5rem;margin:-12px -8px}.potato-stack.many i:nth-child(even){transform:rotate(12deg)}
.section h2:not(.in-view),.meme-card:not(.in-view),.road-list article:not(.in-view){opacity:1;transform:none}
.video-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:.22s}
.video-modal.open{visibility:visible;opacity:1}
.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(23,21,15,.82);cursor:pointer}
.video-shell{position:relative;width:min(760px,94vw);max-height:92vh;padding:16px;background:var(--yellow);border:4px solid var(--ink);box-shadow:14px 14px 0 var(--orange)}
.video-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px;font-family:'Archivo Black',sans-serif}
.video-top button{width:42px;height:42px;border:3px solid var(--ink);background:white;font-size:1.7rem;line-height:1;cursor:pointer}
.video-frame{height:min(650px,72vh);background:var(--ink);overflow:auto;display:grid;place-items:center}
.video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:var(--ink)}
.x-video-link{display:block;padding-top:12px;text-align:center;font-size:.72rem;font-weight:500}
body.video-open{overflow:hidden}
.footer-ca{grid-column:1/-1;width:100%;padding:14px;border:1px solid #555;color:white;background:transparent;font-family:'DM Mono',monospace;text-align:left;cursor:pointer}.footer-ca code{color:var(--yellow)}
@keyframes emoji-wobble{to{transform:rotate(8deg) translateY(-5px)}}
@keyframes moon-flight{0%{opacity:0;transform:translate3d(0,18vh,0) scale(.52) rotate(-4deg)}8%{opacity:1}42%{opacity:1;transform:translate3d(24vw,-1vh,0) scale(.6) rotate(-3deg)}72%{opacity:1;transform:translate3d(76vw,-38vh,0) scale(.73) rotate(-1deg)}100%{opacity:0;transform:translate3d(155vw,-92vh,0) scale(.9) rotate(2deg)}}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}.work-player,.work-poster,.work-player>video{min-height:390px}.work-copy{text-align:left}.video-frame{height:68vh}.moon-flight{left:-60vw;width:min(74vw,430px)}.moon-flight.launch{animation-duration:3.71s}}
@media(prefers-reduced-motion:reduce){.moon-flight{display:none}}