.ocean-transition{isolation:isolate;background:#647073;height:clamp(24rem,68svh,48rem);position:relative;overflow:hidden}.ocean-photo{object-fit:cover;object-position:center 55%;width:100%;height:100%;position:absolute;top:0;left:0}.ocean-transition.is-parallax .ocean-photo{will-change:transform;height:130%;top:-15%}@media (width<=650px){.ocean-transition{height:clamp(20rem,58svh,30rem)}.ocean-photo{object-position:60% center}}.campaign-closing{--sc-ink:#20221e;color:var(--sc-ink);background:var(--lime);padding:clamp(3rem, 6vw, 6rem) var(--gutter);overflow:hidden}.campaign-closing h2{white-space:nowrap;letter-spacing:-.045em;margin:0 0 3rem;font-size:clamp(5rem,16.4vw,17rem);line-height:1.1}.closing-bottom{border-top:1px solid #20221e50;justify-content:space-between;align-items:flex-end;gap:3rem;padding-top:2rem;display:flex}.closing-principles{max-width:56ch;font-size:.86rem}.campaign-closing .closing-principles p{margin:0;line-height:1.95}.closing-action{min-width:240px}.closing-motto{margin-bottom:1rem;font-size:1rem;font-weight:700}.campaign-closing .closing-motto p{margin:0;line-height:1.5}.closing-selection{margin-top:1rem;font-size:.62rem;display:none}.campaign-closing.is-selected .closing-selection{display:block}.campaign-closing .action:focus-visible{outline-color:var(--ink)}@media (width<=650px){.campaign-closing{padding-block:2.5rem}.campaign-closing h2{letter-spacing:-.03em;margin-bottom:2rem;font-size:16vw}.closing-bottom{padding-top:1.5rem;display:block}.closing-principles{font-size:.78rem}.closing-action{margin-top:2.5rem}.closing-motto{font-size:.95rem}}.adno-landing{--sc-canvas:#f4f4ef;--sc-surface:#e5dfd2;--sc-ink:#20221e;--sc-ink-soft:#53584d;--sc-accent:#d5ff37;--sc-accent-ink:#20221e;--sc-font-display:"Oswald Variable", sans-serif;--sc-font-text:"Manrope Variable", sans-serif;--sc-gutter:var(--gutter);color:var(--sc-ink);font-family:var(--sc-font-text);background:var(--sc-canvas)}.adno-landing h1,.adno-landing h2,.adno-landing h3{font-family:var(--sc-font-display);letter-spacing:-.045em;font-weight:500}.adno-landing p{line-height:1.7}.adno-landing figure{margin:0}.adno-landing section{scroll-margin-top:1rem}.eyebrow{letter-spacing:.12em;font-size:.66rem;font-weight:750}.action{color:inherit;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:3rem;padding:.7rem 0;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-flex}.action span{font-size:1.3rem;transition:transform .18s ease-out}.action:hover span{transform:translate(3px,-3px)}.sand-hero{isolation:isolate;height:min(850px,100svh - 88px);min-height:630px;padding:1.5rem var(--gutter) 2rem;background:#e8e4d9;position:relative;overflow:hidden}.hero-topline{letter-spacing:.1em;z-index:3;justify-content:space-between;font-size:.58rem;font-weight:700;display:flex;position:relative}.sand-hero h1{z-index:3;pointer-events:none;letter-spacing:-.035em;max-width:100%;margin:2.1rem 0 0;font-size:clamp(4rem,8.2vw,8.5rem);line-height:1.04;position:relative}.sand-hero h1 span{display:block}.hero-product-plane{z-index:2;pointer-events:none;width:73%;position:absolute;top:13%;right:1%}.hero-shoe{filter:drop-shadow(-12px 24px 13px #5b503630);transform-origin:50% 70%;width:100%;height:auto;transform:rotate(-12deg)}.hero-model-number{font-family:var(--sc-font-display);letter-spacing:-.07em;color:#d2cdbf;z-index:0;font-size:clamp(9rem,22vw,23rem);line-height:1;position:absolute;top:8%;right:8%}.hero-contours{color:#a69a7b;opacity:.5;z-index:0;pointer-events:none;width:85%;position:absolute;bottom:-13%;left:16%}.hero-contours svg{width:100%;height:auto}.hero-bottom{inset:auto var(--gutter) 2rem;z-index:4;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.hero-bottom p{margin-bottom:1rem;font-size:.82rem;font-weight:500}.specimen-label{text-align:right;flex-direction:column;gap:.3rem;display:flex}.specimen-label strong{letter-spacing:.02em;font-size:.8rem}.specimen-label span{letter-spacing:.08em;font-size:.55rem}.hero-side-note{writing-mode:vertical-rl;letter-spacing:.12em;z-index:4;font-size:.5rem;position:absolute;top:45%;right:1rem}.origin{padding:clamp(4rem, 9vw, 9rem) var(--gutter);background:var(--paper);grid-template-columns:1fr 1fr;gap:10%;display:grid}.origin-word{font-family:var(--sc-font-display);letter-spacing:-.06em;padding-top:3rem;font-size:clamp(5rem,13vw,13rem);font-weight:500;line-height:1}.origin-word span{display:block}.origin-word .reverse-word{color:#0000;-webkit-text-stroke:1px #7d8272}.origin h2,.models h2{margin-bottom:1.5rem;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.08}.origin-story>p:not(.eyebrow){max-width:57ch;font-size:.9rem}.origin-note{color:#646852;margin-top:2rem}.origin-note strong{color:var(--ink);font-weight:650}.sole-act{--sc-ink:#28281f;color:var(--sc-ink);background:#c8b18a;position:relative}.sole-stage{isolation:isolate;background:#c8b18a;height:100svh;min-height:600px;overflow:hidden}.sole-stage:before{content:"";opacity:.16;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23857559' d='M0 0h180v180H0z' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.sole-copy{top:8%;left:var(--gutter);z-index:3;width:36%;position:absolute}.sole-copy h2{margin-bottom:1.2rem;font-size:clamp(2.8rem,4.8vw,5.2rem);line-height:1.06}.sole-copy>p:last-child{max-width:35ch;font-size:.85rem}.sole-art{--lift:0;--draw:0;width:70%;height:73%;position:absolute;bottom:3%;right:-3%}.sole-image{width:100%;height:auto;transform:translate3d(0, calc(var(--lift) * -115px), 0) rotate(calc(-13deg + var(--lift) * -6deg));filter:drop-shadow(0 calc(10px + var(--lift) * 35px) 18px #51462b40);transform-origin:50%;position:absolute;top:20%;left:0}.sand-trace{color:#665130;width:100%;height:auto;position:absolute;top:22%;transform:rotate(-13deg)}.trace-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw));opacity:.75}.sole-caption{bottom:6%;left:var(--gutter);letter-spacing:.08em;z-index:3;font-size:.62rem;font-weight:750;position:absolute}.sole-caption span{letter-spacing:0;font-size:.8rem;font-weight:500}.models{padding:clamp(3.5rem, 7vw, 7rem) var(--gutter) 3rem;background:#f4f4ef}.models-heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.models-heading>p{margin-bottom:1.7rem;font-size:.8rem;line-height:1.9}.model-selector{border:1px solid #20221e40;gap:0;width:max-content;margin:2rem 0 0;display:none}.models.is-interactive .model-selector{display:flex}.model-choice{cursor:pointer;font-family:var(--sc-font-display);color:var(--ink);background:0 0;border:0;border-right:1px solid #20221e40;align-items:center;gap:1.5rem;padding:1rem 1.5rem;font-size:1.8rem;line-height:1;display:flex}.model-choice:last-child{border-right:0}.model-choice span{font-family:var(--sc-font-text);letter-spacing:.08em;font-size:.55rem;font-weight:750}.model-choice[aria-pressed=true]{background:var(--lime)}.model-choice:hover{background:#e5e9d6}.model-choice[aria-pressed=true]:hover{background:#c8f32d}.model-display{isolation:isolate;position:relative}.model-watermark{color:#e0e1d8;font-family:var(--sc-font-display);z-index:-1;letter-spacing:-.08em;font-size:clamp(10rem,31vw,28rem);line-height:1;display:none;position:absolute;top:0;left:18%}.is-interactive .model-watermark{display:block}.model-panel{grid-template-columns:1.5fr .75fr;align-items:center;gap:4%;min-height:500px;display:grid}.model-panel[hidden]{display:none}.model-panel>img{filter:drop-shadow(0 20px 15px #44493015);width:100%;height:auto}.model-description{padding-top:1rem}.model-description h3{margin-bottom:1rem;font-size:2.7rem;line-height:1.1}.model-description>p{max-width:35ch;font-size:.82rem}.model-description dl{margin-top:2rem;font-size:.72rem}.model-description dl>div{border-top:1px solid #20221e30;justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.model-description dt{color:#575c4c}.model-description dd{text-align:right;margin:0}.selection-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1700px){.hero-product-plane{width:66%;top:5%;right:5%}}@media (width<=1000px){.sand-hero{height:760px;min-height:0}.sand-hero h1{font-size:8.5vw}.hero-product-plane{width:90%;top:19%;right:-5%}.hero-model-number{top:15%;right:12%}.hero-bottom{bottom:1.5rem}.sole-art{width:83%;bottom:1%;right:-8%}.sole-copy{width:50%}.sole-copy h2{font-size:4rem}.origin{gap:7%}.model-panel{grid-template-columns:1.3fr 1fr;min-height:400px}.models-heading>p{max-width:30ch}.model-description h3{font-size:2.2rem}}@media (width<=650px){.hero-topline{letter-spacing:.03em;font-size:.44rem}.sand-hero{height:calc(100svh - 74px);min-height:0;max-height:820px;padding-top:1.2rem}.sand-hero h1{letter-spacing:-.025em;margin-top:2rem;font-size:9vw;line-height:1.12}.hero-product-plane{width:120%;top:21%;right:-10%}.hero-shoe{transform:rotate(-14deg)}.hero-model-number{font-size:46vw;top:28%;right:16%}.hero-contours{width:140%;bottom:9%;left:-15%}.hero-bottom{gap:.5rem;bottom:1.3rem}.hero-bottom p{font-size:.73rem}.specimen-label{max-width:37%}.specimen-label strong{font-size:.63rem}.specimen-label span{font-size:.42rem;line-height:1.8}.hero-side-note{display:none}.action{gap:1.6rem;font-size:.75rem}.origin{grid-template-columns:1fr;gap:2.5rem;padding-block:3.5rem}.origin-word{justify-content:space-between;padding:0;font-size:20vw;display:flex}.origin h2,.models h2{font-size:2.8rem}.origin-story>p:not(.eyebrow){font-size:.85rem}.sole-act{height:auto!important}.sole-stage{height:760px;min-height:0}.sole-copy{top:3rem;left:var(--gutter);width:calc(100% - 2 * var(--gutter))}.sole-copy h2{font-size:2.8rem}.sole-copy>p:last-child{max-width:35ch;font-size:.8rem}.sole-art{width:120%;height:45%;bottom:10%;right:-10%;--lift:.5!important;--draw:1!important}.sole-caption{bottom:2rem}.models{padding-top:3.5rem}.models-heading{display:block}.models-heading>p{max-width:100%;margin-top:1rem;font-size:.8rem}.model-selector{margin-top:1.6rem}.model-choice{padding:.9rem 1.2rem;font-size:1.5rem}.model-panel{grid-template-columns:1fr;gap:0;min-height:0}.model-panel>img{width:calc(100% + 2rem);max-width:none;margin:-.5rem -1rem -1.8rem}.model-watermark{font-size:60vw;top:2rem;left:13%}.model-description{padding-top:0}.model-description h3{font-size:2.1rem}.model-description>p{max-width:45ch}.model-description dl{margin-top:1.2rem}}@media (width>=651px) and (height<=700px){.sole-act{height:auto!important}.sole-stage{height:700px}.sand-hero{height:650px}.sole-art{--lift:.5!important;--draw:1!important}}@media (prefers-reduced-motion:reduce){.sole-act{height:auto!important}.sole-stage{height:760px}.hero-shoe,.hero-product-plane,.hero-contours,.hero-model-number{transform:none!important}.sole-art{--lift:.5!important;--draw:1!important}.action span{transition:none}.adno-landing [data-sc-in]{opacity:1!important;transform:none!important}.adno-landing [data-sc-reveal]{clip-path:none!important}.sole-image{transform:translateY(-40px)rotate(-13deg)}}@media (width>=1001px){.hero-product-plane{width:60%;top:24%;right:2%}}@media (width>=651px) and (width<=1000px){.hero-product-plane{width:79%;top:28%;right:1%}}@media (width<=650px){.hero-product-plane{width:100%;top:25%;right:0}.hero-shoe{transform:rotate(-10deg)}}.action span,.nav-models span{font-family:Arial,sans-serif}.sole-act:not(.sc-act--pinned) .sole-stage{position:relative}html:not(.sc-ready) .adno-landing [data-sc-cue],html:not(.sc-ready) .adno-landing [data-sc-in]{opacity:1;transform:none}.icon-arrow{flex-shrink:0;transition:transform .18s ease-out}.action:hover .icon-arrow{transform:translate(3px,-3px)}html:has(body.adno-landing){scroll-behavior:auto}.adno-landing :is(a,button):focus-visible{outline-offset:5px;border-radius:0;outline:3px solid #687f08}.model-watermark,.hero-model-number{pointer-events:none}.model-selector{z-index:1;position:relative}@media (width>=1001px){.sole-art{width:62%;right:5%}}@media (width<=650px){.sole-art{width:88%;right:6%}}.sole-hero .sole-stage{height:calc(100svh - 92px);min-height:560px}.sole-hero .sole-copy{width:38%;top:9%}.sole-hero h1{letter-spacing:-.035em;color:#fffdf6;margin:0 0 1.5rem;font-size:clamp(4rem,6.5vw,7rem);line-height:1.03}.sole-hero .sole-copy>p{max-width:32ch}.sole-hero .sole-caption{bottom:5%}@media (width<=650px){.sole-hero .sole-stage{height:calc(100svh - 77px);min-height:0}.sole-hero .sole-copy{width:calc(100% - 2 * var(--gutter));top:5%}.sole-hero h1{margin-bottom:0;font-size:clamp(2.7rem,11vw,3.5rem)}.sole-hero .sole-copy>p{display:none}.sole-hero .sole-art{bottom:15%}.sole-hero .sole-caption{bottom:4%}}@media (width>=651px) and (height<=700px){.sole-hero .sole-stage{min-height:0}.sole-hero h1{font-size:3.7rem}}.sole-hero,.sole-hero .sole-stage{--sc-ink:#080d06;color:var(--sc-ink);background-color:#a17a49}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.opening{background:#f5f5f2;position:relative}.opening-stage{isolation:isolate;perspective:1400px;background:#cfb58c;height:100svh;position:relative;overflow:hidden}.opening-paper,.opening-ground,.opening-clean,.opening-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.opening-paper,.opening-clean{object-fit:cover}.opening-ground{z-index:1}.opening-beach{width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.opening-shade{z-index:2;background:linear-gradient(90deg,#29201492,#29201454 24%,#0000 45%)}.opening-copy{z-index:5;top:23%;left:var(--gutter);pointer-events:none;position:absolute}.opening h1{letter-spacing:-.035em;color:#fffdf6;margin:0;font-size:clamp(4.2rem,6.5vw,8rem);line-height:1.04}.opening-sole,.opening-shoe{z-index:4;visibility:hidden;opacity:0;pointer-events:none;transform-origin:50%;position:absolute;top:0;left:0}.opening-sole{width:86svh}.opening-sole img{filter:drop-shadow(0 12px 16px #44331c25);width:100%;height:auto}.opening-shoe,.story-flight{width:min(72vw,1060px,108svh)}.opening-shoe img,.story-flight img{filter:drop-shadow(0 26px 18px #282a2020);width:100%;height:auto}.story-flight{z-index:0;visibility:hidden;pointer-events:none;transform-origin:50%;position:fixed;top:0;left:0}.opening.is-handing-off :is(.opening-shoe,.opening-action,.opening-product-label){visibility:hidden!important}.campaign-story.has-flight:not(.has-arrived) .story-product{visibility:hidden}.campaign-story.is-in-flight .story-flight{visibility:visible}.opening-action{z-index:5;bottom:6.5%;left:var(--gutter);color:#fffdf6;position:absolute}.opening-product-label{z-index:3;right:var(--gutter);text-align:right;opacity:0;visibility:hidden;flex-direction:column;gap:.35rem;display:flex;position:absolute;bottom:6.5%}.opening-product-label strong{font-family:var(--sc-font-display);font-size:clamp(1.5rem,2vw,2rem);font-weight:500;line-height:1.1}.opening-product-label .specimen-logo{align-self:flex-end;width:72px;height:auto;margin-bottom:.15rem}.opening-product-label span{letter-spacing:.07em;font-size:.58rem;font-weight:700}.campaign-story{isolation:isolate;padding:clamp(3rem, 5vw, 5.5rem) var(--gutter) 3.5rem;color:#171a17;background:#f5f5f2;grid-template-columns:31% 3% 1fr;display:grid;position:relative;overflow:hidden}.story-paper{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-product{z-index:-1;pointer-events:none;width:min(60vw,1000px);position:absolute;top:50%;left:13%;transform:translate(-50%,-50%)rotate(90deg)}.story-product img{width:100%;height:auto}.campaign-story h2{z-index:1;letter-spacing:-.04em;grid-column:2/4;margin:0 0 2rem;font-size:clamp(3.8rem,6.5vw,7rem);font-weight:500;line-height:.99;position:relative}.story-surf{z-index:-1;width:37%;height:64%;position:absolute;top:0;right:0}.story-surf>img{object-fit:cover;object-position:63% 30%;clip-path:polygon(0 0,100% 0,100% 100%);width:100%;height:100%}.story-surf figcaption{width:12rem;height:5.2rem;font-family:var(--sc-font-display);background:url(/images/founder-tape.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;padding:.5rem .5rem .5rem 1.4rem;display:flex;position:absolute;top:1.5rem;right:-.5rem;transform:rotate(8deg)}.story-surf figcaption span:first-child{font-size:1.3rem;line-height:1.2}.story-surf figcaption span:last-child{font-size:.82rem}.story-copy{z-index:1;max-width:66ch;font-family:var(--sc-font-display);text-transform:uppercase;grid-column:3;font-size:clamp(1rem,1.42vw,1.45rem);font-weight:400;position:relative}.story-copy p{margin:0 0 .7rem;line-height:1.45}.story-copy strong{font-size:1.15em;font-weight:500}.story-closing{grid-column:3;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:2.8rem;display:flex}.story-closing p{font-family:var(--sc-font-display);letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(1.6rem,2.25vw,2.6rem);font-weight:500;line-height:1.08}.story-closing img{flex-shrink:0;width:min(40%,320px);height:auto}@media (width<=1000px) and (width>=651px){.opening h1{font-size:clamp(2.6rem,5.4vw,3.6rem)}.opening-copy{top:17%}.campaign-story{grid-template-columns:33% 3% 1fr}.campaign-story h2{font-size:4.2rem}.story-surf{height:46%}.story-product{width:72vw;left:11%}.story-copy{font-size:1rem}.story-closing{flex-wrap:wrap;margin-top:2rem}.story-closing img{width:50%;margin-left:auto}}@media (width<=650px){.opening-beach{height:74%;top:auto;bottom:0;left:58%;transform:translate(-48.5%);mask-image:linear-gradient(#0000,#000 12% 95%,#0000)}.opening-shade{background:linear-gradient(150deg,#292014a6,#29201450 24%,#0000 48%)}.opening-copy{top:max(6.1rem,12%);left:var(--gutter)}.opening h1{font-size:clamp(2.5rem,10.7vw,3.8rem);line-height:1.02}.opening-sole{width:63.64svh}.opening-shoe,.story-flight{width:min(94vw,105svh)}.opening-action,.opening-product-label{bottom:max(1.5rem, env(safe-area-inset-bottom))}.opening-action{color:#20221e}.opening-action .action{gap:1.5rem;font-size:.73rem}.opening-product-label strong{font-size:1.3rem}.opening-product-label span{font-size:.5rem}.opening-product-label span:last-child{display:none}.campaign-story{padding:2.75rem var(--gutter) 2.5rem;flex-direction:column;display:flex}.story-product{width:min(78vw,360px);top:calc(2.75rem + min(39vw,180px));left:15%}.campaign-story h2{min-height:min(78vw,360px);margin-bottom:1.75rem;padding:2.5rem 0 0 40%;font-size:clamp(1.75rem,7.4vw,3rem);line-height:1.03}.campaign-story .story-surf{width:calc(100% + 2 * var(--gutter));height:21rem;margin:0 calc(-1 * var(--gutter)) 1.75rem;position:relative}.story-surf>img{clip-path:none;object-position:50% 24%}.story-surf figcaption{width:10rem;height:4.5rem;top:1rem;right:-.25rem}.story-surf figcaption span:first-child{font-size:1.1rem}.story-surf figcaption span:last-child{font-size:.7rem}.story-copy{max-width:100%;font-size:1rem;font-weight:400}.story-copy p{margin-bottom:1.15rem;line-height:1.5}.story-closing{flex-direction:column;align-items:flex-start;margin-top:1.25rem}.story-closing p{font-size:clamp(1.5rem,6.3vw,2.6rem);line-height:1.1}.story-closing img{align-self:flex-end;width:74%;margin-top:.75rem}}@media (height<=520px) and (width>=651px){.opening-copy{top:26%}.opening h1{font-size:2.8rem}}@media (prefers-reduced-motion:reduce){.opening-sole,.opening-shoe,.opening-product-label{display:none}}.design{isolation:isolate;background:#b99976 url(/images/design-kraft.webp) 50%/cover;position:relative}.design-stage{isolation:isolate;background:#b99976 url(/images/design-kraft.webp) 50%/cover;grid-template-columns:41% 59%;display:grid;position:relative;overflow:clip}.design-stage:before{content:"";z-index:-1;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);background:#191b19;width:49%;position:absolute;inset:0 auto 0 0}.design-copy{z-index:2;padding:clamp(4rem, 6vw, 6.5rem) 0 clamp(4rem, 6vw, 6.5rem) var(--gutter);color:#fffdf6;align-self:center;position:relative}.design h2{letter-spacing:-.035em;margin:0 0 2rem;font-size:clamp(3rem,5.25vw,6rem);line-height:1.03}.design-summary{max-width:32ch;font-family:var(--sc-font-display);text-transform:uppercase;padding-right:1.5rem}.design-summary h3{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.4rem,2vw,2rem);line-height:1.2}.design-summary ul{gap:1.25rem;margin:0;padding:0;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.4;list-style:none;display:grid}.design-diagram{min-width:0;min-height:clamp(800px,68vw,1060px);position:relative}.design-sketch{mix-blend-mode:multiply;opacity:.65;pointer-events:none;width:120%;max-width:none;height:auto;position:absolute;top:9%;left:-6%;transform:rotate(-12deg)}.design-product{pointer-events:none;position:absolute;inset:0}.design-product>img{filter:drop-shadow(0 18px 13px #362a2626);width:86%;max-width:none;height:auto;position:absolute;top:-3%;left:1%;transform:rotate(-23deg)}.design-weight{aspect-ratio:1;color:#fffdf6;width:clamp(5.2rem,7.2vw,7rem);font-family:var(--sc-font-display);background:#191b19;border:2px solid #fffdf6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1.2rem,1.7vw,1.7rem);line-height:1.1;display:flex;position:absolute;top:12%;left:-2%}.design-weight strong{font-weight:500}.design-features{font-family:var(--sc-font-display);text-transform:uppercase;color:#171a13;margin:0}.design-feature{background:url(/images/design-tape-upper.webp) 50%/100% 100% no-repeat;padding:1.5rem 2.5rem 1.5rem 5rem;position:absolute}.design-feature dt{margin-bottom:.35rem;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:500;line-height:1.1}.design-feature dd{margin:0;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.35}.design-feature-upper{width:63%;top:25%;left:33%}.design-feature-sole{background-image:url(/images/design-tape-sole.webp);width:61%;bottom:8%;left:-8%}.design-feature-insole{background-image:url(/images/design-tape-insole.webp);width:55%;top:59%;right:2%}@media (width>=1001px) and (height>=700px){.design.is-animated .design-stage{height:calc(100svh - var(--header-height))}.design.is-animated .design-copy{padding-block:clamp(1.5rem,4svh,3rem)}.design.is-animated .design-diagram{min-height:0}.design.is-animated .design-product>img{width:min(82%, calc((100svh - var(--header-height)) * .7));top:0;left:4%}.design.is-animated .design-weight{top:8%;left:2%}}@media (width<=1000px){.design-stage{grid-template-columns:1fr}.design-stage:before{display:none}.design-copy{padding:3.5rem var(--gutter);background:#191b19;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.design h2{margin:0;font-size:clamp(2.75rem,6vw,3.75rem)}.design-summary{max-width:38ch;padding:0}.design-diagram{min-height:900px}.design-product>img{width:68%;top:0;left:13%}.design-weight{left:8%}.design-feature-upper{width:49%;left:47%}.design-feature-sole{width:48%;left:3%}.design-feature-insole{width:45%}}@media (width<=650px){.design-copy{padding-block:3rem;display:block}.design h2{margin-bottom:2rem;font-size:clamp(2.8rem,12vw,4.5rem)}.design-summary h3{font-size:1.5rem}.design-summary ul{gap:1rem;font-size:1.1rem}.design-diagram{min-height:0;padding-bottom:2rem}.design-sketch{width:130%;top:1rem;left:-10%}.design .design-product{height:min(110vw,600px);position:relative}.design-product>img{width:84%;top:-3%;left:9%;transform:rotate(-19deg)}.design-weight{top:1.25rem;right:var(--gutter);width:5.2rem;font-size:1.2rem;left:auto}.design-features{padding:0 var(--gutter);gap:1rem;display:grid;position:relative}.design-feature{width:100%;padding:1.5rem 2.25rem;position:static}.design-feature dt{font-size:1.55rem}.design-feature dd{font-size:1rem;line-height:1.4}}