/* Climb3D editorial home and Clipstick detail */
:root{--ink:#10221f;--muted:#43586a;--violet:#962af0;--paper:#f8f9f9}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif}
.glass-nav{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(26,35,39,.08)}
.glass-nav .max-w-6xl{max-width:1360px}.glass-nav a:focus-visible,.glass-nav button:focus-visible,.home-cta:focus-visible{outline:3px solid #6324af;outline-offset:4px}
.home-scroll-stage{height:210svh;position:relative}.home-hero{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#e2ceb4 url('../img/clipstick/hero-landscape.webp') center center/cover no-repeat}
.home-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,250,241,.8) 0%,rgba(255,250,241,.43) 39%,transparent 65%);pointer-events:none}
.home-hero-inner{position:relative;z-index:2;max-width:1360px;margin:auto;height:100%;display:flex;align-items:center;padding:90px clamp(24px,6.7vw,100px) 65px;box-sizing:border-box}
.home-copy{width:min(51%,620px);position:relative;z-index:3}.home-eyebrow,.section-eyebrow{color:var(--violet);font-size:.81rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800;margin:0 0 18px}
.home-copy h1{font-size:clamp(4.5rem,10vw,9rem);letter-spacing:-.075em;line-height:.86;margin:0 0 28px;font-weight:800;color:var(--ink)}
.home-copy h2{font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:570px;margin:0 0 16px}
.home-copy p:not(.home-eyebrow){max-width:425px;color:#20383f;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;margin:0 0 28px}
.home-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 29px;background:var(--violet);color:white;font-weight:800;border-radius:999px;text-decoration:none;box-shadow:0 12px 26px rgba(130,40,210,.2);transition:transform .25s,background .25s,box-shadow .25s}.home-cta:hover{transform:translateY(-3px);background:#7b16d0;box-shadow:0 17px 28px rgba(130,40,210,.28)}
.stick-assembly{position:absolute;z-index:1;width:clamp(100px,11vw,145px);right:clamp(13%,17vw,23%);bottom:-200px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(7px 14px 8px rgba(18,17,18,.23));transform:rotate(3deg);transform-origin:center bottom;will-change:transform}
.stick-assembly img{display:block;width:100%;height:auto;max-width:none}.stick-assembly .stick-shaft{height:calc(135px + var(--extension,0) * 200px);object-fit:fill;margin-top:-4px;margin-bottom:-4px}.stick-assembly .stick-head{position:relative;z-index:2}.stick-assembly .stick-grip{position:relative;z-index:2}
.scroll-cue{position:absolute;z-index:3;left:52%;bottom:36px;text-align:center;color:white;font-size:.67rem;letter-spacing:.1em;line-height:1.55;text-shadow:0 2px 8px #111;text-transform:uppercase;font-weight:700}.scroll-cue span{display:block;width:1px;height:52px;background:rgba(255,255,255,.85);margin:8px auto 0;position:relative}.scroll-cue span:after{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:9px;border-right:1px solid white;border-bottom:1px solid white;transform:rotate(45deg)}
.r2-feature{display:grid;grid-template-columns:46% 54%;min-height:575px;background:#0d201e;color:white;overflow:hidden}.r2-feature-copy{padding:clamp(65px,7vw,110px) 7vw;display:flex;flex-direction:column;justify-content:center}.r2-feature h2{font-size:clamp(5.2rem,10vw,9rem);letter-spacing:-.075em;line-height:.8;font-weight:800;margin:0}.r2-feature .r2-name{font-size:clamp(1.7rem,3vw,2.9rem);letter-spacing:-.06em;color:#b2b9b5;margin:9px 0 28px;font-weight:700}.r2-feature h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.06em;font-weight:800;margin:0 0 16px}.r2-feature p:not(.section-eyebrow):not(.r2-name){max-width:400px;font-size:1.1rem;line-height:1.45;color:#e4e9e6;margin:0 0 27px}.r2-feature-image{overflow:hidden;min-height:575px}.r2-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.home-training{padding:62px 24px 58px;background:#f7f9fa}.home-training .training-inner{max-width:1180px;margin:auto}.home-training h2{text-align:center;text-transform:uppercase;color:#536681;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;letter-spacing:-.02em;margin:0 0 9px}.home-training .training-intro{max-width:610px;margin:0 auto 17px;text-align:center;color:#536681;line-height:1.5}.training-cta{text-align:center}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:end;margin-top:28px}.training-grid a{text-align:center;text-decoration:none;color:#263f5e;font-weight:700}.training-grid img{display:block;width:100%;height:180px;object-fit:contain;transition:transform .3s}.training-grid a:hover img{transform:translateY(-6px) scale(1.04)}.training-grid span{display:block;margin-top:10px}
.custom-feature{background:white;padding:70px 24px 80px}.custom-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center}.custom-image{width:100%;height:360px;object-fit:cover;border-radius:20px}.custom-feature h2{font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1.1;letter-spacing:-.05em;font-weight:800;margin:0 0 15px;color:#183051}.custom-feature p{color:#526783;line-height:1.55;max-width:570px}.custom-feature ul{list-style:none;padding:0;margin:20px 0}.custom-feature li{margin:10px 0;color:#536681}.custom-feature li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ead5ff;color:#8220d3;font-size:14px;font-weight:800;margin-right:12px}
.site-footer{background:#102027;color:#b5c2c5;padding:42px 24px}.footer-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:start;flex-wrap:wrap}.site-footer strong{color:white;font-size:1.25rem}.site-footer a{color:#dce3e5;text-decoration:none;margin-right:19px}.site-footer a:hover{color:white;text-decoration:underline}.site-footer small{display:block;margin-top:18px;color:#87999d}
.clip-hero{padding:122px 24px 72px;background:#f7f3ec}.clip-hero-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:4%;align-items:center}.clip-hero h1{font-size:clamp(4.5rem,8vw,8rem);letter-spacing:-.075em;line-height:.9;margin:0 0 22px;font-weight:800}.clip-hero h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.05em;font-weight:800;margin:0 0 16px}.clip-hero p:not(.home-eyebrow){font-size:1.12rem;line-height:1.5;color:#415866;max-width:490px}.clip-hero img{width:100%;height:min(67vw,650px);min-height:430px;object-fit:cover;object-position:center;border-radius:24px;box-shadow:0 22px 50px rgba(33,42,42,.13)}.clip-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}.clip-price{font-weight:800;font-size:1.7rem}.clip-specs{padding:28px 24px;background:#152925;color:white}.clip-specs-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.clip-specs strong{display:block;font-size:2.3rem;line-height:1.1}.clip-specs span{font-size:.9rem;color:#c2d0cb}.clip-detail{padding:85px 24px;background:white}.clip-detail-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.clip-detail img{width:100%;height:490px;object-fit:cover;border-radius:20px}.clip-detail h2{font-size:clamp(2rem,3vw,3rem);font-weight:800;letter-spacing:-.05em;line-height:1.1}.clip-detail p{font-size:1.1rem;color:#536681;line-height:1.6}.clip-steps{background:#f7f9fa;padding:75px 24px;text-align:center}.clip-steps h2{font-size:2.4rem;font-weight:800;letter-spacing:-.04em}.clip-step-grid{max-width:1220px;margin:35px auto 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.clip-step-grid article{background:white;border-radius:20px;padding:18px 18px 25px}.clip-step-grid img{width:100%;height:220px;object-fit:contain}.clip-step-grid h3{font-weight:800;font-size:1.2rem;margin:13px 0 7px}.clip-step-grid p{color:#536681;margin:0;line-height:1.5}
@media(max-width:900px){.home-copy{width:56%}.stick-assembly{right:12%;width:105px}.r2-feature{grid-template-columns:1fr 1fr}.r2-feature-copy{padding:60px 36px}.clip-hero-inner,.clip-detail-inner{gap:35px}}
@media(max-width:680px){.home-scroll-stage{height:220svh}.home-hero{min-height:650px;background-position:62% center}.home-hero:after{background:linear-gradient(180deg,rgba(255,250,241,.88) 0%,rgba(255,250,241,.64) 50%,transparent 85%)}.home-hero-inner{align-items:flex-start;padding:110px 23px 20px}.home-copy{width:100%}.home-copy h1{font-size:clamp(4rem,18vw,6.7rem);margin-bottom:17px}.home-copy h2{max-width:340px;font-size:clamp(1.5rem,6vw,2.25rem)}.home-copy p:not(.home-eyebrow){font-size:.98rem;max-width:310px;margin-bottom:19px}.stick-assembly{right:7%;width:86px;bottom:-105px}.stick-assembly .stick-shaft{height:calc(85px + var(--extension,0) * 150px)}.scroll-cue{left:38%;bottom:18px}.r2-feature{display:flex;flex-direction:column-reverse}.r2-feature-image{min-height:280px;height:300px}.r2-feature-copy{padding:42px 25px 49px}.r2-feature h2{font-size:5.5rem}.r2-feature h3{font-size:2.15rem}.home-training{padding:50px 20px}.training-grid{gap:10px}.training-grid img{height:110px}.training-grid span{font-size:.78rem}.custom-feature{padding:55px 20px}.custom-inner{grid-template-columns:1fr;gap:25px}.custom-image{height:280px}.clip-hero{padding:102px 20px 55px}.clip-hero-inner,.clip-detail-inner{grid-template-columns:1fr}.clip-hero h1{font-size:4.9rem}.clip-hero img{height:510px;min-height:0}.clip-specs-inner{gap:8px}.clip-specs strong{font-size:1.5rem}.clip-specs span{font-size:.72rem}.clip-detail{padding:60px 20px}.clip-detail img{height:380px}.clip-step-grid{grid-template-columns:1fr}.clip-step-grid img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-cta,.training-grid img{transition:none}.stick-assembly{transform:none!important}}
.clip-carousel{position:relative;height:min(67vw,650px);min-height:430px;overflow:hidden;border-radius:24px;box-shadow:0 22px 50px rgba(33,42,42,.13);background:#e8e3db}.clip-carousel-track{display:flex;height:100%;transition:transform .55s ease}.clip-carousel-slide{flex:0 0 100%;height:100%;overflow:hidden}.clip-carousel-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}.clip-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#10221f;display:grid;place-items:center;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.12)}.clip-carousel-prev{left:15px}.clip-carousel-next{right:15px}.clip-carousel-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:8px 10px;background:rgba(255,255,255,.8);border-radius:30px}.clip-carousel-dot{width:9px;height:9px;border:0;border-radius:50%;background:#788484;cursor:pointer;padding:0}.clip-carousel-dot[aria-current=true]{background:#962af0;transform:scale(1.25)}.clip-carousel button:focus-visible{outline:3px solid #6324af;outline-offset:3px}.clip-video{padding:80px 24px;background:#f4f0e8}.clip-video-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1.45fr;gap:7%;align-items:center}.clip-video h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.06em;margin:12px 0}.clip-video p:not(.section-eyebrow){font-size:1.1rem;color:#455565;line-height:1.55}.clip-video-frame{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#14262d;box-shadow:0 18px 45px rgba(18,32,34,.18)}.clip-video iframe{width:100%;height:100%;border:0}
@media(max-width:680px){.clip-carousel{height:510px;min-height:0}.clip-video{padding:60px 20px}.clip-video-inner{grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){.clip-carousel-track{transition:none}}