@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#242521;background:#f5f3ee;font-synthesis:none;font-weight:400;--line:#d8d7d0}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible{outline:2px solid #245bdb;outline-offset:5px}html{scroll-behavior:smooth}.header{height:108px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px}.wordmark-dot{font:12px Arial;vertical-align:top;display:inline-block;margin:4px 0 0 4px}.header-note{font-size:12px;color:#6d6e66}.nav-link{font-size:13px}.nav-link span{margin-left:25px}.hero{display:grid;grid-template-columns:40% 60%;max-width:1600px;margin:auto;padding:40px 5% 45px;min-height:720px}.hero-copy{padding-top:20px}.edition{font-size:10px;letter-spacing:1.9px;display:flex;gap:56px;margin:0 0 40px;color:#62645b}.edition span{letter-spacing:0}.brand{font-size:17px;margin:0 0 18px}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(56px,6.4vw,100px);font-weight:600;line-height:.98;letter-spacing:-6px;margin:0 0 28px}.model-name{font-size:16px;margin:0 0 10px}.description{font-size:13px;line-height:1.7;color:#6a6c63;margin:0}.colorways{border:0;margin:30px 0 0;padding:0;max-width:305px}.colorways legend{font-size:12px;width:100%;margin-bottom:15px}.colorways legend span{float:right;color:#64665e}.swatches{display:flex;gap:10px}.swatches button{background:transparent;border:1px solid transparent;border-radius:50%;width:40px;height:40px;padding:5px;transition:border-color .12s}.swatches button[aria-pressed=true]{border-color:#282a24}.swatches button span{display:block;background:var(--swatch);border:1px solid #00000010;width:100%;height:100%;border-radius:50%}.prototype-note{font-size:10px;line-height:1.6;color:#73756c;margin-top:13px}.explore{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid #34362e;padding-bottom:10px;font-size:13px;margin-top:24px}.explore span{font-size:19px}.viewer-column{min-width:0;display:flex;flex-direction:column}.brand-tabs{display:flex;justify-content:flex-end;gap:30px;font-size:13px;min-height:39px}.brand-tabs>span{position:relative;color:#77796f;padding-bottom:12px}.brand-tabs .active{color:#242521;border-bottom:1px solid #242521}.brand-tabs small{position:absolute;top:-9px;right:-15px;font-size:7px;color:#828479}.viewer{position:relative;flex:1;min-height:490px;isolation:isolate}.viewer>div:first-of-type:not(.viewer-message){position:relative;z-index:2}.viewer canvas{touch-action:pan-y!important}.stage-number{position:absolute;right:4%;top:10%;font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(150px,22vw,340px);line-height:1;color:#e9e7e0;letter-spacing:-22px;z-index:-1;-webkit-user-select:none;user-select:none}.ground-shadow{position:absolute;width:55%;height:22px;background:#39392c;filter:blur(19px);opacity:.13;border-radius:50%;bottom:17%;left:24%;z-index:-1;pointer-events:none}.viewer-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;flex-direction:column;color:#67695f}.viewer-message button{border:0;border-bottom:1px solid;background:none;padding:8px}.loading-dot{width:5px;height:5px;background:#67695f;border-radius:50%}.viewer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:15px;font-size:10px;color:#6c6f63}.drag-hint>span{margin-right:8px;font-size:18px}.rotation-controls{display:flex;gap:2px}.rotation-controls button{width:40px;height:40px;border:0;background:none;font-size:19px;transition:background .12s}.rotation-controls button:hover{background:#e9e7df}.view-label{font-size:8px;letter-spacing:1px}.archive{border-top:1px solid var(--line);padding:65px 5% 70px;max-width:1600px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-title h2{font-family:Manrope,Arial,sans-serif;font-size:36px;font-weight:500;letter-spacing:-1.8px;line-height:1.1;margin:0}.section-title p{font-size:12px;color:#6a6c63;line-height:1.8;margin:0}.archive-row{display:grid;grid-template-columns:6% 32% 39% 23%;align-items:center;border-top:1px solid var(--line);min-height:90px}.archive-row:last-child{border-bottom:1px solid var(--line)}.row-index{font-size:10px;color:#7c7e72}.archive-row h3{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.8px;margin:0}.row-model{font-size:13px;color:#62655a}.archive-row>a,.row-status{text-align:right;font-size:11px}.archive-row>a span{margin-left:28px}.row-status{color:#7a7c72}footer{margin:0 5%;padding:26px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer .wordmark{font-size:18px}footer p{font-size:11px;color:#6a6c63}.credits-button{font-size:11px;border:0;background:none}.credits{margin:0 5% 25px;max-width:700px;font-size:12px;line-height:1.8;color:#65675e}.credits a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.header,footer{max-width:1440px;margin:auto}}@media(max-width:1000px){.header-note{display:none}.hero{grid-template-columns:42% 58%;padding-top:30px;min-height:650px}h1{letter-spacing:-3px;font-size:64px}.brand-tabs{gap:20px;font-size:11px}.viewer{min-height:430px}.view-label{display:none}.edition{gap:20px;font-size:8px}.stage-number{letter-spacing:-10px}.section-title h2{font-size:30px}}@media(max-width:639px){.header{height:78px;margin:0 6%}.wordmark{font-size:22px}.hero{display:flex;flex-direction:column;padding:26px 6% 32px;gap:22px;min-height:0}.hero-copy{display:contents}.edition{order:0;justify-content:space-between;margin:0;font-size:9px}.brand{order:1;margin:0;font-size:14px}h1{order:2;font-size:62px;letter-spacing:-3.8px;margin:0}h1 br{display:none}.model-name{order:3;margin:0}.description{order:4;margin-top:-12px;font-size:12px}.viewer-column{order:5}.brand-tabs{justify-content:flex-start;gap:29px;margin-top:5px}.viewer{min-height:330px;height:330px;flex:none}.stage-number{top:14%;font-size:190px;right:10%;letter-spacing:-12px}.colorways{order:6;max-width:none;width:100%;margin:0}.explore{order:7;margin:0;align-self:flex-start}.prototype-note{font-size:10px}.section-title{display:block}.section-title p{margin-top:20px}.archive{padding:40px 6%}.archive-row{grid-template-columns:9% 52% 39%;min-height:95px;row-gap:0}.archive-row h3{font-size:22px}.row-model{grid-column:2;grid-row:auto;font-size:11px;align-self:start;margin-top:-15px}.archive-row>a,.row-status{grid-column:3;grid-row:1 / span 2}.row-index{grid-row:1 / span 2}.archive-row h3{align-self:end;padding-bottom:22px}footer{margin:0 6%;flex-wrap:wrap;gap:15px}footer p{order:3;flex-basis:100%;margin:0}.credits{margin:0 6% 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.brand-tabs>button{position:relative;color:#77796f;padding:0 0 12px;background:none;border:0;border-bottom:1px solid transparent;font-size:inherit}.brand-tabs>button.active{color:#242521;border-bottom-color:#242521}.brand-tabs>button:disabled{opacity:.6}.scene-surface{position:absolute!important;inset:0;opacity:0;transition:opacity .25s ease;pointer-events:none}.scene-surface.is-ready{opacity:1;pointer-events:auto}.scene-surface>div{height:100%!important}.description{max-width:32ch}.swatches button:disabled{opacity:.4}.swatches button:disabled span{background-image:linear-gradient(135deg,transparent 48%,#f5f3ee 49%,#f5f3ee 53%,transparent 54%)}.shoe-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.viewer-message{inset:auto 0 8px;z-index:5;background:#f5f3eee8;padding:12px;text-align:center}.brand-tabs>button{min-height:44px}.swatches button,.rotation-controls button{width:44px;height:44px}.scene-surface canvas{touch-action:pan-y pinch-zoom!important}.archive-row{grid-template-columns:5% 12% 27% 33% 23%;min-height:115px}.collection-thumbnail{width:110px;height:90px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:639px){.archive-row{grid-template-columns:7% 24% 42% 27%;min-height:105px}.collection-thumbnail{width:80px;height:85px;grid-column:2;grid-row:1 / span 2}.archive-row h3{grid-column:3;grid-row:1;font-size:19px}.row-model{grid-column:3;grid-row:2;font-size:10px}.archive-row>a,.row-status{grid-column:4;grid-row:1 / span 2}.brand-tabs{gap:22px}.swatches{gap:10px}}.stage-logo{position:absolute;right:4%;top:10%;width:44%;height:45%;object-fit:contain;object-position:right top;opacity:.055;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;animation:brand-reveal .3s ease-out}@media(max-width:639px){.stage-logo{right:10%;top:14%;width:44%;height:45%}}@keyframes brand-reveal{0%{opacity:0}to{opacity:.055}}@media(prefers-reduced-motion:reduce){.stage-logo{animation:none}}.editorial-section{max-width:1600px;margin:0 auto;padding:80px 5%;border-top:1px solid var(--line)}.editorial-section h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.5vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.08;margin:0}.archive-row{grid-template-columns:5% 20% 25% 32% 18%;min-height:170px}.collection-thumbnail{width:180px;max-width:95%;height:145px}.archive-row>a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px}.archive-row:hover h3{color:#62655a}.detail-spread{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:start}.detail-feature{margin:0;min-width:0}.detail-feature--puma{padding-top:110px}.detail-photo{aspect-ratio:1.12;overflow:hidden;background:#eeece6}.detail-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transform:scale(1.75);object-position:48% 55%}.detail-feature--puma .detail-photo{aspect-ratio:1}.detail-feature--puma img{transform:scale(1.9);object-position:center 66%}.detail-feature figcaption{padding-top:24px}.detail-feature figcaption>span{font-size:22px;letter-spacing:-.6px}.detail-feature p,.construction-notes p{font-size:14px;line-height:1.8;color:#62655a;max-width:44ch}.detail-feature a,.history-entry a{font-size:12px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}.construction-notes{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}.construction-notes h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.history-year{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5vw,72px);letter-spacing:-3px;margin:10px 0 20px;line-height:1}.history-origin{font-size:11px;color:#62655a;border-top:1px solid var(--line);padding-top:18px;min-height:45px}.history-entry h3{font-size:18px;font-weight:500;margin:12px 0}.history-entry>p:not(.history-year):not(.history-origin){font-size:13px;line-height:1.8;color:#62655a;min-height:120px}.history-entry a{font-size:11px}.comparison-scroll{overflow-x:auto;outline-offset:6px}.comparison-table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:760px;text-align:left}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);padding:24px 20px 24px 0;vertical-align:top;font-size:13px;line-height:1.7;font-weight:400}.comparison-table thead th{font-size:21px;letter-spacing:-.5px;color:#242521}.comparison-table thead th:first-child{font-size:12px;letter-spacing:0;width:15%;color:#62655a}.comparison-table thead span{display:block;font-size:11px;letter-spacing:0;margin-top:8px;color:#62655a}.comparison-table tbody th{color:#62655a;font-size:12px}.comparison-table a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-size:12px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:100px;padding-bottom:100px}.about-section>div{max-width:50ch}.about-section p{font-size:15px;line-height:1.8;margin:0 0 20px;color:#62655a}.about-section nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin:24px 0}.about-section nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid var(--line)}.about-section small{font-size:11px;line-height:1.8;display:block;color:#62655a}@media(max-width:1000px){.history-grid{grid-template-columns:1fr 1fr;gap:40px}.history-entry>p:not(.history-year):not(.history-origin){min-height:0}.collection-thumbnail{width:140px;height:125px}.detail-feature--puma{padding-top:65px}}@media(max-width:639px){.editorial-section{padding:48px 6%}.editorial-section h2{font-size:34px;letter-spacing:-1.4px}.archive-row{grid-template-columns:6% 28% 43% 23%;min-height:125px;column-gap:0}.collection-thumbnail{width:100%;max-width:95%;height:110px}.archive-row h3{font-size:19px;padding-bottom:6px}.archive-row .row-model{font-size:11px;margin-top:0;align-self:start;padding-top:6px}.archive-row>a{font-size:11px}.archive-row>a span{margin-left:8px}.detail-spread{grid-template-columns:1fr;gap:40px}.detail-feature--puma{padding-top:0}.detail-feature--puma .detail-photo{aspect-ratio:1.12}.detail-feature figcaption{padding-top:18px}.construction-notes{margin-top:40px;grid-template-columns:1fr;gap:24px}.history-grid{gap:32px 22px}.history-year{font-size:48px;letter-spacing:-2px}.history-origin{font-size:10px;min-height:52px}.history-entry h3{font-size:17px}.history-entry>p:not(.history-year):not(.history-origin){font-size:12px}.history-entry a{font-size:10px}.about-section{grid-template-columns:1fr;gap:28px}.about-section p{font-size:14px}}.detail-spread{row-gap:64px}.detail-feature--adidas{padding-top:110px}.detail-feature--adidas .detail-photo{aspect-ratio:1}.detail-feature--nike img{transform:scale(1.85);object-position:center 65%}.detail-feature--adidas img{transform:scale(1.8);object-position:center 60%}@media(max-width:1000px){.detail-feature--adidas{padding-top:65px}}@media(max-width:639px){.detail-spread{row-gap:40px}.detail-feature--adidas{padding-top:0}.detail-feature--adidas .detail-photo{aspect-ratio:1.12}}.maker-link{text-decoration:underline;text-underline-offset:3px}.maker-link:hover{color:#242521}footer .wordmark-dot{font-size:10px;margin-top:2px}@media(min-width:640px){.hero-copy{padding-left:clamp(24px,4vw,64px);min-width:0}}
