.section-tech-lenses{background:var(--black);color:var(--off-white);overflow:hidden}.section-tech-lenses .tech-wrap{max-width:1100px;margin:0 auto;padding:64px 60px}.section-tech-lenses .section-h2{text-transform:lowercase}.section-tech-lenses .lead{font-size:16px;line-height:1.65;color:#f0ede8ad;max-width:520px;margin:0}.tech-lens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;align-items:stretch}.tech-lens-card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:18px;background:var(--grey);padding:24px;color:var(--off-white);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;height:100%}.tech-lens-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.is-quartz:before{background:var(--quartz)}.is-citrine:before{background:var(--citrine)}.is-amber:before{background:var(--amber)}.tech-lens-card:hover{transform:translateY(-5px)}.is-quartz:hover{border-color:#6fa8ff73;box-shadow:0 10px 30px -5px #6fa8ff38}.is-citrine:hover{border-color:#ffd84d73;box-shadow:0 10px 30px -5px #ffd84d38}.is-amber:hover{border-color:#ff8a4d73;box-shadow:0 10px 30px -5px #ff8a4d38}.tech-lens-card:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.lens-header{display:flex;justify-content:space-between;align-items:baseline}.lens-when{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f0ede873}.lens-tint{font-size:12px;color:#f0ede859}.lens-name{font-family:var(--font-heading);font-weight:900;letter-spacing:-.02em;font-size:28px;margin:0}.is-quartz .lens-name{color:var(--quartz)}.is-citrine .lens-name{color:var(--citrine)}.is-amber .lens-name{color:var(--amber)}.lens-pct-hero{display:flex;align-items:flex-start;gap:10px;flex-wrap:nowrap;width:100%}.lens-pct-num{font-family:var(--font-heading);font-weight:900;letter-spacing:-.03em;font-size:clamp(38px,3.2vw,46px);line-height:1;flex-shrink:0}.is-quartz .lens-pct-num{color:var(--quartz)}.is-citrine .lens-pct-num{color:var(--citrine)}.is-amber .lens-pct-num{color:var(--amber)}.lens-pct-label{font-size:12px;line-height:1.4;color:#f0ede8a6;padding-top:4px}.lens-pct-sub{font-size:11px;color:#f0ede861;letter-spacing:.01em}.tech-lens-bar{height:5px;border-radius:99px;background:#f0ede812;overflow:hidden;width:100%}.tech-lens-bar i{display:block;height:100%;border-radius:99px}.is-quartz .tech-lens-bar i{background:var(--quartz)}.is-citrine .tech-lens-bar i{background:var(--citrine)}.is-amber .tech-lens-bar i{background:var(--amber)}.lens-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden}.lens-stat{padding:11px 12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.lens-stat:last-child{border-right:none}.lens-stat b{font-family:var(--font-heading);font-weight:900;font-size:15px;letter-spacing:-.01em;color:var(--off-white)}.lens-stat span{font-size:10.5px;line-height:1.35;color:#f0ede866}.lens-footer{display:flex;flex-direction:column;gap:10px;width:100%}.lens-tags{display:flex;flex-wrap:wrap;gap:6px}.lens-tags span{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:#f0ede88c;line-height:1.3}.lens-cert-wrap{display:flex;flex-direction:column;gap:4px;margin-top:4px}.lens-norms{font-size:9px;color:#f0ede84d;letter-spacing:.04em;text-transform:uppercase}.lens-cert-link{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#f0ede873;transition:color .18s,text-shadow .18s;align-self:flex-start}.lens-cert-link:hover{color:var(--yellow);text-shadow:0 0 12px rgba(212,255,0,.6)}.lens-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding-top:14px;border-top:1px solid var(--border);margin-top:auto}.lens-price{font-family:var(--font-heading);font-weight:900;font-size:17px;letter-spacing:-.01em}.lens-price s{font-size:12px;font-weight:700;color:#f0ede859;margin-left:5px}.lens-cta{font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;background:var(--yellow);color:var(--black);border:none;border-radius:99px;padding:11px 18px;white-space:nowrap;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.lens-cta:hover{opacity:.9;transform:scale(1.02)}.lens-cta:disabled{opacity:.5;cursor:wait}.tech-amber-why{margin-top:48px}details.tech-amber-why summary{cursor:pointer;list-style:none;font-family:var(--font-heading);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#f0ede873;position:relative;padding-right:24px}details.tech-amber-why summary::-webkit-details-marker{display:none}details.tech-amber-why summary:after{content:"+";position:absolute;right:0;top:0;color:var(--amber);font-size:18px}details.tech-amber-why[open] summary:after{content:"\2212"}details.tech-amber-why[open] summary{margin-bottom:16px;color:var(--off-white)}.tech-amber-content{display:flex;flex-direction:column;gap:12px}.tech-amber-content p{margin:0;font-size:14px;line-height:1.65;color:#f0ede8a6}.tech-amber-content strong{color:var(--off-white);font-weight:700}.scroll-track{display:none}@media(max-width:900px){.section-tech-lenses .tech-wrap{padding:64px 0}.section-tech-lenses .eyebrow,.section-tech-lenses .section-h2,.section-tech-lenses .lead,.section-tech-lenses .tech-amber-why{padding-left:24px;padding-right:24px}.tech-lens-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;margin-top:24px;padding-left:24px;padding-right:24px;scroll-padding-left:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tech-lens-grid::-webkit-scrollbar{display:none}.tech-lens-card{min-width:85vw;flex:0 0 85vw;scroll-snap-align:start}.scroll-track{display:block;margin:8px 24px 0;height:2px;background:#f0ede814;border-radius:2px;position:relative}.scroll-thumb{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--yellow);border-radius:2px}.lens-pct-num{font-size:clamp(38px,10vw,46px)}.lens-stat{padding:10px 8px}.lens-stat b{font-size:14px}.lens-stat span{font-size:10px}}@media(prefers-reduced-motion:reduce){.tech-lens-card{transition:none}.tech-lens-card:hover{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tech-lenses.css.map */