:root{--ink:#252744;--orange:#ff5500;--cream:#fff9eb;--blue:#57bfff;--pink:#f2c7d2;--yellow:#f7ce54}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:18px;line-height:1.5}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:DynaPuff,sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.1}h2{font-size:clamp(2.5rem,5vw,5rem)}p+p{margin-top:20px}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:16px}.skip:focus{top:0}a:focus-visible,button:focus-visible{outline:3px solid #1547b5;outline-offset:6px}.header{height:100px;padding:10px 4%;position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;color:white}.brand img{width:106px;height:70px;object-fit:contain}nav{display:flex;align-items:center;gap:30px}nav>a{text-decoration:none;font-weight:700;font-size:16px}.button{padding:17px 26px;border:1px solid transparent;border-radius:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.button.small{font-size:14px;padding:12px 20px;background:var(--cream);color:var(--ink)}.cream{background:var(--cream);color:var(--ink)}.dark{background:var(--ink);color:var(--cream)}.hero{position:relative;min-height:810px;height:100svh;max-height:1100px;background:var(--orange);color:var(--cream);display:grid;grid-template-columns:44% 56%;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:170px 0 100px 9%;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-label{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(3.5rem,6.4vw,7rem);margin-top:30px;line-height:1.09}.hero h1 span{display:block;white-space:nowrap}.last-word{color:#fbdf82}.hero-bottom{margin-top:40px;display:flex;align-items:center;gap:24px}.hero-bottom p{font-size:16px}.hero-visual{align-self:stretch;position:relative;overflow:hidden;margin-top:105px}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:53% 50%;}.photo-note{position:absolute;right:7%;bottom:12%;font-family:Caveat,cursive;font-size:36px;line-height:1;transform:rotate(-9deg)}.hero-index{position:absolute;left:4%;bottom:30px;font-size:12px;letter-spacing:.12em}.word-strip{background:var(--yellow);overflow:hidden;padding:24px 0;border-block:1px solid var(--ink);font-family:DynaPuff;font-size:clamp(26px,3vw,44px);white-space:nowrap}.word-strip span{display:block;width:max-content;transform:translateX(-40px)}.section{padding:100px 6%}.intro-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:35px 0 60px}.intro-heading p{font-size:18px;padding-bottom:4px}.product-explorer{display:grid;grid-template-columns:62% 38%;background:#e9ebef;border-radius:8px;overflow:hidden}.product-images{position:relative;background:#e3e4e8}.product-images>img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:opacity .16s}.image-meta{display:flex;justify-content:space-between;position:absolute;top:24px;left:26px;right:26px;font-size:12px;letter-spacing:.08em}.angles{display:flex;justify-content:center;gap:8px;position:absolute;bottom:24px;left:20px;right:20px}.angles button{border:1px solid #25274440;border-radius:40px;background:#ffffffb8;padding:10px 18px;font-size:14px}.angles button[aria-pressed=true]{background:var(--ink);color:white}.product-details{background:var(--blue);padding:45px 35px;display:flex;flex-direction:column;justify-content:center}.product-details h3{font-size:64px;margin:15px 0 20px}.product-details>p{font-size:16px}.product-details fieldset{padding:0;border:0;margin:30px 0}.product-details legend{font-size:14px;margin-bottom:16px}.swatches{display:flex;gap:22px}.swatch{border:0;padding:0;background:none;font-size:14px;display:grid;justify-items:center;gap:9px}.swatch span{display:block;width:37px;height:37px;border:3px solid #ffffff90;border-radius:50%;background:#86b6d5}.swatch.mustard span{background:#dfaf29}.swatch.pink span{background:#e4a3b5}.swatch[aria-pressed=true] span{outline:2px solid var(--ink);outline-offset:3px}.text-link{display:inline-block;text-underline-offset:6px;font-weight:700;font-size:16px}.product-details .text-link{text-align:center;margin-top:18px}.details-story{display:grid;grid-template-columns:43% 57%;padding:100px 6%;gap:6%;background:#bedbeb;overflow:clip}.sticky-heading{position:sticky;top:65px;align-self:start}.sticky-heading h2{margin:38px 0 28px}.story-scenes{padding-right:10%}.scene{margin-bottom:70px}.scene:last-child{margin-bottom:0}.scene-image{overflow:hidden;border-radius:6px}.scene-image img{width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .6s}.scene:hover img{transform:scale(1.04)}.scene-caption{display:flex;gap:20px;margin-top:24px}.scene-caption>span{font-size:14px;padding-top:5px}.scene-caption h3{font-size:clamp(25px,2.5vw,36px)}.scene-caption p{font-size:16px;margin-top:12px}.story-note{background:var(--pink);text-align:center;padding-block:110px}.story-note h2{margin:36px 0 28px}.story-note>p:last-child{max-width:510px;margin-inline:auto}.sizing{display:grid;grid-template-columns:43% 57%;gap:5%;padding-right:10%}.sizing h2{font-size:clamp(2.5rem,4vw,4.5rem);margin:32px 0}.sizing-copy>p:not(.section-label){max-width:360px}.size-note{font-size:16px}.sizing .text-link{margin-top:26px}.size-table-wrap{align-self:center}table{border-collapse:collapse;width:100%;font-size:16px}caption{text-align:left;font-size:24px;font-weight:700;margin-bottom:24px}caption span{display:block;font-weight:500;font-size:14px;margin-top:5px}th,td{text-align:left;padding:20px 12px;border-bottom:1px solid #25274435}th{font-size:14px;background:#edebdf}td:nth-child(2){font-weight:700}tbody tr:hover{background:#f5eccc}.table-note{margin-top:18px;font-size:14px}.order{background:var(--orange);color:var(--cream);text-align:center}.order h2{font-size:clamp(3rem,6.5vw,7rem);margin:30px 0}.order .button{margin-top:30px}.instagram-handle{display:block;font-size:14px;margin-top:17px}footer{background:var(--ink);color:var(--cream);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px}footer img{width:95px}footer p{font-family:Caveat;font-size:25px}footer a{text-underline-offset:5px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(min-width:1000px){.hero h1 span:nth-child(2){padding-left:25px}.hero h1 span:nth-child(3){padding-left:8px}}@media(max-width:1100px){.hero-bottom{flex-direction:column;align-items:start}.product-details{padding:30px 24px}.product-details .button{padding:15px;font-size:15px}.intro-heading p{max-width:300px}.sizing{grid-template-columns:40% 60%;gap:3%}th,td{padding:18px 8px}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:84px;padding:10px 6%}.brand img{width:82px;height:56px}nav{gap:17px}nav>a{font-size:14px}nav .button{display:none}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.hero-copy{padding:125px 7% 15px}.hero .eyebrow{font-size:12px}.hero h1{font-size:clamp(3.2rem,11vw,5.2rem);margin-top:22px}.hero-bottom{flex-direction:row;align-items:center;justify-content:space-between;margin-top:25px;gap:10px}.hero-bottom p{font-size:14px}.hero-bottom .button{font-size:14px;padding:13px 17px;gap:14px}.hero-visual{margin-top:0;height:auto;aspect-ratio:1.3}.hero-visual>img{object-fit:cover}.photo-note{font-size:28px;right:6%;bottom:17%}.hero-index{bottom:15px;left:7%;font-size:10px}.word-strip{padding:17px 0}.section{padding:65px 6%}.section-label{font-size:12px}.intro-heading{display:block;margin:26px 0 30px}.intro-heading h2{font-size:40px}.intro-heading p{margin-top:25px;max-width:none;font-size:16px}.desktop{display:none}.product-explorer{grid-template-columns:1fr}.product-images>img{aspect-ratio:1.05}.image-meta{font-size:10px;top:18px;left:18px;right:18px}.angles{bottom:18px}.angles button{padding:9px 15px}.product-details{padding:30px}.product-details h3{font-size:52px}.product-details fieldset{margin:25px 0}.product-details .button{font-size:16px}.details-story{grid-template-columns:1fr;padding:65px 6%;gap:40px}.sticky-heading{position:static}.sticky-heading h2{font-size:44px;margin:25px 0}.sticky-heading h2 br:nth-child(2){display:none}.sticky-heading>p:last-child{display:none}.story-scenes{padding:0}.scene{margin-bottom:45px}.scene-image img{aspect-ratio:1.25}.scene-caption{margin-top:20px}.story-note h2{font-size:37px;line-height:1.2}.story-note>p:last-child{font-size:16px}.sizing{grid-template-columns:1fr;gap:35px;padding-right:6%}.sizing h2{font-size:42px}.sizing h2 br:last-child{display:none}.sizing-copy>p:not(.section-label){max-width:none}.size-table-wrap{min-width:0}caption{font-size:22px}table{font-size:14px}th{font-size:12px}td,th{padding:17px 7px}.order h2{font-size:clamp(38px,10vw,65px)}footer{flex-wrap:wrap;gap:24px;padding:35px 6%}footer p{width:60%;font-size:23px}footer>span{margin-left:auto}footer img{width:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Full-width hero composition from the supplied reference. */
.header{height:145px;padding:24px 6%}.brand img{width:145px;height:94px}nav{gap:34px}nav>a{font-family:DynaPuff,sans-serif;font-weight:600;font-size:20px}.hero{display:block;height:48vw;min-height:590px;max-height:850px;background:#ff5500}.hero-copy{position:relative;width:44%;height:100%;padding:160px 0 75px 6%;justify-content:center;text-align:right}.hero h1{font-size:clamp(3.5rem,6vw,6.5rem);margin:0;line-height:1.1}.hero h1 span:nth-child(n){padding:0}.hero-bottom{justify-content:flex-end;align-items:flex-end;margin-top:24px;flex-direction:row}.hero-visual{position:absolute;top:70px;bottom:0;right:0;width:62%;margin:0;height:auto;aspect-ratio:auto}.hero-visual>img{object-fit:contain;object-position:center;}.hero-copy{z-index:2}.swatch.gray span{background:#b8b8b4}.swatches{gap:20px}.details-story{grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:4%;padding:75px 6%;background:#79c9ee;align-items:center}.details-story .sticky-heading{position:static;align-self:center}.details-story h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.feature-image-link{display:block;min-width:0}.feature-image-link img{width:100%;height:auto}.feature-image-link:focus-visible{outline-offset:8px}footer,footer p,footer a,footer span{font-family:DynaPuff,sans-serif;font-weight:600}footer p{font-size:20px}.footer-socials{display:flex;flex-direction:column;gap:10px}footer>span{font-size:12px}.product-explorer{scroll-margin-top:24px}
@media(max-width:1100px) and (min-width:761px){nav{gap:22px}nav>a{font-size:17px}.hero{min-height:530px}.hero h1{font-size:5.9vw}.header{height:120px}.brand img{width:115px;height:75px}.hero-copy{padding-top:130px}.swatches{gap:15px}}
@media(max-width:760px){.header{height:auto;min-height:100px;padding:15px 6%;gap:20px;align-items:start}.brand img{width:85px;height:56px}nav{display:grid;grid-template-columns:auto auto;gap:13px 20px;padding-top:7px}nav>a{font-size:14px;white-space:nowrap}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.hero-copy{width:100%;height:auto;padding:140px 7% 5px;text-align:left}.hero h1{font-size:clamp(3.3rem,12vw,5.5rem)}.hero h1 span:nth-child(2){padding-left:6%}.hero h1 span:nth-child(3){padding-left:0}.hero-bottom{justify-content:flex-start;margin-top:25px}.hero-visual{position:relative;inset:auto;width:100%;aspect-ratio:1.5;flex:none;overflow:visible}.hero-visual>img{width:100%;height:100%;object-fit:contain}.details-story{grid-template-columns:1fr;gap:30px;padding:55px 0 0}.details-story .sticky-heading{padding-inline:6%}.details-story h2{font-size:42px;margin-block:25px 0}.feature-image-link{width:100%}.swatches{gap:24px}footer{align-items:center}footer p{font-size:18px;width:60%}.footer-socials{flex-direction:row;gap:22px;font-size:14px}footer>span{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.hero-visual>img{transform:none}}
@media(min-width:761px){.hero-visual>img{}}
.order p,.order .button,.order .instagram-handle{font-family:DynaPuff,sans-serif;font-weight:600}
/* Keep the original photograph's colors and every shoe fully visible. */
.hero{isolation:isolate;background:#ff5500}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(3rem,5.2vw,6.5rem);letter-spacing:-.035em}
.hero h1 span{white-space:normal}
.hero-visual>img{mix-blend-mode:normal!important;filter:none!important;opacity:1;mask:none!important;-webkit-mask:none!important;transform:none;object-fit:contain;object-position:center;width:100%;height:100%}
.swatch[data-color="Gray"] span{background-color:#b8b8b8!important}
.feature-icons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 25px;align-items:start}
.feature-icons li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:12px 0}
.feature-icons img{width:80px;height:80px;object-fit:contain}
.feature-icons h3{font-size:clamp(18px,1.7vw,26px);letter-spacing:-.025em;line-height:1.3}
.details-story{background:var(--blue);padding-block:100px}
@media(max-width:760px){.hero h1{font-size:clamp(3rem,10.8vw,5.2rem)}.hero-copy{padding-top:140px;padding-bottom:18px}.hero-visual{aspect-ratio:1.5}.feature-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px;padding:10px 6% 55px}.feature-icons li{gap:16px}.feature-icons img{width:68px;height:68px}.feature-icons h3{font-size:20px}.details-story{padding-top:55px;padding-bottom:0}}
@media(min-width:761px){.hero-visual{mask-image:linear-gradient(to right,transparent,black 12%),linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,black 12%),linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-composite:source-in}}

/* Rascal collage: cream graph paper, bold blue, and real product cutouts. */
.header{height:124px;padding:20px 6%;color:var(--ink)}
.brand img{width:120px;height:78px}
nav{gap:30px}nav>a{font-size:17px}
nav>a:last-child{padding:12px 24px;border:1.5px solid var(--ink);border-radius:40px}
nav>a:hover{text-decoration:underline;text-underline-offset:6px}
.hero{height:auto;min-height:760px;max-height:none;display:grid;grid-template-columns:44% 56%;align-items:center;padding:135px 5% 55px 6%;gap:0;background-color:var(--cream);background-image:linear-gradient(#25274408 1px,transparent 1px),linear-gradient(90deg,#25274408 1px,transparent 1px);background-size:72px 72px;color:var(--ink);overflow:hidden;isolation:isolate}
.hero-copy{width:100%;height:auto;min-width:0;padding:5px 0 45px;position:relative;z-index:4;text-align:left}
.hero h1{font-size:clamp(3rem,5.7vw,6.4rem);letter-spacing:-.045em;line-height:1.12;margin:0}
.hero h1 span:nth-child(n){padding:0;white-space:nowrap}
.hero h1 .last-word{color:#ff5500}
.hero-bottom{justify-content:flex-start;align-items:center;flex-direction:row;margin-top:35px}
.hero-bottom .button{padding:17px 26px;font-size:18px;box-shadow:4px 4px 0 #f7ce54}
.hero-collage{position:relative;align-self:center;aspect-ratio:1.12;width:100%;min-width:0;transform:translateY(var(--drift,0px));isolation:isolate}
.collage-shape{position:absolute;inset:3% -4% 0 1%;background:#57bfff;border-radius:45% 55% 42% 58% / 50% 42% 58% 50%;transform:rotate(-9deg);z-index:-3;box-shadow:inset 0 0 55px #405f8820}
.collage-paper{position:absolute;z-index:-2;box-shadow:6px 8px 0 #25274412}
.paper-pink{background:#f5bccc;width:36%;height:33%;left:-4%;bottom:0;transform:rotate(-12deg);border-radius:2px 5px 3px 2px}
.paper-yellow{background:#f7ce54;width:36%;height:37%;right:4%;top:-1%;transform:rotate(13deg)}
.shoe-cutout{position:absolute;line-height:0;filter:drop-shadow(8px 17px 9px #172b4328);transform:rotate(var(--tilt,0deg));animation:shoe-arrive .8s both}
.shoe-cutout img{width:100%;height:auto;object-fit:contain;animation:shoe-float 7s ease-in-out infinite;animation-delay:var(--delay,0s)}
.shoe-blue{width:84%;left:-5%;top:26%;z-index:3;--tilt:-14deg;--delay:-1s}
.shoe-mustard{width:55%;right:-1%;top:-5%;z-index:2;--tilt:15deg;--delay:-3s;animation-delay:.1s}
.shoe-pink{width:52%;right:-4%;bottom:-2%;z-index:4;--tilt:-10deg;--delay:-5s;animation-delay:.2s}
.shoe-gray{width:49%;left:-9%;bottom:-5%;z-index:4;--tilt:8deg;--delay:-2s;animation-delay:.3s}
.doodle{position:absolute;width:12%;height:auto;pointer-events:none;z-index:5}
.doodle-star{width:15%;left:7%;top:0;transform:rotate(-13deg)}
.doodle-wave{width:13%;right:-2%;top:45%;transform:rotate(28deg)}
.doodle-sun{width:12%;bottom:-7%;left:43%;transform:rotate(10deg)}
@keyframes shoe-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes shoe-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.word-strip{padding-block:19px;border-block:1px solid #25274430}
.product-explorer{grid-template-columns:58% 42%;scroll-margin-top:30px}
.product-images{min-width:0;overflow:hidden;background:#d4d5dc;display:flex;align-items:center}
.product-stage{position:relative;width:100%;aspect-ratio:1.22;overflow:hidden;isolation:isolate}
.product-stage img{position:absolute;max-width:none;height:auto;display:block;transition:none}
.image-meta{z-index:2;font-size:12px;font-weight:700;top:22px;left:24px;right:24px}
.angles{z-index:2;bottom:22px}
.product-details{padding:45px 36px}
.product-details h3{font-size:64px}
.swatches{gap:25px}.swatch[data-color="Gray"] span{background-color:#b8b8b8!important}
/* Six concise callouts around the actual Rascal shoe. */
.details-story{display:block;position:relative;padding:90px 6% 95px;background:#eef8ff;overflow:hidden}
.details-heading{text-align:center}.details-heading h2{font-size:clamp(2.8rem,4.5vw,4.8rem);margin:25px 0 5px}.details-heading .section-label{font-size:14px}
.feature-diagram{position:relative;max-width:1130px;height:630px;margin:35px auto 0}
.feature-shoe{position:absolute;width:34%;height:100%;left:33%;top:0;display:flex;align-items:center;justify-content:center}
.feature-shoe>img{position:relative;z-index:1;width:75%;height:87%;object-fit:contain;filter:drop-shadow(14px 18px 13px #263a5826);transform:rotate(-8deg)}
.feature-halo{position:absolute;inset:8% -1% 5%;border:1px solid #57bfff66;border-radius:48% 52% 45% 55%;background:#57bfff;transform:rotate(7deg)}
.feature-callouts{list-style:none;padding:0;margin:0;position:absolute;inset:0;display:grid;grid-template-columns:28% 44% 28%;grid-template-rows:repeat(3,1fr)}
.callout{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;z-index:2}
.callout h3{font-size:23px;letter-spacing:-.035em;line-height:1.25;max-width:245px}
.feature-icon{display:grid;place-items:center;width:95px;height:95px;border-radius:44% 56% 51% 49%;background:#f9e4a1;transform:rotate(-7deg)}
.feature-icon img{width:60px;height:60px;object-fit:contain;transform:rotate(7deg)}
.callout-straps .feature-icon,.callout-drop .feature-icon{background:#f4c9d1;transform:rotate(8deg)}
.callout-straps .feature-icon img,.callout-drop .feature-icon img{transform:rotate(-8deg)}
.callout-air .feature-icon,.callout-light .feature-icon{background:#57bfff}
.callout-light{grid-area:1 / 1}.callout-drop{grid-area:2 / 1}.callout-toe{grid-area:3 / 1}
.callout-straps{grid-area:1 / 3}.callout-air{grid-area:2 / 3}.callout-sole{grid-area:3 / 3}
.connector{position:absolute;top:48%;width:51%;border-top:2px dotted #57bfff;opacity:.8;z-index:-1}
.connector:after{content:"";position:absolute;width:14px;height:14px;border:2px dotted #57bfff;border-radius:50%;top:-8px;background:#eef8ff}
.callout-toe .connector,.callout-drop .connector{left:84%;transform-origin:left center}.callout-toe .connector:after,.callout-drop .connector:after{right:-6px}
.callout-straps .connector,.callout-air .connector,.callout-sole .connector{right:84%;transform-origin:right center}.callout-straps .connector:after,.callout-air .connector:after,.callout-sole .connector:after{left:-6px}
.callout-toe .connector{transform:rotate(-13deg)}.callout-drop .connector{transform:rotate(55deg);width:65%}
.callout-straps .connector{transform:rotate(-23deg)}.callout-air .connector{transform:rotate(8deg)}.callout-sole .connector{transform:rotate(4deg)}
footer,footer p,footer a,footer span{font-family:DynaPuff,sans-serif;font-weight:600}footer p{font-size:20px}.footer-socials{display:flex;flex-direction:column;gap:10px}footer>span{font-size:12px}
@media(min-width:1600px){.hero{padding-block:165px 90px}.hero-collage{max-width:900px}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:635px;padding:135px 5% 75px 6%}.hero h1{font-size:5.65vw}nav{gap:20px}nav>a{font-size:15px}.product-details{padding:32px 26px}.product-details h3{font-size:54px}.swatches{gap:18px}.product-images{align-items:stretch}.product-stage{aspect-ratio:auto;min-height:560px}.feature-diagram{height:570px}.callout h3{font-size:21px}.feature-icon{width:84px;height:84px}.feature-icon img{width:56px;height:56px}.connector{width:45%}}
@media(max-width:760px){
  .header{height:105px;padding:17px 6%;align-items:center;gap:15px}.brand img{width:86px;height:56px}nav{display:grid;grid-template-columns:auto auto;gap:10px 17px;padding:0}nav>a{font-size:13px}nav>a:last-child{padding:0;border:none}
  .hero{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto;padding:135px 7% 58px;gap:18px;background-size:48px 48px}
  .hero-copy{padding:0;width:100%;height:auto;text-align:left}.hero h1{font-size:clamp(2.5rem,10.9vw,5rem);line-height:1.1}.hero h1 span:nth-child(n){padding:0}
  .hero-bottom{margin-top:25px;justify-content:flex-start}.hero-bottom .button{font-size:16px;padding:14px 21px;gap:24px}
  .hero-collage{width:100%;aspect-ratio:1.06;margin:30px 0 0;transform:none}
  .shoe-blue{width:85%;left:-2%;top:28%}.shoe-mustard{width:56%;right:-2%;top:-3%}.shoe-gray{width:50%;left:-2%;bottom:-3%}.shoe-pink{width:53%;right:-2%;bottom:0}.paper-pink{left:0}.doodle-star{left:10%}.doodle-sun{bottom:-9%}
  .word-strip{font-size:25px;padding-block:17px}
  .product-explorer{grid-template-columns:1fr}.product-images{display:block}.product-stage{aspect-ratio:1.06}.image-meta{left:18px;right:18px;top:18px;font-size:11px}.angles{bottom:18px}.product-details{padding:32px 26px}.product-details h3{font-size:52px}.swatches{gap:26px}
  .details-story{padding:60px 6%}.details-heading .section-label{font-size:12px}.details-heading h2{font-size:clamp(35px,9.5vw,52px);margin:24px 0 0}
  .feature-diagram{height:auto;margin:25px auto 0;display:flex;flex-direction:column}.feature-shoe{position:relative;left:auto;top:auto;width:75%;height:350px;align-self:center}.feature-shoe>img{width:75%;height:93%}.feature-halo{inset:3% 4% 0}
  .feature-callouts{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:35px 16px;margin-top:35px}.callout{grid-area:auto;gap:14px;justify-content:start}.callout h3{font-size:19px;max-width:165px}.feature-icon{width:78px;height:78px}.feature-icon img{width:50px;height:50px}.connector{display:none}
  footer p{font-size:18px;width:60%}.footer-socials{flex-direction:row;gap:22px;font-size:14px}footer>span{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.shoe-cutout,.shoe-cutout img{animation:none!important}.hero-collage{transform:none!important}.reveal{opacity:1;transform:none}}
.feature-icon img[src$="illustration.webp"]{width:92px;height:92px;filter:invert(1);mix-blend-mode:multiply;opacity:.83}
@media(max-width:760px){.feature-icon img[src$="illustration.webp"]{width:76px;height:76px}}
.product-stage img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in}
.feature-shoe>img{width:140%;max-width:none;height:100%}
@media(max-width:760px){.feature-shoe>img{width:120%;height:100%}}
.feature-shoe>img{flex-shrink:0}
.feature-icon{overflow:hidden;isolation:isolate}
.callout-drop .connector{display:none}
.callout-toe .connector{width:62%;transform:rotate(0deg)}
.callout-straps .connector{width:70%;transform:rotate(-40deg)}
.callout-air .connector{width:66%;transform:rotate(-35deg)}
.callout-sole .connector{width:55%;transform:rotate(-25deg)}
@media(max-width:760px){nav>a{font-size:14px}}
/* Matching feature rows, with no connector lines. */
.collage-shape{box-shadow:none}
.feature-callouts{display:grid;grid-template-columns:28% 44% 28%;grid-template-rows:repeat(3,1fr)}
.callout{position:relative;inset:auto;width:auto;height:auto;gap:16px;justify-content:center}
.callout-light{grid-area:1 / 1}.callout-straps{grid-area:1 / 3}
.callout-drop{grid-area:2 / 1}.callout-air{grid-area:2 / 3}
.callout-toe{grid-area:3 / 1}.callout-sole{grid-area:3 / 3}
.hero h1{color:#57bfff}.hero h1 .last-word{color:#ff5500}
/* Fine graph paper and a real-life photo sticker. */
.hero{background-size:28px 28px}
.hero-subcopy{max-width:23em;margin-top:24px;font-size:clamp(18px,1.45vw,21px);line-height:1.55;padding-right:24px}
.hero-bottom{margin-top:26px}
.play-photo{position:absolute;width:34%;aspect-ratio:1;left:6%;top:-5%;z-index:6;border:7px solid var(--cream);border-radius:50%;overflow:hidden;background:var(--yellow);box-shadow:6px 7px 0 var(--orange);transform:rotate(-8deg);animation:photo-bob 8s ease-in-out infinite}
.play-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.5);transform-origin:58% 45%}
.doodle-star{width:12%;left:-5%;top:22%;animation:doodle-rock 9s ease-in-out infinite}
.doodle-sun{animation:doodle-rock 12s ease-in-out infinite reverse}
@keyframes photo-bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@keyframes doodle-rock{0%,100%{rotate:-8deg}50%{rotate:10deg}}
.menu-toggle{display:none}
#main-nav[hidden]{display:none}
@media(max-width:760px){
  .header{z-index:20}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;padding:10px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream);z-index:2}
  .menu-toggle span{display:block;width:21px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .header nav{position:absolute;top:91px;left:6%;right:6%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px;border:1.5px solid var(--ink);border-radius:22px;background:var(--cream);box-shadow:5px 6px 0 var(--yellow)}
  .header:not(.nav-open) nav{display:none}
  .header nav>a{font-size:20px;padding:16px 4px;border:0;border-radius:0;border-bottom:1px solid #25274422}
  .header nav>a:last-child{border:0;padding:16px 4px}
  .hero{background-size:22px 22px;padding-top:125px}
  .hero-subcopy{font-size:18px;margin-top:20px;max-width:25em;padding-right:0}
  .hero-bottom{margin-top:23px}
  .hero-collage{margin-top:42px}
  .play-photo{width:36%;left:5%;top:-6%;border-width:5px;box-shadow:4px 5px 0 var(--orange)}
  .doodle-star{left:-4%;top:23%;width:12%}
  .feature-callouts{position:static;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:32px 16px}
  .callout{grid-area:auto;position:relative;inset:auto;width:auto;height:auto;justify-content:start;gap:14px}
}