:root{--orange:#1476bb;--lime:#bbdff5;--cream:#f6f9fc;--line:#d6e1e9}
[hidden]{display:none!important}section[id],main[id]{scroll-margin-top:105px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1476bb;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;padding:14px 22px;background:#122339;color:#fff;z-index:99}.skip-link:focus{top:12px}.header{height:90px}.brand{width:145px}.nav{gap:20px}.nav a{font-size:13px}.hero{min-height:580px}.hero-copy{padding:100px clamp(24px,6vw,96px)}.hero h1{font-size:clamp(44px,4.9vw,72px);line-height:1.05}.hero-text{max-width:470px}.hero-note{font-size:12px;line-height:1.8;color:#536071;margin:26px 0 0}.hero-visual{background:#13283c;min-height:530px}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081c35a6,transparent 42%)}.hero-caption{z-index:1;font-size:32px}.hero-caption em{color:#bbdff5}.hero-actions{gap:20px}.button-primary{background:#1476bb}.button{transition:background .2s,transform .2s;line-height:1.4}.button:hover{background:#0b5389;color:#fff;transform:translateY(-2px)}.button-light:hover{background:#d8effb;color:#122339}.benefits{background:#eef5fa}.benefits h2{font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.4}.collection{padding-top:90px;padding-bottom:90px}.section-head{grid-template-columns:1fr 2.7fr 1.3fr;gap:20px}.section-head h2{font-size:46px}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px}.product{height:420px;border-radius:5px;padding:0;isolation:isolate}.product-photo{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .4s}.product:hover .product-photo{transform:scale(1.03)}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071b33 0%,#071b33c7 26%,transparent 75%);z-index:1}.product-frame,.lens-orbit{display:none}.product-content{inset:auto 26px 26px}.product-content h3{font-size:23px;line-height:1.2;max-width:280px}.product-link{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff59;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.product-link:hover{color:#bbdff5}.process{padding:90px clamp(24px,7vw,108px);background:#fff}.process h2,.choice-guide h2{font:600 clamp(36px,4.1vw,56px)/1.05 "Playfair Display",serif;letter-spacing:-.035em;margin:0}.process h2 em,.choice-guide h2 em{color:#1476bb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps span{color:#1476bb;font-size:13px;font-weight:700}.steps h3{font-size:20px;margin:20px 0 14px}.steps p{font-size:15px;line-height:1.8;color:#536071;margin:0}.choice-guide{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:95px clamp(24px,7vw,108px);background:#e7f1f8;align-items:center}.guide-copy>p:not(.eyebrow){color:#536071;line-height:1.8;max-width:440px;margin:25px 0}.guide-copy .text-link{line-height:1.7;display:inline-block}.guide-panel{background:#fff;padding:34px;border-radius:8px;box-shadow:0 16px 45px #1223390a}.guide-panel fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}.guide-panel legend,.field-label{font-size:14px;font-weight:700;margin-bottom:12px;display:block}.choice-options{display:flex;gap:8px;flex-wrap:wrap}.choice-options label{cursor:pointer;position:relative;display:flex}.choice-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.choice-options span{display:block;padding:12px 14px;border:1px solid #d6e1e9;border-radius:4px;font-size:13px}.choice-options input:checked+span{background:#122339;color:#fff;border-color:#122339}.choice-options input:focus-visible+span{outline:3px solid #1476bb;outline-offset:3px}.guide-panel select{width:100%;border:1px solid #d6e1e9;border-radius:4px;background:#f6f9fc;padding:13px;font:14px "DM Sans",sans-serif;color:#122339;margin-bottom:22px}.guide-summary{background:#eef5fa;padding:16px;font-size:13px;line-height:1.7;color:#536071;margin:0 0 22px}.guide-panel button{border:0;cursor:pointer;font-family:inherit;width:100%}.guide-panel small{display:block;text-align:center;color:#536071;font-size:11px;margin-top:13px;line-height:1.7}.lenses{gap:35px}.lenses h2{font-size:44px}.location-art .location-photo{height:100%;width:100%;object-fit:cover}.location-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081c35b3,transparent 70%)}.location-art p{color:#fff;z-index:1}.map-pin,.location-circle{display:none}.location-copy{padding:75px clamp(24px,6vw,96px)}.social-follow{padding-top:80px;padding-bottom:80px}.faq h2 em{color:#1476bb}.faq summary{line-height:1.4;padding-right:8px}.faq details{max-width:100%}.faq p{max-width:800px}.contact{background:#122339;color:#fff;padding:95px 24px}.contact .eyebrow{color:#bbdff5}.contact h2 em{color:#bbdff5}footer{flex-wrap:wrap;line-height:1.8}.mobile-contact{display:none}
@media(min-width:801px) and (max-width:1100px){.header{padding:0 24px}.nav{gap:12px}.nav a{font-size:12px}.header-action{font-size:12px;padding:12px}.hero-copy{padding:80px 35px}.hero-actions{flex-wrap:wrap}.section-head{grid-template-columns:1fr 3fr}.section-head .text-link{grid-column:2;justify-self:start}.choice-guide{gap:35px}.lenses{grid-template-columns:1.2fr 1fr}.lenses .button{grid-column:2;justify-self:start}}
@media(max-width:800px){section[id],main[id]{scroll-margin-top:85px}.header{height:74px}.brand{width:120px}.nav.is-open{top:73px;box-shadow:0 15px 20px #12233912}.nav a{padding:6px 0;font-size:16px}.menu-toggle{min-height:44px;min-width:44px;color:#122339}.hero-copy{padding:58px 24px 42px}.hero h1{font-size:clamp(40px,8.5vw,60px)}.hero-text{font-size:16px;margin:24px 0}.hero-note{font-size:11px}.hero-visual{min-height:360px}.hero-caption{font-size:27px}.benefits{grid-template-columns:repeat(3,1fr);padding:22px 24px;gap:12px}.benefits article,.benefits article:first-child{display:block;padding:0;border:0}.benefits span{display:block;margin-bottom:8px}.benefits h2{font-size:12px;line-height:1.5}.collection,.process,.choice-guide{padding:65px 24px}.section-head h2{font-size:38px}.product-grid{grid-template-columns:1fr}.product{height:390px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin:12px 0 8px}.choice-guide{grid-template-columns:1fr;gap:32px}.guide-panel{padding:24px}.choice-options span{padding:11px;font-size:12px}.lenses{padding:65px 24px}.lenses h2{font-size:38px}.location-copy{padding:60px 24px}.location-copy h2{font-size:38px}.social-follow{padding:65px 24px}.faq{padding:65px 24px}.faq summary{font-size:19px}.contact{padding:70px 24px}.contact h2{font-size:42px}footer{padding:30px 24px 110px}.mobile-contact{display:block;position:fixed;inset:auto 0 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #d6e1e9;z-index:20}.mobile-contact a{display:block;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-carousel{isolation:isolate;background:#122339}.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}.hero-slide{object-fit:cover;opacity:0;transition:opacity .65s ease}.hero-slide.is-active{opacity:1}.hero-carousel-controls{position:absolute;z-index:3;bottom:24px;right:26px;display:flex;align-items:center;gap:12px}.hero-dots{display:flex;gap:7px}.hero-arrow,.hero-dots button{border:1px solid #fff;background:#122339aa;color:#fff;cursor:pointer}.hero-arrow{width:32px;height:32px;border-radius:50%;font-size:16px}.hero-dots button{width:9px;height:9px;padding:0;border-radius:50%}.hero-dots button[aria-current="true"]{background:#fff}.hero-carousel .hero-caption{bottom:86px}
.hero{display:block;position:relative;min-height:clamp(430px,58vw,700px);background:#122339}.hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0}.hero-visual:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,24,45,.84) 0%,rgba(5,24,45,.48) 34%,rgba(5,24,45,.08) 70%),linear-gradient(0deg,rgba(5,24,45,.55),transparent 45%);pointer-events:none}.hero-copy{position:relative;z-index:4;min-height:clamp(430px,58vw,700px);max-width:760px;padding:clamp(70px,10vw,135px) clamp(24px,7vw,108px);color:#fff}.hero-copy .eyebrow{color:#bbdff5}.hero-copy .hero-text,.hero-copy .hero-note{color:#edf7ff}.hero-copy .text-link{color:#fff}.hero-copy .button-primary{background:#1476bb}.hero-caption{z-index:3}.hero-carousel-controls{z-index:5}
@media(max-width:800px){.hero{min-height:580px}.hero-copy{min-height:580px;padding:68px 24px 45px}.hero-visual{min-height:0}.hero-carousel-controls{right:20px;bottom:20px}.hero-carousel .hero-caption{bottom:75px}}
.promo-carousel{position:relative;width:100%;height:clamp(250px,31vw,430px);background:#122339;overflow:hidden}.promo-carousel .hero-slides{bottom:50px;height:calc(100% - 50px)}.promo-carousel .hero-carousel-controls{left:0;right:0;bottom:0;height:50px;justify-content:center;background:#122339;color:#fff}.promo-carousel .hero-slide{object-fit:cover}.promo-carousel .hero-counter{font-size:12px;min-width:36px;text-align:center}.promo-carousel .hero-pause{height:32px;padding:0 10px;border:1px solid #ffffff99;border-radius:4px;background:transparent;color:#fff;cursor:pointer;font:12px "DM Sans",sans-serif}.promo-carousel .hero-arrow{background:transparent;border-color:#ffffff99;border-radius:4px}.promo-carousel .hero-dots{display:none}.promo-carousel+.hero{display:grid;position:relative;min-height:610px;background:#fff}.promo-carousel+.hero .hero-visual{position:relative;inset:auto;width:auto;height:auto;min-height:430px}.promo-carousel+.hero .hero-copy{position:static;z-index:auto;min-height:0;max-width:none;padding:clamp(64px,10vw,140px) clamp(24px,7vw,108px);color:var(--ink)}.promo-carousel+.hero .hero-copy .eyebrow{color:var(--orange)}.promo-carousel+.hero .hero-copy .hero-text,.promo-carousel+.hero .hero-copy .hero-note{color:#536071}.promo-carousel+.hero .hero-copy .text-link{color:inherit}.promo-carousel+.hero .hero-visual:before{display:none}.promo-carousel+.hero .hero-caption{z-index:1;bottom:8%}.promo-carousel+.hero .hero-photo{display:block}.promo-carousel+.hero .hero-visual:after{display:block}.promo-carousel+.hero .hero-carousel-controls{display:none}
@media(max-width:800px){.promo-carousel{height:250px}.promo-carousel+.hero{display:grid;min-height:0}.promo-carousel+.hero .hero-copy{min-height:0;padding:58px 24px 42px}.promo-carousel+.hero .hero-visual{min-height:360px}.promo-carousel .hero-carousel-controls{height:48px}.promo-carousel+.hero .hero-caption{bottom:8%}}
.promo-carousel .hero-slides{bottom:0!important;height:100%!important}.promo-carousel .hero-carousel-controls{left:50%;right:auto;bottom:0;transform:translateX(-50%);padding:0 12px;background:rgba(18,35,57,.84);border:1px solid rgba(255,255,255,.24);border-bottom:0;border-radius:8px 8px 0 0}
.promo-carousel + .hero{display:grid!important;grid-template-columns:1.03fr .97fr!important;min-height:610px!important;background:#fff!important}.promo-carousel + .hero .hero-copy{position:relative!important;inset:auto!important;min-height:0!important;max-width:none!important}.promo-carousel + .hero .hero-visual{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:430px!important}.promo-carousel + .hero .hero-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.promo-carousel + .hero .hero-visual:before{display:none!important}
@media(max-width:800px){.promo-carousel + .hero{display:grid!important;grid-template-columns:1fr!important;min-height:0!important}.promo-carousel + .hero .hero-visual{min-height:360px!important}}
.hero-slides,.hero-slide{will-change:opacity}.promo-carousel + .hero,.benefits,.collection,.process,.choice-guide,.lenses,.location,.social-follow,.faq,.contact{content-visibility:auto;contain-intrinsic-size:500px}.product-photo,.location-photo{content-visibility:auto}
@media(max-width:800px){body{overflow-x:hidden}.promo-carousel{height:clamp(190px,58vw,260px)}.promo-carousel .hero-carousel-controls{height:42px;padding:0 8px;gap:7px}.promo-carousel .hero-arrow,.promo-carousel .hero-pause{height:28px}.promo-carousel .hero-pause{padding:0 8px;font-size:11px}.promo-carousel .hero-counter{font-size:11px;min-width:30px}.promo-carousel + .hero .hero-copy{padding:48px 24px 36px}.promo-carousel + .hero .hero-visual{min-height:300px!important}.hero h1{font-size:clamp(38px,10vw,54px)}.hero-text{line-height:1.55}.benefits,.product-grid{contain:layout paint}.mobile-contact{backdrop-filter:blur(8px)}}