.single-vision-page{--muted:#202020;--hero-lead:#202020;--chip-tx:#202020;--cta-lead:#202020;--sv-header-space:84px;--sv-gutter:clamp(20px, 3vw, 56px)}.single-vision-page .sec{padding-block:64px}.single-vision-page .sec.slim{padding-block:32px}.single-vision-page .table-wrap td.no{opacity:1;color:#202020}.single-vision-page .split>*{min-width:0}.single-vision-page .media{margin:0}.single-vision-page .sec-head{margin-bottom:30px}.single-vision-page [id]{scroll-margin-top:var(--sv-header-space)}.page-hero.single-vision-hero{background:linear-gradient(120deg,#e5f7fb,#8ed6e7);align-items:center;min-height:30.18vw;padding:0;display:flex}.single-vision-banner-copy{z-index:2;width:58%;min-width:0;padding:clamp(20px,3vw,56px);position:relative}.single-vision-hero h1{max-width:none;font-size:clamp(34px,3.4vw,54px);line-height:1.12}.single-vision-hero .lead{color:#12636b;max-width:none;font-size:clamp(14px,1.4vw,24px);line-height:1.4}.single-vision-hero .lead strong{font-weight:800}.single-vision-banner-photo{z-index:0;position:absolute;inset:0}.single-vision-banner-photo img{object-fit:cover;object-position:right center}.single-vision-features{color:#12636b;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:clamp(12px,1.15vw,18px);font-weight:500;line-height:1.4;display:flex}.single-vision-features span{padding-block:6px}.single-vision-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:36px}.single-vision-design{color:var(--accent)}.single-vision-design h3{text-align:center;margin-bottom:24px;font-size:24px;line-height:1.4}.single-vision-diagrams{gap:20px;display:grid}.single-vision-diagrams svg{width:100%;height:auto;display:block}.grid.single-vision-detail-features{flex-direction:column;justify-content:space-between;gap:20px;min-width:0;display:flex}.single-vision-detail-feature{width:100%;margin:0;position:relative;container-type:inline-size}.single-vision-detail-feature img{width:100%;height:auto;display:block}.single-vision-detail-feature figcaption{color:#fff;text-align:center;white-space:nowrap;width:33%;font:500 clamp(12px, 3cqw, 20px)/1.3 var(--font-ui);position:absolute;left:11%;transform:translateY(-50%)}.wrap.single-vision-specifications{width:85%;max-width:1720px;margin:0 auto;padding:0}.single-vision-specifications .table-wrap{overflow-x:auto}.single-vision-specifications table{min-width:1320px}.single-vision-specifications .table-wrap table thead th{text-align:center;vertical-align:middle;white-space:normal;letter-spacing:.04em;padding:18px 10px;font-size:13px;line-height:1.4}.single-vision-specifications .spec-column-heading{text-align:center;justify-content:center;align-items:center;width:100%;min-height:64px;display:flex}.single-vision-specifications .table-wrap tbody td{vertical-align:middle;white-space:normal;padding:14px 10px;font-size:14px}.single-vision-specifications tbody td:nth-child(n+4):nth-child(-n+9){text-align:center}.single-vision-specifications .table-wrap table tr>:nth-child(10){width:140px;min-width:140px}.single-vision-specifications .table-wrap table tr>:last-child{width:1%;min-width:0}.single-vision-specifications .table-wrap tbody td:last-child{white-space:pre}.sec.single-vision-benefits-section{width:100%;padding:0}.single-vision-benefits{background:var(--surface)}.single-vision-benefits-photo{aspect-ratio:5108/1316;position:relative}.single-vision-benefits-photo img{object-fit:cover}.single-vision-benefits-title{padding:22px var(--sv-gutter);text-align:center;background:var(--accent);color:#fff}.single-vision-benefits-title h2{font-size:clamp(28px,3vw,42px);line-height:1.2}.single-vision-benefits-body{padding:28px var(--sv-gutter) 36px}.single-vision-benefits-body h3{color:var(--accent);text-align:center;margin-bottom:24px;font-size:30px}.grid.single-vision-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.single-vision-benefit{aspect-ratio:1;isolation:isolate;place-items:center;min-width:0;display:grid;position:relative;container-type:size}.single-vision-benefit:before{content:"";aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(84cqw,90cqh);position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #123f5333,0 2px 7px #123f531f}.single-vision-benefit-lens{object-fit:contain;opacity:.2;z-index:-1}.single-vision-benefit-content{text-align:center;flex-direction:column;align-items:center;gap:10px;width:68%;display:flex}.single-vision-benefit-content img{mix-blend-mode:multiply;width:56px;height:auto}.single-vision-benefit-content p{color:#12636b;font:500 14px/1.4 var(--font-ui);text-transform:uppercase;overflow-wrap:anywhere;margin:0}.single-vision-benefit-content p span{display:block}.single-vision-coatings{background:linear-gradient(var(--accent) 45%, var(--surface) 45%);width:100%;padding-bottom:36px}.single-vision-coatings-heading{text-align:center;color:#fff;padding:32px var(--sv-gutter)}.single-vision-coatings-heading h2{font-size:clamp(32px,4vw,56px);line-height:1.15}.grid.single-vision-coating-groups{padding-inline:var(--sv-gutter);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.single-vision-coating-group{align-content:start;gap:20px;min-width:0;display:grid}.single-vision-coating-portrait{aspect-ratio:1590/1008;position:relative}.single-vision-coating-portrait img{object-fit:contain}.single-vision-coating-scene-slot{justify-content:center;align-items:start;display:flex}.single-vision-coating-scene{border-radius:0 0 var(--r-input) var(--r-input);width:82%;margin:0;overflow:hidden}.single-vision-coating-scene-image img{width:100%;height:auto;display:block}.single-vision-coating-scene figcaption{text-align:center;color:#fff;background:var(--accent);min-height:80px;font:500 20px/1.3 var(--font-ui);overflow-wrap:anywhere;justify-content:center;align-items:center;padding:16px 12px;display:flex}.single-vision-functions-panel{width:100%;padding:56px var(--sv-gutter);background:var(--surface)}.single-vision-functions-panel.soft{background:var(--soft)}.single-vision-functions-panel .eyebrow{margin-bottom:0}.grid.single-vision-finish-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.single-vision-finish{grid-template-rows:auto 1fr;gap:24px;min-width:0;display:grid}.single-vision-function-photo{aspect-ratio:1425/1492;position:relative}.single-vision-function-photo img{object-fit:contain}.single-vision-function-copy h3{color:var(--finish-color);margin-bottom:16px;font-size:clamp(28px,3vw,46px);line-height:1.2}.single-vision-function-copy p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.finish-green{--finish-color:#328762}.finish-blue{--finish-color:#2855a2}.finish-gold{--finish-color:#a66c14}.finish-white{--finish-color:#667078}.finish-violet{--finish-color:#9b3498}.grid.single-vision-special-grid{grid-template-columns:1fr 1.4fr .9fr;align-items:start;gap:28px}.single-vision-violet-lens{min-width:0}.single-vision-drive-safe{gap:32px;min-width:0;display:grid}.single-vision-drive-safe .single-vision-function-photo{aspect-ratio:1237/835}.single-vision-drive-safe .single-vision-function-copy{border-bottom:1px solid var(--finish-color);padding-bottom:24px}.single-vision-drive-safe h3{font-size:clamp(28px,2.7vw,40px)}.single-vision-drive-safe h3 small{margin-top:6px;font-size:.75em;display:block}@media (min-width:1100px) and (min-height:700px) and (hover:hover) and (pointer:fine){.sec.single-vision-benefits-section,.single-vision-coatings{height:calc(100svh - var(--sv-header-space))}.single-vision-benefits{grid-template-rows:minmax(0,.38fr) auto minmax(0,.62fr);height:100%;display:grid}.single-vision-benefits-photo{aspect-ratio:auto;min-height:0}.single-vision-benefits-body{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.single-vision-benefit-grid{min-height:0}.single-vision-benefit{aspect-ratio:auto;min-height:0}.single-vision-coatings{grid-template-rows:auto minmax(0,1fr);padding-bottom:24px;display:grid}.single-vision-coating-groups{min-height:0}.single-vision-coating-group{grid-template-rows:minmax(0,1fr) minmax(0,.9fr);align-content:stretch;min-height:0}.single-vision-coating-portrait{aspect-ratio:auto;min-height:0}.single-vision-coating-scene-slot{align-items:center;min-height:0;container-type:size}.single-vision-coating-scene{width:min(82%,178.4cqh - 156.992px)}.single-vision-coating-scene figcaption{height:88px;min-height:0;font-size:18px}}@media (max-width:1099px),(pointer:coarse){.single-vision-details{grid-template-columns:1fr;gap:32px}.single-vision-design{width:100%;max-width:640px;margin-inline:auto}.grid.single-vision-detail-features{width:100%;max-width:760px;margin-inline:auto}.wrap.single-vision-specifications{width:calc(100% - 40px)}.grid.single-vision-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}.single-vision-benefit-content img{width:64px}.single-vision-benefit-content p{font-size:16px}.grid.single-vision-coating-groups{grid-template-columns:1fr;gap:32px}.single-vision-coating-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px}.single-vision-coating-scene{width:100%}.single-vision-coatings{background:var(--surface)}.single-vision-coatings-heading{background:var(--accent);margin-bottom:32px}.grid.single-vision-finish-grid{gap:24px}.single-vision-function-copy h3{font-size:28px}.grid.single-vision-special-grid{grid-template-columns:1fr 1fr;gap:32px}.single-vision-drive-safe{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}}@media (min-width:601px) and (max-width:1099px){.single-vision-banner-copy{padding:20px}.single-vision-hero h1{margin-bottom:12px;font-size:clamp(22px,3vw,34px)}.single-vision-hero .lead{margin-bottom:16px;font-size:clamp(12px,1.4vw,16px)}.single-vision-hero .btn{padding:10px 18px;font-size:12px}.single-vision-features{gap:4px 14px;margin-top:14px;font-size:12px}.single-vision-features span{padding-block:4px}}@media (max-width:600px){.single-vision-page .sec{padding-block:40px}.single-vision-page .sec.slim{padding-block:24px}.page-hero.single-vision-hero{display:block}.single-vision-banner-copy{width:100%;padding:36px 20px}.single-vision-banner-photo{display:none}.single-vision-hero h1{font-size:clamp(28px,7.5vw,36px)}.single-vision-hero .lead{font-size:18px}.single-vision-features{flex-direction:column;gap:8px}.single-vision-features span{padding:0}.single-vision-design h3{font-size:22px}.single-vision-detail-feature{aspect-ratio:2.7}.single-vision-detail-feature img{object-fit:cover;object-position:right;height:100%;position:absolute;inset:0}.single-vision-detail-feature figcaption{border-radius:var(--r-pill);background:#143055f2;width:calc(100% - 24px);padding:10px 6px;font-size:16px;bottom:12px;left:12px;transform:none;top:auto!important}.single-vision-page .single-vision-benefits-section{padding:0}.single-vision-benefits-title{padding:18px 20px}.single-vision-benefits-title h2{font-size:28px}.single-vision-benefits-body{padding:24px 20px 32px}.single-vision-benefits-body h3{font-size:26px}.grid.single-vision-benefit-grid{grid-template-columns:1fr;gap:20px;max-width:300px}.single-vision-benefit-content p{font-size:16px}.single-vision-coating-group{grid-template-columns:1fr;gap:16px}.single-vision-coating-scene{width:90%}.single-vision-coating-scene figcaption{min-height:72px;font-size:20px}.single-vision-functions-panel{padding:40px 20px}.grid.single-vision-finish-grid,.grid.single-vision-special-grid{grid-template-columns:1fr;gap:36px}.single-vision-function-copy h3{font-size:34px}.single-vision-drive-safe{grid-column:auto;grid-template-columns:1fr;gap:24px}}
.bifocal-page{--bifocal-header-space:84px}.bifocal-page [id]{scroll-margin-top:var(--bifocal-header-space)}.bifocal-page .split>*{min-width:0}.bifocal-routing .page-nav{border-top:0;margin:0;padding-top:0}.bifocal-overview .media{width:calc(71.623% - 57.2984px);margin-inline:auto}.bifocal-overview .media-photo{aspect-ratio:1421/1488}.bifocal-overview .media-photo img{object-fit:contain}.quote.bifocal-overview-quote{background:#087582;border-color:#0000;margin:30px 0 0}.bifocal-overview-quote p{color:#fff;font-family:var(--font-ui);text-wrap:balance;font-size:clamp(20px,2.2vw,31px);font-weight:400;line-height:1.4}.grid.bifocal-details-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch;gap:24px}.bifocal-details-grid>*{min-width:0}.bifocal-details-grid .media{margin:0}.bifocal-design-image{color:#16636c;align-self:start;position:relative;container-type:inline-size}.bifocal-design-image>img,.bifocal-wearers>img{width:100%;height:auto;display:block}.bifocal-design-title{color:#fff;max-width:87%;font:800 clamp(20px, 5cqw, 38px)/1.2 var(--font-ui);position:absolute;top:4.5%;left:6.5%}.bifocal-zone{font:600 clamp(11px, 3.1cqw, 23px)/1.2 var(--font-ui);position:absolute}.bifocal-zone-far{top:18.7%;right:4%}.bifocal-zone-distance{font-weight:400;top:43%;left:52%;transform:translate(-50%,-50%)}.bifocal-zone-reading{font-size:clamp(11px,2.7cqw,20px);font-weight:400;top:67%;left:41%;transform:translate(-50%,-50%)}.bifocal-zone-near{bottom:12%;left:6%}.bifocal-zone-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bifocal-details-features{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;display:grid}.bifocal-wearers{position:relative;container-type:inline-size}.bifocal-wearers:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000004d);position:absolute;inset:0}.bifocal-wearers figcaption{z-index:1;color:#fff;text-align:center;max-width:50%;font:400 clamp(12px, 4cqw, 20px)/1.3 var(--font-ui);position:absolute;bottom:8%;right:5%}.bifocal-wearers figcaption span,.bifocal-protection figcaption span,.bifocal-rimless figcaption span{display:block}.bifocal-details-grid strong{font-weight:600}.grid.bifocal-protections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bifocal-protection{grid-template-rows:minmax(100px,1fr) auto;display:grid}.bifocal-protection-icon{min-height:100px;position:relative}.bifocal-protection-icon img{object-fit:contain}.bifocal-protection figcaption,.bifocal-rimless figcaption{text-align:center;color:#16636c;font:400 clamp(14px, 1.2vw, 18px)/1.35 var(--font-ui);overflow-wrap:anywhere;padding:10px 8px 16px}.bifocal-why-choose{border-radius:var(--r-card);color:#fff;background:#087582;padding:clamp(24px,2.5vw,36px)}.bifocal-why-choose h3{margin-bottom:16px;font-size:clamp(24px,2.4vw,34px);line-height:1.25}.bifocal-why-choose p{margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.5}.bifocal-rimless{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;align-items:center;gap:16px;padding:16px;display:grid}.bifocal-rimless-icon{aspect-ratio:958/668;position:relative;overflow:hidden}.bifocal-rimless-icon img{width:174.217%;max-width:none;height:auto;display:block;position:absolute;top:-17.066%;left:-9.812%}.bifocal-rimless figcaption{flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.bifocal-protection,.bifocal-rimless{transition:opacity 1.1s var(--e7), transform 1.1s var(--e7), filter 1.1s var(--e7), translate .3s ease, border-color .3s ease, box-shadow .3s ease}@media (hover:hover){.bifocal-protection:hover,.bifocal-rimless:hover{border-color:var(--accent);box-shadow:0 10px 24px #11a3b82e}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.bifocal-protection:hover,.bifocal-rimless:hover{translate:0 -6px}}@media (max-width:1099px),(pointer:coarse){.grid.bifocal-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"design design design design""features features features features""why why rimless rimless"}.bifocal-design-image{grid-area:design}.bifocal-details-features{grid-area:features}.bifocal-why-choose{grid-area:why}.bifocal-rimless{grid-area:rimless}.bifocal-details-features{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.bifocal-wearers{align-self:center}.bifocal-protection figcaption,.bifocal-rimless figcaption{font-size:16px}.bifocal-rimless{justify-self:center;width:100%;max-width:560px}}@media (max-width:600px){.sec.bifocal-details-section{padding-block:40px}.grid.bifocal-details-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"design""wearers""why""protections""rimless"}.bifocal-details-features{display:contents}.bifocal-wearers{grid-area:wearers}.bifocal-protections{grid-area:protections}.bifocal-protection-icon{aspect-ratio:796/706}.bifocal-protection figcaption{padding-inline:6px;font-size:14px}.bifocal-why-choose{padding:24px 20px}}.sec.bifocal-shatterproof{background:var(--surface);padding:0 0 64px}.bifocal-shatterproof-heading{color:#fff;text-align:center;background:#087582;padding-block:24px}.bifocal-shatterproof-heading h2{font-size:clamp(28px,3.3vw,46px);line-height:1.2}.split.bifocal-shatterproof-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding-top:36px}.bifocal-shatterproof-body>*{min-width:0}.bifocal-shatterproof-photo img{width:100%;height:auto;display:block}.bifocal-shatterproof-copy{border-bottom:1px solid #16636c;margin-bottom:30px;padding-bottom:28px}.bifocal-shatterproof-index{color:#087582;font:400 clamp(88px, 11vw, 160px)/1 var(--font-ui);margin:0 0 16px}.bifocal-shatterproof-copy p{color:#202020;margin:0;font-size:16px;font-weight:400;line-height:1.5}.grid.bifocal-shatterproof-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bifocal-shatterproof-feature{text-align:center;min-width:0;margin:0}.bifocal-shatterproof-icon{aspect-ratio:1;position:relative}.bifocal-shatterproof-icon img{object-fit:contain}.bifocal-shatterproof-icon.with-shadow img{filter:drop-shadow(0 6px 9px #123f533d)drop-shadow(0 1px 3px #123f5329)}.bifocal-shatterproof-feature figcaption{color:#16636c;font:600 13px/1.4 var(--font-ui);overflow-wrap:anywhere;padding-top:12px}.bifocal-shatterproof-feature figcaption span{display:block}@media (min-width:601px) and (max-width:1099px),(min-width:601px) and (pointer:coarse){.split.bifocal-shatterproof-body{gap:24px}.bifocal-shatterproof-index{margin-bottom:12px;font-size:clamp(72px,10vw,116px)}.bifocal-shatterproof-copy{margin-bottom:20px;padding-bottom:20px}.bifocal-shatterproof-copy p{font-size:14px}.grid.bifocal-shatterproof-features{gap:8px}.bifocal-shatterproof-feature figcaption{padding-top:8px;font-size:clamp(11px,1.35vw,14px)}}@media (max-width:600px){.sec.bifocal-shatterproof{padding-bottom:40px}.bifocal-shatterproof-heading{padding-block:20px}.bifocal-shatterproof-heading h2{font-size:clamp(24px,6vw,32px)}.split.bifocal-shatterproof-body{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:24px}.bifocal-shatterproof-copy{text-align:center}.grid.bifocal-shatterproof-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bifocal-shatterproof-index{font-size:88px}}.sec.bifocal-photochromic{padding-block:64px}.bifocal-photochromic-image{margin:0;position:relative;container-type:inline-size}.bifocal-photochromic-image>img{width:100%;height:auto;display:block}.bifocal-photochromic-label{color:#fff;white-space:nowrap;font:600 clamp(9px, 2.3cqw, 28px)/1.1 var(--font-ui);text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;top:84.95%;transform:translateY(-50%)}.bifocal-photochromic-label.photo-grey{width:28%;left:19.3%}.bifocal-photochromic-label.photo-brown{width:28.7%;left:64.4%}@media (max-width:600px){.sec.bifocal-photochromic{padding-block:40px}.bifocal-photochromic>.wrap{padding-inline:12px}}.bifocal-specifications{background:#e6f1f3;position:relative}.bifocal-specifications-scene{width:100%;margin-inline:auto;position:relative;container-type:inline-size}.bifocal-specifications-image{margin:0;position:relative;overflow:hidden;container-type:inline-size}.bifocal-specifications-image>img{width:100%;height:auto;display:block}.bifocal-specification-label{color:#fff;font:600 clamp(8px, 1.5cqw, 22px)/1.2 var(--font-ui);white-space:nowrap;position:absolute}.bifocal-specification-label.see-near{top:16.1cqw;left:15.2%}.bifocal-specification-label.reading{top:21.4cqw;left:19.2%}.bifocal-specification-label.see-far{top:16.1cqw;left:77%}.bifocal-specifications-table{width:95%;position:absolute;bottom:5%;left:2.5%}.bifocal-specifications .table-wrap{border-radius:var(--r-input);background:0 0;border-color:#fff9}.bifocal-specifications table{min-width:1150px;font-size:clamp(13px,1.05vw,18px)}.bifocal-specifications thead th{color:#fff;letter-spacing:.03em;white-space:normal;text-align:center;vertical-align:middle;background:#087582bf;border:1px solid #ffffffa6;padding:clamp(12px,1.05vw,20px) 8px;font-size:clamp(12px,.95vw,16px)}.bifocal-specifications .spec-column-heading{justify-content:center;align-items:center;min-height:clamp(56px,4.55vw,84px);display:flex}.bifocal-specifications tbody td{color:#202020;vertical-align:middle;border:1px solid #fffc;padding:clamp(12px,1.05vw,20px) 8px}.bifocal-specifications tbody td.no{opacity:1}.bifocal-specifications tbody tr{background:#e7f5f6e6}.bifocal-specifications tbody tr:hover{background:#f5fcfcf7}.bifocal-specifications tbody tr:last-child{background:#ffd58a;font-weight:600}.bifocal-specifications tbody td:nth-child(n+4):nth-child(-n+9){text-align:center}.bifocal-specifications tr>:nth-child(9){min-width:100px}.bifocal-specifications tr>:last-child{width:1%}.bifocal-specifications tbody td:last-child{white-space:nowrap}@media (max-width:1099px),(pointer:coarse){.bifocal-specifications-image{aspect-ratio:5100/1900}.bifocal-specifications-image>img{position:absolute;inset:0}.bifocal-specifications-table{width:calc(100% - 40px);margin-inline:auto;padding-block:24px;position:relative;inset:auto}}@media (max-width:600px){.bifocal-specifications-table{width:calc(100% - 24px)}}.bifocal-banner{position:relative}.page-hero.bifocal-hero{background:#edf8fb;align-items:center;min-height:35.1vw;padding:0;display:flex}.bifocal-hero>img{object-position:left center}.page-hero.bifocal-hero .wrap{width:100%;max-width:none;margin:0;padding:clamp(24px,4vw,72px) 7.4% clamp(24px,4vw,72px) 42.8%}.page-hero.bifocal-hero h1{color:#16636c;max-width:none;font-family:var(--font-ui);letter-spacing:-.025em;margin-bottom:clamp(14px,1.2vw,24px);font-size:clamp(32px,4.8vw,92px);font-weight:800;line-height:1.2}.bifocal-banner-line{white-space:nowrap;display:block}.bifocal-banner-line+.bifocal-banner-line{margin-top:.12em}.page-hero.bifocal-hero .lead{border-radius:var(--r-input);color:#fff;max-width:none;font-family:var(--font-ui);text-align:center;overflow-wrap:anywhere;background:#16636c;margin:0;padding:clamp(12px,1.1vw,22px) clamp(10px,.8vw,16px);font-size:clamp(12px,1.1vw,20px);font-weight:500;line-height:1.4}@media (min-width:601px) and (max-width:1099px){.page-hero.bifocal-hero .wrap{padding-block:56px 24px;padding-right:5%}.page-hero.bifocal-hero h1{font-size:clamp(24px,4.4vw,48px)}.page-hero.bifocal-hero .lead{padding:10px;font-size:12px}}@media (max-width:600px){.page-hero.bifocal-hero{background:linear-gradient(120deg,#edf8fb,#d7e3f5);min-height:0}.bifocal-hero>img{display:none}.page-hero.bifocal-hero .wrap{padding:40px 20px}.page-hero.bifocal-hero h1{font-size:clamp(26px,6.9vw,40px)}.page-hero.bifocal-hero .lead{padding:14px 12px;font-size:14px}}@media (min-width:1100px) and (min-height:650px) and (hover:hover) and (pointer:fine){.bifocal-page{--bifocal-panel-height:calc(100svh - var(--bifocal-header-space))}.bifocal-page .sec:not(.bifocal-overview),.bifocal-page .sec.slim{padding-block:24px}.page-hero.bifocal-hero{min-height:min(35.1vw, var(--bifocal-panel-height))}.page-hero.bifocal-hero .wrap{padding-block:clamp(24px,4svh,48px)}.page-hero.bifocal-hero h1{font-size:clamp(32px,min(4.8vw,7svh),92px)}.bifocal-details-section>.wrap{max-width:min(1300px, calc((var(--bifocal-panel-height) - 250px) * 2.4))}.bifocal-why-choose{padding:20px}.bifocal-why-choose h3{margin-bottom:12px;font-size:28px}.bifocal-why-choose p{font-size:14px}.bifocal-protection{grid-template-rows:minmax(64px,1fr) auto}.bifocal-protection-icon{min-height:64px}.bifocal-protection figcaption{padding:8px 6px 12px}.bifocal-protection figcaption,.bifocal-rimless figcaption{font-size:14px}.bifocal-page .sec.bifocal-shatterproof{padding:0 0 24px}.bifocal-shatterproof-heading{padding-block:16px}.bifocal-shatterproof-heading h2{font-size:clamp(28px,3vw,40px)}.bifocal-shatterproof>.wrap{max-width:min(1300px, calc((var(--bifocal-panel-height) - 140px) * 2720 / 2474 * 2 + 84px))}.split.bifocal-shatterproof-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:24px}.bifocal-shatterproof-index{font-size:clamp(72px,12svh,128px)}.bifocal-shatterproof-copy{margin-bottom:20px;padding-bottom:20px}.bifocal-shatterproof-copy p{font-size:14px}.bifocal-photochromic-image{width:min(100%, calc((var(--bifocal-panel-height) - 50px) * 5100 / 3319));margin-inline:auto}.bifocal-specifications-scene{width:min(100%, calc(var(--bifocal-panel-height) * 5100 / 3194))}.bifocal-specifications-table{bottom:20px}.bifocal-specifications table{font-size:clamp(13px,.9vw,14px)}.bifocal-specifications thead th{padding-block:10px;font-size:12px}.bifocal-specifications .spec-column-heading{min-height:56px}.bifocal-specifications tbody td{padding-block:10px}}@media (min-width:1100px) and (hover:hover) and (pointer:fine){.bifocal-specifications{background:#343e44}.bifocal-specifications table{table-layout:fixed;width:100%;min-width:0;font-size:clamp(12px,1.15cqw,14px)}.bifocal-specifications .table-wrap thead th{letter-spacing:.02em;padding-inline:5px;font-size:12px}.bifocal-specifications .table-wrap tbody td{white-space:normal;overflow-wrap:anywhere;padding-inline:5px}.bifocal-specifications tr>:first-child{width:5%}.bifocal-specifications tr>:nth-child(2){width:14%}.bifocal-specifications tr>:nth-child(3){width:11%}.bifocal-specifications tr>:nth-child(4){width:5%}.bifocal-specifications tr>:nth-child(5){width:7%}.bifocal-specifications tr>:nth-child(6),.bifocal-specifications tr>:nth-child(7){width:6%}.bifocal-specifications tr>:nth-child(8){width:10%}.bifocal-specifications tr>:nth-child(9){width:7%;min-width:0}.bifocal-specifications .table-wrap tr>:last-child{width:29%;min-width:0}}
.progressive-page{--progressive-header-space:85px;--progressive-panel-height:calc(100svh - var(--progressive-header-space))}.progressive-page [id]{scroll-margin-top:var(--progressive-header-space)}.page-hero.progressive-hero{background:var(--surface);color:#087582;padding:0}.page-hero.progressive-hero .progressive-banner-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(20px,2.4vw,48px);width:100%;max-width:none;padding-inline:clamp(20px,4vw,76px);display:grid}.progressive-banner-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding-block:36px;display:flex}.media.progressive-banner-scene{border:0;border-radius:0;width:100%;margin:0 0 28px}.progressive-banner-landscape{aspect-ratio:2281/1285}.progressive-banner-landscape img{object-fit:contain}.progressive-banner-lens{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page-hero.progressive-hero h1{max-width:none;font:800 clamp(24px, 4.8vw, 80px)/1.12 var(--font-ui);letter-spacing:-.025em;white-space:nowrap;margin:0 0 12px}.page-hero.progressive-hero .lead{max-width:none;color:inherit;font:400 clamp(20px, 3.3vw, 54px)/1.2 var(--font-ui);white-space:nowrap;margin:0}.progressive-banner-portrait{min-width:0;min-height:0;position:relative}.progressive-banner-portrait img{object-fit:contain;object-position:center bottom;transform:scaleX(-1)}@media (max-width:1099px),(pointer:coarse){.progressive-banner-copy{padding-block:28px}.media.progressive-banner-scene{margin-bottom:20px}.page-hero.progressive-hero h1{font-size:clamp(24px,4.4vw,48px)}.page-hero.progressive-hero .lead{font-size:clamp(18px,3vw,34px)}}@media (max-width:600px){.page-hero.progressive-hero .progressive-banner-layout{gap:12px;padding-inline:12px}.progressive-banner-copy{padding-block:24px}.media.progressive-banner-scene{margin-bottom:14px}.page-hero.progressive-hero h1{margin-bottom:8px;font-size:clamp(16px,4.3vw,24px)}.page-hero.progressive-hero .lead{font-size:clamp(13px,3.4vw,18px)}}.progressive-lens-story{color:#fff;background:#203740;position:relative}.progressive-story-desktop{display:none}.progressive-story-art{position:relative;overflow:hidden}.progressive-story-art>img{width:100%;height:auto;display:block}.progressive-story-second-screen{background:0 0;width:100%;padding-block:0 clamp(8px,2.5vw,32px);position:absolute;bottom:0}.wrap.grid.progressive-story-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1300px}.progressive-story-card{text-align:center;flex-direction:column;align-items:center;min-width:0;margin:0;display:flex}.media.progressive-story-card-image{aspect-ratio:1;width:min(100%,180px);box-shadow:var(--shadow-card);margin:0;transition:border-color .3s,box-shadow .3s,translate .3s;position:relative}.progressive-story-card-image img{object-fit:contain;padding:14px}.progressive-story-card figcaption{color:#fff;font:400 clamp(14px, 1.15vw, 18px)/1.4 var(--font-ui);margin-top:16px}.progressive-story-card figcaption strong{font-weight:600}@media (hover:hover){.progressive-story-card:hover .progressive-story-card-image{border-color:var(--accent);box-shadow:0 10px 24px #11a3b82e}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.progressive-story-card:hover .progressive-story-card-image{translate:0 -6px}}@media (min-width:1100px) and (hover:hover) and (pointer:fine){.progressive-story-art{display:none}.progressive-story-desktop{display:block}.progressive-story-desktop-panel{width:100%}.progressive-story-desktop-panel>img{width:100%;height:auto;display:block}.media.progressive-story-card-image{width:min(100%,clamp(120px,12vw,180px))}}@media (max-width:1099px),(pointer:coarse){.media.progressive-story-card-image{width:min(100%,clamp(40px,13vw,140px))}.progressive-story-card figcaption{margin-top:clamp(6px,1.3vw,16px);font-size:clamp(10px,1.8vw,18px)}}@media (max-width:600px){.wrap.grid.progressive-story-cards{gap:12px;padding-inline:12px}.progressive-story-card-image img{padding:8px}.progressive-story-card figcaption{margin-top:6px;font-size:clamp(8px,2.3vw,12px);line-height:1.3}.progressive-story-card figcaption span{display:block}}.sec.progressive-shatterproof{background:var(--surface);padding:32px 0 0}.wrap.progressive-shatterproof-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,3vw,48px);max-width:1500px;display:grid}.progressive-shatterproof-layout>*{min-width:0}.progressive-shatterproof-portrait{align-self:end}.progressive-shatterproof-portrait img{width:100%;height:auto}.progressive-shatterproof-content{flex-direction:column;gap:24px;padding-block:24px;display:flex}.progressive-shatterproof-index{color:#087582;font:400 clamp(96px, 14vw, 200px)/1 var(--font-ui);letter-spacing:-.035em;margin:0 0 16px}.progressive-shatterproof-copy p{color:#202020;margin:0 0 14px;font-size:16px;font-weight:400;line-height:1.5}.progressive-shatterproof-copy p:last-child{margin-bottom:0}.progressive-shatterproof-hammer{width:65%;max-width:360px;margin-inline:auto}.progressive-shatterproof-hammer img{width:100%;height:auto}.grid.progressive-shatterproof-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.progressive-shatterproof-feature{text-align:center;min-width:0;margin:0}.progressive-shatterproof-icon{aspect-ratio:1;width:100%;position:relative}.progressive-shatterproof-icon img{object-fit:contain}.progressive-shatterproof-icon.with-shadow img{filter:drop-shadow(0 6px 9px #123f533d)drop-shadow(0 1px 3px #123f5329)}.progressive-shatterproof-feature figcaption{color:#16636c;font:600 13px/1.35 var(--font-ui);padding-top:10px}.progressive-shatterproof-feature figcaption span{display:block}@media (max-width:1099px),(pointer:coarse){.progressive-shatterproof-content{gap:20px}.progressive-shatterproof-index{font-size:clamp(72px,13vw,140px)}.progressive-shatterproof-copy p{font-size:14px}.grid.progressive-shatterproof-features{gap:8px}.progressive-shatterproof-feature figcaption{font-size:clamp(10px,1.3vw,14px)}}@media (max-width:600px){.sec.progressive-shatterproof{padding-top:24px}.wrap.progressive-shatterproof-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-inline:20px}.progressive-shatterproof-portrait{width:100%;max-width:420px;margin-inline:auto}.progressive-shatterproof-content{padding-block:0 32px}.progressive-shatterproof-copy{text-align:center}.progressive-shatterproof-index{font-size:96px}.grid.progressive-shatterproof-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.progressive-shatterproof-icon{max-width:140px;margin-inline:auto}.progressive-shatterproof-feature figcaption{font-size:13px}}.sec.progressive-photochromic{padding-block:48px}.progressive-photochromic-image{margin:0;position:relative;container-type:inline-size}.progressive-photochromic-image>img{width:100%;height:auto;display:block}.progressive-photochromic-label{color:#fff;white-space:nowrap;height:6%;font:600 clamp(9px, 2.3cqw, 28px)/1.1 var(--font-ui);text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;top:88.2%}.progressive-photochromic-label.photo-grey{width:24.3%;left:16.6%}.progressive-photochromic-label.photo-brown{width:26.3%;left:58.9%}@media (max-width:600px){.sec.progressive-photochromic{padding-block:32px}.progressive-photochromic>.wrap{padding-inline:12px}}.progressive-specifications{background:#174353}.progressive-specifications-scene{width:100%;margin-inline:auto;position:relative;container-type:inline-size}.progressive-specifications-art{aspect-ratio:2281/1350;position:relative;overflow:hidden}.progressive-specifications-art>img,.progressive-specifications-clear img{object-fit:cover}.progressive-specifications-background{filter:blur(3px)brightness(.8)}.progressive-specifications-clear{clip-path:url(#progressive-specifications-aperture);position:absolute;inset:0}.progressive-specifications-lens{aspect-ratio:3077/2086;width:58%;position:absolute;top:5%;left:21%}.progressive-specifications-zones{width:100%;height:100%;position:absolute;inset:0}.progressive-specifications-table{width:96.8%;position:absolute;bottom:2.5%;left:1.6%}.progressive-specifications .table-wrap{border-radius:var(--r-input);background:0 0;border-color:#ffffffa6}.progressive-specifications table{min-width:1000px;font-size:clamp(12px,.95vw,16px)}.progressive-specifications .table-wrap thead th{color:#fff;letter-spacing:.02em;text-align:center;vertical-align:middle;background:#087582bf;border:1px solid #ffffffa6;padding:10px 6px;font-size:clamp(11px,.9vw,15px)}.progressive-specifications .spec-column-heading{justify-content:center;align-items:center;min-height:48px;display:flex}.progressive-specifications tbody td{color:#202020;vertical-align:middle;border:1px solid #fffc;padding:10px 6px}.progressive-specifications tbody tr{background:#e7f5f6d9}.progressive-specifications tbody tr:hover{background:#f5fcfcf2}.progressive-specifications tbody tr:last-child{background:#ffd58a;font-weight:600}.progressive-specifications tbody td:nth-child(n+4):nth-child(-n+9){text-align:center}.progressive-specifications tr>:nth-child(8){min-width:130px}.progressive-specifications tr>:nth-child(9){min-width:80px}.progressive-specifications tr>:last-child{width:1%}.progressive-specifications tbody td:last-child{white-space:pre}@media (max-width:1099px),(pointer:coarse){.progressive-specifications-art{aspect-ratio:2281/1000}.progressive-specifications-clear{clip-path:none}.progressive-specifications-lens{top:0}.progressive-specifications-table{width:calc(100% - 40px);margin-inline:auto;padding-block:24px;position:relative;inset:auto}}@media (max-width:600px){.progressive-specifications-table{width:calc(100% - 24px)}}.progressive-routing .page-nav{border-top:0;margin-top:0;padding-top:0}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.progressive-page{--progressive-panel-padding:clamp(12px, 2svh, 24px);--progressive-panel-inner:calc(var(--progressive-panel-height) - var(--progressive-panel-padding) * 2)}.page-hero.progressive-hero{height:var(--progressive-panel-height)}.page-hero.progressive-hero .progressive-banner-layout{height:100%}.progressive-banner-copy{padding-block:var(--progressive-panel-padding)}.media.progressive-banner-scene{max-width:calc((var(--progressive-panel-inner) - 180px) * 2281 / 1285);margin-bottom:20px}.page-hero.progressive-hero h1{font-size:clamp(32px,min(4.8vw,8svh),80px)}.page-hero.progressive-hero .lead{font-size:clamp(24px,min(3.3vw,5.5svh),54px)}.sec.progressive-shatterproof{min-height:var(--progressive-panel-height);padding-top:var(--progressive-panel-padding);align-items:end;display:grid}.wrap.progressive-shatterproof-layout{width:100%;max-width:min(1500px, calc(var(--progressive-panel-inner) * 3089 / 3379 * 2 + 84px));gap:32px}.progressive-shatterproof-portrait img{max-height:var(--progressive-panel-inner);object-fit:contain;object-position:center bottom}.progressive-shatterproof-content{height:var(--progressive-panel-inner);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding-block:8px;display:grid}.progressive-shatterproof-index{font-size:clamp(80px, calc(var(--progressive-panel-inner) * .23), 180px);margin-bottom:12px}.progressive-shatterproof-copy p{margin-bottom:12px;font-size:14px}.progressive-shatterproof-hammer{max-width:none;height:100%;min-height:0}.progressive-shatterproof-hammer img{object-fit:contain;height:100%}.progressive-shatterproof-icon{max-width:clamp(60px, calc(var(--progressive-panel-inner) * .14), 120px);margin-inline:auto}.sec.progressive-photochromic{min-height:var(--progressive-panel-height);padding-block:var(--progressive-panel-padding);align-items:center;display:flex}.progressive-photochromic>.wrap{width:100%}.progressive-photochromic-image{width:min(100%, calc((var(--progressive-panel-inner) - 2px) * 5116 / 3319));margin-inline:auto}.progressive-specifications{min-height:var(--progressive-panel-height);align-items:center;display:grid}.progressive-specifications-scene{width:min(100%, calc(var(--progressive-panel-height) * 2281 / 1350))}.progressive-specifications .table-wrap thead th,.progressive-specifications tbody td{padding-block:8px}.progressive-specifications tr>:nth-child(8){min-width:110px}.progressive-specifications tr>:nth-child(9){min-width:72px}.progressive-page .sec.progressive-routing{padding-block:24px}.progressive-page .cta-band{padding-block:clamp(32px,6svh,64px)}}@media (min-width:1100px) and (hover:hover) and (pointer:fine){.progressive-specifications table{table-layout:fixed;width:100%;min-width:0;font-size:clamp(12px,1.15cqw,14px)}.progressive-specifications .table-wrap thead th{letter-spacing:.02em;padding-inline:5px;font-size:12px}.progressive-specifications .table-wrap tbody td{white-space:normal;overflow-wrap:anywhere;padding-inline:5px}.progressive-specifications tr>:first-child{width:5%}.progressive-specifications tr>:nth-child(2){width:14%}.progressive-specifications tr>:nth-child(3){width:11%}.progressive-specifications tr>:nth-child(4){width:5%}.progressive-specifications tr>:nth-child(5){width:7%}.progressive-specifications tr>:nth-child(6),.progressive-specifications tr>:nth-child(7){width:6%}.progressive-specifications tr>:nth-child(8){width:10%;min-width:0}.progressive-specifications tr>:nth-child(9){width:7%;min-width:0}.progressive-specifications .table-wrap tr>:last-child{white-space:pre-line;width:29%;min-width:0}}
.myopia-page{--myopia-header-space:85px;--myopia-panel-height:calc(100svh - var(--myopia-header-space))}.myopia-page [id]{scroll-margin-top:var(--myopia-header-space)}.page-hero.myopia-hero{aspect-ratio:5120/2603;color:#087582;background:#edf8fb;padding:0}.page-hero.myopia-hero>img{object-position:center top}.page-hero.myopia-hero>.deco{display:none}.page-hero.myopia-hero .wrap{width:100%;max-width:none;height:100%;padding:0;position:absolute;inset:0}.page-hero.myopia-hero h1{letter-spacing:-.035em;white-space:nowrap;max-width:none;margin:0;font:800 clamp(24px,10.2vw,196px)/.95 Arial,sans-serif;position:absolute;top:15%;left:3%}.myopia-banner-title{-webkit-text-stroke:clamp(.3px, .06vw, 1px) white;paint-order:stroke fill;display:block}.myopia-banner-subtitle{letter-spacing:-.025em;margin-top:.08em;font-size:.52em;line-height:1.05;display:block}.myopia-banner-lens{width:23%;height:45%;position:absolute;top:50%;left:4.5%}.myopia-banner-lens img{object-fit:contain;width:100%;height:100%;display:block}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.page-hero.myopia-hero{height:min(calc(100vw * 2603 / 5120), var(--myopia-panel-height));aspect-ratio:auto}.page-hero.myopia-hero h1{font-size:clamp(32px, min(10.2vw, calc(var(--myopia-panel-height) * .22)), 196px);top:15%}}@media (max-width:600px){.page-hero.myopia-hero h1{font-size:10.2vw}}.myopia-overview{--myopia-overview-overlap:clamp(48px, 8vw, 120px);background:var(--surface);padding-top:clamp(24px,3vw,48px);padding-bottom:40px}.myopia-overview-heading{padding:clamp(28px, 3.5vw, 48px) 0 calc(var(--myopia-overview-overlap) + 20px);color:#fff;background:#16636c}.myopia-overview-quote{text-align:center;max-width:1000px;margin:0 auto}.myopia-overview-quote p{color:inherit;font:500 clamp(20px, 2.6vw, 36px)/1.3 var(--font-ui);margin:0}.wrap.myopia-overview-wrap{width:88%;max-width:1300px;margin-top:calc(-1 * var(--myopia-overview-overlap));padding-inline:0;position:relative}.myopia-overview-photo{margin:0}.myopia-overview-photo img{width:100%;height:auto}.myopia-overview-photo.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transition-delay:.2s;transform:translateY(48px)}.myopia-overview-photo.reveal.in{opacity:1;filter:blur();transform:none}@media (max-width:600px){.myopia-overview{--myopia-overview-overlap:48px;padding-bottom:32px}.myopia-overview-heading>.wrap{padding-inline:20px}.myopia-overview-quote p{font-size:clamp(18px,4.6vw,24px)}.wrap.myopia-overview-wrap{width:calc(100% - 24px)}}.myopia-design{background:var(--soft)}.myopia-design-scene{position:relative;overflow:hidden;container-type:inline-size}.myopia-design-art img{width:100%;height:auto;display:block}.myopia-design-copy{border-top:1px solid #16636c99;margin:0;padding-top:clamp(8px,1.4cqw,20px);position:absolute;top:55.5%;left:33.5%;right:3%}.myopia-design-copy p{color:#16636c;font:500 clamp(14px, 2.55cqw, 36px)/1.3 var(--font-ui);margin:0}.myopia-design-scene.reveal{opacity:1;filter:none;transition:none;transform:none}.myopia-design-art{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), filter 1.4s var(--e7)}.myopia-design-copy{opacity:0;filter:blur(8px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(28px)}.myopia-design-scene.in .myopia-design-art,.myopia-design-scene.in .myopia-design-copy{opacity:1;filter:blur();transform:none}@media (max-width:600px){.myopia-design-copy{top:48%;left:36%}.myopia-design-copy p{font-size:clamp(14px,2.8cqw,18px);line-height:1.35}}@media (prefers-reduced-motion:reduce){.myopia-design-art,.myopia-design-copy{opacity:1;filter:none;transition:none;transform:none}}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.myopia-overview{--myopia-overview-font-size:clamp(22px, 3.6svh, 32px);--myopia-overview-heading-padding:clamp(12px, 2svh, 20px);--myopia-overview-copy-space:calc(var(--myopia-overview-font-size) * 3.9 + var(--myopia-overview-heading-padding) + 16px);--myopia-overview-overlap:clamp(40px, 7svh, 72px);min-height:var(--myopia-panel-height);padding-block:24px}.myopia-overview-heading{padding-top:var(--myopia-overview-heading-padding);padding-bottom:calc(var(--myopia-overview-overlap) + 16px)}.myopia-overview-quote{max-width:900px}.myopia-overview-quote p{font-size:var(--myopia-overview-font-size)}.wrap.myopia-overview-wrap{width:min(88%, calc((var(--myopia-panel-height) - 48px - var(--myopia-overview-copy-space)) * 4320 / 2530))}.myopia-design{min-height:var(--myopia-panel-height);background:linear-gradient(90deg,#cbdfe9,#d0e9ec);align-items:center;display:grid}.myopia-design-scene{width:min(100%, calc(var(--myopia-panel-height) * 5116 / 3319));margin-inline:auto}}.sec.myopia-specifications{background:var(--surface);padding-block:32px}.myopia-specifications-quote{color:#fff;text-align:center;background:#087582;margin:0 0 32px;padding:clamp(24px,3vw,40px)}.myopia-specifications-quote p{max-width:1100px;font:400 clamp(22px, 2.5vw, 34px)/1.3 var(--font-ui);margin:0 auto}.myopia-specifications-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;display:grid}.myopia-specifications-body>*{min-width:0}.myopia-specifications-lens{width:85%;max-width:460px;margin:0 auto 12px}.myopia-specifications-lens img{width:100%;height:auto}.myopia-clinical-report{color:#16636c}.myopia-clinical-report h3{font:600 clamp(20px, 2vw, 26px)/1.2 var(--font-ui);margin-bottom:6px}.myopia-clinical-report p{margin:0;font-size:clamp(14px,1.4vw,18px);font-weight:400;line-height:1.4}.myopia-clinical-report strong{color:#ed1c24;white-space:nowrap;font-size:1.35em;font-weight:800}.myopia-specifications .myopia-design-table{border-radius:var(--r-input);background:#ccd9da;border-color:#fff}.myopia-design-table table{table-layout:fixed;min-width:0;font:400 16px/1.45 var(--font-ui)}.myopia-specifications .table-wrap thead th{color:#fff;text-align:center;vertical-align:middle;letter-spacing:0;text-transform:none;background:#16636c;border:1px solid #fff;padding:16px 12px;font-size:18px;font-weight:500}.myopia-design-table tbody th,.myopia-design-table tbody td{color:#28505a;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border:1px solid #fff;width:50%;min-width:0;padding:12px;font-weight:400}.myopia-design-table tbody tr:hover{background:#dce7e8}.myopia-design-table tbody td:last-child{white-space:normal;min-width:0}.myopia-design-table td strong{color:#16636c;font-size:1.35em;font-weight:600}.myopia-design-table td.myopia-defocus-values{text-align:left;padding:20px}.myopia-defocus-values p{margin:0}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.sec.myopia-specifications{min-height:var(--myopia-panel-height);align-items:center;padding-block:16px;display:grid}.myopia-specifications-layout{width:100%}.myopia-specifications-quote{margin-bottom:20px;padding-block:clamp(16px,2.5svh,28px)}.myopia-specifications-quote p{font-size:clamp(22px,3svh,32px)}.myopia-specifications-lens{width:min(85%, calc((var(--myopia-panel-height) - 260px) * 1966 / 1796))}.myopia-design-table table{font-size:clamp(13px,1vw,16px)}.myopia-specifications .table-wrap thead th{padding-block:10px;font-size:clamp(14px,1.2vw,18px)}.myopia-design-table tbody th,.myopia-design-table tbody td{padding-block:8px}.myopia-design-table td.myopia-defocus-values{padding:14px}}@media (max-width:1099px),(pointer:coarse){.myopia-specifications-body{gap:24px}.myopia-design-table table{font-size:14px}.myopia-specifications .table-wrap thead th{padding-inline:8px;font-size:16px}.myopia-design-table tbody th,.myopia-design-table tbody td{padding:10px 8px}.myopia-design-table td.myopia-defocus-values{padding:12px}}@media (max-width:600px){.myopia-specifications>.wrap{padding-inline:12px}.myopia-specifications-quote{padding:24px 16px}.myopia-specifications-quote p{font-size:clamp(18px,4.6vw,24px)}.myopia-specifications-body{grid-template-columns:minmax(0,1fr);gap:28px}.myopia-clinical-report{text-align:center}.myopia-specifications-lens{max-width:360px}}.myopia-comfort{background:linear-gradient(90deg,#b5b6b0,#a78b76 65%,#755640)}.myopia-comfort-scene{width:100%;margin-inline:auto;position:relative}.myopia-comfort-image{margin:0;position:relative;container-type:inline-size}.myopia-comfort-image>img{width:100%;height:auto;display:block}.myopia-comfort-image h2{color:#087582;font:400 5.7cqw/1 var(--font-ui);letter-spacing:-.025em;margin:0;position:absolute;top:9%;left:4%}.myopia-comfort-image h2>span,.myopia-comfort-image h2>strong{display:block}.myopia-comfort-image h2>strong{-webkit-text-stroke:.5px white;paint-order:stroke fill;font-weight:600}.myopia-comfort-table{width:96%;position:absolute;bottom:5%;left:2%}.myopia-comfort .table-wrap{border-radius:var(--r-input);background:0 0;border-color:#ffffffb3}.myopia-comfort table{min-width:920px;font-size:clamp(12px,1vw,16px)}.myopia-comfort .table-wrap thead th{text-align:center;vertical-align:middle;color:#fff;letter-spacing:.02em;background:#087582c7;border:1px solid #ffffffa6;padding:12px 8px;font-size:clamp(11px,.95vw,15px)}.myopia-comfort .spec-column-heading{justify-content:center;align-items:center;min-height:42px;display:flex}.myopia-comfort tbody tr{background:#daeae8e6}.myopia-comfort tbody tr:hover{background:#f0f8f7f7}.myopia-comfort .table-wrap tbody td{color:#202020;text-align:center;vertical-align:middle;border:1px solid #ffffffa6;border-bottom-color:#986841a6;padding:10px 8px}.myopia-comfort td.no{opacity:1}.myopia-comfort tr>:nth-child(6){min-width:100px}.myopia-comfort tr>:last-child{width:1%}.myopia-comfort .table-wrap tbody td:last-child{white-space:pre;text-align:left}.myopia-routing .page-nav{border-top:0;margin-top:0;padding-top:0}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.myopia-comfort{min-height:var(--myopia-panel-height);align-items:center;display:grid}.myopia-comfort-scene{width:min(100%, calc(var(--myopia-panel-height) * 5116 / 3194))}.myopia-comfort table{min-width:0;font-size:clamp(11px,.9vw,15px)}.myopia-comfort tr>:nth-child(6){min-width:70px}.myopia-comfort .table-wrap thead th,.myopia-comfort .table-wrap tbody td{padding-block:8px}.myopia-page .sec.myopia-routing{padding-block:24px}}@media (max-width:1099px),(pointer:coarse){.myopia-comfort-table{width:calc(100% - 40px);margin-inline:auto;padding-block:24px;position:relative;inset:auto}}@media (max-width:600px){.myopia-comfort-table{width:calc(100% - 24px)}}
.page-hero.anti-fatigue-hero{aspect-ratio:5115/2961;color:#fff;background:#c7d9ee;padding:0}.page-hero.anti-fatigue-hero>img{object-position:left center}.page-hero.anti-fatigue-hero .wrap{width:40%;max-width:none;margin:0;padding:0;position:absolute;top:39%;left:55%}.page-hero.anti-fatigue-hero h1{max-width:none;font:800 8.8vw/.92 var(--font-ui);letter-spacing:-.035em;margin:0 0 .08em}.page-hero.anti-fatigue-hero h1>span{text-shadow:-2px 2px #d1e1f7cc,-4px 4px #6791bd73;display:block}.anti-fatigue-banner-label{color:#fff;font:700 5.1vw/1.12 var(--font-ui);letter-spacing:.005em;text-align:center;white-space:nowrap;background:#086470f0;margin:0;padding:.06em .12em .1em}.anti-fatigue-banner-description{color:#fff;font:400 clamp(12px, 1.45vw, 23px)/1.25 var(--font-ui);background:#436b7647;margin:4px 0 0;padding:.5em .65em}.anti-fatigue-overview{--anti-fatigue-overlap:clamp(100px, 9.5vw, 164px);background:var(--surface);padding-top:clamp(24px,3vw,40px);padding-bottom:40px;scroll-margin-top:85px}.anti-fatigue-overview-heading{color:#fff;padding:40px 0 calc(var(--anti-fatigue-overlap) + 48px);text-align:center;background:#16636c}.anti-fatigue-overview-heading h2{font:700 clamp(28px, 3.5vw, 56px)/1.15 var(--font-ui);letter-spacing:-.025em;margin:0}.anti-fatigue-overview-grid{width:84%;max-width:1440px;margin:calc(-1 * var(--anti-fatigue-overlap)) auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,6vw,104px);display:grid}.anti-fatigue-benefit{min-width:0;margin:0}.anti-fatigue-benefit img{width:100%;height:auto;display:block}.anti-fatigue-benefit figcaption{color:#16636c;font:400 clamp(17px, 1.75vw, 28px)/1.3 var(--font-ui);margin-top:30px}.anti-fatigue-benefit-image.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(36px)}.anti-fatigue-benefit figcaption.reveal{opacity:0;filter:blur(8px);transform:translateY(22px)}.anti-fatigue-benefit-image.reveal.in,.anti-fatigue-benefit figcaption.reveal.in{opacity:1;filter:blur();transform:none}.sec.anti-fatigue-specifications{background:var(--surface);padding-top:0;padding-bottom:clamp(32px,4vw,56px);scroll-margin-top:85px}.anti-fatigue-specifications>.wrap{max-width:1200px}.anti-fatigue-specifications .sec-head{margin-bottom:0}.anti-fatigue-specifications .sec-head h2.eyebrow{font:500 12px/1.7 var(--font-ui);letter-spacing:.16em;white-space:nowrap;margin-bottom:0}.anti-fatigue-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,80px);display:grid}.anti-fatigue-comparison{min-width:0;margin:0}.anti-fatigue-comparison-image{aspect-ratio:1;align-items:center;width:100%;max-width:420px;margin:0 auto 30px;display:grid}.anti-fatigue-comparison-image img{width:100%;height:auto;display:block}.anti-fatigue-comparison figcaption{color:#16636c;width:100%;max-width:440px;margin-inline:auto}.anti-fatigue-comparison h3{font:700 clamp(24px, 2.6vw, 40px)/1.15 var(--font-ui);letter-spacing:-.02em;margin:0 0 8px}.anti-fatigue-comparison p{font:400 clamp(18px, 1.9vw, 28px)/1.3 var(--font-ui);margin:0}.anti-fatigue-comparison-image.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(36px)}.anti-fatigue-comparison figcaption.reveal{opacity:0;filter:blur(8px);transform:translateY(22px)}.anti-fatigue-comparison-image.reveal.in,.anti-fatigue-comparison figcaption.reveal.in{opacity:1;filter:blur();transform:none}.sec.anti-fatigue-coatings{background:var(--surface);padding:0;scroll-margin-top:85px}.anti-fatigue-coatings>.wrap{max-width:1440px}.anti-fatigue-coatings .sec-head{margin-bottom:0}.anti-fatigue-coatings .sec-head h2.eyebrow{font:500 12px/1.7 var(--font-ui);letter-spacing:.16em;white-space:nowrap;margin-bottom:10px}.anti-fatigue-coating-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,5vw,72px);display:grid}.anti-fatigue-coating-lens{aspect-ratio:1;background:linear-gradient(90deg,#fff,#f4f7fa) padding-box padding-box,linear-gradient(90deg,#f1f1f1,#353b40) border-box;border:1px solid #0000;border-radius:50%;place-items:center;width:100%;max-width:280px;margin:0 auto;display:grid}.anti-fatigue-coating-content{text-align:center;color:#087582;width:80%}.anti-fatigue-coating-content img{width:clamp(44px,5vw,64px);height:auto;margin:0 auto 8px;display:block}.anti-fatigue-coating-content p{font:400 clamp(12px, 1vw, 16px)/1.35 var(--font-ui);margin:0}.anti-fatigue-coating-content p span{display:block}.anti-fatigue-coating-lens.reveal{transform:translateY(30px)}.anti-fatigue-coating-lens.reveal.in{transform:none}.sec.anti-fatigue-options{background:var(--surface);padding-top:30px;padding-bottom:0;scroll-margin-top:85px}.anti-fatigue-options-wrap{width:80%;max-width:1440px;margin-inline:auto}.anti-fatigue-options .sec-head{margin-bottom:30px}.anti-fatigue-options .sec-head h2.eyebrow{font:500 12px/1.7 var(--font-ui);letter-spacing:.16em;white-space:nowrap;margin-bottom:0}.anti-fatigue-options .table-wrap{background:#d2e5e4;border-color:#fff}.anti-fatigue-options table{min-width:980px;font-size:clamp(14px,1.1vw,18px)}.anti-fatigue-options .table-wrap thead th{color:#fff;text-align:center;vertical-align:middle;letter-spacing:0;font-size:inherit;background:#087582;border:1px solid #fff;padding:14px 10px}.anti-fatigue-options .spec-column-heading{justify-content:center;align-items:center;min-height:48px;display:flex}.anti-fatigue-options th:first-child{width:7%}.anti-fatigue-options th:nth-child(2){width:20%}.anti-fatigue-options th:nth-child(3){width:11%}.anti-fatigue-options th:nth-child(4){width:10%}.anti-fatigue-options th:nth-child(5){width:12%}.anti-fatigue-options th:nth-child(6){width:10%}.anti-fatigue-options th:last-child{width:30%}.anti-fatigue-options .table-wrap tbody td{color:#202020;text-align:center;vertical-align:middle;border:1px solid #fff;padding:18px 10px}.anti-fatigue-options td.idx{font-size:inherit;font-weight:400}.anti-fatigue-options .table-wrap tbody td:last-child{white-space:pre}.anti-fatigue-routing .page-nav{margin-top:0}@media (max-width:1099px),(pointer:coarse){.anti-fatigue-options-wrap{width:calc(100% - 40px)}}@media (max-width:600px){.anti-fatigue-options-wrap{width:calc(100% - 24px)}}@media (max-width:1099px),(pointer:coarse){.anti-fatigue-coating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.anti-fatigue-coating-content p{font-size:14px}}@media (max-width:600px){.anti-fatigue-coatings>.wrap{padding-inline:12px}.anti-fatigue-coating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.anti-fatigue-coating-lens{max-width:180px}.anti-fatigue-coating-content img{width:clamp(28px,8vw,38px);margin-bottom:5px}.anti-fatigue-coating-content p{font-size:clamp(10px,2.7vw,12px);line-height:1.25}}@media (max-width:1099px),(pointer:coarse){.anti-fatigue-comparison-grid{gap:24px}.anti-fatigue-comparison-image{margin-bottom:24px}}@media (max-width:600px){.anti-fatigue-specifications>.wrap{padding-inline:20px}.anti-fatigue-comparison-grid{grid-template-columns:minmax(0,1fr);gap:36px}.anti-fatigue-comparison-image{max-width:360px;margin-bottom:20px}}@media (min-width:1100px) and (min-height:700px) and (hover:hover) and (pointer:fine){.anti-fatigue-overview{min-height:calc(100svh - 85px)}}@media (max-width:1099px),(pointer:coarse){.anti-fatigue-overview-grid{gap:24px;width:90%}.anti-fatigue-overview-heading{padding-top:32px;padding-bottom:calc(var(--anti-fatigue-overlap) + 32px)}.anti-fatigue-benefit figcaption{margin-top:24px;font-size:17px}}@media (max-width:600px){.anti-fatigue-overview{--anti-fatigue-overlap:100px;padding-bottom:32px}.anti-fatigue-overview-heading>.wrap{padding-inline:16px}.anti-fatigue-overview-heading h2{font-size:clamp(24px,6.5vw,36px)}.anti-fatigue-overview-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:440px}.anti-fatigue-benefit figcaption{margin-top:18px;font-size:18px}}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.page-hero.anti-fatigue-hero{aspect-ratio:auto;height:calc(100svh - 85px)}.page-hero.anti-fatigue-hero .wrap{top:auto;bottom:9%}.page-hero.anti-fatigue-hero h1{font-size:min(8.8vw,17svh)}.anti-fatigue-banner-label{font-size:min(5.1vw,10svh)}.anti-fatigue-banner-description{font-size:clamp(14px,min(1.45vw,2.8svh),23px)}}@media (max-width:600px){.page-hero.anti-fatigue-hero{aspect-ratio:auto;min-height:380px}.page-hero.anti-fatigue-hero>img{object-position:38% center}.page-hero.anti-fatigue-hero .wrap{width:53%;top:30%;left:44%}.page-hero.anti-fatigue-hero h1{font-size:10vw}.anti-fatigue-banner-label{font-size:6.2vw}.anti-fatigue-banner-description{font-size:12px}}
.sun-lenses-page{--sun-lenses-header-space:85px;--sun-lenses-panel-height:calc(100svh - var(--sun-lenses-header-space))}.sun-lenses-page [id]{scroll-margin-top:var(--sun-lenses-header-space)}.page-hero.sun-lenses-hero{aspect-ratio:5115/2597;background:#dce4e7;padding:0}.page-hero.sun-lenses-hero>img{object-position:center}.page-hero.sun-lenses-hero .wrap{width:100%;max-width:none;height:100%;padding:0;position:absolute;inset:0}.page-hero.sun-lenses-hero h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sun-lenses-banner-lettering{width:100%;height:100%;display:block;position:absolute;inset:0}.sun-lenses-banner-lettering.reveal{transform:translateY(14px)}.sun-lenses-banner-lettering.reveal.in{transform:none}.sun-lenses-overview{--sun-lenses-overlap:clamp(72px, 6vw, 112px);background:var(--surface);padding-top:clamp(24px,3vw,40px);padding-bottom:40px;scroll-margin-top:85px}.sun-lenses-overview-heading{padding:48px 0 calc(var(--sun-lenses-overlap) + 64px);color:#fff;text-align:center;background:#16636c}.sun-lenses-overview-heading h2{font:700 clamp(28px, 3.5vw, 56px)/1.15 var(--font-ui);letter-spacing:-.025em;margin:0}.sun-lenses-overview-grid{width:92%;max-width:1720px;margin:calc(-1 * var(--sun-lenses-overlap)) auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sun-lenses-benefit{min-width:0;margin:0}.sun-lenses-benefit img{width:100%;height:auto;display:block}.sun-lenses-benefit figcaption{color:#087582;text-align:center;font:400 clamp(16px, 2.15vw, 36px)/1.25 var(--font-ui);margin-top:30px}.sun-lenses-benefit strong{font-weight:700}.sun-lenses-benefit-image.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(36px)}.sun-lenses-benefit figcaption.reveal{opacity:0;filter:blur(8px);transform:translateY(22px)}.sun-lenses-benefit-image.reveal.in,.sun-lenses-benefit figcaption.reveal.in{opacity:1;filter:blur();transform:none}.sun-lenses-color{background:linear-gradient(to bottom, #16636c 0 43.5%, var(--surface) 43.5% 100%);padding:clamp(32px,4vw,75px) 0 clamp(40px,4.7vw,88px);scroll-margin-top:85px}.sun-lenses-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:92%;max-width:1720px;margin-inline:auto;display:grid}.sun-lenses-color-item{min-width:0;margin:0}.sun-lenses-color-item figcaption{color:#fff;text-align:center;font:700 clamp(28px, 5vw, 94px)/1.15 var(--font-ui);margin:0 0 clamp(20px,2.2vw,41px)}.sun-lenses-color-image{width:100%;height:auto;display:block}.sun-lenses-color-image.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(36px)}.sun-lenses-color-image.reveal.in{opacity:1;filter:blur();transform:none}.sun-lenses-specifications{background:var(--surface);scroll-margin-top:85px}.sun-lenses-specifications .sec-head{margin-bottom:30px}.sun-lenses-specifications .sec-head h2.eyebrow{font:500 12px/1.7 var(--font-ui);letter-spacing:.16em;margin-bottom:0}.sun-lenses-specifications-scene{width:100%;position:relative}.sun-lenses-specifications-image{width:100%;height:auto;display:block}.sun-lenses-specifications-table{width:96%;position:absolute;bottom:5%;left:2%;overflow-x:auto}.sun-lenses-specifications-table:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sun-lenses-specifications-table table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:960px}.sun-lenses-specifications-table th,.sun-lenses-specifications-table td{text-align:center;vertical-align:middle;border-right:1px solid #ffffffd9;font-size:clamp(14px,1.15vw,22px);line-height:1.5}.sun-lenses-specifications-table th{color:#fff;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:normal;white-space:normal;background:linear-gradient(110deg,#00201ecc,#00707ef0);border-bottom:0;padding:2.6vw 12px;font-weight:500}.sun-lenses-specifications-table td{color:#202020;font-family:var(--font-head);background:#d8ebe7db;border-top:2px solid #946d44bf;border-bottom:0;padding:1.45vw 12px;font-weight:400}.sun-lenses-specifications-table th:last-child,.sun-lenses-specifications-table td:last-child{border-right:0}.sun-lenses-specifications-table td:last-child{white-space:nowrap}.sun-lenses-specifications-table tbody tr:hover td{background:#d8ebe7f0}.sun-lenses-specifications-table tbody tr:hover{background:0 0}.sun-lenses-page .sec.sun-lenses-routing{padding-top:40px}@media (max-width:1099px){.sun-lenses-specifications-scene{aspect-ratio:5115/2443;min-height:480px}.sun-lenses-specifications-image{object-fit:cover;height:100%;position:absolute;inset:0}.sun-lenses-specifications-table th{padding:24px 12px;font-size:14px}.sun-lenses-specifications-table td{padding:18px 12px;font-size:14px}}@media (max-width:600px){.sun-lenses-specifications-scene{min-height:520px}.sun-lenses-specifications-image{object-position:40% center}.sun-lenses-color{background:var(--surface);padding-block:0 32px}.sun-lenses-color-grid{grid-template-columns:minmax(0,1fr);gap:32px;width:100%}.sun-lenses-color-item{background:linear-gradient(to bottom, #16636c 0 38%, var(--surface) 38% 100%);padding:28px 4vw 0}.sun-lenses-color-item figcaption{margin-bottom:24px;font-size:clamp(32px,8vw,48px)}.sun-lenses-color-image{max-width:480px;margin-inline:auto}}.sec.sun-lenses-difference{background:var(--surface);padding:0 0 40px;scroll-margin-top:85px}.sun-lenses-page .cta-band{padding-top:0;padding-bottom:40px}.sun-lenses-difference>.wrap{max-width:1280px}.sun-lenses-difference .sec-head{margin-bottom:30px}.sun-lenses-difference .sec-head h2.eyebrow{font:500 12px/1.7 var(--font-ui);letter-spacing:.16em;white-space:nowrap;margin-bottom:0}.sun-lenses-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.sun-lenses-comparison{width:100%;min-width:0;max-width:550px;margin:0 auto}.sun-lenses-comparison-photo{position:relative;container-type:inline-size}.sun-lenses-comparison-photo img{width:100%;height:auto;display:block}.sun-lenses-anti-glare{color:#fff;text-align:center;width:35%;font:700 4.8cqw/1.2 var(--font-ui);white-space:nowrap;position:absolute;top:49%;left:50%}.sun-lenses-comparison figcaption{color:#087582;text-align:center;font:700 clamp(20px, 2.3vw, 32px)/1.2 var(--font-ui);margin-top:24px}.sun-lenses-comparison-photo img.reveal{opacity:0;filter:blur(12px);transition:opacity 1.4s var(--e7), transform 1.4s var(--e7), filter 1.4s var(--e7);transform:translateY(36px)}.sun-lenses-anti-glare.reveal,.sun-lenses-comparison figcaption.reveal{opacity:0;filter:blur(8px);transform:translateY(14px)}.sun-lenses-comparison-photo img.reveal.in,.sun-lenses-anti-glare.reveal.in,.sun-lenses-comparison figcaption.reveal.in{opacity:1;filter:blur();transform:none}@media (max-width:1099px),(pointer:coarse){.sun-lenses-difference-grid{gap:24px}}@media (max-width:600px){.sun-lenses-difference>.wrap{padding-inline:16px}.sun-lenses-difference-grid{grid-template-columns:minmax(0,1fr);gap:32px}.sun-lenses-comparison{max-width:440px}.sun-lenses-comparison figcaption{margin-top:18px}}@media (max-width:1099px),(pointer:coarse){.sun-lenses-overview-heading{padding-top:32px;padding-bottom:calc(var(--sun-lenses-overlap) + 40px)}.sun-lenses-benefit figcaption{margin-top:24px;font-size:clamp(16px,2.15vw,24px)}}@media (max-width:600px){.sun-lenses-overview{padding-bottom:32px}.sun-lenses-overview-heading>.wrap{padding-inline:16px}.sun-lenses-overview-heading h2{font-size:clamp(24px,6.5vw,36px)}.sun-lenses-overview-grid{grid-template-columns:minmax(0,1fr);gap:32px;max-width:480px}.sun-lenses-benefit figcaption{margin-top:18px;font-size:clamp(20px,5.4vw,26px)}}@media (min-width:1100px) and (min-height:600px) and (hover:hover) and (pointer:fine){.page-hero.sun-lenses-hero{height:min(var(--sun-lenses-panel-height), calc(100vw * 2597 / 5115));aspect-ratio:auto}.page-hero.sun-lenses-hero>img{object-position:center bottom}.sun-lenses-overview-grid{width:min(92%, 1720px, calc((var(--sun-lenses-panel-height) - 340px) * 1550 / 897 * 3 + 24px))}.sun-lenses-benefit figcaption{font-size:clamp(16px,min(2.15vw,3svh),36px)}.sun-lenses-difference>.wrap{max-width:min(1280px, calc((var(--sun-lenses-panel-height) - 170px) * 2 + 84px))}.sun-lenses-comparison{max-width:min(550px, calc(var(--sun-lenses-panel-height) - 170px))}.sun-lenses-color{--sun-lenses-color-label-size:clamp(28px, min(5vw, 6svh), 72px);padding-top:24px;padding-bottom:32px}.sun-lenses-color-grid{width:min(92%, 1720px, calc((var(--sun-lenses-panel-height) - 80px - var(--sun-lenses-color-label-size) * 1.15) * 1555 / 1730 * 3))}.sun-lenses-color-item figcaption{font-size:var(--sun-lenses-color-label-size);margin-bottom:24px}.sun-lenses-specifications-scene{width:min(100%, calc((var(--sun-lenses-panel-height) - 60px) * 5115 / 2443));margin-inline:auto;container-type:inline-size}.sun-lenses-specifications-table table{min-width:0}.sun-lenses-specifications-table th,.sun-lenses-specifications-table td{font-size:clamp(12px,1.15cqw,22px)}.sun-lenses-specifications-table th{padding:2.6cqw 8px}.sun-lenses-specifications-table td{padding:1.45cqw 8px}.sun-lenses-page .sec.sun-lenses-routing{padding-block:32px}.sun-lenses-routing .page-nav{margin-top:0;padding-top:24px}}