/* Selected concept: reach higher, then extend from 43 cm to 3 m. */
.design-one-hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:#f2eee6 url('../img/clipstick/hero-design1.webp') center center/cover no-repeat}
.design-one-hero-inner{position:relative;height:100%;max-width:1360px;margin:auto}
.design-one-hero-copy{position:absolute;z-index:2;left:clamp(24px,6.5vw,96px);top:21%;width:min(39%,480px)}
.design-one-hero-copy h1{font-size:clamp(4.3rem,7.8vw,7.4rem);font-weight:800;line-height:.91;letter-spacing:-.075em;margin:0 0 20px;color:#101f25}
.design-one-hero-copy p:not(.home-eyebrow){font-size:clamp(1.04rem,1.5vw,1.3rem);line-height:1.48;color:#455364;max-width:400px;margin:0 0 25px}
.design-one-hero-stick{position:absolute;z-index:1;height:86%;width:auto;left:45%;bottom:2%;object-fit:contain;filter:drop-shadow(4px 6px 4px rgba(15,18,19,.13))}
.design-one-benefits{position:absolute;z-index:2;left:clamp(24px,6.5vw,96px);bottom:6%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,41%);gap:0}
.design-benefit{display:flex;flex-direction:column;gap:8px;padding:0 14px;border-right:1px solid rgba(39,54,60,.15);font-size:.78rem;line-height:1.2;color:#253643}.design-benefit:first-child{padding-left:0}.design-benefit:last-child{border-right:0}.design-benefit svg{width:21px;height:21px;stroke-width:1.7}
.extension-scroll-stage{position:relative;height:190svh}.extension-scene{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#f3eee5 url('../img/clipstick/extension-design1.webp?v=2') center center/cover no-repeat}
.extension-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,247,242,.95) 0%,rgba(249,247,242,.77) 31%,rgba(249,247,242,.06) 57%,transparent 72%);pointer-events:none}
.extension-inner{position:relative;height:100%;max-width:1360px;margin:auto}
.extension-copy{position:absolute;left:clamp(24px,6.5vw,96px);top:16%;width:min(34%,455px);z-index:2}
.extension-copy h2{font-size:clamp(2.6rem,4.1vw,4.4rem);font-weight:800;line-height:1.02;letter-spacing:-.065em;color:#14262d;margin:0 0 20px}
.extension-copy p:not(.home-eyebrow){max-width:360px;font-size:1.09rem;line-height:1.5;color:#415466;margin:0}
.extension-stick{left:45%;right:auto;bottom:-100px;width:clamp(120px,11vw,150px);transform:rotate(0deg);filter:drop-shadow(4px 8px 5px rgba(16,20,21,.15))}
.extension-stick .stick-shaft{height:calc(90px + var(--extension,0) * 190px)}
.extension-ruler{position:absolute;z-index:2;left:59%;top:13%;height:73%;border-left:2px dashed #a93de7}.extension-ruler b{position:absolute;left:-8px;width:16px;height:16px;border:2px solid #a93de7;border-radius:50%;background:#faf6ed}.extension-ruler b:nth-child(1){top:0}.extension-ruler b:nth-child(2){top:48%}.extension-ruler b:nth-child(3){bottom:0}
.extension-metrics{position:absolute;z-index:2;left:63%;right:5%;top:13%;bottom:8%;display:flex;flex-direction:column;justify-content:space-between;color:#15242b}.extension-metrics .metric{max-width:350px}.extension-metrics strong{display:block;font-size:clamp(3.6rem,5.5vw,6.1rem);line-height:.9;font-weight:800;letter-spacing:-.075em}.extension-metrics b{display:block;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;margin:8px 0;font-weight:800}.extension-metrics p{font-size:1.02rem;line-height:1.43;color:#405365;margin:0}.extension-metrics .metric-middle{border-top:1px solid rgba(37,55,59,.14);padding-top:22px}.extension-metrics .metric-bottom{padding-bottom:0}
.r2-feature-light{background:#f4f0e8;color:#14262d;height:560px;min-height:560px}.r2-feature-light .r2-feature-copy{height:560px;box-sizing:border-box;padding-top:40px;padding-bottom:40px}.r2-feature-light h2{font-size:clamp(5.7rem,9vw,8rem)}.r2-feature-light .r2-name{color:#14262d;font-size:clamp(1.6rem,2.5vw,2.6rem);margin:8px 0 14px}.r2-feature-light h3{font-size:clamp(1.7rem,2.4vw,2.6rem)}.r2-feature-light p:not(.section-eyebrow):not(.r2-name){color:#455565}.r2-feature-light .r2-feature-image{height:560px;min-height:0}
.r2-feature-light .r2-feature-image img{object-position:center top}
.clip-extension{height:760px}.clip-extension .extension-scene{position:relative;height:100%;min-height:0}.clip-extension .extension-static-stick{position:absolute;z-index:1;left:46%;bottom:-22%;height:95%;width:auto;object-fit:contain;filter:drop-shadow(4px 8px 5px rgba(16,20,21,.15))}
@media(max-width:680px){.clip-extension{height:780px}.clip-extension .extension-scene{height:100%;min-height:0}.clip-extension .extension-static-stick{height:54%;left:auto;right:-2%;bottom:-4%}}
@media(max-width:950px){.design-one-hero-copy{width:43%}.design-one-hero-stick{left:50%;height:80%}.design-one-benefits{width:43%}.extension-copy{width:37%}.extension-ruler{left:61%}.extension-metrics{left:65%;right:3%}.extension-stick{left:47%}}
@media(max-width:680px){.design-one-hero{height:calc(100svh + 105px);min-height:740px;background-position:61% center}.design-one-hero-copy{top:105px;left:20px;width:calc(100% - 40px)}.design-one-hero-copy h1{font-size:clamp(4rem,15vw,5.5rem);margin-bottom:14px}.design-one-hero-copy p:not(.home-eyebrow){font-size:.98rem;max-width:280px;margin-bottom:18px}.design-one-hero-stick{height:46%;left:auto;right:5%;bottom:96px}.design-one-benefits{left:0;bottom:0;width:100%;height:105px;padding:16px 14px;box-sizing:border-box;background:rgba(255,255,255,.91)}.design-benefit{padding:0 8px;font-size:.62rem;gap:5px}.design-benefit:first-child{padding-left:4px}.design-benefit svg{width:18px;height:18px}.extension-scroll-stage{height:180svh}.extension-scene{min-height:740px;background-position:31% center}.extension-copy{top:99px;left:20px;width:calc(100% - 40px)}.extension-copy h2{font-size:clamp(2.5rem,10vw,3.4rem);max-width:320px;margin-bottom:13px}.extension-copy p:not(.home-eyebrow){font-size:.92rem;max-width:260px}.extension-stick{left:auto;right:0;width:95px;bottom:-44px}.extension-stick .stick-shaft{height:calc(75px + var(--extension,0) * 145px)}.extension-ruler{display:none}.extension-metrics{left:20px;right:auto;top:auto;bottom:38px;width:56%;height:310px;gap:8px}.extension-metrics strong{font-size:2.6rem}.extension-metrics b{font-size:.62rem;margin:3px 0}.extension-metrics p{font-size:.76rem;line-height:1.3}.extension-metrics .metric-middle{padding-top:7px}.r2-feature-light .r2-feature-image{min-height:280px}.r2-feature-light .r2-feature-copy{padding:42px 25px 48px}}
@media(max-width:680px){.extension-scene:before{background:linear-gradient(90deg,rgba(249,247,242,.97) 0%,rgba(249,247,242,.88) 63%,transparent 95%)}.r2-feature-light{height:auto;min-height:0}.r2-feature-light .r2-feature-copy{height:auto}.r2-feature-light .r2-feature-image{height:300px;min-height:0}}
@media(max-width:680px){.clipstick-detail .clip-extension{height:780px}.clipstick-detail .clip-extension .extension-scene{height:100%;min-height:0}.clipstick-detail .clip-extension .extension-static-stick{height:54%;left:auto;right:-2%;bottom:-4%}}