@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,400;9..40,600;9..40,700;9..40,800&display=swap');
:root{--ink:#171313;--cream:#fff8ea;--paper:#fffdf7;--coral:#ff563f;--coral-soft:#ffd7cd;--yellow:#ffc928;--blue:#aad9f5;--muted:#675e59;--line:rgba(23,19,19,.18);--pad:clamp(22px,4vw,72px);--radius:clamp(24px,3vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:12px 18px;background:#fff;border:2px solid var(--ink)}.skip-link:focus{top:12px}.progress{position:fixed;z-index:80;inset:0 0 auto;height:4px;background:transparent}.progress span{display:block;width:100%;height:100%;background:var(--coral);transform:scaleX(0);transform-origin:left}.site-header{position:fixed;z-index:70;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 10px;border:2px solid transparent;border-radius:18px;transition:.25s}.site-header.scrolled{background:rgba(255,248,234,.92);border-color:var(--ink);box-shadow:5px 6px 0 var(--ink);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:-.04em}.brand img{width:42px;height:42px;border-radius:12px}.brand-dot{color:var(--coral)}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,30px)}.site-header nav>a{font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.portfolio-return{color:var(--muted)}.nav-cta{padding:13px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow)}
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:5vw;align-items:center;padding:clamp(112px,13vh,170px) var(--pad) 70px}.hero-copy{max-width:720px}.eyebrow,.section-index{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:14px 0 0 var(--yellow)}h1,h2,h3,p{margin-top:0}.hero h1,.section-heading h2,.items-title h2,.character-copy h2,.friends-copy h2,.health-section h2,.coming-soon h2{font-family:"Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.07em;line-height:.88}.hero h1{font-size:clamp(72px,8.7vw,148px);margin:28px 0 34px}.hero h1 em,.section-heading h2 em,.items-title h2 em,.character-copy h2 em,.friends-copy h2 em,.health-section h2 em,.coming-soon h2 em{font-style:normal;color:var(--coral)}.hero-lead{font-size:clamp(18px,1.5vw,24px);line-height:1.5;max-width:610px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;border:2px solid var(--ink);border-radius:999px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:5px 6px 0 var(--ink);transition:.2s}.button:hover{transform:translate(2px,2px);box-shadow:3px 4px 0 var(--ink)}.button-dark{background:var(--ink);color:#fff;box-shadow:5px 6px 0 var(--coral)}.availability{font-size:13px;font-weight:800}.availability i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);margin-right:7px;animation:pulse 1.7s infinite}.trust-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.trust-list li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700}.hero-scene{position:relative;min-height:720px;display:grid;place-items:center}.track{position:absolute;border:2px dashed var(--ink);border-radius:50%;opacity:.2}.track-one{width:95%;aspect-ratio:1}.track-two{width:70%;aspect-ratio:1}.phone{position:relative;z-index:2;background:#171313;border:8px solid #171313;border-radius:44px;overflow:hidden;box-shadow:0 28px 60px rgba(37,22,15,.22)}.phone img{width:100%;height:100%;object-fit:cover}.hero-phone{width:min(340px,62%);aspect-ratio:414/900;transform:rotate(4deg)}.score-card{position:absolute;z-index:5;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 7px 0 var(--ink);padding:16px;border-radius:18px;display:grid}.score-card span{font-size:9px;font-weight:800;letter-spacing:.14em}.score-card strong{font-family:"Archivo Black";font-size:34px}.score-card small{font-weight:700}.score-a{left:0;top:22%;transform:rotate(-8deg)}.score-b{right:-2%;bottom:22%;transform:rotate(7deg);background:var(--yellow)}.burst{position:absolute;z-index:6;display:grid;place-items:center;font-family:"Archivo Black";transform:rotate(-12deg)}.burst-a{right:10%;top:13%;width:100px;height:100px;background:var(--coral);clip-path:polygon(50% 0,61% 28%,85% 15%,74% 40%,100% 50%,72% 61%,87% 85%,61% 74%,50% 100%,39% 74%,15% 85%,28% 61%,0 50%,28% 39%,14% 15%,39% 28%)}.burst-b{left:9%;bottom:10%;width:74px;height:74px;border-radius:50%;background:var(--blue);border:2px solid var(--ink);font-size:24px}.ticker{overflow:hidden;background:var(--ink);color:#fff;border-block:3px solid var(--ink);padding:18px 0}.ticker div{display:flex;justify-content:space-around;min-width:1000px;font-family:"Archivo Black";font-size:clamp(19px,2vw,30px)}.ticker i{color:var(--coral);font-style:normal}
.page-pad{padding-left:var(--pad);padding-right:var(--pad)}.race-section{padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}.section-heading{display:grid;grid-template-columns:.36fr 1.35fr .8fr;gap:4vw;align-items:start}.section-heading h2,.items-title h2,.character-copy h2,.friends-copy h2,.health-section h2{font-size:clamp(48px,6.8vw,112px);margin:0}.section-heading>p:last-child{font-size:18px;line-height:1.65;color:var(--muted);padding-top:10px}.race-board{margin-top:80px;border:3px solid var(--ink);border-radius:var(--radius);background:var(--yellow);box-shadow:12px 14px 0 var(--ink);display:grid;grid-template-columns:1fr .75fr;overflow:hidden;min-height:760px}.race-copy{padding:clamp(35px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.round-label{font-size:11px;font-weight:800;letter-spacing:.18em}.race-copy h3,.item-story h3{font-family:"Archivo Black";font-size:clamp(48px,5vw,84px);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;margin:24px 0}.race-copy>p{font-size:18px;line-height:1.6;max-width:550px}.mini-standings{margin-top:40px;border-top:2px solid var(--ink)}.mini-standings div{display:grid;grid-template-columns:50px 1fr auto;gap:12px;padding:16px 4px;border-bottom:2px solid var(--ink);align-items:center}.mini-standings .you{background:#fff;padding-inline:14px}.mini-standings span,.mini-standings strong{font-size:14px}.story-card{margin:0;position:relative;background:var(--coral);min-height:600px}.story-card img{width:100%;height:100%;object-fit:cover;object-position:top}.story-card figcaption{position:absolute;right:12px;bottom:12px;background:var(--paper);border:1px solid var(--ink);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700}
.items-section{background:var(--coral);padding:clamp(100px,12vw,180px) 0}.items-title{display:grid;grid-template-columns:.3fr 1fr;gap:5vw}.items-title h2 em{color:var(--yellow)}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.item-card{min-height:470px;padding:28px;border:3px solid var(--ink);border-radius:32px;box-shadow:9px 10px 0 var(--ink);display:flex;flex-direction:column}.item-card span{font-size:10px;font-weight:800;letter-spacing:.14em}.item-card h3{font-family:"Archivo Black";font-size:clamp(29px,3vw,48px);line-height:.95;text-transform:uppercase;letter-spacing:-.05em;margin:20px 0}.item-card p{font-size:16px;line-height:1.55}.item-art{margin:auto 0;font-size:clamp(80px,10vw,150px);filter:drop-shadow(6px 8px 0 rgba(23,19,19,.15));transform:rotate(-9deg)}.banana{background:var(--yellow)}.shield{background:var(--blue)}.boost{background:var(--paper)}.item-story{display:grid;grid-template-columns:.55fr 1fr;gap:7vw;align-items:center;margin-top:120px}.item-story figure{margin:0;max-height:820px;overflow:hidden;border:3px solid var(--ink);border-radius:36px;box-shadow:12px 14px 0 var(--ink)}.item-story figure img{width:100%;height:100%;object-fit:cover;object-position:top}.item-story h3{font-size:clamp(60px,8vw,130px)}.item-story>div>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:600px}.crate-rule{margin-top:30px;padding:18px 0;border-block:2px solid var(--ink);display:flex;justify-content:space-between;font-size:12px}.crate-rule b{letter-spacing:.14em}
.character-section{display:grid;grid-template-columns:.8fr 1.15fr;gap:6vw;align-items:center;padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px);background:var(--paper)}.character-copy h2{margin:25px 0 32px}.character-copy>p:not(.section-index){font-size:18px;line-height:1.65;color:var(--muted)}.character-copy ul{padding:0;list-style:none;margin-top:35px}.character-copy li{border-top:1px solid var(--line);padding:16px 0;font-weight:700}.character-collage{position:relative;min-height:790px}.character-collage figure{margin:0;position:absolute;border:3px solid var(--ink);border-radius:30px;overflow:hidden;box-shadow:10px 12px 0 var(--ink);background:var(--yellow)}.character-collage img{width:100%;height:100%;object-fit:cover;object-position:top}.character-shot{width:55%;height:78%;left:3%;top:2%;transform:rotate(-6deg)}.mood-shot{width:55%;height:78%;right:2%;bottom:2%;transform:rotate(7deg)}.sticker{position:absolute;z-index:5;left:38%;top:42%;background:var(--coral);border:3px solid var(--ink);border-radius:50%;width:170px;height:170px;display:grid;place-items:center;text-align:center;font-family:"Archivo Black";font-size:26px;line-height:.9;transform:rotate(-9deg);box-shadow:7px 9px 0 var(--ink)}
.friends-section{display:grid;grid-template-columns:.85fr 1fr;background:var(--blue);border-block:3px solid var(--ink)}.friends-visual{position:relative;min-height:960px;overflow:hidden;border-right:3px solid var(--ink);display:grid;place-items:center;padding:70px clamp(30px,5vw,84px)}.friends-visual:before{content:"FRIENDS / 04";position:absolute;left:30px;top:30px;font-size:10px;font-weight:800;letter-spacing:.16em}.friends-orbit{position:absolute;border:2px dashed rgba(23,19,19,.22);border-radius:50%;aspect-ratio:1}.friends-orbit-one{width:88%;left:-28%;top:8%}.friends-orbit-two{width:62%;right:-22%;bottom:8%}.friends-phone{position:relative;z-index:2;width:min(350px,78%);margin:0;background:var(--ink);border:8px solid var(--ink);border-radius:52px;overflow:hidden;box-shadow:15px 18px 0 var(--coral),0 28px 55px rgba(23,19,19,.18);transform:rotate(-2deg)}.friends-phone:before{content:"";position:absolute;z-index:3;left:50%;top:10px;width:82px;height:24px;transform:translateX(-50%);border-radius:999px;background:var(--ink)}.friends-phone img{width:100%;height:auto;aspect-ratio:828/1800;object-fit:cover}.friends-copy{padding:clamp(50px,8vw,130px);align-self:center}.friends-copy h2{margin:24px 0 32px}.friends-copy h2 em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:.1em}.friends-copy>p:not(.section-index){font-size:19px;line-height:1.65}.friend-points{margin-top:40px;display:grid;gap:12px}.friend-points span{padding:17px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);font-weight:800;box-shadow:5px 6px 0 var(--ink)}.friend-points b{display:inline-block;width:40px;color:var(--coral)}
.health-section{padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}.health-section>div:first-child{display:grid;grid-template-columns:.32fr 1fr;gap:5vw}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.health-grid article{border-top:3px solid var(--ink);padding:24px 12px;min-height:230px}.health-grid b{font-size:10px;letter-spacing:.15em;color:var(--coral)}.health-grid h3{font-family:"Archivo Black";text-transform:uppercase;font-size:30px;letter-spacing:-.04em;margin:28px 0 12px}.health-grid p{line-height:1.6;color:var(--muted)}
.coming-soon{min-height:85svh;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px;position:relative;overflow:hidden}.coming-soon:before,.coming-soon:after{content:"";position:absolute;width:45vw;aspect-ratio:1;border:2px dashed rgba(255,255,255,.2);border-radius:50%}.coming-soon:before{left:-20vw;top:-20vw}.coming-soon:after{right:-18vw;bottom:-24vw}.coming-soon img{width:110px;border-radius:28px;box-shadow:8px 9px 0 var(--coral);margin-bottom:34px}.coming-soon>p{font-size:11px;font-weight:800;letter-spacing:.18em}.coming-soon h2{font-size:clamp(64px,9vw,150px);margin:20px 0 32px;position:relative}.coming-soon h2 em{color:var(--yellow)}.coming-soon>span{max-width:650px;color:#cbc3bf;font-size:18px;line-height:1.6}.button-light{background:#fff;color:var(--ink);margin-top:32px;box-shadow:6px 7px 0 var(--coral)}
footer{background:var(--ink);color:#fff;border-top:1px solid #36302e;padding:46px var(--pad) 34px;display:grid;grid-template-columns:1fr auto;gap:42px;align-items:start}.footer-brand{display:grid;grid-template-columns:44px auto;column-gap:12px;align-items:center}.footer-brand img{grid-row:1/3;width:44px;border-radius:12px}.footer-brand strong{font-size:20px}.footer-brand strong span{color:var(--coral)}.footer-brand small{color:#978e89}.footer-brand+nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}.footer-brand+nav a,.footer-brand+nav button{color:#fff;background:none;border:0;padding:0;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-decoration:none}.footer-brand+nav a:hover,.footer-brand+nav button:hover{text-decoration:underline}footer>p{grid-column:1/-1;color:#77706c;font-size:10px;border-top:1px solid #36302e;padding-top:24px}.consent-banner{position:fixed;z-index:100;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:24px;padding:20px 24px;box-shadow:9px 10px 0 var(--ink)}.consent-banner[hidden]{display:none}.consent-label{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}.consent-banner h2{font-size:22px;margin:5px 0}.consent-banner p{margin-bottom:0}.consent-actions{display:flex;gap:10px}.consent-actions button{padding:12px 16px;border:2px solid var(--ink);border-radius:999px;font-weight:800;cursor:pointer}.consent-primary{background:var(--coral)}.consent-secondary{background:#fff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.45);opacity:.5}}
@media(max-width:1050px){.site-header nav>a:not(.portfolio-return):not(.nav-cta){display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-scene{min-height:650px}.hero-copy{padding-top:50px}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{max-width:680px}.items-title{grid-template-columns:1fr}.character-section{grid-template-columns:1fr}.character-collage{min-height:700px}.friends-section{grid-template-columns:.8fr 1fr}.health-section>div:first-child{grid-template-columns:1fr}}
@media(max-width:760px){:root{--pad:18px}.site-header{left:10px;right:10px;top:9px}.site-header .portfolio-return{font-size:0}.site-header .portfolio-return:after{content:"← Studio";font-size:10px}.nav-cta{padding:10px 13px}.hero{padding-top:125px;gap:10px}.hero h1{font-size:clamp(58px,18vw,90px)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-scene{min-height:520px}.hero-phone{width:58%}.score-card{padding:11px}.score-card strong{font-size:25px}.score-a{left:0}.score-b{right:0}.burst-a{width:70px;height:70px}.burst-b{width:54px;height:54px}.section-heading>*{min-width:0}.section-heading h2{overflow-wrap:anywhere}.section-heading h2,.items-title h2,.character-copy h2,.friends-copy h2,.health-section h2{font-size:clamp(45px,14vw,72px)}.race-board{grid-template-columns:1fr;min-height:0}.race-copy{padding:32px 22px}.story-card{height:650px}.items-grid{grid-template-columns:1fr}.item-card{min-height:400px}.item-art{font-size:110px}.item-story{grid-template-columns:1fr;margin-top:80px}.item-story figure{height:680px}.item-story h3{font-size:62px}.character-collage{min-height:540px}.sticker{width:115px;height:115px;font-size:18px}.friends-section{grid-template-columns:1fr}.friends-visual{min-height:760px;height:auto;border-right:0;border-bottom:3px solid var(--ink);padding:70px 24px}.friends-phone{width:min(290px,80%);border-width:7px;border-radius:44px;box-shadow:11px 13px 0 var(--coral),0 22px 42px rgba(23,19,19,.17)}.friends-phone:before{top:8px;width:68px;height:20px}.friends-copy{padding:70px 24px}.health-grid{grid-template-columns:1fr}.health-grid article{min-height:0}.coming-soon{min-height:75svh}.coming-soon h2{font-size:clamp(56px,17vw,90px)}footer{grid-template-columns:1fr}.footer-brand+nav{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:18px}.consent-banner{align-items:flex-start;flex-direction:column}.consent-actions{width:100%}.consent-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.availability i{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* WalkBop brand-alignment pass: use the app's real assets and cleaner race UI. */
.race-board{border:0;border-block:3px solid var(--ink);border-radius:0;box-shadow:none;background:linear-gradient(90deg,var(--yellow) 0 56%,#ff735f 56%)}
.story-card{border-left:3px solid var(--ink)}
.items-section{background:var(--coral);position:relative;overflow:hidden}
.items-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,19,19,.16) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.25;pointer-events:none}
.items-section>*{position:relative}
.items-grid{gap:0;margin-top:80px;border-block:3px solid var(--ink);padding-left:0;padding-right:0;margin-left:var(--pad);margin-right:var(--pad)}
.item-move{min-width:0;padding:34px clamp(22px,3vw,46px) 42px;display:grid;grid-template-rows:auto 1fr auto auto;min-height:560px;border-left:2px solid var(--ink)}
.item-move:first-child{border-left:0}
.item-move>span{font-size:10px;font-weight:800;letter-spacing:.16em}
.item-move .item-art{position:relative;height:250px;margin:8px 0 0;display:grid;place-items:center;filter:none;transform:none;font-size:0}
.item-move .item-art:before{content:"";position:absolute;width:190px;height:190px;border:3px solid var(--ink);border-radius:50%;background:var(--paper)}
.item-move .item-art img{position:relative;width:min(230px,85%);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 0 rgba(23,19,19,.12));transition:transform .25s}
.item-move:hover .item-art img{transform:translateY(-8px) rotate(-4deg)}
.item-move h3{font-family:"Archivo Black",sans-serif;font-size:clamp(29px,3vw,48px);line-height:.95;text-transform:uppercase;letter-spacing:-.05em;margin:18px 0 12px}
.item-move p{font-size:15px;line-height:1.55;margin:0;max-width:390px}
.item-move.banana{background:var(--yellow)}.item-move.shield{background:var(--blue)}.item-move.rocket{background:var(--paper)}
.inventory-line{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:70px}
.inventory-line span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:16px 7px 13px;border-left:1px solid rgba(23,19,19,.35);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.inventory-line span:first-child{border-left:0}.inventory-line img{width:min(88px,100%);aspect-ratio:1;object-fit:contain}
.inventory-line b{font-size:10px;line-height:1}.inventory-line small{min-height:2.5em;font-size:9px;line-height:1.3;text-align:center;text-transform:none;letter-spacing:0;color:rgba(23,19,19,.68)}
.item-story figure,.character-collage figure{border:0;border-radius:0;box-shadow:none}
.item-story figure{clip-path:polygon(4% 0,100% 2%,96% 100%,0 98%)}
.crate-rule{justify-content:flex-start;align-items:center;gap:18px}.crate-rule>img{width:72px;height:72px;object-fit:contain}.crate-rule>span{display:grid;gap:4px}.crate-rule small{font-size:12px}
.character-shot,.mood-shot{border-radius:0}.character-shot{clip-path:polygon(6% 0,100% 3%,94% 100%,0 97%)}.mood-shot{clip-path:polygon(0 3%,94% 0,100% 97%,6% 100%)}
.friend-points span{padding:17px 2px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;box-shadow:none}
.coming-soon>img{width:124px;height:124px;min-height:124px;aspect-ratio:1;object-fit:cover;border-radius:28px;flex:0 0 124px}
.footer-brand img{width:44px;height:44px;min-width:44px;aspect-ratio:1;object-fit:cover;border-radius:12px}
#race,#items,#character,#friends,#coming-soon{scroll-margin-top:96px}

@media(max-width:760px){.race-board{background:var(--yellow)}.story-card{border-left:0;border-top:3px solid var(--ink)}.items-grid{grid-template-columns:1fr;margin-left:var(--pad);margin-right:var(--pad)}.item-move{min-height:440px;border-left:0;border-top:2px solid var(--ink);padding:30px 22px}.item-move:first-child{border-top:0}.item-move .item-art{height:190px}.item-move .item-art:before{width:150px;height:150px}.item-move .item-art img{width:180px}.inventory-line{grid-template-columns:repeat(4,1fr);margin-top:48px}.inventory-line span:nth-child(5){border-left:0}.inventory-line img{width:70px}.item-story figure{clip-path:none}.coming-soon>img{width:106px;height:106px;min-height:106px;flex-basis:106px}}