@charset "UTF-8";
:root{--ink:#181a1e;--paper:#ffffff;--lime:#cbb994;--muted:#b6b6b6;--edge:#ffffff24;--focus:100;--split:50%;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:6px}button{background:none;border:none}p{font-size:1rem;line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(2.5rem,4.7vw,4.8rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:32px}h2 em,h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}img{display:block;max-width:100%}.header{height:100px;position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid var(--edge);gap:25px}.wordmark{font-size:2rem;font-weight:700;letter-spacing:-.075em;line-height:1}.wordmark span{display:block;font-size:.65rem;font-weight:400;letter-spacing:.12em;margin-top:10px}.header nav{display:flex;gap:32px;font-size:.875rem}.header nav a{padding:12px 0}.header nav a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;background:var(--lime);color:var(--ink);font-size:.9rem;font-weight:500;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#42483d;transform:translateY(-2px)}.button span[aria-hidden]{font-size:1.3rem}.button.small{padding:13px 20px;position:fixed;right:5.2%;top:24px;z-index:20;box-shadow:0 5px 25px #0002}.header nav{margin-right:190px}.hero{position:relative;min-height:850px;height:100svh;max-height:1150px;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0 0 0 25%;z-index:-3;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;filter:blur(calc((100 - var(--focus))* .065px)) saturate(.7);animation:clarity 2s ease-out both;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#181a1e 0%,#181a1ef5 25%,#181a1e88 49%,#181a1e05 85%),linear-gradient(0deg,#181a1e 0%,#181a1e00 40%,#181a1e88 100%)}.hero-copy{position:relative;margin:0 5.2%;padding-top:clamp(200px,23vh,270px);max-width:670px}.eyebrow{font-size:.75rem;letter-spacing:.16em;line-height:1.5;font-weight:500;margin-bottom:26px}.hero .eyebrow{color:#d5d5d5;display:flex;align-items:center;gap:12px}.line{height:1px;width:27px;background:var(--lime)}h1{font-size:clamp(4.5rem,7.8vw,8.2rem);line-height:.98;letter-spacing:-.065em;margin-bottom:30px}h1 em{color:var(--lime)}.intro{color:#d2d2d2;font-size:1.1rem;line-height:1.7;margin-bottom:34px}.focus-ring{position:absolute;width:clamp(220px,27vw,480px);aspect-ratio:1;border:1px solid #ffffff75;border-radius:50%;top:29%;right:10%;box-shadow:0 0 0 14px #ffffff06,inset 0 0 55px #ffffff12;transform:translate(var(--x,0),var(--y,0));transition:transform .7s ease-out;pointer-events:none}.focus-ring:before,.focus-ring:after{content:'';position:absolute;left:50%;top:-7px;background:#e5e5e5;width:1px;height:14px}.focus-ring:after{top:auto;bottom:-7px}.focus-ring span{position:absolute;bottom:32px;left:0;right:0;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;text-shadow:0 1px 10px #000}.focus-control{position:absolute;bottom:135px;right:7%;width:275px;padding:18px 20px;background:#181a1ea8;border:1px solid #ffffff38;border-radius:4px;backdrop-filter:blur(16px)}.focus-control>div{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.focus-control p{font-size:.7rem;color:#d4d4d4;line-height:1.5;margin:8px 0 0}.focus-control input{margin-top:16px}.hero-bottom{position:absolute;bottom:30px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:.65rem;letter-spacing:.13em;color:#cbcbcb;border-top:1px solid var(--edge);padding-top:26px}.hero-bottom a span{font-size:1.2rem;margin-right:16px}.hero-bottom button{font-size:.75rem;letter-spacing:0;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.section{padding:75px 7% 110px;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;letter-spacing:.11em;padding-bottom:26px;margin-bottom:70px;border-bottom:1px solid currentColor}.section-label span:last-child{letter-spacing:.025em;opacity:.75}.about{background:var(--paper);color:var(--ink)}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center}.portrait-wrap{position:relative;max-width:540px;padding-bottom:35px}.portrait-wrap:before{content:'';position:absolute;inset:-18px 20px 50px -18px;border:1px solid #181a1e44}.portrait-wrap img{position:relative;width:100%;aspect-ratio:1/.95;object-fit:cover;filter:contrast(1.03)}.image-note{position:absolute;bottom:0;font-size:.75rem;letter-spacing:.04em}.about-copy p:not(.eyebrow){max-width:465px;color:#4f4f4f}.text-link{display:inline-flex;gap:36px;justify-content:space-between;border-bottom:1px solid currentColor;padding:12px 0;font-size:.9rem}.text-link:hover{opacity:.7}.eyewear{background:#262626}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.split-heading h2{margin:0}.split-heading>p{color:#c3c3c3;max-width:390px;margin-bottom:5px}.eyewear h2 em{color:var(--lime)}.frame-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.frame-choices button{display:flex;text-align:left;align-items:center;gap:16px;padding:27px 22px;border:1px solid #686868;font-size:.75rem;border-radius:2px;transition:background .2s,color .2s}.frame-choices span{font-size:clamp(1rem,1.8vw,1.55rem);flex:1}.frame-choices button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.frame-detail{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:55px 25px 5px}.frame-detail h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:0}.frame-detail p:not(.eyebrow){color:#c7c7c7;max-width:490px}.frame-detail .eyebrow{color:var(--lime);margin-bottom:18px}.vision{background:#e2e2e2;color:var(--ink)}.vision .split-heading>p{color:#565656}.vision h2{font-size:clamp(2.5rem,4.2vw,4.4rem)}.comparison{position:relative;aspect-ratio:2.6;overflow:hidden;background:#282828;--split:50%}.comparison>img,.tinted,.tinted img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.tinted{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));background:#111}.tinted img{filter:brightness(.52) saturate(.82)}.comparison.brown .tinted img{filter:sepia(.48) brightness(.65) saturate(.85)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--paper);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:1.5rem}.image-label{position:absolute;top:20px;background:#181a1eca;color:white;padding:9px 14px;font-size:.75rem;border-radius:2px}.original{left:20px}.effect{right:20px}.compare-controls{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px}.tint-buttons{display:flex;gap:12px}.tint-buttons button{border:1px solid #919191;border-radius:30px;padding:12px 22px;display:flex;gap:9px;align-items:center;font-size:.875rem}.tint-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.swatch{height:15px;width:15px;border-radius:50%;border:1px solid #ffffff88}.gray{background:#808080}.brown{background:#686868}.compare-slider{width:40%}.compare-slider label{font-size:.8rem;display:block;margin-bottom:10px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:20px;background:transparent;cursor:ew-resize;margin-left:0;margin-right:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#989898}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--lime);border:1px solid #424242;margin-top:-8px}input[type=range]::-moz-range-track{height:2px;background:#989898}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--lime);border:1px solid #424242}.disclaimer{font-size:.75rem;line-height:1.6;color:#595959;max-width:780px;margin:25px 0 0}.contact{padding-bottom:100px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.contact h2 em{color:var(--lime)}.contact-grid>div>p{color:#bebebe}.contact .external-note{font-size:.7rem;margin-top:12px}.contact-details{padding-top:45px;display:flex;flex-direction:column;align-items:start;gap:20px}.phone{font-size:clamp(1.6rem,2.4vw,2.6rem);letter-spacing:-.035em}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--edge);padding-top:30px;margin-top:15px;width:100%}.contact-info h3{font-size:.8rem;color:#afafaf}.contact-info p,.contact-info address{font-size:.9rem;line-height:1.8;font-style:normal;margin:0}.operational-note{font-size:.7rem;line-height:1.6;color:#b1b1b1;max-width:430px}footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 5.2% 75px;border-top:1px solid var(--edge)}footer p{font-size:.75rem;color:#b7b7b7;margin:0}footer>div{display:flex;gap:20px;font-size:.75rem}footer button{padding:0;font-size:inherit}.preview-label{position:absolute;bottom:23px;right:5.2%;font-size:.6rem;letter-spacing:.15em;color:#b8b8b8}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--lime);color:var(--ink);padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:4px;padding:50px;max-width:640px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:2.6rem}dialog p{font-size:.9rem}.close{position:absolute;right:14px;top:10px;font-size:2rem;padding:6px}.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off{scroll-behavior:auto}.motion-off .focus-ring{transform:none}.enter{animation:arrive .65s ease-out both}@keyframes clarity{from{filter:blur(10px) saturate(.7);transform:scale(1.08)}to{filter:blur(calc((100 - var(--focus))* .065px)) saturate(.7);transform:scale(1.04)}}@keyframes arrive{from{opacity:.7;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero-copy{padding-top:26vh}.hero-art{left:28%}.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header nav{gap:18px}.hero{min-height:820px}.hero-copy{padding-top:210px}.focus-control{right:5.2%;bottom:125px;width:240px}.focus-ring{right:8%;top:25%}.section{padding:60px 6% 85px}.about-grid{gap:7%}.section-label{margin-bottom:50px}.frame-choices{gap:10px}.frame-choices button{padding:23px 16px;gap:10px}.contact-grid{gap:6%}.contact-info{gap:20px}footer>p{display:none}}
@media(max-width:720px){html{scroll-padding-top:85px}.header{height:85px;padding:0 6%;gap:15px}.wordmark{font-size:1.7rem}.wordmark span{font-size:.58rem}.header nav{display:none}.button.small{top:20px;right:6%;padding:12px 15px;font-size:.8rem;gap:16px}.hero{height:auto;min-height:920px;max-height:none}.hero-art{inset:0 0 0 0}.hero-art>img{object-position:66% 20%;opacity:.75}.hero-shade{background:linear-gradient(90deg,#181a1edd,#181a1e44),linear-gradient(0deg,#181a1e 1%,#181a1ec4 30%,#181a1e00 65%,#181a1e99)}.hero-copy{padding-top:215px;margin:0 6%}.hero .eyebrow{font-size:.62rem;margin-bottom:25px}h1{font-size:clamp(3.8rem,14vw,6rem)}.intro{font-size:1rem}.focus-ring{width:180px;top:115px;right:-65px}.focus-ring span{display:none}.focus-control{left:6%;right:6%;bottom:120px;width:auto}.hero-bottom{left:6%;right:6%;bottom:22px;font-size:.58rem;flex-wrap:wrap;row-gap:16px}.hero-bottom>span{display:none}.hero-bottom button{font-size:.7rem}.section{padding:40px 6% 65px}.section-label{font-size:.6rem;letter-spacing:.09em;margin-bottom:42px;padding-bottom:21px}.section-label span:last-child{max-width:46%;text-align:right;line-height:1.5}.about-grid{grid-template-columns:1fr;gap:45px}.portrait-wrap{max-width:420px;margin-left:12px;margin-top:10px}.portrait-wrap img{aspect-ratio:1.2}.about-copy h2{font-size:clamp(2.5rem,9vw,3.5rem)}.eyebrow{font-size:.66rem}.split-heading{display:block;margin-bottom:32px}.split-heading>p{margin-top:24px;font-size:.94rem}.frame-choices{grid-template-columns:1fr;gap:8px}.frame-choices button{padding:20px}.frame-choices span{font-size:1.25rem}.frame-detail{grid-template-columns:1fr;gap:25px;padding:35px 0 0}.frame-detail h3{font-size:2rem}.vision h2{font-size:2.45rem}.comparison{aspect-ratio:1.15}.image-label{font-size:.6rem;padding:8px;top:12px}.original{left:10px}.effect{right:10px}.compare-controls{align-items:start;flex-direction:column;gap:22px}.compare-slider{width:100%}.contact-grid{grid-template-columns:1fr;gap:15px}.contact-details{padding-top:20px;gap:16px}.contact-info{gap:20px}.phone{font-size:1.8rem}footer{align-items:start;padding:35px 6% 70px;gap:20px}footer>div{flex-direction:column;gap:18px;align-items:start}.preview-label{font-size:.55rem;left:6%;right:auto}dialog{padding:40px 25px}}
@media(max-width:720px){.hero{padding-bottom:24px;min-height:920px}.focus-control{position:relative;left:auto;right:auto;bottom:auto;margin:40px 6% 0;width:auto}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:30px 6% 0}.hero-copy{padding-top:215px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.focus-ring{transform:none!important}}
.photo-placeholder{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:36px;color:#ffffff;background:radial-gradient(ellipse at 85% 15%,#63636355,transparent 65%),#292929;overflow:hidden;border:1px solid #ffffff25}.placeholder-label{font-size:.75rem;line-height:1.5;letter-spacing:.14em;color:#cbb994}.placeholder-title{display:block;font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.1;letter-spacing:-.045em}.placeholder-title em{font-family:Georgia,serif;font-weight:400;color:#cbb994}.placeholder-caption{font-size:.875rem;line-height:1.5;color:#d3d3d3}.team-placeholder{min-height:440px}.studio-placeholder-wrap{background:#ffffff;padding:0 7% 85px}.studio-placeholder{min-height:400px;background:radial-gradient(ellipse at 75% 80%,#78787844,transparent 60%),#363636}.frames-placeholder{min-height:300px;margin-bottom:30px;background:radial-gradient(ellipse at 85% 35%,#6f6f6f44,transparent 65%),#1a1a1a}@media(max-width:720px){.photo-placeholder{padding:25px;gap:30px}.team-placeholder{min-height:350px}.studio-placeholder-wrap{padding:0 6% 60px}.studio-placeholder{min-height:340px}.frames-placeholder{min-height:280px}}
/* Keep the optical ring anchored to the pupil at every viewport size. */
.hero-art>img{transform:none;animation-name:pupil-clarity}.focus-ring{left:var(--pupil-x,73%);top:var(--pupil-y,31%);right:auto;translate:-50% -50%;transform:none!important;transition:none}
@keyframes pupil-clarity{from{filter:blur(10px) saturate(.7)}to{filter:blur(calc((100 - var(--focus))* .065px)) saturate(.7)}}
@media(max-width:720px){.hero-art>img{object-position:75% 20%}.focus-ring{width:170px}}
.hero-art>img{object-position:75% 50%}@media(max-width:720px){.hero-art>img{object-position:75% 20%}}