.pdp-tech-reveal{--tr-brand: #EFDF00;--tr-canvas: #F8F7F3;--tr-canvas-raised: #F0EEE8;--tr-line-soft: #E8E4DA;--tr-line-strong: #D4CEC0;--tr-mute-300: #8A8578;--tr-mute-500: #6E6A5E;--tr-ink-body: #3A362F;--tr-ink-max: #1B1914;--tr-on-dark: #F8F7F3;--tr-on-dark-muted: rgba(248, 247, 243, .75);--tr-font-display: "Circular Pro", "Circular Pro-Book", system-ui, -apple-system, sans-serif;--tr-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tr-ease: cubic-bezier(.4, 0, .2, 1);background:var(--tr-canvas);color:var(--tr-ink-body);font-family:var(--tr-font-display);-webkit-font-smoothing:antialiased}.pdp-tech-reveal *,.pdp-tech-reveal *:before,.pdp-tech-reveal *:after{box-sizing:border-box}.pdp-tech-reveal .tr-heading{max-width:1760px;margin:0 auto;padding:clamp(80px,10vw,160px) clamp(24px,8vw,160px) clamp(32px,4vw,56px)}.pdp-tech-reveal .tr-eyebrow-top{font-family:var(--tr-font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tr-mute-500);margin-bottom:16px}.pdp-tech-reveal .tr-heading h2{margin:0;font-family:var(--tr-font-display);font-weight:500;font-size:clamp(2.5rem,5.2vw,5rem);line-height:1;letter-spacing:-.04em;color:var(--tr-ink-max);max-width:18ch;text-wrap:balance}.pdp-tech-reveal .tr-heading h2 em{font-style:normal;color:var(--tr-ink-max);text-decoration:underline;text-decoration-color:var(--tr-brand);text-decoration-thickness:.06em;text-underline-offset:.1em}.pdp-tech-reveal .tr-intro,.pdp-tech-reveal .tr-intro p{margin:24px 0 0;font-size:1.25rem;line-height:1.5;max-width:55ch;color:var(--tr-ink-body);font-weight:400}.pdp-tech-reveal .tr-wrap{position:relative}.pdp-tech-reveal .tr-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--tr-canvas)}.pdp-tech-reveal .tr-stage{position:relative;height:100%;max-width:1760px;margin:0 auto;padding:clamp(48px,6vw,96px) clamp(24px,8vw,160px);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(32px,5vw,80px);align-items:center;box-sizing:border-box}.pdp-tech-reveal .tr-visual{position:relative;height:min(78vh,800px);border-radius:12px;overflow:hidden;background:var(--tr-canvas-raised)}.pdp-tech-reveal .tr-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .26s var(--tr-ease),transform 1.2s var(--tr-ease);will-change:opacity,transform}.pdp-tech-reveal .tr-img.is-visible{opacity:1;transform:scale(1.06)}.pdp-tech-reveal .tr-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--tr-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tr-mute-500);background:repeating-linear-gradient(135deg,#edeae0 0 14px,#e5e1d4 14px 28px);opacity:0;transition:opacity .26s var(--tr-ease)}.pdp-tech-reveal .tr-img-placeholder.is-visible{opacity:1}.pdp-tech-reveal .tr-chapnum{position:absolute;top:24px;left:24px;z-index:30;font-family:var(--tr-font-mono);font-size:12px;letter-spacing:.18em;color:var(--tr-on-dark);background:#1b191499;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px 12px;border-radius:6px;display:flex;gap:6px;align-items:baseline}.pdp-tech-reveal .tr-chapnum .num{font-weight:500}.pdp-tech-reveal .tr-chapnum .slash{opacity:.5}.pdp-tech-reveal .tr-chapnum .total{opacity:.7}.pdp-tech-reveal .tr-rail-left{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.pdp-tech-reveal .tr-tick{background:none;border:0;padding:4px 6px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--tr-on-dark);border-radius:6px;font-family:inherit}.pdp-tech-reveal .tr-tick:focus-visible{outline:2px solid var(--tr-brand);outline-offset:2px}.pdp-tech-reveal .tr-tick .tick-num{font-family:var(--tr-font-mono);font-size:11px;letter-spacing:.16em;color:var(--tr-on-dark);opacity:.5;transition:opacity .2s var(--tr-ease);text-shadow:0 1px 12px rgba(27,25,20,.5)}.pdp-tech-reveal .tr-tick.is-active .tick-num{opacity:1}.pdp-tech-reveal .tr-tick .tick-line{position:relative;width:2px;height:32px;background:#f8f7f340;border-radius:1px;overflow:hidden}.pdp-tech-reveal .tr-tick .tick-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tr-brand);transform-origin:top;transform:scaleY(0);transition:transform 80ms linear}.pdp-tech-reveal .tr-rail-bottom{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:28px;padding:12px 20px;background:#1b191499;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;max-width:calc(100% - 48px);overflow-x:auto;scrollbar-width:none}.pdp-tech-reveal .tr-rail-bottom::-webkit-scrollbar{display:none}.pdp-tech-reveal .tr-tick-h{background:none;border:0;padding:4px 6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;cursor:pointer;color:var(--tr-on-dark);font-family:inherit;flex:none}.pdp-tech-reveal .tr-tick-h:focus-visible{outline:2px solid var(--tr-brand);outline-offset:2px}.pdp-tech-reveal .tr-tick-h .tick-num{font-family:var(--tr-font-mono);font-size:11px;letter-spacing:.16em;color:var(--tr-on-dark);opacity:.6;text-transform:uppercase;white-space:nowrap;transition:opacity .2s var(--tr-ease)}.pdp-tech-reveal .tr-tick-h.is-active .tick-num{opacity:1}.pdp-tech-reveal .tr-tick-h .tick-line{position:relative;width:40px;height:2px;background:#f8f7f340;border-radius:1px;overflow:hidden}.pdp-tech-reveal .tr-tick-h .tick-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tr-brand);transform-origin:left;transform:scaleX(0);transition:transform 80ms linear}.pdp-tech-reveal .tr-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(27,25,20,.18) 0%,transparent 22%,transparent 70%,rgba(27,25,20,.35) 100%),linear-gradient(90deg,rgba(27,25,20,.2) 0%,transparent 40%);pointer-events:none;z-index:20}.pdp-tech-reveal .tr-text{position:relative;min-height:60vh}.pdp-tech-reveal .tr-chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:24px;max-width:45ch;opacity:0;transform:translateY(12px);transition:opacity .26s var(--tr-ease),transform .26s var(--tr-ease);will-change:opacity,transform;pointer-events:none}.pdp-tech-reveal .tr-chapter.is-active{opacity:1;transform:none;pointer-events:auto}.pdp-tech-reveal .tr-eyebrow{font-family:var(--tr-font-mono);font-size:12px;letter-spacing:.16em;color:var(--tr-mute-500);text-transform:uppercase}.pdp-tech-reveal .tr-title{margin:0;font-family:var(--tr-font-display);font-weight:500;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.02;letter-spacing:-.03em;color:var(--tr-ink-max)}.pdp-tech-reveal .tr-body,.pdp-tech-reveal .tr-body p{margin:0;font-size:1.125rem;line-height:1.55;color:var(--tr-ink-body);max-width:45ch}.pdp-tech-reveal .tr-stat{margin-top:16px;display:flex;flex-direction:column;gap:4px}.pdp-tech-reveal .tr-stat-value{font-family:var(--tr-font-display);font-weight:800;font-variant-numeric:tabular-nums;color:var(--tr-ink-max);letter-spacing:-.04em;line-height:.95}.pdp-tech-reveal .tr-stat-value.is-md{font-size:clamp(3rem,5vw,5rem)}.pdp-tech-reveal .tr-stat-value.is-xl{font-size:clamp(4.5rem,8vw,8rem)}.pdp-tech-reveal .tr-stat-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--tr-mute-500)}@media(max-width:767px),(prefers-reduced-motion:reduce){.pdp-tech-reveal .tr-wrap{height:auto!important}.pdp-tech-reveal .tr-sticky{position:static;height:auto;overflow:visible}.pdp-tech-reveal .tr-stage{display:block;height:auto;padding:clamp(24px,5vw,40px) clamp(20px,5vw,32px)}.pdp-tech-reveal .tr-chapnum,.pdp-tech-reveal .tr-rail-left,.pdp-tech-reveal .tr-rail-bottom,.pdp-tech-reveal .tr-visual:after{display:none}}@media(max-width:767px){.pdp-tech-reveal .tr-visual{position:relative;height:auto;aspect-ratio:4 / 5;margin-bottom:0;border-radius:8px}.pdp-tech-reveal .tr-text{position:static;min-height:0;margin-top:0}.pdp-tech-reveal .tr-chapter{position:static;opacity:1;transform:none;pointer-events:auto;margin-top:20px;padding-bottom:48px;border-bottom:1px solid var(--tr-line-soft)}.pdp-tech-reveal .tr-chapter:last-child{border-bottom:none}.pdp-tech-reveal .tr-img{opacity:1;transform:none;position:static;display:none}.pdp-tech-reveal .tr-chapter-mobile-img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;margin-bottom:20px;background:var(--tr-canvas-raised)}}@media(min-width:768px){.pdp-tech-reveal .tr-chapter-mobile-img{display:none}}@media(prefers-reduced-motion:reduce){.pdp-tech-reveal .tr-img,.pdp-tech-reveal .tr-chapter{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pdp-tech-reveal.css.map */