.cb-tech{--cb-tech-ink: #0b0b0b;--cb-tech-paper: #f4f2ed;--cb-tech-muted: #6b6a67;--cb-tech-line: rgba(11, 11, 11, .16);--cb-tech-warm: #d6a665;background:var(--cb-tech-paper);color:var(--cb-tech-ink);overflow:clip}.cb-tech *,.cb-tech *:before,.cb-tech *:after{box-sizing:border-box}.cb-tech :focus-visible{outline:3px solid #1677ff;outline-offset:4px}.cb-tech__hero{min-height:min(760px,calc(100svh - 90px));padding:clamp(120px,12vw,180px) 4vw clamp(72px,9vw,124px);background:radial-gradient(circle at 77% 18%,rgba(247,208,149,.36),transparent 30%),linear-gradient(120deg,#f6f4ef,#ece8df 62%,#ded6c8);border-bottom:1px solid var(--cb-tech-line)}.cb-tech__hero-inner,.cb-tech__section-grid,.cb-tech__materials-heading,.cb-tech__tabs,.cb-tech__material-panels,.cb-tech__cta{width:min(1440px,100%);margin-inline:auto}.cb-tech__hero-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(44px,7vw,110px);align-items:center}.cb-tech__hero-copy{max-width:660px}.cb-tech__eyebrow{margin:0 0 22px;font-family:var(--font-mono, monospace);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase}.cb-tech__hero-title{max-width:760px;margin:0;font-size:clamp(56px,7vw,108px);font-weight:760;line-height:.88;letter-spacing:-.06em}.cb-tech__hero-intro{max-width:580px;margin:32px 0 0;font-size:clamp(18px,1.55vw,24px);line-height:1.5}.cb-tech__text-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:34px;border-bottom:1px solid currentColor;color:inherit;font-family:var(--font-mono, monospace);font-size:12px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.cb-tech__hero-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}.cb-tech__sunlight{position:absolute;top:2%;right:-12%;bottom:4%;left:5%;z-index:-1;background:linear-gradient(115deg,transparent 7%,rgba(255,230,188,.78) 34%,transparent 58%),radial-gradient(circle at 62% 34%,rgba(255,255,255,.94),rgba(231,193,137,.24) 40%,transparent 70%);filter:blur(12px);transform:rotate(-3deg)}.cb-tech__hero-image,.cb-tech__product-image,.cb-tech__material-image{display:block;width:100%;height:100%;object-fit:contain}.cb-tech__hero-image{max-height:590px;filter:drop-shadow(0 32px 46px rgba(20,16,10,.16))}.cb-tech__verified-note{position:absolute;right:0;bottom:0;max-width:210px;margin:0;color:var(--cb-tech-muted);font-family:var(--font-mono, monospace);font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.cb-tech__chapter-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:clamp(18px,4vw,64px);padding:18px 4vw;overflow-x:auto;background:#f4f2edeb;border-bottom:1px solid var(--cb-tech-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none}.cb-tech__chapter-nav::-webkit-scrollbar{display:none}.cb-tech__chapter-nav a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;color:inherit;font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.cb-tech__section{padding:clamp(82px,10vw,150px) 4vw;border-bottom:1px solid var(--cb-tech-line);scroll-margin-top:70px}.cb-tech__section-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(46px,8vw,128px);align-items:center}.cb-tech__section-grid--visual-first{grid-template-columns:minmax(420px,1.12fr) minmax(0,.88fr)}.cb-tech__copy{max-width:620px}.cb-tech__copy h2,.cb-tech__materials-heading h2,.cb-tech__cta h2{margin:0;font-size:clamp(44px,5vw,78px);font-weight:730;line-height:.96;letter-spacing:-.05em}.cb-tech__lead{margin:28px 0 0;color:var(--cb-tech-muted);font-size:clamp(17px,1.4vw,21px);line-height:1.62}.cb-tech__visual{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--cb-tech-line);background:#fff}.cb-tech__visual--light{background:radial-gradient(circle at 24% 18%,rgba(255,220,165,.4),transparent 34%),#f9f8f4}.cb-tech__product-image{position:relative;z-index:1;max-height:590px;padding:clamp(24px,4vw,62px)}.cb-tech__placeholder{width:70%;max-height:520px}.cb-tech__choice-list{margin-top:42px;border-top:1px solid var(--cb-tech-line)}.cb-tech__choice{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;border-bottom:1px solid var(--cb-tech-line);background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.cb-tech__choice span:first-child{font-size:16px;font-weight:650}.cb-tech__choice span:last-child{color:var(--cb-tech-muted);font-family:var(--font-mono, monospace);font-size:10px}.cb-tech__choice.is-active span:first-child:before{content:"\2192";margin-right:12px}.cb-tech__explanations{min-height:108px;margin-top:26px}.cb-tech__explanation{margin:0 0 12px;font-size:16px;line-height:1.65}.cb-tech.is-enhanced .cb-tech__explanation[hidden],.cb-tech.is-enhanced .cb-tech__material-panel[hidden]{display:none}.cb-tech__clarity-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(128deg,rgba(255,217,151,.3),transparent 44%);transition:opacity .24s ease,transform .24s ease}.cb-tech__clarity-indicator{position:absolute;z-index:2;width:42px;aspect-ratio:1;border:1px solid var(--cb-tech-ink);border-radius:50%;opacity:0;transform:scale(.65);transition:opacity .22s ease,transform .22s ease}.cb-tech__clarity-indicator:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:#d6a66573}.cb-tech__clarity-indicator--sunlight{top:18%;right:16%}.cb-tech__clarity-indicator--heat{right:24%;bottom:16%}.cb-tech__clarity-indicator--oils{top:51%;left:22%}.cb-tech__section--clarity[data-clarity-state=sunlight] .cb-tech__clarity-indicator--sunlight,.cb-tech__section--clarity[data-clarity-state=heat] .cb-tech__clarity-indicator--heat,.cb-tech__section--clarity[data-clarity-state=oils] .cb-tech__clarity-indicator--oils{opacity:1;transform:scale(1)}.cb-tech__section--clarity[data-clarity-state=heat] .cb-tech__clarity-glow{opacity:.58;transform:translateY(5%)}.cb-tech__section--clarity[data-clarity-state=oils] .cb-tech__clarity-glow{opacity:.28;transform:translate(-8%)}.cb-tech__section--dark{--cb-tech-line: rgba(255, 255, 255, .18);--cb-tech-muted: rgba(255, 255, 255, .68);background:#101010;color:#fff}.cb-tech__visual--dark{background:radial-gradient(circle at 60% 35%,rgba(68,91,126,.32),transparent 48%),#171717}.cb-tech__hotspot{position:absolute;z-index:3;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#0c0c0c6b;box-shadow:0 0 0 8px #ffffff14;cursor:pointer;transition:background .18s ease,transform .18s ease}.cb-tech__hotspot:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:inherit;background:#fff}.cb-tech__hotspot.is-active{background:#fff;transform:scale(1.1)}.cb-tech__hotspot.is-active:after{background:#111}.cb-tech__hotspot--corner{right:23%;bottom:17%}.cb-tech__hotspot--edge{top:47%;left:23%}.cb-tech__hotspot--camera{top:18%;right:25%}.cb-tech__protection-controls{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:1px solid var(--cb-tech-line)}.cb-tech__protection-button{min-height:52px;padding:10px;border:0;border-right:1px solid var(--cb-tech-line);background:transparent;color:inherit;cursor:pointer;font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cb-tech__protection-button:last-child{border-right:0}.cb-tech__protection-button.is-active{background:#fff;color:#111}.cb-tech__section--magsafe{background:linear-gradient(118deg,rgba(205,220,232,.45),transparent 50%),#eceff0}.cb-tech__range-wrap{margin-top:42px}.cb-tech__range-wrap label{display:block;margin-bottom:18px;font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cb-tech__range{width:100%;min-height:44px;accent-color:#111;cursor:ew-resize}.cb-tech__range-labels{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:4px;color:var(--cb-tech-muted);font-family:var(--font-mono, monospace);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cb-tech__range-labels span:nth-child(2){text-align:center}.cb-tech__range-labels span:last-child{text-align:right}.cb-tech__alignment-status{min-height:52px;margin:22px 0 0;font-size:16px;line-height:1.55}.cb-tech__visual--magsafe{--alignment-offset: -22%;background:radial-gradient(circle at 44% 38%,rgba(255,255,255,.98),transparent 38%),#dce2e4}.cb-tech__puck{position:absolute;z-index:3;left:calc(50% + var(--alignment-offset));top:52%;width:clamp(92px,11vw,154px);aspect-ratio:1;border:1px solid rgba(0,0,0,.22);border-radius:50%;background:linear-gradient(145deg,#fafafa,#b8b9bb);box-shadow:0 18px 34px #0000003d;transform:translate(-50%,-50%);transition:left .18s ease,box-shadow .18s ease}.cb-tech__puck span{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px solid rgba(0,0,0,.2);border-radius:inherit}.cb-tech__alignment-axis{position:absolute;z-index:2;top:12%;bottom:12%;left:50%;width:1px;background:linear-gradient(transparent,rgba(0,0,0,.28),transparent)}.cb-tech__section--materials{background:#f7f6f2}.cb-tech__materials-heading{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:40px;align-items:end}.cb-tech__materials-heading>p{margin:0;color:var(--cb-tech-muted);font-size:18px;line-height:1.6}.cb-tech__tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border:1px solid var(--cb-tech-line)}.cb-tech__tab{min-height:58px;padding:12px;border:0;border-right:1px solid var(--cb-tech-line);background:transparent;color:inherit;cursor:pointer;font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cb-tech__tab:last-child{border-right:0}.cb-tech__tab.is-active{background:#111;color:#fff}.cb-tech__material-panels{margin-top:28px}.cb-tech__material-panel{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(320px,.9fr);min-height:600px;border:1px solid var(--cb-tech-line);background:#fff}.cb-tech__material-image-wrap{min-height:600px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(120deg,rgba(232,205,164,.28),transparent 44%),#f0efeb}.cb-tech__material-image{max-height:600px;padding:clamp(26px,5vw,72px);filter:drop-shadow(0 28px 38px rgba(18,15,10,.15))}.cb-tech__material-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,86px)}.cb-tech__material-copy h3{margin:0;font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.05em}.cb-tech__material-copy dl{margin:38px 0 0}.cb-tech__material-copy dl div{display:grid;grid-template-columns:112px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--cb-tech-line)}.cb-tech__material-copy dt{color:var(--cb-tech-muted);font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cb-tech__material-copy dd{margin:0;font-size:15px;line-height:1.55}.cb-tech__button{width:fit-content;min-height:50px;display:inline-flex;align-items:center;justify-content:center;margin-top:34px;padding:0 24px;background:#111;color:#fff;font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.cb-tech__cta{padding:clamp(90px,12vw,170px) 4vw;text-align:center}.cb-tech__cta>p:not(.cb-tech__eyebrow){max-width:620px;margin:28px auto 0;color:var(--cb-tech-muted);font-size:18px;line-height:1.6}.cb-tech__cta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:42px}.cb-tech__cta-links a{min-height:50px;display:inline-flex;align-items:center;gap:12px;padding:0 22px;border:1px solid var(--cb-tech-ink);color:inherit;font-family:var(--font-mono, monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}@media(max-width:1024px){.cb-tech__hero{min-height:auto;padding-top:118px}.cb-tech__hero-inner,.cb-tech__section-grid,.cb-tech__section-grid--visual-first{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:42px}.cb-tech__hero-title{font-size:clamp(52px,7.8vw,78px)}.cb-tech__hero-visual,.cb-tech__visual,.cb-tech__material-image-wrap{min-height:480px}.cb-tech__material-panel{grid-template-columns:1fr .82fr;min-height:520px}.cb-tech__material-image{max-height:520px}}@media(max-width:767px){.cb-tech__hero{padding:108px 20px 68px}.cb-tech__hero-inner,.cb-tech__section-grid,.cb-tech__section-grid--visual-first,.cb-tech__materials-heading,.cb-tech__material-panel{grid-template-columns:1fr}.cb-tech__hero-copy,.cb-tech__copy{max-width:none}.cb-tech__hero-title{font-size:clamp(50px,16vw,72px)}.cb-tech__hero-intro{font-size:18px}.cb-tech__hero-visual{min-height:410px}.cb-tech__verified-note{right:6px;bottom:-6px}.cb-tech__chapter-nav{justify-content:flex-start;padding-inline:20px}.cb-tech__section{padding:78px 20px}.cb-tech__section-grid,.cb-tech__section-grid--visual-first{gap:42px}.cb-tech__section-grid--visual-first .cb-tech__visual{order:2}.cb-tech__section-grid--visual-first .cb-tech__copy{order:1}.cb-tech__copy h2,.cb-tech__materials-heading h2,.cb-tech__cta h2{font-size:clamp(42px,13vw,60px)}.cb-tech__visual,.cb-tech__material-image-wrap{min-height:410px}.cb-tech__product-image,.cb-tech__material-image{max-height:410px;padding:24px}.cb-tech__hotspot{display:none}.cb-tech__protection-controls{grid-template-columns:1fr}.cb-tech__protection-button{min-height:48px;border-right:0;border-bottom:1px solid var(--cb-tech-line);text-align:left;padding-inline:16px}.cb-tech__protection-button:last-child{border-bottom:0}.cb-tech__tabs{grid-template-columns:1fr 1fr;overflow:hidden}.cb-tech__tab{border-bottom:1px solid var(--cb-tech-line)}.cb-tech__tab:nth-child(2n){border-right:0}.cb-tech__tab:nth-last-child(-n+2){border-bottom:0}.cb-tech__material-panel{min-height:0}.cb-tech__material-copy{padding:36px 24px 44px}.cb-tech__material-copy dl div{grid-template-columns:88px 1fr;gap:16px}.cb-tech__cta{padding:88px 20px 100px}.cb-tech__cta-links{flex-direction:column}.cb-tech__cta-links a{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.cb-tech *,.cb-tech *:before,.cb-tech *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map?subset=AAAAAAAI */