:root{--op-ink:#20251e;--op-paper:#f7f6f1;--op-olive:#4f5a3e;--op-lime:#e4ebcf;--op-line:#daddd2;--op-muted:#62665c;--op-gutter:clamp(22px,4.4vw,76px)}
html{scroll-behavior:smooth}body{background:var(--op-paper);color:var(--op-ink)}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--op-olive);outline-offset:5px}.header-logo .optik-logo-crop{display:block;width:130px;height:30px;overflow:hidden;position:relative}.optik-logo-crop img{max-width:none!important;width:158px!important;height:auto!important;position:absolute;left:-14px;top:-13px}.header__row{border-color:var(--op-line)}.op-eyebrow{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1.5;margin:0 0 25px}.op-hero{container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;min-height:650px}.op-hero-copy{padding:70px var(--op-gutter) 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.op-hero h1{font-size:clamp(48px,5.3cqw,86px);font-weight:600;letter-spacing:-.068em;line-height:1.03;margin:4px 0 28px;max-width:650px}.op-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.op-hero-deck{font-size:15px;line-height:1.7;color:var(--op-muted);margin:0 0 30px}.op-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.op-button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--op-ink);color:var(--op-paper);padding:17px 24px;border-radius:100px;border:1px solid var(--op-ink);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;line-height:1.3;transition:background .18s,transform .18s}.op-button:hover{background:var(--op-olive);color:#fff;transform:translateY(-2px)}.op-button-light{background:var(--op-lime);border-color:var(--op-lime);color:var(--op-ink)}.op-text-link{font-size:12px;font-weight:500;border-bottom:1px solid currentColor;padding:0 0 5px;text-decoration:none;width:fit-content}.op-hero-note{display:flex;align-items:center;gap:15px;margin-top:58px;font-size:9px;letter-spacing:.08em;line-height:1.8}.op-hero-note small{font-size:11px;letter-spacing:0;color:var(--op-muted)}.op-optical-mark{font-size:42px;line-height:1}.op-hero-photo{position:relative;overflow:hidden;min-height:590px}.op-hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:50% 39%}.op-image-caption{position:absolute;bottom:24px;left:24px;right:24px;padding:16px 20px;background:rgba(247,246,241,.92);color:var(--op-ink);display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.6;backdrop-filter:blur(10px)}.op-image-caption strong{font-size:13px;font-weight:600}.op-image-caption>span:last-child{font-size:24px}.op-ticker{background:var(--op-lime);display:flex;align-items:center;justify-content:space-around;gap:24px;padding:20px var(--op-gutter);font-size:11px;letter-spacing:.035em;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--op-line)}.op-ticker i{font-size:19px;font-style:normal}.op-section{padding:82px var(--op-gutter);max-width:1800px;margin:auto}.op-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.op-section-heading .op-eyebrow{margin-bottom:14px}.op-section h2,.op-perspective h2{font-weight:500;font-size:clamp(32px,3.5vw,54px);letter-spacing:-.055em;line-height:1.06;margin:0}.op-departments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.op-dept{position:relative;aspect-ratio:3/4;overflow:hidden;background:#deded7}.op-dept:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008)}.op-dept img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.op-dept:hover img{transform:scale(1.035)}.op-dept>span{position:absolute;left:24px;right:20px;bottom:26px;z-index:1;color:white}.op-dept small{display:block;font-size:9px;letter-spacing:.13em;margin-bottom:9px}.op-dept strong{font-size:25px;font-weight:500;letter-spacing:-.03em;display:block}.op-edit{padding-top:18px}.op-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.op-card{min-width:0}.op-card-image{display:block;position:relative;background:#eeeee7;overflow:hidden;aspect-ratio:1.08}.op-card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.op-card-image:hover img{transform:scale(1.035)}.op-badge{position:absolute;left:14px;top:14px;background:var(--op-lime);padding:5px 10px;font-size:10px;border-radius:30px}.op-card-info{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding-top:17px}.op-card-info p{margin:0 0 5px;font-size:10px;color:var(--op-muted)}.op-card-info h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.04em}.op-card-info>span{font-size:11px}.op-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--op-muted);font-size:10px}.op-compare-button{border:0;background:none;padding:6px 0;cursor:pointer;font-size:11px;color:var(--op-ink)}.op-perspective{display:grid;grid-template-columns:1fr 1fr;background:var(--op-olive);color:var(--op-paper)}.op-perspective-photo{min-height:550px;position:relative}.op-perspective-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 35%}.op-perspective-copy{padding:70px var(--op-gutter);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.op-perspective-copy p:not(.op-eyebrow){max-width:420px;font-size:14px;line-height:1.8;margin:28px 0 32px;color:#e6eadc}.op-fit{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:90px}.op-fit p:not(.op-eyebrow){color:var(--op-muted);font-size:14px;line-height:1.8;margin:24px 0}.op-fit-options{align-self:center}.op-fit-options a{border-top:1px solid var(--op-line);padding:27px 0;display:grid;grid-template-columns:32px 1fr;gap:12px}.op-fit-options a:last-child{border-bottom:1px solid var(--op-line)}.op-fit-options strong{font-size:18px;font-weight:500;letter-spacing:-.025em}.op-fit-options span:first-child{font-size:10px;padding-top:5px;color:var(--op-muted)}.op-fit-options span:last-child{grid-column:2;font-size:12px;color:var(--op-muted)}.op-footer{background:var(--op-ink);color:var(--op-paper);padding:64px var(--op-gutter) 20px}.op-footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:60px}.op-footer-logo{display:block;position:relative;width:240px;height:55px;overflow:hidden;margin-left:-3px}.op-footer-logo img{width:290px;max-width:none;height:auto;position:absolute;left:-26px;top:-24px;filter:invert(1)}.op-footer-main p{font-size:14px;line-height:1.7;color:#c5c9bb}.op-footer-main h2{font-size:11px;font-weight:500;margin:0 0 20px;color:#c5c9bb}.op-footer-main>div>a:not(.op-footer-logo){display:block;font-size:12px;padding:6px 0;width:fit-content}.op-footer a:hover{text-decoration:underline}.op-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:23px;font-size:9px;color:#bdc3b2}.op-finder{min-height:70vh}.op-finder h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.06em;font-weight:500;margin:0 0 16px}.op-finder>p{color:var(--op-muted)}#optik-finder-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:36px 0 26px;padding:24px;background:#eeeee7}#optik-finder-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;flex:1;min-width:140px}#optik-finder-form input,#optik-finder-form select,.op-variant-select{border:1px solid #cbd0c1;padding:13px 12px;border-radius:4px;background:var(--op-paper);color:var(--op-ink);width:100%;font-size:13px}#optik-finder-form .op-check{flex-direction:row;align-items:center;min-width:90px;flex:0;padding-bottom:16px}#optik-finder-form .op-check input{width:16px;height:16px}#optik-results-count{font-size:12px;margin:0 0 24px}#optik-load-more{margin:36px auto 0}.op-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--op-ink);color:white;max-width:90vw;padding:12px 20px;border-radius:30px;font-size:12px;z-index:9999;box-shadow:0 4px 25px #0002}.op-status:empty{display:none}.op-compare-tray{position:fixed;bottom:20px;right:20px;background:var(--op-lime);color:var(--op-ink);padding:12px 16px;border:1px solid #c6ceb7;border-radius:10px;display:flex;align-items:center;gap:16px;z-index:1000;box-shadow:0 4px 24px #0002;font-size:12px}.op-compare-tray[hidden]{display:none}.op-compare-tray button{border:0;background:transparent;font:inherit;cursor:pointer}.op-compare-tray button:nth-child(2){font-weight:600}.op-dialog{margin:auto;width:min(1100px,95vw);max-height:90dvh;padding:28px;background:var(--op-paper);color:var(--op-ink);border:1px solid var(--op-line);border-radius:6px;overflow:auto;box-shadow:0 20px 100px #0003}.op-dialog::backdrop{background:#20251e80;backdrop-filter:blur(4px)}.op-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--op-line);padding-bottom:18px;margin-bottom:24px}.op-dialog-header h2{font-size:26px;letter-spacing:-.04em;margin:0}.op-dialog-header button{border:0;background:none;color:inherit;font-size:28px;cursor:pointer;padding:4px 10px}.op-compare-grid{display:grid;grid-template-columns:repeat(var(--op-cols,2),minmax(220px,1fr));gap:20px;overflow-x:auto}.op-compare-item>img{width:100%;aspect-ratio:1.4;object-fit:contain;mix-blend-mode:multiply;background:#eeeee7}.op-compare-item h3{font-size:22px;letter-spacing:-.035em;margin:16px 0 8px}.op-compare-item .op-button{margin-top:16px;width:100%}.op-compare-item .op-button:disabled{opacity:.5;cursor:not-allowed}.op-compare-item dl{font-size:12px}.op-compare-item dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--op-line);padding:12px 0}.op-compare-item dt{color:var(--op-muted)}.op-compare-item dd{margin:0;text-align:right;max-width:65%}.op-compare-item label{display:block;font-size:11px;margin:20px 0 8px}.op-spec-panel{padding:35px var(--op-gutter);border-top:1px solid var(--op-line);background:#eeeee7}.op-spec-panel h2{font-size:24px;letter-spacing:-.03em}.op-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font-size:12px}.op-spec-grid dt{color:var(--op-muted);margin-bottom:7px}.op-spec-grid dd{margin:0}.op-rich-page{max-width:850px;padding:70px 24px;margin:auto;min-height:55vh}.op-rich-page h1{font-size:48px;letter-spacing:-.05em;font-weight:500}.op-rich-page h2{font-size:24px;margin-top:35px}.op-rich-page p,.op-rich-page li{font-size:15px;line-height:1.8}.op-rich-page code{font-size:12px;overflow-wrap:anywhere}.op-rich-page pre{white-space:pre-wrap;background:#eeeee7;padding:20px}.op-rich-page a{text-decoration:underline}.op-rich-page table{width:100%;border-collapse:collapse}.op-rich-page td,.op-rich-page th{text-align:left;padding:12px;border-bottom:1px solid var(--op-line)}
@media(min-width:1600px){.op-hero{min-height:760px}}@media(max-width:1050px){.op-hero-copy{padding:45px 30px}.op-hero h1{font-size:56px}.op-actions{gap:20px}.op-dept>span{left:16px}.op-dept strong{font-size:22px}.op-fit{gap:35px}.op-ticker span:last-child,.op-ticker i:last-of-type{display:none}.op-section{padding-block:60px}.op-edit{padding-top:10px}}
@media(max-width:749px){.header-logo .optik-logo-crop{width:110px;height:25px}.optik-logo-crop img{width:133px!important;left:-12px;top:-11px}.op-hero{grid-template-columns:1fr}.op-hero-copy{padding:45px 24px 35px}.op-hero h1{font-size:58px}.op-hero .op-eyebrow{margin-bottom:18px}.op-hero-deck{font-size:14px}.op-hero-note{margin-top:28px}.op-hero-photo{min-height:0;aspect-ratio:1.08}.op-hero-photo>img{object-position:50% 36%}.op-image-caption{left:16px;right:16px;bottom:16px;padding:12px 15px}.op-ticker{justify-content:center;font-size:10px;padding:15px;gap:17px}.op-ticker span:nth-of-type(3),.op-ticker i:nth-of-type(2){display:none}.op-section{padding:48px 20px}.op-section-heading{align-items:flex-start;gap:15px}.op-section-heading>a{font-size:10px;max-width:100px;text-align:right;flex-shrink:0}.op-section h2{font-size:33px}.op-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-dept{aspect-ratio:3/4}.op-dept>span{left:14px;bottom:18px}.op-dept small{font-size:7px}.op-dept strong{font-size:23px}.op-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.op-card-info{display:block}.op-card-info>span{display:block;margin-top:6px}.op-card-info h3{font-size:21px}.op-card-bottom{font-size:9px;gap:5px}.op-compare-button{font-size:10px}.op-edit{padding-top:8px}.op-perspective{grid-template-columns:1fr}.op-perspective-photo{min-height:0;aspect-ratio:1.1}.op-perspective-copy{padding:45px 24px}.op-perspective h2{font-size:40px}.op-perspective-copy p:not(.op-eyebrow){margin:22px 0}.op-fit{grid-template-columns:1fr;gap:35px}.op-fit-options a{padding:23px 0}.op-footer{padding:46px 24px 85px}.op-footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:35px}.op-footer-main>div:first-child{grid-column:1/-1}.op-footer-bottom{flex-direction:column;align-items:flex-start;font-size:10px}.op-dialog{padding:18px;width:96vw}.op-compare-grid{gap:15px;grid-template-columns:repeat(var(--op-cols,2),minmax(230px,1fr))}.op-compare-tray{left:12px;right:12px;bottom:12px;justify-content:space-between;gap:8px;font-size:11px}.op-spec-grid{grid-template-columns:repeat(2,1fr)}#optik-finder-form{padding:18px;gap:16px}#optik-finder-form>label:first-child{flex-basis:100%}#optik-finder-form .op-button{width:100%}.op-rich-page h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

#optik-load-more[hidden]{display:none}
