@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap"); :root{--navy:#08243d;--deep:#08243d;--gold:#c5a46d;--ink:#16324a;--gray:#617285;--line:#dbe3e8;--pale:#f6f8f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.17;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:600}h2 em,h1 em{font-style:normal;color:var(--gold)}a{color:inherit;text-decoration:none}a:hover{opacity:.85}a:focus-visible,button:focus-visible{outline:3px solid #e2b966;outline-offset:4px}.container{width:min(1200px,calc(100% - 80px));margin:0 auto}.skip-link{position:absolute;left:-999px;top:4px;background:#fff;padding:8px;z-index:99}.skip-link:focus{left:4px}.utility{background:var(--deep);color:#dce7ef;font-size:11px;letter-spacing:.04em}.utility-inner{display:flex;justify-content:space-between;padding:8px 0}.utility a{color:#e4d0a9}.wordmark-dot,.gold-period{color:var(--gold)}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero-grid{min-height:615px;display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center}.hero-copy{padding:70px 0 82px}.eyebrow,.section-index{font-size:11px;font-weight:700;letter-spacing:.17em}.eyebrow{color:#e1c18a;display:flex;align-items:center;gap:14px}.eyebrow-line,.small-rule{width:33px;height:1px;background:var(--gold);display:inline-block}.hero h1{font-size:clamp(3.1rem,5.7vw,5.65rem);font-weight:600;max-width:740px;margin:28px 0}.hero-description{max-width:540px;color:#d6e2eb;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin:37px 0 63px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font-size:12px;font-weight:700}.button-primary{background:var(--gold);color:#092b48}.text-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid rgba(255,255,255,.55);padding:0 0 7px;color:#fff;font-size:12px;font-weight:700}.text-link.dark{color:var(--navy);border-color:#8799a6}.hero-caption{display:flex;align-items:center;gap:14px;color:#aec2d2;font-size:11px}.hero-art{height:440px;position:relative;display:flex;align-items:center}.hero-frame{width:100%;height:100%;border:1px solid #35506a;background:linear-gradient(145deg,#10314d,#08243d 55%,#061b2e);display:flex;justify-content:center;align-items:center;position:relative}.hero-frame:after{content:"";position:absolute;inset:18px;border:1px solid rgba(197,164,109,.22)}.hero-frame p,.portrait-placeholder span{font-size:12px;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:#89a2b7;line-height:1.9}.hero-frame small,.portrait-placeholder small{font-size:10px;text-transform:none;letter-spacing:0}.frame-corner{position:absolute;height:60px;width:60px;border-color:var(--gold);z-index:1}.top-left{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.bottom-right{border-right:2px solid;border-bottom:2px solid;right:-1px;bottom:-1px}.vertical-label{position:absolute;right:-32px;top:25%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:#9cb5c9}.hero-bottom{height:5px;background:var(--gold);width:12%}.section{padding:110px 0}.intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-index{color:#947a50;margin-bottom:25px}.lead{font-family:Manrope,sans-serif;font-size:clamp(2rem,3.5vw,3.3rem);font-weight:600;line-height:1.3;letter-spacing:-.045em;max-width:850px}.lead span{color:#9babb8}.body-large{max-width:670px;color:var(--gray);font-size:16px}.specialties{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:280px;color:var(--gray);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;min-height:340px;padding:24px;position:relative;display:flex;flex-direction:column;border:1px solid #e5eaee}.card-icon{color:#af9366;font-size:38px;line-height:1;margin:44px 0 30px}.service-card h3{font-size:18px;letter-spacing:-.03em}.service-card p{font-size:12px;color:var(--gray);line-height:1.8}.card-bottom{font-size:11px;font-weight:700;color:var(--navy);margin-top:auto;padding-top:22px;border-top:1px solid #edf0f1;display:flex;justify-content:space-between}.prototype-note{font-size:11px;color:#8191a0;margin:21px 0 0}.doctor-grid{display:grid;grid-template-columns:.85fr 1fr;gap:11%;align-items:center}.doctor-photo{height:510px;background:#f0f3f4;padding:20px}.portrait-placeholder{height:100%;border:1px solid #d0dadf;display:grid;place-items:center;background:linear-gradient(135deg,#eef2f3,#dde7eb)}.portrait-placeholder span{color:#879aa6}.doctor-copy h2{max-width:500px}.doctor-name{font-size:19px;font-weight:700;margin-top:30px;margin-bottom:3px}.credentials{color:#987e53;font-size:12px;letter-spacing:.08em;font-weight:700}.doctor-copy>p:not(.section-index):not(.doctor-name):not(.credentials){color:var(--gray);font-size:14px}.doctor-copy .text-link{margin-top:15px}.approach{background:#f8f9fa}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach-grid p{color:var(--gray);font-size:15px}.approach-list{margin-top:30px}.approach-list>div{padding:17px 0;border-bottom:1px solid #d9e1e6;font-weight:700;font-size:13px}.approach-list span{color:#b18d54;margin-right:24px;font-size:11px}.referrals{background:var(--navy);color:#fff}.referral-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:15%;align-items:center}.section-index.light{color:#ddbb7f}.referral-grid h2 em{color:#cfad73}.referral-grid p{color:#c5d7e5;max-width:560px;font-size:14px}.button-light{background:#fff;color:var(--navy);margin-top:18px}.referral-aside{border:1px solid #4a6a86;padding:35px}.referral-aside span{color:#d7b982;font-size:10px;font-weight:700;letter-spacing:.15em}.referral-aside p{margin-top:20px}.referral-rule{border-top:1px solid #57738b;margin-top:26px}.general-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.general-grid p,.contact-grid p{color:var(--gray)}.general-grid .text-link{margin-top:20px}.contact{background:#f7f9fa}.contact-links{display:flex;flex-direction:column;gap:19px;font-size:14px;font-weight:700;color:var(--navy);margin-top:33px}.contact-panel{background:#fff;border-top:4px solid var(--gold);box-shadow:0 12px 45px #1138560c;padding:52px}.contact-panel p{font-size:11px;color:#a08256;letter-spacing:.15em;font-weight:700}.contact-panel h3{font-size:29px}.contact-panel span{display:block;font-size:13px;color:var(--gray)}.contact-panel .button{margin-top:25px}.contact-panel .button span{color:var(--navy)}footer{background:#08243d;color:#bdd0de;padding:65px 0 25px;font-size:12px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-logo{color:#fff}.footer-grid p{margin-top:18px}.footer-grid>div:last-child{display:flex;justify-content:flex-end;gap:27px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #34516a;margin-top:55px;padding-top:22px;color:#89a1b3;font-size:10px} @media(max-width:1000px){.container{width:min(100% - 46px,1200px)}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:5%}.hero h1{font-size:clamp(2.8rem,5.3vw,4.3rem)}.doctor-grid{gap:6%}} @media(max-width:740px){.container{width:calc(100% - 38px)}.utility{display:none}.hero-grid{display:flex;flex-direction:column;min-height:0;gap:0;align-items:stretch}.hero-copy{padding:65px 0 50px}.hero h1{font-size:clamp(2.8rem,10vw,4rem);margin:22px 0}.hero-description{font-size:14px}.hero-actions{gap:24px;flex-wrap:wrap;margin:29px 0 36px}.hero-art{height:330px;margin:0 18px 55px}.vertical-label{right:-26px}.section{padding:70px 0}.intro-grid,.doctor-grid,.approach-grid,.referral-grid,.general-grid,.contact-grid{grid-template-columns:1fr;gap:23px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:23px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.card-icon{margin:22px 0}.doctor-photo{height:410px;max-width:480px}.doctor-copy{margin-top:23px}.referral-aside{margin-top:25px}.contact-panel{padding:29px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{gap:10px;flex-direction:column}.hero-caption{font-size:10px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* v2: edge-to-edge cinematic eye hero. Poster is shown until hero-eye.mp4 is supplied. */ .hero-video{min-height:min(790px,calc(100svh - 123px));display:flex;align-items:center;isolation:isolate;background:#061c30;position:relative} .hero-video .hero-media,.hero-video .hero-shade{position:absolute;inset:0;pointer-events:none} .hero-video .hero-media{z-index:-2;background:#102b42 url("hero-poster.jpg") center center / cover no-repeat} .hero-video-element{display:block;width:100%;height:100%;object-fit:cover;object-position:64% center} .hero-video .hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.36) 42%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.26),rgba(0,0,0,.08) 34%,transparent 66%)} .hero-video .hero-grid{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:min(790px,calc(100svh - 123px));gap:30px} .hero-video .hero-copy{max-width:790px;padding:125px 0 150px} .hero-video h1{font-size:clamp(3.1rem,6.15vw,6.25rem);max-width:900px;text-shadow:0 3px 18px rgba(0,0,0,.28)} .hero-video .hero-description{color:#f0f4f7;font-size:17px;text-shadow:0 1px 10px rgba(0,0,0,.2)} .hero-video .hero-actions{margin:36px 0 0} .hero-side-label{font-size:10px;writing-mode:vertical-rl;letter-spacing:.2em;color:#dde7ec;align-self:center;white-space:nowrap} .hero-video .hero-bottom{position:absolute;bottom:0;left:0;right:0;width:auto;height:auto;background:none;border:0;display:flex;justify-content:space-between;padding:0 max(40px,calc((100vw - 1200px)/2)) 30px;color:#d7dfeb;font-size:10px;letter-spacing:.17em} @media(max-width:740px){.hero-video{min-height:calc(100svh - 72px)}.hero-video .hero-grid{min-height:calc(100svh - 72px)}.hero-video .hero-copy{padding:110px 0 145px;max-width:100%}.hero-video h1{font-size:clamp(2.9rem,11vw,4.35rem)}.hero-video .hero-description{font-size:14px}.hero-video .hero-actions{gap:22px}.hero-side-label{display:none}.hero-video .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.24)),linear-gradient(0deg,rgba(0,0,0,.38),transparent 48%)}.hero-video-element{object-position:62% center}.hero-video .hero-bottom{padding:0 19px 22px}} @media(prefers-reduced-motion:reduce){.hero-video-element{display:none}} /* v3: supplied iris footage, full viewport hero, updated domain wordmark */ .wordmark-dot{font-size:.57em;letter-spacing:-.03em;font-weight:600;color:var(--gold)} .hero-video,.hero-video .hero-grid{min-height:calc(100svh - 0px)} .hero-video .hero-media{overflow:hidden} .hero-video-element{object-position:center center} @media(max-width:740px){.hero-video,.hero-video .hero-grid{min-height:calc(100svh - 72px)}.hero-video-element{object-position:55% center}} /* V4: editorial sections without decorative numbering */ .service-card .card-icon{margin-top:18px}.approach-list>div{padding-left:0}.section-index{letter-spacing:.13em} /* V5: dedicated booking page */ .booking-hero{background:linear-gradient(115deg,#022d54,#082743);padding:105px 0 112px;color:white}.booking-hero h1{font-size:clamp(3rem,6.5vw,6.6rem);font-weight:600;max-width:850px;margin:0 0 27px}.booking-hero h1 em{color:var(--gold);font-style:normal}.booking-hero p:not(.section-index){color:#d4e1eb;max-width:540px;margin-bottom:33px}.booking-categories{background:#f7f9fa}.booking-categories h2,.booking-system h2{margin-bottom:18px}.booking-intro{max-width:710px;color:var(--gray);font-size:15px}.booking-options{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:38px}.booking-option{background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;min-height:258px}.booking-option h3{font-size:20px;letter-spacing:-.03em}.booking-option p{font-size:13px;color:var(--gray)}.booking-option a{font-size:12px;color:var(--navy);font-weight:700;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.booking-system{background:white}.booking-frame-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:38px;padding:14px 20px;background:#082743;color:white;font-size:12px;font-weight:700}.booking-frame-head a{color:#ecd5aa}.booking-embed{height:780px;border:1px solid #d9e3e9;background:#f3f6f7}.booking-embed iframe{width:100%;height:100%;border:0}.booking-fallback{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;background:#f2f6f7;padding:25px 28px}.booking-fallback strong{font-size:15px}.booking-fallback p,.booking-disclaimer{font-size:12px;color:var(--gray);margin:4px 0 0}.booking-fallback .button{flex-shrink:0}.booking-disclaimer{margin-top:18px}.booking-help{background:#f7f9fa}.booking-help p{color:var(--gray);max-width:490px}.booking-help a{display:inline-block;margin-right:35px;margin-top:20px;color:var(--navy);font-weight:700;font-size:14px}@media(max-width:900px){.booking-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.booking-hero{padding:65px 0 75px}.booking-options{grid-template-columns:1fr}.booking-option{min-height:0}.booking-frame-head{flex-direction:column;align-items:flex-start}.booking-embed{height:760px}.booking-fallback{flex-direction:column;align-items:stretch}.booking-fallback .button{justify-content:center}.booking-help a{display:block}} /* Physician profile enhancements */ .scholarship{background:#f7f8f8}.scholarship-grid,.bio-content{display:grid;grid-template-columns:0.95fr 1.05fr;gap:clamp(35px,7vw,115px);align-items:start}.scholarship-grid p,.bio-content p{line-height:1.8}.bio-hero{background:#022d54;color:#fff;padding:clamp(95px,13vw,170px) 0 90px}.bio-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.bio-hero h1{font-size:clamp(44px,6.2vw,95px);line-height:1.06;letter-spacing:-.045em}.bio-hero h1 em,.bio-cta em{color:#c5a46d}.bio-hero p{max-width:590px}.bio-credentials{letter-spacing:.12em;color:#d0b482;font-size:13px}.bio-hero .doctor-photo{min-height:450px}.bio-main,.bio-training{background:#fff}.bio-areas{background:#f5f7f8}.bio-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}.bio-card-grid article{background:#fff;border:1px solid #e3e7ec;padding:32px}.bio-card-grid h3{font-size:23px;color:#022d54}.bio-card-grid p{line-height:1.7}.bio-facts>div{border-bottom:1px solid #dce2e8;padding:0 0 20px;margin-bottom:25px}.bio-facts strong{color:#022d54}.publication{border-left:3px solid #c5a46d;padding:20px 24px;background:#f4f6f8;margin:25px 0}.publication span{font-size:12px;color:#54677c;letter-spacing:.07em;text-transform:uppercase}.publication h3{color:#022d54;font-size:23px;margin:12px 0}.bio-caveat{font-size:12px;color:#667}.bio-cta{background:#022d54;color:#fff}.bio-cta h2{color:#fff}.bio-cta p{max-width:650px}.bio-cta .section-index{color:#c5a46d}@media(max-width:760px){.scholarship-grid,.bio-content,.bio-hero-grid,.bio-card-grid{grid-template-columns:1fr}.bio-hero{padding-top:120px}.bio-hero .doctor-photo{min-height:350px}} /* V7 — specialty interior pages */ .service-card a.card-bottom{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--navy);font-weight:700;cursor:pointer} .service-card a.card-bottom:hover,.service-card a.card-bottom:focus-visible{text-decoration:underline;text-underline-offset:4px} .recognition-strip{background:#f3f6f7;border-top:1px solid #e2e8ed;border-bottom:1px solid #e2e8ed}.recognition-inner{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;padding:23px 0}.recognition-inner span{font-size:12px;color:#35516b;font-weight:600}.recognition-inner a{color:#022d54;font-size:12px;font-weight:700} .specialty-page-hero{background:linear-gradient(115deg,#022d54 5%,#113957);color:#fff;padding:clamp(105px,12vw,165px) 0 110px}.specialty-page-hero h1{font-size:clamp(3.1rem,6.5vw,6.5rem);line-height:1.06;max-width:960px;letter-spacing:-.045em;margin:0 0 29px}.specialty-page-hero h1 em{color:#c5a46d}.specialty-page-hero .specialty-lede{max-width:710px;font-size:18px;line-height:1.7;color:#dbe4ee}.specialty-page-hero .hero-actions{margin-top:35px}.specialty-detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,8vw,140px)}.specialty-detail-grid h2{font-size:clamp(2.3rem,3.5vw,3.8rem)}.specialty-detail-grid h2 em,.specialty-faq h2 em,.specialty-action h2 em{font-style:normal;color:#9b7a44}.detail-copy{font-size:16px;line-height:1.8;color:#536779}.detail-copy p:first-child{margin-top:0}.detail-copy a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.specialty-detail:nth-child(even){background:#f5f7f8}.specialty-faq{background:#f6f8f9}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.faq-grid details{background:white;border:1px solid #dfe6ea;padding:25px 27px}.faq-grid summary{cursor:pointer;font-size:16px;color:#022d54;font-weight:700}.faq-grid details p{font-size:14px;line-height:1.7;color:#536779}.specialty-action{background:#fdfcf8}.specialty-action p:not(.section-index){max-width:650px;color:#536779}.specialty-action .text-link{color:#022d54}.specialty-action .hero-actions{margin-top:30px} @media(max-width:760px){.specialty-page-hero{padding:95px 0 80px}.specialty-page-hero h1{font-size:clamp(2.8rem,11vw,4.2rem)}.specialty-page-hero .specialty-lede{font-size:15px}.specialty-detail-grid,.faq-grid{grid-template-columns:1fr}.recognition-inner{justify-content:flex-start;flex-direction:column;align-items:flex-start}.specialty-action .hero-actions{gap:24px}} /* Official eyecademy logo in header and footer */ .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} .official-logo{display:block;width:auto;height:auto;object-fit:contain;object-position:left center} .footer-logo{display:inline-flex;align-items:center} .footer-logo .official-logo-footer{max-width:220px;max-height:150px} @media(max-width:740px){.footer-logo .official-logo-footer{max-width:185px;max-height:126px}} /* V10 compact header fix: size constraints are deliberate and must not rely on the image’s natural dimensions. */ .footer-grid>div:first-child p{margin-top:0} /* V11 — readable landscape lockup with real transparent-sized crop */ /* V12: balanced header branding, between V10 and V11 */ /* V13: discreet accessible Instagram and Facebook links to the far right of header */ /* V14 – considered finishing pass. Keeps the existing visual language and V12 logo. */ /* Header nav: protected spacing on desktop; mobile menu stays reachable. */ /* Full-screen movie stays, but wording and CTAs fit in the first view on laptop screens. */ .hero-video,.hero-video .hero-grid{min-height:calc(100svh - 115px)} .hero-video .hero-copy{max-width:740px;padding:clamp(40px,6vh,82px) 0 clamp(62px,9vh,94px)} .hero-video h1{font-size:clamp(2.85rem,5.1vw,4.75rem);line-height:1.12;max-width:760px;margin:18px 0 15px;letter-spacing:-.052em} .hero-video .hero-description{font-size:clamp(14px,1.12vw,16px);line-height:1.65;max-width:610px;margin-bottom:0} .hero-video .hero-actions{margin:27px 0 0;gap:24px} .hero-video .hero-bottom{padding-bottom:20px} @media(min-width:741px) and (max-height:750px){ .hero-video,.hero-video .hero-grid{min-height:625px} .hero-video .hero-copy{padding:52px 0 75px} .hero-video h1{font-size:clamp(2.75rem,4.6vw,4.35rem)} } @media(max-width:740px){ .hero-video,.hero-video .hero-grid{min-height:calc(100svh - 72px)} .hero-video .hero-copy{padding:clamp(43px,6svh,75px) 0 74px;max-width:100%} .hero-video h1{font-size:clamp(2.55rem,9.3vw,3.6rem);line-height:1.1;margin:17px 0 18px;max-width:100%} .hero-video .hero-description{font-size:14px;line-height:1.62;max-width:560px} .hero-video .hero-actions{margin-top:24px;gap:18px} .hero-video .hero-bottom{padding-bottom:14px} } @media(max-width:380px){ .hero-video h1{font-size:clamp(2.24rem,9vw,2.7rem)} .hero-video .hero-copy{padding-top:36px;padding-bottom:50px} .hero-video .button{padding:14px 17px;gap:20px} .hero-video .hero-bottom{display:none} } /* Clean editorial footer: no logo, useful contact and booking details. */ footer.site-footer{background:#08243d;color:#d4e0e9;padding:70px 0 0;font-size:14px} .site-footer .footer-top{display:grid;grid-template-columns:1.3fr .66fr 1fr;column-gap:clamp(24px,5vw,85px);row-gap:30px;align-items:start} .site-footer .footer-kicker{font-size:10px;letter-spacing:.18em;font-weight:700;color:#d2ad73;margin-bottom:16px} .site-footer .footer-statement{font:600 clamp(23px,2.25vw,32px)/1.28 Manrope,Arial,sans-serif;letter-spacing:-.035em;color:#fff;margin:0 0 18px} .site-footer .footer-statement span{color:#c5a46d} .site-footer .footer-description{font-size:13px;max-width:325px;line-height:1.75;color:#aec1d2} .site-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px} .site-footer .footer-column h2{font:700 11px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#c5a46d;margin:0 0 11px} .site-footer .footer-column>a{font-size:13px;line-height:1.65;color:#d5e0e9} .site-footer .footer-column>a:hover,.site-footer .footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;opacity:1} .site-footer .footer-book{display:inline-flex;align-items:center;gap:13px;margin-top:6px;color:#f5d3a0!important;border-bottom:1px solid #b59668;padding-bottom:6px;font-weight:700} .site-footer .footer-social{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:14px} .site-footer .footer-social a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#d5e0e9} .site-footer .footer-social svg{display:block;width:18px;height:18px} .site-footer .footer-bottom{margin-top:55px;padding:20px 0 24px;border-top:1px solid #355068;display:flex;justify-content:space-between;gap:18px;color:#9fb4c5;font-size:11px} .site-footer .footer-bottom a{color:#d0e0e9} @media(max-width:950px){.site-footer .footer-top{grid-template-columns:1fr 1fr}.site-footer .footer-intro{grid-column:1/-1}} @media(max-width:600px){footer.site-footer{padding-top:50px}.site-footer .footer-top{grid-template-columns:1fr;gap:29px}.site-footer .footer-intro{grid-column:auto}.site-footer .footer-bottom{margin-top:37px;flex-direction:column;gap:8px}} /* V14 final alignment: the text column aligns with the rest of the page, not the viewport edge. */ .hero-video .hero-grid{width:min(1200px,calc(100% - 80px));margin-left:auto;margin-right:auto} @media(max-width:1000px){.hero-video .hero-grid{width:min(1200px,calc(100% - 46px))}} @media(max-width:740px){.hero-video .hero-grid{width:calc(100% - 38px)}} /* V15: neutral Google Maps wayfinding section beneath contact details. */ .location-section{background:#fff;padding:68px 0 76px;border-top:1px solid #e7edf0} .location-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px} .location-heading .section-index{margin-bottom:12px} .location-heading h2{font-size:clamp(1.85rem,3vw,2.8rem);margin:0 0 10px;color:var(--navy);font-weight:600} .location-heading p:last-child{margin:0;color:#556b7b;font-size:14px} .location-google-link{color:var(--navy);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 0;border-bottom:1px solid #c3a374;flex-shrink:0} .location-google-link svg{height:19px;width:19px;flex:none;color:#a4824c} .location-google-link:hover{text-decoration:none;border-color:var(--navy);opacity:1} .location-map-frame{width:100%;height:340px;border:1px solid #d8e1e8;background:#eff3f5;overflow:hidden;position:relative} .location-map-frame iframe{display:block;width:100%;height:100%;border:0} @media(max-width:740px){.location-section{padding:48px 0 54px}.location-heading{align-items:flex-start;flex-direction:column;gap:14px}.location-heading h2{font-size:clamp(1.7rem,7vw,2.3rem)}.location-heading p:last-child{font-size:13px}.location-google-link{font-size:12px;padding:6px 0}.location-map-frame{height:280px}} /* V17 — clinic exterior alongside the map, with a single directions destination. */ .location-media-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch} .location-photo-link{display:block;position:relative;height:340px;min-width:0;overflow:hidden;border:1px solid #d8e1e8;background:#eef2f4;cursor:pointer} .location-photo-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease} .location-photo-link:hover img{transform:scale(1.025)} .location-photo-link:focus-visible{outline:3px solid #c5a46d;outline-offset:3px} .location-media-grid .location-map-frame{height:340px;min-width:0} @media(max-width:740px){.location-media-grid{grid-template-columns:1fr;gap:14px}.location-photo-link{height:auto;aspect-ratio:16/9}.location-media-grid .location-map-frame{height:275px}} @media(prefers-reduced-motion:reduce){.location-photo-link img{transition:none}.location-photo-link:hover img{transform:none}} /* V19: fifth specialty card, myopia management content, evidence links */ @media(min-width:741px){.specialties .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.specialties .service-card{grid-column:auto;min-height:100%;height:100%}} @media(max-width:740px){.specialties .service-grid{grid-template-columns:1fr}.specialties .service-card{grid-column:auto}} .myopia-options{background:#f6f8f9}.myopia-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.myopia-option{background:#fff;border:1px solid #e1e7eb;padding:32px;min-height:245px}.myopia-option::before{content:"";display:block;width:30px;height:2px;background:var(--gold);margin-bottom:26px}.myopia-option h3{font-size:22px;color:var(--navy)}.myopia-option p{font-size:14px;color:var(--gray);line-height:1.75}.myopia-option-note{font-size:12px;color:#556878;margin-top:20px;max-width:800px}.myopia-research{background:#fff}.myopia-references{border-left:3px solid var(--gold);margin-top:25px;padding:15px 24px;background:#f6f8f9}.myopia-references p{margin-bottom:8px}.myopia-references a{display:block;margin-top:12px;font-size:13px;color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}.myopia-home-research-link{display:table;margin-top:18px}.bio-research .publication a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}.bio-caveat a{color:var(--navy);text-decoration:underline} @media(max-width:1000px){.myopia-option-grid{grid-template-columns:1fr 1fr}.myopia-option:last-child{grid-column:1/-1}} @media(max-width:740px){.myopia-option-grid{grid-template-columns:1fr}.myopia-option:last-child{grid-column:auto}.myopia-option{min-height:0;padding:26px}} /* V21 — cinematic integrated homepage navigation. All other pages retain V20. */ .home-overlay .utility{display:none} .home-overlay .hero-video,.home-overlay .hero-video .hero-grid{min-height:100svh} .home-overlay .hero-video .hero-copy{padding-top:clamp(115px,17vh,157px)} .home-overlay .hero-video .hero-shade{background:linear-gradient(90deg,rgba(2,25,47,.94) 0%,rgba(2,30,55,.78) 37%,rgba(2,28,52,.22) 78%),linear-gradient(180deg,rgba(2,21,40,.33),transparent 38%,rgba(1,20,39,.5))} /* Switch to a solid nav once the visitor begins scrolling. */ @media(max-width:740px){ .home-overlay .hero-video,.home-overlay .hero-video .hero-grid{min-height:100svh} .home-overlay .hero-video .hero-copy{padding-top:clamp(118px,16svh,155px)} } /* Keep the homepage's primary action legible above the cinematic video. */ .home-overlay .hero-video .hero-actions .button-primary{background:#c5a46d;color:#092b48;opacity:1} .home-overlay .hero-video .hero-actions .button-primary:hover{background:#d6b981;opacity:1} /* V22 — transition only when hero content has fully cleared the sticky header. */ /* Cross-fade an opaque white layer over the existing navy gradient. This avoids an abrupt background swap and leaves the header readable over the entire video. */ /* V23 – stable, background-free navigation over the cinematic homepage. */ /* Both logo sources share identical alpha and geometry, avoiding a white rectangle when their opacity crossfades. The shared overlay is kept over the video only. */ /* Hero copy fades *before* reaching the fixed navigation. Only the foreground grid gets masked: the full-bleed eye video remains visible throughout. */ .home-overlay .hero-video .hero-grid{ --hero-safe-cut:0px; -webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--hero-safe-cut) - 38px), #000 calc(var(--hero-safe-cut) + 2px)); mask-image:linear-gradient(to bottom, transparent calc(var(--hero-safe-cut) - 38px), #000 calc(var(--hero-safe-cut) + 2px)); } /* V24 — dry-eye and JETT service content; retains the V23 visual system */ .dry-eye-list{padding-left:1.25rem;margin:1.1rem 0 1.35rem}.dry-eye-list li{padding:.27rem 0} .medical-note{padding:15px 18px;background:#f3f6f8;border-left:3px solid var(--gold);font-size:14px;color:var(--ink)} .dry-eye-jett{background:var(--navy);color:#fff} .dry-eye-jett-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,8vw,100px);align-items:start} .dry-eye-jett h2{color:#fff;font-size:clamp(2.5rem,4.4vw,4.8rem)}.dry-eye-jett h2 em{font-style:normal;color:var(--gold)} .dry-eye-jett p{color:#d2e1ec;line-height:1.78}.dry-eye-jett .section-index{color:#e4c28e} .jett-intro{font-size:17px;max-width:560px}.jett-info{border:1px solid #456580;padding:clamp(22px,3.5vw,38px)} .jett-info h3{font-size:20px;color:#fff;margin:4px 0 12px}.jett-info p{font-size:14px;margin:0 0 25px}.jett-info p:last-child{margin-bottom:0} .dry-eye-steps{padding-left:1.5rem;margin:0 0 24px}.dry-eye-steps li{padding:0 0 18px}.dry-eye-steps strong{color:var(--navy)} .faq-grid details a{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--navy)} @media(max-width:760px){.dry-eye-jett-grid{grid-template-columns:1fr;gap:25px}.jett-info{padding:24px}.dry-eye-jett .hero-actions{margin-bottom:15px}} /* V25 — optical and insurance service pages */ .optical-highlight{background:#fff}.optical-highlight-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:9%;align-items:center}.optical-highlight h2{max-width:590px}.optical-highlight-copy>p:not(.section-index){color:#586b7a;font-size:16px;line-height:1.8;max-width:570px}.optical-highlight-copy .hero-actions{margin:28px 0 17px;gap:20px;flex-wrap:wrap}.optical-highlight .text-link.dark{color:var(--navy)}.optical-mini-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;margin:29px 0}.optical-mini-features span{border-bottom:1px solid #dee6ea;padding:10px 0;color:#193a54;font-size:13px;font-weight:600}.optical-highlight-note{font-size:11px!important}.optical-highlight-art{min-height:390px;padding:40px 32px 30px;background:linear-gradient(145deg,#052d50,#0b4269);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.optical-highlight-art svg{max-width:100%;width:100%;height:auto;filter:drop-shadow(0 9px 15px #00182a30)}.optical-art-tag,.optical-art-bottom{font-size:11px;letter-spacing:.18em;color:#d9c092;font-weight:700}.optical-art-bottom{text-align:right}.optical-hero{background:linear-gradient(118deg,#042844 10%,#16446b 95%)}.optical-choice{background:#f7f9fa}.optical-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.optical-choice-grid article{padding:42px;background:#fff;border:1px solid #e3e8eb;min-height:310px}.optical-choice-label{font-size:11px;color:#927849;letter-spacing:.17em;font-weight:700}.optical-choice-grid h3{font-size:clamp(22px,2.5vw,33px);margin:21px 0;color:var(--navy)}.optical-choice-grid p,.optical-choice-grid a{font-size:14px;line-height:1.75}.optical-choice-grid p{color:#5d6f7c}.optical-choice-grid a{color:var(--navy);font-weight:700;border-bottom:1px solid #aaa;padding-bottom:5px}.optical-lenses{background:#082d4e;color:#fff}.optical-lenses h2,.optical-insurance h2{max-width:750px}.optical-section-lede{max-width:690px;color:#cfdfec}.optical-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0 24px}.optical-feature-grid>div{border-top:2px solid var(--gold);background:#ffffff10;padding:27px 22px;min-height:180px}.optical-feature-grid h3{font-size:20px;letter-spacing:-.02em;color:#fff}.optical-feature-grid p{font-size:13px;line-height:1.65;color:#c7dce9}.optical-note-light{font-size:12px;color:#b8cfde;max-width:850px}.brand-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0 21px}.brand-word-grid span{padding:15px 17px;background:#f5f7f8;border:1px solid #e6e9eb;font-family:Manrope,Arial,sans-serif;color:#173d5b;font-weight:700;font-size:16px}.optical-small-note{font-size:12px;color:#697886}.optical-insurance{background:#f5f7f7}.optical-insurance p:not(.section-index){max-width:890px;color:#566a78}.insurer-name-row{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.insurer-name-row span{display:inline-block;background:#fff;border:1px solid #d4dee5;color:#143c5e;font-weight:700;padding:13px 18px;font-size:14px}.optical-insurance .button{margin-top:10px}.optical-disclaimer{font-size:12px!important;line-height:1.8}.insurance-providers{background:#fff}.insurance-lede{max-width:825px;color:#627888;font-size:16px;line-height:1.8}.insurance-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:35px 0 18px}.insurance-provider-grid article{padding:30px;border:1px solid #e1e8ed;background:#f6f8f9;display:flex;flex-direction:column;gap:9px;min-height:132px}.insurance-provider-grid strong{font-family:Manrope,Arial,sans-serif;color:#07345a;font-size:22px}.insurance-provider-grid span{font-size:12px;color:#627788;line-height:1.6}.insurance-special{border-color:#c3a46e!important;background:#fdfaf4!important}.insurance-note{font-size:12px;color:#637785;max-width:880px}.insurance-steps{margin:0;padding-left:20px}.insurance-steps li{padding:0 0 17px}.insurance-steps strong{color:#17425d}.insurance-hero{background:linear-gradient(118deg,#062744,#1f496a)} @media(max-width:1050px){.optical-feature-grid{grid-template-columns:1fr 1fr}.optical-highlight-layout{gap:5%}} @media(max-width:780px){.optical-highlight-layout,.optical-choice-grid{grid-template-columns:1fr}.optical-highlight-art{min-height:290px}.optical-highlight .hero-actions{flex-direction:column;align-items:flex-start}.insurance-provider-grid{grid-template-columns:1fr 1fr}.optical-feature-grid{grid-template-columns:1fr 1fr}} @media(max-width:530px){.optical-mini-features,.brand-word-grid,.optical-feature-grid,.insurance-provider-grid{grid-template-columns:1fr}.optical-choice-grid article{padding:28px}.optical-highlight-art{min-height:250px}.insurer-name-row span{font-size:12px;padding:10px 13px}} /* Compact navigation before intermediate desktop widths become crowded. */ /* v26 cleaner optical/insurance updates */ .optical-choice-label{letter-spacing:.16em} .insurer-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:28px 0 18px;align-items:stretch} .insurer-logo-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:92px;box-shadow:0 10px 24px rgba(8,39,67,.05)} .insurer-logo-card img{display:block;max-width:100%;max-height:44px;width:auto;height:auto} .insurance-steps-plain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .insurance-steps-plain article{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 10px 24px rgba(8,39,67,.04)} .insurance-steps-plain h3{margin:0 0 10px;font-size:1.05rem} .insurance-steps-plain p{margin:0;color:var(--gray)} @media (max-width: 900px){.insurance-steps-plain{grid-template-columns:1fr}.insurer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 560px){.insurer-logo-grid{grid-template-columns:1fr}} /* v27: actual insurer assets from eyecademy's ad and curated frame mark artwork */ .insurer-logo-card{background:#fff;min-height:108px;border:1px solid #e2e9ec;box-shadow:none;overflow:hidden} .insurer-logo-card img{width:100%;height:55px;max-height:55px;object-fit:contain} .frame-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0} .frame-logo-tile{min-height:112px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:white;border:1px solid #dfe6eb;border-radius:16px;padding:16px} .frame-logo-tile img{display:block;width:100%;height:75px;object-fit:contain} @media (max-width:950px){.frame-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.frame-logo-grid{gap:10px}.frame-logo-tile{min-height:90px;padding:8px}.frame-logo-tile img{height:62px}.insurer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurer-logo-card{padding:10px;min-height:88px}} /* v28 - flexible dry eye product categories, no fixed inventory branding */ .dry-eye-products-highlight{background:#f5f8fa;overflow:hidden} .dry-eye-products-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center} .dry-eye-products-layout h2{max-width:650px} .dry-eye-products-layout p:not(.section-index){max-width:590px} .products-footnote{font-size:.84rem;color:#627587;margin:15px 0 24px} .products-abstract{position:relative;min-height:335px;border-radius:20px;background:radial-gradient(circle at 40% 25%,#3a6281,#092c4c 75%);overflow:hidden;border:1px solid rgba(2,45,84,.12)} .products-abstract-ring{position:absolute;inset:12%;border:1px solid rgba(224,198,151,.4);border-radius:100% 15% 100% 15%;transform:rotate(18deg)} .products-abstract-drop{position:absolute;left:39%;top:25%;width:105px;height:150px;border:2px solid #e1c18a;border-radius:78% 0 70% 70%;transform:rotate(45deg);background:linear-gradient(35deg,rgba(255,255,255,.07),rgba(255,255,255,.45));box-shadow:0 0 60px rgba(225,193,138,.17)} .products-abstract-mark{position:absolute;bottom:22px;left:22px;font-size:10px;letter-spacing:.19em;color:#d3c19f} .home-care-products{background:#faf9f7;border-top:1px solid #e9edf0;border-bottom:1px solid #e9edf0} .home-care-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center} .home-care-products-grid p:not(.section-index){font-size:1.06rem;color:#4f6276;max-width:580px} .home-care-products-grid .text-link{margin-top:16px} .products-page-hero{background:var(--navy);color:#fff}.products-page-hero .specialty-page-hero-grid{min-height:420px} .products-types{background:#f6f8f9} .products-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px} .products-type-grid article{padding:30px;border-radius:16px;background:#fff;border:1px solid #dee7ec} .products-type-grid h3{font-size:1.35rem}.products-type-grid p{color:#637486;margin-bottom:0} .products-type-icon{font-size:2rem;color:#bb9b63;margin-bottom:14px} @media(max-width:900px){.dry-eye-products-layout,.home-care-products-grid{grid-template-columns:1fr;gap:28px}.products-abstract{min-height:230px}.products-type-grid{grid-template-columns:1fr}} /* v29 — floating call / booking CTA: clean, responsive, motion-safe */ .quick-booking-bar{ position:fixed;left:50%;bottom:22px;z-index:60; width:min(650px,calc(100% - 36px)); transform:translate3d(-50%,calc(100% + 52px),0); opacity:0;visibility:hidden;pointer-events:none; transition:opacity .34s ease,transform .42s cubic-bezier(.19,1,.22,1),visibility .42s; } .quick-booking-bar.is-visible{transform:translate3d(-50%,0,0);opacity:1;visibility:visible;pointer-events:auto} .quick-booking-inner{ display:flex;align-items:center;justify-content:space-between;gap:22px; padding:10px 12px 10px 24px;background:rgba(255,255,255,.98); border:1px solid rgba(195,208,217,.96); box-shadow:0 14px 52px rgba(5,33,58,.18),0 2px 9px rgba(5,33,58,.06); border-radius:18px; -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px) } .quick-booking-copy{display:flex;flex-direction:column;gap:1px;min-width:0} .quick-booking-eyebrow{color:var(--navy);font:800 15px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.045em} .quick-booking-caption{color:#687e8c;font:400 11px/1.3 "DM Sans",Arial,sans-serif;white-space:nowrap} .quick-booking-actions{display:flex;align-items:center;gap:8px;flex-shrink:0} .quick-booking-actions a{min-height:47px;display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 17px;border-radius:11px;font:700 12px/1.2 "DM Sans",Arial,sans-serif;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s} .quick-booking-call{border:1px solid #d8e1e7;color:var(--navy);background:#fff} .quick-booking-call:hover{background:#f3f7f9;opacity:1} .quick-booking-book{background:var(--navy);color:white;box-shadow:0 3px 10px rgba(2,45,84,.15)} .quick-booking-book:hover{background:#154b70;opacity:1;box-shadow:0 5px 18px rgba(2,45,84,.22)} .quick-booking-book .quick-booking-arrow{color:#d8b475} .quick-booking-actions a:focus-visible{outline:3px solid #c5a46d;outline-offset:3px} @media(max-width:740px){ .quick-booking-bar{width:calc(100% - 24px);bottom:calc(10px + env(safe-area-inset-bottom,0px))} .quick-booking-inner{padding:8px;gap:0;border-radius:17px} .quick-booking-copy{display:none} .quick-booking-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);width:100%;gap:8px} .quick-booking-actions a{font-size:12px;min-height:50px;padding:12px 10px;gap:7px;border-radius:11px} } @media(max-width:360px){ .quick-booking-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)} .quick-booking-actions a{font-size:11px;padding-inline:7px;gap:5px} .quick-booking-actions svg{width:15px;height:15px} .quick-booking-arrow{display:none} } @media(prefers-reduced-motion:reduce){ .quick-booking-bar,.quick-booking-bar.no-motion,.quick-booking-actions a{transition:none!important} } /* v31 refinements */ .hero-booking-note{max-width:640px;color:#dbe6ee;font-size:13px;margin-top:-18px} .doctor-photo{overflow:hidden;border-radius:22px;background:#f0f3f4;padding:18px;border:1px solid #e0e7eb;box-shadow:0 16px 40px rgba(8,39,67,.06)} .doctor-portrait{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px} .booking-help-callout{background:#f7f9fa;padding-top:0} .booking-help-callout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:center} .booking-help-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;box-shadow:0 14px 30px rgba(8,39,67,.04)} .insurance-clarity-card{margin-top:20px;padding:18px 20px;border-radius:18px;background:#f5f7f8;border:1px solid #dce4e8;color:var(--ink)} .insurance-clarity-card strong{display:block;margin-bottom:7px;color:var(--navy)} .insurance-clarity-card p{margin:0;color:var(--gray)} @media(max-width:900px){.booking-help-callout-grid{grid-template-columns:1fr}} /* v32 high-res local logos */ .insurer-logo-grid{gap:20px;align-items:stretch} .insurer-logo-card{padding:12px 16px;min-height:118px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(8,39,67,.04)} .insurer-logo-card img{width:100%;height:76px;max-height:76px;object-fit:contain} .frame-logo-grid{gap:18px;margin:26px 0 18px} .frame-logo-tile{min-height:128px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(8,39,67,.04)} .frame-logo-tile img{width:100%;height:86px;object-fit:contain} @media (max-width:950px){.frame-logo-tile{min-height:112px}.frame-logo-tile img{height:72px}} @media (max-width:560px){.frame-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frame-logo-tile{min-height:96px;padding:10px}.frame-logo-tile img{height:58px}.insurer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insurer-logo-card{min-height:88px;padding:10px}.insurer-logo-card img{height:52px}} /* v33: simpler search-relevant hero, comfortable booking button spacing. */ .hero-video .hero-copy{max-width:820px} .hero-video h1{font-size:clamp(3.05rem,5.45vw,5.75rem);line-height:1.115;max-width:820px;letter-spacing:-.049em;margin:30px 0 24px} .hero-video h1 em{color:#d6b784} .hero-video .hero-description{max-width:620px;font-size:clamp(15px,1.3vw,17px);line-height:1.72;margin:0} .hero-video .hero-actions{margin-top:33px;margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px} .hero-video .hero-actions .button{flex-shrink:0} .hero-video .hero-copy>.hero-booking-note{display:none} @media(max-width:740px){ .hero-video h1{font-size:clamp(2.3rem,8.8vw,3.55rem);line-height:1.13;margin:23px 0 22px} .hero-video .hero-description{font-size:15px;line-height:1.6} .hero-video .hero-copy{padding:clamp(45px,6svh,76px) 0 82px} .hero-video .hero-actions{gap:20px;margin-top:28px} } @media(max-width:400px){ .hero-video h1{font-size:clamp(2.05rem,8.5vw,2.55rem)} .hero-video .hero-actions{gap:21px} .hero-video .hero-actions .button{padding:14px 18px} } /* v34 lens manufacturer showcase — crisp, accessible typographic brand treatment */ .lens-brand-block{margin-top:38px;border-top:1px solid rgba(255,255,255,.23);padding-top:37px} .lens-brand-heading h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;color:#fff;margin:8px 0 12px} .lens-brand-heading h3 em{font-style:normal;color:#dec294} .lens-brand-heading>p:not(.section-index){color:#cbdde8;max-width:720px;margin-bottom:25px;font-size:14px;line-height:1.8} .lens-brand-heading .section-index{margin-bottom:8px} .lens-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0 15px} .lens-brand-tile{background:#fff;min-height:118px;border-radius:15px;border:1px solid #d9e0e3;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;gap:2px;box-shadow:0 10px 25px rgba(0,0,0,.08)} .lens-brand-name{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,2.6vw,39px);font-weight:800;letter-spacing:-.055em;line-height:1.12;white-space:nowrap} .lens-essilor{color:#0566ae;font-weight:700;letter-spacing:-.04em} .lens-hoya{color:#006ba9;letter-spacing:.02em} .lens-nikon{color:#232323;font-style:italic;letter-spacing:-.075em} .lens-brand-subname{display:block;font-family:Arial,Helvetica,sans-serif;color:#76828e;font-size:10px;font-weight:800;letter-spacing:.24em} .lens-brand-footnote{max-width:780px;color:#bdd0df;font-size:12px;line-height:1.75;margin:0 0 17px} .home-lens-brands{font-size:14px;color:#506a7c;margin:13px 0 4px;max-width:590px;line-height:1.7} .home-lens-brands strong{color:#103d60;font-weight:750} @media(max-width:780px){.lens-brand-grid{grid-template-columns:1fr;gap:12px}.lens-brand-tile{min-height:91px;padding:12px}.lens-brand-name{font-size:29px}} @media(min-width:520px) and (max-width:780px){.lens-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lens-brand-tile{min-height:92px}.lens-brand-name{font-size:clamp(19px,3vw,30px)}} /* v35 refinements */ .doctor-photo{height:clamp(520px,56vw,610px)!important;overflow:hidden;border-radius:22px;background:#f0f3f4;padding:18px;border:1px solid #e0e7eb;box-shadow:0 16px 40px rgba(8,39,67,.06)} .doctor-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%;border-radius:16px} .insurance-steps-section .specialty-detail-grid{grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,80px)} .insurance-steps-section .insurance-steps-plain{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px} .insurance-steps-section .insurance-steps-plain article{padding:24px 22px} .insurance-steps-section .insurance-steps-plain h3{font-size:1rem;line-height:1.25} .insurance-steps-section .insurance-steps-plain p{font-size:14px;line-height:1.65} @media(max-width:1024px){.insurance-steps-section .specialty-detail-grid{grid-template-columns:1fr}.insurance-steps-section .insurance-steps-plain{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.doctor-photo{height:auto;aspect-ratio:4/5}.insurance-steps-section .insurance-steps-plain{grid-template-columns:1fr}} /* v36: approved transparent header logo + honest, clean eyewear brand presentation */ .frame-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 18px;} .frame-brand-label{display:flex;align-items:center;justify-content:center;min-width:0;min-height:116px;padding:16px 14px;border:1px solid #dae3e9;background:#fff;border-radius:15px;box-shadow:0 7px 24px rgba(3,42,74,.04);} .frame-brand-text{color:#173652;font-family:Manrope,Arial,sans-serif;font-size:clamp(16px,1.25vw,20px);line-height:1.2;letter-spacing:-.035em;font-weight:650;text-align:center;} @media(max-width:900px){.frame-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frame-brand-label{min-height:90px;}} @media(max-width:480px){.frame-brand-text{font-size:16px}.frame-brand-label{padding:12px 8px;min-height:82px}} /* Final v36 visual fixes: preserve approved logo while keeping dark hero header legible */ .doctor-grid,.bio-hero-grid,.doctor-grid>*,.bio-hero-grid>*{min-width:0} .doctor-photo{width:100%;max-width:100%;min-width:0} .frame-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .frame-brand-text{font-size:clamp(19px,1.6vw,23px);line-height:1.2;letter-spacing:-.025em} .frame-brand-label{min-height:92px} @media(max-width:480px){.frame-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-brand-text{font-size:17px}.frame-brand-label{min-height:82px}} /* Overlay only the wordmark with white on the dark homepage header, using the same approved transparent source */ /* v37 — single real image variant per header state. No white CSS mask or layered lettering. */ /* v38 visual experiment: unfiltered, full-motion eye video, no navy shade */ .home-overlay .hero-video .hero-shade, .hero-video .hero-shade, .home-overlay .hero-video::before, .home-overlay .hero-video::after{background:transparent!important;opacity:0!important;box-shadow:none!important;} .home-overlay .hero-video .hero-media{filter:none!important;opacity:1!important;} .home-overlay .hero-video .hero-video-element{filter:none!important;opacity:1!important;} .home-overlay .hero-video h1{text-shadow:0 3px 22px rgba(0,0,0,.72),0 1px 4px rgba(0,0,0,.75);} .home-overlay .hero-video .hero-description, .home-overlay .hero-video .eyebrow, .home-overlay .hero-video .hero-bottom, .home-overlay .hero-video .text-link{text-shadow:0 2px 9px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.7);} /* Do not add an opaque treatment over the moving footage. */ /* v40: authentic eyewear logo artwork; provider-specific sizing and visual fallbacks */ .frame-logo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin:26px 0 19px} .frame-logo-grid .frame-brand-real {display:flex;position:relative;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e6e9;border-radius:15px;padding:20px 22px;min-width:0;min-height:132px;box-shadow:0 9px 22px rgba(6,43,74,.035)} .frame-logo-grid .frame-brand-real img {display:block;width:100%;height:86px;max-width:100%;max-height:86px;object-fit:contain;object-position:center;filter:none} .frame-logo-grid .frame-brand-rayban img {height:72px;max-height:72px} .frame-logo-grid .frame-brand-oakley img {height:88px;max-height:88px} .frame-logo-grid .frame-brand-kate-spade img {height:96px;max-height:96px} .frame-logo-grid .frame-brand-marc-jacobs img {height:48px;max-height:48px} .frame-logo-grid .frame-brand-david-beckham img {height:105px;max-height:105px} .frame-logo-grid .frame-brand-carrera img {height:61px;max-height:61px} .frame-logo-grid .frame-brand-hugo img,.frame-logo-grid .frame-brand-boss img {height:69px;max-height:69px} .frame-logo-fallback {display:none;font-family:Manrope,Arial,sans-serif;font-size:clamp(17px,2vw,25px);font-weight:600;letter-spacing:-.025em;color:#12324c;text-align:center} .frame-brand-real.logo-unavailable img {display:none!important} .frame-brand-real.logo-unavailable .frame-logo-fallback {display:block} @media(max-width:740px){.frame-logo-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.frame-logo-grid .frame-brand-real {padding:11px 13px;min-height:105px}.frame-logo-grid .frame-brand-real img {height:65px;max-height:65px}.frame-logo-grid .frame-brand-rayban img,.frame-logo-grid .frame-brand-carrera img,.frame-logo-grid .frame-brand-marc-jacobs img{height:48px;max-height:48px}.frame-logo-grid .frame-brand-david-beckham img,.frame-logo-grid .frame-brand-kate-spade img{height:80px;max-height:80px}} /* V41 — full eyecademy logo with doctor name */ /* V43: Match the optical illustration and its captions to eyecademy’s original logo gold. */ .optical-highlight-art .optical-art-tag, .optical-highlight-art .optical-art-bottom { color:#C5A46D; } /* V43: Harmonize the optical-section call-to-action with the original logo gold. */ .optical-highlight .button-primary{background:#C5A46D;color:#092b48} /* V46 — visual experiment: even hero video fade across the full frame. Same depth everywhere, no left/right or vertical gradient. The video remains visible and plays normally beneath the overlay. */ .home-overlay .hero-video .hero-shade { background:rgba(8,36,61,.62)!important; opacity:1!important; box-shadow:none!important; } /* V48 — FINAL SITE-WIDE QA: one consistent navy, reliable nav and complete logos. Approved palette: #08243D navy, #C5A46D gold. */ :root{--navy:#08243D;--deep:#08243D;--gold:#C5A46D;} /* All primary full-width blue surfaces share the footer's exact navy. Remove old page-specific gradients that caused the inconsistent blues. */ .booking-hero,.bio-hero,.bio-cta,.specialty-page-hero, .dry-eye-jett,.optical-lenses,.products-page-hero,.referrals, .hero.hero-video,footer.site-footer,footer:not(.site-footer){ background-color:#08243D!important; background-image:none!important; } /* Decorative dark panels belong to the same blue family. */ .hero-frame{background:#08243D!important;} .products-abstract{background:#08243D!important;} /* The background movie continues to play beneath an even footer-navy tint. */ .home-overlay .hero-video .hero-media{background-color:#08243D!important;} .home-overlay .hero-video .hero-shade, .hero-video .hero-shade{ background:rgba(8,36,61,.62)!important; opacity:1!important; box-shadow:none!important; } /* Desktop and interior-page header: no cropping of the doctor line. */ /* Home's two header-image states must remain the same size and location. */ /* The broken desktop home booking control had navy text on navy background. Use muted-gold CTA on the dark movie; navy/white on solid headers. */ /* Desktop-nav text and controls use the same dark blue on white. */ /* Responsive: preserve the *entire* logo and prevent off-screen social/menu. */ /* V49 — final header corrections: clean approved logo, no extra top-bar fade. */ /* On the homepage before scrolling, remove the separate header fade/gradient. Let the uniform hero tint handle the full image consistently. */ /* Keep the same consistent tint across the entire hero/video area. */ .home-overlay .hero-video .hero-shade{ background:rgba(8,36,61,.58)!important; opacity:1!important; box-shadow:none!important; } /* Once scrolled, the header can still transition to a clean white bar. */ /* Keep CTA readable in both states. */ /* ============================================================== v53 — balanced header typography and spacing Menu and booking typography set to a consistent scale; logo unchanged. The navigation collapses before crowding smaller laptop screens. ============================================================== */ .site-header{position:relative;z-index:70;background:#fff;border-bottom:1px solid #eef1f2;} .site-header .nav-wrap{height:96px;min-height:96px;display:flex;align-items:center;gap:16px;position:relative;min-width:0;} .site-header .wordmark{position:relative;display:flex;align-items:center;flex:0 0 300px;width:300px;max-width:300px;min-width:0;line-height:1;overflow:visible;background:transparent;} .site-header .wordmark img.official-logo-header{display:block;position:relative;width:100%;height:auto;max-height:90px;max-width:100%;object-fit:contain;object-position:left center;} .site-header .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1vw,18px);margin-left:auto;white-space:nowrap;font-size:14px;font-weight:650;line-height:1.35;letter-spacing:-.012em;min-width:0;} .site-header .main-nav a:not(.nav-cta){color:#08243D;text-decoration:none;padding:8px 0;} .site-header .main-nav a:not(.nav-cta):hover{color:#7c6643;opacity:1;} .site-header .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;background:#08243D;color:#fff;font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.2;padding:13px 16px;border:1px solid #08243D;white-space:nowrap;opacity:1;} .site-header .nav-cta span{color:inherit;margin:0;font-size:15px;line-height:1;} .site-header .main-nav .nav-cta:hover{opacity:.9;} .site-header .main-nav .nav-cta:focus-visible{outline:3px solid #C5A46D;outline-offset:3px;} .site-header .header-social{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:1px;padding-left:10px;border-left:1px solid #dce4e9;flex-shrink:0;} .site-header .social-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:38px;border-radius:6px;color:#08243D;} .site-header .social-link svg{display:block;width:21px;height:21px;flex-shrink:0;} .site-header .social-link:hover{background:#eef3f7;color:#9a7640;} .site-header .social-link:focus-visible{outline:3px solid #C5A46D;outline-offset:1px;} .site-header .menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-width:46px;min-height:45px;padding:12px;} .site-header .menu-toggle span{display:block;width:24px;height:2px;background:#08243D;} /* Homepage header floats over the uniformly tinted video without a second fade. */ .home-overlay .site-header{position:fixed;inset:0 0 auto;background:transparent;border:0;box-shadow:none;isolation:isolate;} .home-overlay .site-header::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;z-index:0;pointer-events:none;transition:opacity .32s ease;} .home-overlay .site-header .nav-wrap{position:relative;z-index:1;} .home-overlay .site-header .wordmark{height:86px;} .home-overlay .site-header .wordmark img.official-logo-header{position:absolute;top:50%;left:0;transform:translateY(-50%);max-height:90px;transition:opacity .32s ease;} .home-overlay .site-header .logo-normal{opacity:0;} .home-overlay .site-header .logo-overlay{opacity:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.14));} .home-overlay:not(.header-scrolled) .site-header .main-nav a:not(.nav-cta){color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.32);} .home-overlay:not(.header-scrolled) .site-header .nav-cta{background:#C5A46D;color:#08243D;border-color:#C5A46D;} .home-overlay:not(.header-scrolled) .site-header .social-link{color:#fff;} .home-overlay:not(.header-scrolled) .site-header .header-social{border-color:rgba(255,255,255,.24);} .home-overlay:not(.header-scrolled) .site-header .menu-toggle span{background:#fff;} .home-overlay.header-scrolled .site-header{background:transparent;box-shadow:0 3px 21px rgba(5,27,45,.13);} .home-overlay.header-scrolled .site-header::before{opacity:1;} .home-overlay.header-scrolled .site-header .logo-normal{opacity:1;} .home-overlay.header-scrolled .site-header .logo-overlay{opacity:0;} @media(max-width:1190px){ .site-header .nav-wrap{gap:8px;} .site-header .wordmark{flex-basis:265px;width:265px;max-width:265px;} .site-header .main-nav{display:none;position:absolute;top:100%;right:0;left:0;z-index:40;flex-direction:column;align-items:stretch;gap:0;white-space:normal;background:#fff;margin:0;padding:15px 20px 23px;box-shadow:0 13px 30px rgba(0,0,0,.19);font-size:15px;letter-spacing:0;} .site-header .main-nav.open{display:flex;} .site-header .main-nav>a:not(.nav-cta){padding:13px 8px;} .site-header .main-nav .nav-cta{min-height:46px;justify-content:space-between;margin-top:9px;padding:12px 16px;background:#08243D;color:#fff;border-color:#08243D;} .home-overlay:not(.header-scrolled) .site-header .main-nav a:not(.nav-cta){color:#08243D;text-shadow:none;} .home-overlay:not(.header-scrolled) .site-header .main-nav .nav-cta{background:#08243D;color:#fff;border-color:#08243D;} .site-header .menu-toggle{display:flex;order:3;flex-shrink:0;} .site-header .header-social{order:2;margin-left:auto;} } @media(max-width:990px){ .site-header .nav-wrap{height:88px;min-height:88px;} .site-header .wordmark{flex-basis:240px;width:240px;max-width:240px;} .home-overlay .site-header .wordmark{height:76px;} } @media(max-width:740px){ .site-header .nav-wrap{height:78px;min-height:78px;gap:5px;} .site-header .wordmark{flex-basis:205px;width:205px;max-width:205px;} .home-overlay .site-header .wordmark{height:64px;} .site-header .header-social{border:0;padding-left:0;gap:2px;} .site-header .social-link{width:32px;height:34px;} .site-header .social-link svg{width:20px;height:20px;} .site-header .menu-toggle{min-width:42px;min-height:42px;padding:8px;} } @media(max-width:380px){ .site-header .nav-wrap{gap:2px;} .site-header .wordmark{flex-basis:158px;width:158px;max-width:158px;} .home-overlay .site-header .wordmark{height:52px;} .site-header .social-link{width:28px;height:32px;} .site-header .header-social{gap:0;} .site-header .menu-toggle{min-width:40px;min-height:42px;padding:7px;} } @media(prefers-reduced-motion:reduce){ .home-overlay .site-header::before,.home-overlay .site-header .wordmark img.official-logo-header{transition:none;} } /* V54 — conversion pathways, simplified booking, and clinician referrals. */ .care-paths{background:#fff;padding-top:82px;padding-bottom:88px;} .care-paths-head{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:34px;} .care-paths-head h2{margin-bottom:0;color:var(--navy);} .care-paths-head h2 em{font-style:normal;color:#967343;} .care-paths-head>p{font-size:15px;color:#556878;line-height:1.7;max-width:350px;margin:0;} .care-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .care-path-card{display:flex;flex-direction:column;min-width:0;padding:29px 28px 24px;border:1px solid #dce4e8;background:#f8fafb;border-top:3px solid var(--gold);} .care-path-card h3{font-size:clamp(20px,2.1vw,25px);letter-spacing:-.03em;line-height:1.2;margin:14px 0 14px;color:var(--navy);} .care-path-card p{color:#526575;font-size:14px;line-height:1.7;margin-bottom:24px;} .care-path-card>a{margin-top:auto;font-size:14px;font-weight:750;color:var(--navy);border-top:1px solid #dce4e8;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;} .care-path-help{margin:24px 0 0;font-size:14px;color:#546879;} .care-path-help a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;font-weight:700;} .booking-options-focused{grid-template-columns:repeat(2,minmax(0,1fr));} .booking-options-focused .booking-option{min-height:218px;} .booking-options-focused .booking-option h3{font-size:22px;} .booking-options-focused .booking-option a{font-size:14px;} .booking-secondary{margin:26px 0 0;color:#536779;font-size:14px;line-height:1.75;} .booking-secondary a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px;} .referral-hero .specialty-lede{max-width:780px;} .referral-reasons{padding-left:22px;margin:15px 0 18px;} .referral-reasons li{padding:8px 0;line-height:1.6;} .referral-process{background:#f7f9fa;} .referral-process h2{max-width:700px;} .referral-process h2 em{font-style:normal;color:#967343;} .referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:39px;} .referral-steps article{padding:32px 27px;background:#fff;border:1px solid #dce4e8;min-width:0;} .referral-steps h3{font-size:21px;letter-spacing:-.03em;margin:0 0 13px;color:var(--navy);} .referral-steps p{font-size:14px;color:#526575;line-height:1.75;margin:0;} .referral-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;border:1px solid #dce4e8;background:#fff;padding:27px 30px;} .referral-contact strong{color:var(--navy);font-size:17px;} .referral-contact p{font-size:14px;line-height:1.7;color:#526575;margin:6px 0 0;max-width:690px;} .referral-contact p a{font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;} .referral-contact .button{white-space:nowrap;flex-shrink:0;} @media(max-width:900px){.care-path-grid,.referral-steps{grid-template-columns:1fr;}.care-paths-head{align-items:start;flex-direction:column;gap:15px;}.care-paths-head>p{max-width:700px;}.care-path-card{min-height:0;}.referral-contact{flex-direction:column;align-items:stretch;}.referral-contact .button{align-self:start;}} @media(max-width:740px){.care-paths{padding-top:62px;padding-bottom:65px;}.care-path-card{padding:25px 22px;}.booking-options-focused{grid-template-columns:1fr;}.booking-options-focused .booking-option{min-height:0;}.referral-contact{padding:24px 22px;}.referral-steps article{padding:28px 23px;}} /* V55 | clearer patient contact, consistent iconography, plain-language content */ .utility-inner{gap:clamp(12px,2vw,28px)} .utility-phone{margin-left:auto;font-weight:700;white-space:nowrap;color:#fff;text-decoration:none;font-size:12px} .utility-phone:hover,.utility-phone:focus-visible{text-decoration:underline} .utility-inner>a:last-child{white-space:nowrap} .footer-contact .clinic-hours{display:flex;flex-direction:column;gap:3px;color:#d4dfe7;font-size:12px;line-height:1.6;margin:0 0 5px} .footer-contact .clinic-hours strong{color:#fff;font-size:13px;font-weight:650} .footer-contact .clinic-hours span{font-size:11px;color:#b5c9d7} .contact-hours{color:#485e70;font-size:13px;max-width:360px;margin:2px 0 9px} .contact-links .contact-phone-link{font-size:clamp(18px,2.1vw,23px);font-weight:750;line-height:1.3;color:#08243d} .card-icon{display:flex;align-items:center;justify-content:center;overflow:hidden} .card-icon svg{width:32px;height:32px;display:block;color:currentColor;stroke-width:1.65} .plain-language-note{border-left:2px solid #c5a46d;padding:10px 15px;background:rgba(197,164,109,.09);font-size:14px;line-height:1.7;max-width:670px} .hero-plain-note{font-size:15px;line-height:1.65;max-width:680px} @media(max-width:740px){.footer-contact .clinic-hours{font-size:12px}.card-icon svg{width:29px;height:29px}} /* v55: make the real number visible in the mobile/desktop floating call action. */ .quick-booking-call{font-size:11px!important;letter-spacing:-.02em} @media(max-width:740px){.quick-booking-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}.quick-booking-call{font-size:10.5px!important;padding-inline:6px!important}} @media(max-width:360px){.quick-booking-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}.quick-booking-call{font-size:10px!important;gap:4px!important}} /* V56 — unnumbered editorial cards; categories remain as helpful context. */ .care-path-label{font-size:10px;letter-spacing:.12em;color:#866a3f;font-weight:800;} .booking-options-focused .booking-option h3{margin-top:0;} .referral-steps h3{margin-top:0;} /* V57 — patient-visible location, aligned with existing shared footer and contact UI. */ .footer-contact .clinic-address, .contact-links .clinic-address{ font-style:normal; display:flex; flex-direction:column; line-height:1.55; gap:1px; } .footer-contact .clinic-address{font-size:13px;color:#e5ecf2;margin:8px 0 13px;} .contact-links .clinic-address{font-size:15px;color:#16324a;margin:0 0 13px;} @media(max-width:740px){.footer-contact .clinic-address{font-size:13px}.contact-links .clinic-address{font-size:14px}} /* V58 — make homepage specialty service boxes evenly balanced on desktop. */ .specialties .service-grid{grid-auto-rows:1fr;} .specialties .service-card{display:flex;flex-direction:column;} .specialties .service-card p{flex-grow:1;} .specialties .service-card .card-bottom{margin-top:auto;} /* v59 — clear, clinician-focused referral pathway, no decorative numbering. */ .referral-v59 .referral-hero{padding-bottom:92px} .referral-v59 .referral-hero-note{font-size:13px;color:#d9e2e8;margin-top:-18px;max-width:740px;line-height:1.65} .referral-v59 .referral-intro{background:#fff} .referral-v59 .referral-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,105px);align-items:start} .referral-v59 .referral-intro h2{max-width:510px} .referral-v59 .referral-support-copy{font-size:15px;color:var(--gray);line-height:1.8;max-width:520px;margin-top:25px} .referral-v59 .referral-indications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} .referral-v59 .referral-indications article{border:1px solid #dce4e8;padding:26px 22px;background:#fafcfc;min-width:0} .referral-v59 .referral-indications h3{font-size:18px;color:var(--navy);margin-bottom:12px;letter-spacing:-.028em} .referral-v59 .referral-indications p{font-size:13px;line-height:1.75;color:#536779;margin:0} .referral-v59 .referral-process{background:#f4f7f8} .referral-v59 .referral-steps-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .referral-v59 .referral-steps-four article{padding:25px 20px;height:100%} .referral-v59 .referral-steps-four h3{font-size:17px;line-height:1.35} .referral-v59 .referral-steps-four p{font-size:13px;line-height:1.72} .referral-v59 .referral-download-panel{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px;padding:30px 33px;border-top:3px solid var(--gold);background:#fff} .referral-v59 .referral-download-panel .section-index{margin-bottom:9px} .referral-v59 .referral-download-panel h3{font-size:23px;color:var(--navy);margin:0 0 8px} .referral-v59 .referral-download-panel p:not(.section-index){font-size:14px;line-height:1.7;color:#536779;max-width:690px;margin:0} .referral-v59 .referral-download-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:195px} .referral-v59 .referral-download-actions a:not(.button){font-size:12px;text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--navy)} .referral-v59 .referral-records{background:#fff} .referral-v59 .referral-privacy{background:var(--navy);color:#fff} .referral-v59 .referral-privacy-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(40px,9vw,120px);align-items:center} .referral-v59 .referral-privacy h2{font-size:clamp(2.2rem,4vw,4rem)} .referral-v59 .referral-privacy h2 em{color:var(--gold);font-style:normal} .referral-v59 .referral-privacy p{font-size:15px;line-height:1.85;color:#d6e1e8;max-width:690px} .referral-v59 .referral-privacy a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700} .referral-v59 .referral-privacy-card{border:1px solid #63788a;padding:30px 31px} .referral-v59 .referral-privacy-card h3{color:var(--gold);font-size:19px} .referral-v59 .referral-privacy-card p{margin:0 0 12px;font-size:14px} .referral-v59 .referral-privacy-card>a{font-size:21px} .referral-v59 .referral-privacy .referral-privacy-foot{margin-top:20px;font-size:12px;color:#b9cbd7} @media(max-width:1150px){.referral-v59 .referral-steps-four{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:860px){.referral-v59 .referral-intro-grid,.referral-v59 .referral-privacy-grid{grid-template-columns:1fr}.referral-v59 .referral-download-panel{align-items:flex-start;flex-direction:column}.referral-v59 .referral-download-actions{align-items:flex-start}.referral-v59 .referral-download-actions .button{width:auto}} @media(max-width:600px){.referral-v59 .referral-indications,.referral-v59 .referral-steps-four{grid-template-columns:1fr}.referral-v59 .referral-hero{padding-bottom:70px}.referral-v59 .referral-hero-note{margin-top:0}.referral-v59 .referral-download-panel{padding:25px 20px}.referral-v59 .referral-privacy-card{padding:24px 20px}.referral-v59 .referral-hero .hero-actions .button{width:100%;justify-content:space-between;gap:12px}.referral-v59 .referral-intro-grid{gap:25px}} /* V60 | direct access for optometrist referrals, balanced desktop nav. */ .site-header .main-nav .nav-referrals{font-weight:800;color:#9f804d;} .home-overlay:not(.header-scrolled) .site-header .main-nav .nav-referrals{color:#e4c797;} @media(min-width:1360px){ .site-header .main-nav{column-gap:16px;} .site-header .nav-wrap{column-gap:12px;} } @media (min-width:1191px) and (max-width:1359px){ .site-header .main-nav{display:none;} .site-header .main-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.17);padding:15px 20px 23px;font-size:15px;white-space:normal;} .site-header .main-nav.open > a:not(.nav-cta){padding:13px 8px;color:#08243D;text-shadow:none;} .site-header .main-nav.open .nav-cta{justify-content:space-between;margin-top:8px;color:white;background:#08243D;border-color:#08243D;} .site-header .menu-toggle{display:flex;order:3;} .site-header .header-social{order:2;margin-left:auto;} .home-overlay:not(.header-scrolled) .site-header .main-nav.open .nav-referrals{color:#9f804d;} } .referral-v60 .referral-fax-prompt{display:block;font-size:15px;font-weight:650;color:#08243D;padding:8px 0;} .referral-v60 .referral-fax-number{color:#e8cf9f;font-size:20px;margin:12px 0;font-weight:600;} .referral-v60 .referral-fax-number strong{font-weight:850;} .referral-v60 .referral-bottom-fax{display:inline-block;font-size:16px;color:#08243D;align-self:center;} .referral-v60 .referral-privacy-card .referral-fax-number{color:#08243D;} @media(max-width:740px){.referral-v60 .referral-bottom-fax{font-size:14px;}} /* v61: explicit specialty navigation without crowding; cards work 4/2/1 across screens. */ @media (min-width:1360px){ .site-header .wordmark{flex:0 0 238px;width:238px;max-width:238px} .site-header .main-nav{column-gap:clamp(7px,.72vw,10px);font-size:12.5px;letter-spacing:-.025em} .site-header .main-nav .nav-cta{font-size:12px;gap:8px;padding:12px 11px;min-height:44px} .site-header .header-social{padding-left:5px;gap:1px} .site-header .social-link{width:31px} } @media (min-width:901px){.care-path-grid{grid-template-columns:repeat(4,minmax(0,1fr));}} @media (min-width:641px) and (max-width:900px){.care-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:640px){.care-path-grid{grid-template-columns:1fr;}} /* Keep expanded mobile navigation scrollable on compact phones. */ @media (max-width:1359px){.site-header .main-nav.open{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;}} .specialty-referrer-link{font-size:14px;color:#596f80;margin-top:0} .specialty-referrer-link a{color:var(--navy);font-weight:750;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px} /* v62 current-page marker in desktop and expanded mobile navigation. */ .site-header .main-nav a[aria-current="page"]:not(.nav-cta){text-decoration:underline;text-decoration-color:#C5A46D;text-decoration-thickness:2px;text-underline-offset:7px;} /* v63: editorial navigation. Native details/summary works with keyboard/touch. */ .site-header .main-nav{gap:clamp(13px,1vw,20px)} .site-header .main-nav .nav-dropdown{position:relative;min-width:0} .site-header .main-nav .nav-dropdown summary{cursor:pointer;color:#08243D;display:flex;align-items:center;gap:8px;list-style:none;padding:8px 0;line-height:1.35;font-weight:650} .site-header .main-nav .nav-dropdown summary::-webkit-details-marker{display:none} .site-header .main-nav .nav-dropdown summary::marker{content:""} .site-header .nav-chevron{width:7px;height:7px;display:inline-block;border-bottom:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease} .site-header .nav-dropdown[open] .nav-chevron{transform:rotate(225deg)} .site-header .main-nav .nav-dropdown summary:hover,.site-header .main-nav .nav-dropdown summary:focus-visible{color:#977344} .site-header .main-nav .nav-dropdown summary:focus-visible,.site-header .main-nav .nav-dropdown-panel a:focus-visible{outline:2px solid #C5A46D;outline-offset:4px} .site-header .main-nav .nav-dropdown-panel{position:absolute;top:calc(100% + 14px);right:-26px;min-width:258px;display:flex;flex-direction:column;gap:3px;padding:12px;background:white;border:1px solid #dce5e8;box-shadow:0 17px 36px rgba(2,24,42,.16);z-index:90;white-space:normal;border-radius:2px} .site-header .main-nav .nav-dropdown-panel a{display:block;padding:12px 15px!important;color:#08243D!important;font-weight:630;font-size:13px;text-decoration:none!important;text-shadow:none!important;border-radius:1px;line-height:1.35} .site-header .main-nav .nav-dropdown-panel a:hover,.site-header .main-nav .nav-dropdown-panel a[aria-current="page"]{background:#f2f6f8;color:#775c31!important} .site-header .main-nav .nav-group-current>summary,.site-header .main-nav .nav-context-current{box-shadow:inset 0 -2px #C5A46D} .home-overlay:not(.header-scrolled) .site-header .main-nav .nav-dropdown>summary{color:white;text-shadow:0 1px 5px rgba(0,0,0,.32)} .home-overlay:not(.header-scrolled) .site-header .main-nav .nav-dropdown-panel a{text-shadow:none} /* Desktop navigation fits comfortably with the two consolidated menus. */ @media(min-width:1250px){ .site-header .nav-wrap{gap:11px} .site-header .wordmark{flex:0 0 235px;width:235px;max-width:235px} .site-header .main-nav,.site-header .main-nav.open{display:flex;position:static;flex-direction:row;align-items:center;gap:clamp(10px,.95vw,17px);margin-left:auto;padding:0;box-shadow:none;background:transparent;white-space:nowrap;font-size:13px;letter-spacing:-.012em;overflow:visible;max-height:none} .site-header .main-nav .nav-cta{min-height:43px;padding:12px 12px;font-size:12.5px} .site-header .menu-toggle{display:none} .site-header .header-social{order:initial;margin-left:0;gap:1px;padding-left:5px} .site-header .social-link{width:32px} } @media(min-width:1250px) and (max-width:1430px){ .site-header .main-nav,.site-header .main-nav.open{gap:9px;font-size:12.5px} .site-header .wordmark{flex-basis:222px;width:222px;max-width:222px} .site-header .main-nav .nav-cta{font-size:11.8px;padding:11px 9px} } @media(max-width:1249px){ .site-header .main-nav,.site-header .main-nav.open{position:absolute;top:100%;left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 13px 30px rgba(0,0,0,.19);padding:15px 20px 23px;margin:0;white-space:normal;font-size:15px;letter-spacing:0;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain} .site-header .main-nav{display:none} .site-header .main-nav.open{display:flex} .site-header .menu-toggle{display:flex;order:3} .site-header .header-social{order:2;margin-left:auto} .site-header .main-nav>a:not(.nav-cta){padding:13px 8px} .site-header .main-nav .nav-dropdown{width:100%;border-top:1px solid #edf1f3} .site-header .main-nav .nav-dropdown summary{color:#08243D!important;text-shadow:none!important;font-size:15px;padding:13px 8px} .site-header .main-nav .nav-dropdown-panel{position:static;min-width:0;box-shadow:none;background:#f5f8fa;border:0;border-left:2px solid #C5A46D;margin:0 0 8px 8px;padding:4px 5px} .site-header .main-nav .nav-dropdown-panel a{font-size:14px;padding:12px 12px!important} .site-header .main-nav .nav-cta{min-height:46px;justify-content:space-between;margin-top:9px;padding:12px 16px;background:#08243D!important;color:#fff!important;border-color:#08243D!important} .home-overlay:not(.header-scrolled) .site-header .main-nav>a:not(.nav-cta){color:#08243D;text-shadow:none} } .smart-home-link{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 21px;border:1px solid #dce5e8;background:#f7f9fa} .smart-home-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#907247} .smart-home-link p{margin:4px 0 0!important;color:#193c55!important;font-size:14px!important;font-weight:700} .smart-home-link a{font-size:12px;font-weight:750;color:#08243D;flex-shrink:0;text-decoration:underline;text-underline-offset:4px} .smart-optical-promo{background:#f3f6f7;padding-block:55px} .smart-optical-promo-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center} .smart-optical-promo h2{font-size:clamp(29px,3.3vw,46px);margin:9px 0 17px} .smart-optical-promo p:not(.section-index){max-width:690px;color:#536879;line-height:1.75} .smart-optical-promo .button{margin-top:16px} .smart-optical-deco{min-height:205px;background:#082D4E;color:#c5a46d;padding:24px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:4px} .smart-optical-deco>span,.smart-optical-deco small{font-size:10px;letter-spacing:.17em;font-weight:700} .smart-optical-deco svg{width:100%;height:auto;max-height:135px} .smart-optical-deco small{opacity:.75;align-self:flex-end;letter-spacing:.04em;font-weight:400} /* v63 smart eyewear. A focused patient inquiry page, not a wholesale catalogue. */ .smart-hero{background:linear-gradient(125deg,#04253f 5%,#0b3657 86%);color:#fff;padding:clamp(60px,7vw,100px) 0} .smart-hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center} .smart-hero h1{font:650 clamp(38px,4.6vw,67px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.052em;color:#fff;margin:16px 0 23px} .smart-hero h1 em,.smart-page h2 em{font-style:normal;color:#c5a46d} .smart-hero .specialty-lede{max-width:640px;color:#dce8ef;line-height:1.7} .smart-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0 0} .smart-hero-fine{font-size:11px;color:#bdcedb;margin-top:22px;line-height:1.6} .smart-hero-art{aspect-ratio:1.1;min-height:295px;display:flex;flex-direction:column;justify-content:space-between;padding:26px 30px;background:radial-gradient(ellipse at 45% 38%,#204b68 5%,#0a2940 70%);border:1px solid #537187} .smart-art-top,.smart-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d5b982;letter-spacing:.15em;font-size:10px;font-weight:700} .smart-art-bottom strong{font:650 21px Manrope,Arial,sans-serif;letter-spacing:-.03em;color:#e6eeef} .smart-hero-art svg{width:100%;height:auto;filter:drop-shadow(0 14px 10px #001b2c7a)} .smart-intro-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%} .smart-intro h2,.smart-models h2,.smart-process h2,.smart-faq h2,.smart-final h2{font-size:clamp(31px,3.9vw,48px);line-height:1.2;letter-spacing:-.04em;color:#082D4E;margin:12px 0 0} .smart-intro-layout>div:last-child p{font-size:15px;line-height:1.8;color:#526a7b;margin:0 0 17px} .smart-intro-layout .smart-disclaimer{font-size:11px!important;color:#758695!important} .smart-models{background:#f3f7f8} .smart-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px} .smart-model-card{background:#fff;border:1px solid #e0e7eb;padding:30px 28px;display:flex;flex-direction:column;min-height:380px} .smart-card-number{font-size:10px;letter-spacing:.13em;color:#856e48;font-weight:700} .smart-frame-graphic{height:100px;max-width:230px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin:15px auto 13px;position:relative} .smart-frame-graphic::before,.smart-frame-graphic::after{content:"";position:absolute;top:43px;width:27px;border-top:4px solid #1a364c} .smart-frame-graphic::before{left:-2px;transform:rotate(-13deg)} .smart-frame-graphic::after{right:-2px;transform:rotate(13deg)} .smart-frame-graphic span{height:53px;width:88px;border:5px solid #173854;display:block;border-radius:20% 20% 36% 36%;background:linear-gradient(140deg,#edf4f7,#cce1eb42)} .smart-frame-graphic.smart-frame-rounded span{border-radius:45% 45% 48% 48%;height:57px} .smart-frame-graphic.smart-frame-sport span{border-radius:38% 13% 48% 36%;transform:skew(-5deg)} .smart-model-card h3{font:700 22px/1.3 Manrope,Arial,sans-serif;color:#092e4b;letter-spacing:-.025em;margin:8px 0 10px} .smart-model-card p{font-size:13px;line-height:1.7;color:#526a78;flex:1} .smart-model-card a{font-size:13px;font-weight:750;color:#082D4E;margin-top:15px;text-decoration:underline;text-decoration-color:#c5a46d;text-underline-offset:5px} .smart-model-footnote{font-size:11px;color:#647b8a;margin:21px 0 0} .smart-process{background:#082D4E;color:white} .smart-process h2{color:white} .smart-process .section-heading>p{color:#cadbe6} .smart-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px} .smart-process-grid article{border-top:2px solid #c5a46d;padding:25px 25px;background:#ffffff0c} .smart-process-grid article span{color:#d5b77d;letter-spacing:.1em;font-size:12px} .smart-process-grid h3{font-size:20px;color:white;margin:17px 0 12px} .smart-process-grid p{font-size:13px;color:#d2e0e9;line-height:1.75} .smart-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px} .smart-faq-grid article{padding:25px 27px;border:1px solid #dae4e9;background:#fbfcfd} .smart-faq-grid h3{font-size:19px;color:#082D4E;margin:0 0 11px} .smart-faq-grid p{font-size:13px;color:#5a7282;line-height:1.75;margin:0} .smart-final{background:#0d3855;color:white} .smart-final-inner{display:grid;grid-template-columns:1fr .65fr;gap:9%;align-items:center} .smart-final h2{color:white} .smart-final-inner p:not(.section-index){max-width:680px;font-size:15px;line-height:1.75;color:#dce9ef} .smart-final-inner .smart-privacy-note{font-size:11px!important;color:#afc8d6!important} .smart-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px} .smart-final-actions>a:not(.button){font-size:13px;font-weight:700;color:#e3edf2;text-decoration:underline;text-underline-offset:5px} @media(max-width:980px){.smart-hero-layout,.smart-intro-layout{grid-template-columns:1fr;gap:32px}.smart-hero-art{max-width:700px;aspect-ratio:1.65}.smart-model-grid{grid-template-columns:1fr 1fr}.smart-optical-promo-inner{gap:5%}} @media(max-width:760px){.smart-home-link{align-items:flex-start;flex-direction:column;gap:10px}.smart-optical-promo-inner,.smart-final-inner{grid-template-columns:1fr;gap:30px}.smart-model-grid,.smart-process-grid,.smart-faq-grid{grid-template-columns:1fr}.smart-model-card{min-height:0}.smart-hero-art{min-height:230px}.smart-hero h1{font-size:clamp(37px,8vw,51px)}.smart-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.smart-art-bottom span{font-size:8px}.smart-faq-grid article{padding:24px}} @media(max-width:420px){.smart-hero-art{padding:20px 15px;aspect-ratio:1.35}.smart-art-top{font-size:8px}.smart-art-bottom strong{font-size:18px}.smart-model-card{padding:25px 20px}} /* v67: actual supplier catalogue product photos, replacing decorative frame drawings. */ .smart-hero-product{background:linear-gradient(145deg,#f5f8f9,#dbe7ec);border-color:#bdd0db;color:#082d4e;padding:20px 24px;overflow:hidden;box-shadow:0 20px 36px #00182d22} .smart-hero-product .smart-art-top,.smart-hero-product .smart-art-bottom{color:#25485b} .smart-hero-product .smart-art-top{font-size:11px} .smart-hero-product .smart-art-bottom strong{color:#092d4b} .smart-hero-product > img{width:100%;max-height:290px;height:auto;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 10px 12px #112b3b26)} .smart-product-photo{margin:14px 0 8px;padding:14px 7px 10px;background:linear-gradient(145deg,#f6f9fa,#e8f0f3);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:165px} .smart-product-photo img{display:block;width:100%;height:132px;object-fit:contain;filter:drop-shadow(0 4px 5px #1c364b20)} .smart-product-photo figcaption{font:650 11px/1.4 Manrope,Arial,sans-serif;letter-spacing:.025em;color:#3d586a;text-align:center;margin-top:4px} @media(max-width:760px){.smart-hero-product > img{max-height:220px}.smart-product-photo{min-height:160px}.smart-product-photo img{height:125px}} @media(max-width:420px){.smart-hero-product{padding:17px 14px}.smart-hero-product .smart-art-bottom{align-items:flex-start;flex-direction:column;gap:3px}.smart-hero-product .smart-art-top{font-size:9px}} /* v68: editorial brand labels instead of decorative card or process numbers. */ .smart-brand-label{font-size:10px;letter-spacing:.13em;color:#856e48;font-weight:700} .smart-process-grid h3{margin-top:0} /* V69: Genuine optical display photography replaces previous SVG illustration. */ .optical-highlight-art.optical-collection-photo { padding: 0; min-height: 0; display: block; background: #082d4e; box-shadow: 0 16px 40px rgba(6,34,57,.12); overflow: hidden; } .optical-collection-gallery { display: grid; grid-template-rows: 1fr 1fr; gap: 4px; background: #e3e7e9; } .optical-collection-gallery img { display: block; width: 100%; height: 168px; object-fit: cover; object-position: center; background: #f5f3f0; } .optical-collection-caption { display: flex; flex-direction: column; gap: 9px; padding: 22px 26px 25px; background: #082d4e; color: white; } .optical-collection-overline { font-weight: 700; font-size: 10px; line-height: 1.4; letter-spacing: .17em; color: #C5A46D; } .optical-collection-caption strong { color: #ffffff; font-size: clamp(18px, 2vw, 25px); line-height: 1.35; font-family: Manrope, Arial, sans-serif; letter-spacing: -.03em; } .optical-collection-brands { color: #e3ecf3; font-size: 12px; line-height: 1.65; letter-spacing: .025em; } @media(max-width:780px) { .optical-collection-gallery img { height: 185px; } .optical-collection-caption { padding: 23px 25px 28px; } } @media(max-width:530px) { .optical-collection-gallery img { height: auto; aspect-ratio: 2.85 / 1; object-fit: cover; } .optical-collection-caption { padding: 19px 20px 23px; } .optical-collection-brands { font-size: 11px; } } /* V70: Real product photography for the exact Vision Styles frame styles; clean white studio cards. */ .optical-highlight-art.optical-stock-collection { min-height:0; padding:0; display:block; overflow:hidden; background:#082d4e; box-shadow:0 16px 40px rgba(6,34,57,.12); } .optical-stock-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; background:#e7e9ea; } .optical-stock-item { display:flex; flex-direction:column; min-width:0; background:#fff; } .optical-stock-item img { width:100%; height:190px; padding:10px 13px 0; box-sizing:border-box; object-fit:contain; object-position:center; background:#fff; display:block; } .optical-stock-brand { padding:0 12px 13px; text-align:center; color:#092d4b; font:700 11px/1.4 Manrope,Arial,sans-serif; letter-spacing:.07em; } @media(max-width:780px){.optical-stock-item img {height:195px;}} @media(max-width:530px){.optical-stock-item img {height:144px; padding:10px 7px 0}.optical-stock-brand{font-size:10px;padding:0 6px 12px}} /* v71: stable, packaged local optical images and normalized 2x2 cards. */ .optical-stock-gallery { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:stretch } .optical-stock-item { min-width:0;min-height:0;background:#fff;display:flex;flex-direction:column;overflow:hidden } .optical-stock-item img {display:block;aspect-ratio:600 / 340;object-fit:contain;object-position:center;width:100%;height:190px;max-width:100%;padding:8px 10px 0;background:#fff;box-sizing:border-box;overflow:hidden} .optical-stock-brand {font-size:11px;padding:0 8px 14px;margin-top:auto} @media(max-width:780px){.optical-stock-item img{height:182px}} @media(max-width:530px){.optical-stock-item img{height:145px;padding:4px 4px 0}.optical-stock-brand{font-size:10px;padding:0 6px 12px}} /* v72: shorter homepage and referral flow */ .doctor-approach-mini { margin: 1.15rem 0 1.3rem; padding: 1rem 0 0; border-top: 1px solid rgba(10,47,78,.13); scroll-margin-top: 120px; } .doctor-approach-mini .section-index { margin: 0 0 .45rem; font-size: .72rem; } .doctor-approach-mini p:last-child { margin: 0; } .referral-safety-note { max-width: 68rem; margin: 1.5rem 0 0; line-height: 1.7; font-size: .94rem; } .referral-safety-note a { text-underline-offset: .16em; } @media (max-width: 720px) { .doctor-approach-mini { scroll-margin-top: 98px; } .referral-safety-note { font-size: .9rem; } } /* v74 — final consistency and mobile polish */ :root { color-scheme:light; } html { scroll-padding-top:100px; } body { overflow-x:clip; } img,svg,video { max-width:100%; } button,a,summary { -webkit-tap-highlight-color:transparent; } :where(a,button,summary):focus-visible { outline:3px solid #c5a46d; outline-offset:4px; } .skip-link { z-index:10000; border-radius:4px; } .site-header .main-nav .nav-dropdown-panel a { line-height:1.4; } .site-header .main-nav .nav-dropdown-panel a:focus-visible { outline-offset:-2px; } /* The brand-photo feature sits beside the text on large screens, and beneath it on phones. */ .smart-optical-promo-inner { gap:clamp(28px,5vw,76px); grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); } .smart-optical-real-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; min-width:0; } .smart-optical-model { min-width:0; margin:0; background:#fff; padding:10px; border:1px solid #e4eaed; border-radius:10px; box-shadow:0 12px 29px rgba(2,45,84,.07); display:flex; flex-direction:column; } .smart-optical-model img { display:block; width:100%; height:auto; aspect-ratio:470/245; object-fit:contain; border-radius:6px; background:#fff; } .smart-optical-model figcaption { color:#082d4e; font:700 12px/1.4 Manrope,Arial,sans-serif; text-align:left; padding:8px 3px 2px; margin-top:auto; } .smart-optical-model-subtitle { display:block; font-size:11px; font-weight:500; color:#627588; margin-top:2px; } .smart-optical-promo .button { min-height:47px; } /* A single visit section instead of separate repeat address/contact blocks. */ .location-section { scroll-margin-top:105px; } .location-contact-details { display:flex; flex-wrap:wrap; align-items:center; gap:12px 21px; margin-top:18px; color:#35516b; font-size:13px; line-height:1.6; } .location-contact-details a { color:#082d4e; font-weight:750; text-decoration:underline; text-underline-offset:3px; } .location-contact-details .location-book-link { color:#846631; } /* Prevent background movement when the mobile navigation is open. */ body.mobile-menu-open { overflow:hidden; } @media (max-width:1249px) { .site-header .main-nav.open { max-height:calc(100dvh - 90px); overflow-y:auto; } .site-header .main-nav .nav-dropdown summary { min-height:47px; } } @media (max-width:760px) { .smart-optical-promo-inner { grid-template-columns:1fr; gap:26px; } .smart-optical-promo { padding-block:52px 60px; } .smart-optical-promo h2 { font-size:clamp(29px,8vw,40px); } .smart-optical-model { padding:7px; } .smart-optical-real-gallery { gap:9px; } .location-contact-details { display:grid; gap:10px; justify-items:start; font-size:14px; } .location-section { padding-bottom:76px; } } @media(max-width:380px) { .smart-optical-model figcaption { font-size:11px; } .smart-optical-model-subtitle { font-size:10px; } .smart-optical-real-gallery { gap:6px; } } @media(prefers-reduced-motion:reduce){ *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } } /* v75 – Dr. Ramdass profile refinement */ .bio-areas .bio-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .bio-card-grid article{display:flex;flex-direction:column;min-width:0;padding:clamp(22px,2.4vw,32px)} .bio-card-grid h3{font-size:clamp(20px,1.7vw,24px);line-height:1.26;margin:0 0 12px} .bio-card-grid p{margin:0 0 24px;flex:1;color:#506477} .bio-card-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#08243d;text-decoration:underline;text-underline-offset:4px;line-height:1.45} .bio-card-link:hover{color:#927247} .bio-card-link:focus-visible,.bio-research .publication a:focus-visible{outline:3px solid #c5a46d;outline-offset:4px;border-radius:2px} .bio-research .bio-publications{display:grid;gap:15px;margin-top:25px} .bio-research .publication{margin:0;padding:23px 26px;border-left:3px solid #c5a46d} .bio-research .publication h3{font-size:clamp(19px,1.55vw,23px);line-height:1.35;margin:10px 0} .bio-research .publication p{margin:0 0 10px;color:#526579;line-height:1.5} .bio-research .publication a{display:inline-flex;gap:7px;font-weight:700;font-size:14px;color:#08243d;text-underline-offset:4px} .bio-research .bio-caveat{margin-top:25px;font-size:14px;line-height:1.65} .bio-training .bio-facts>div:last-child{margin-bottom:0;border-bottom:0} .bio-credentials{letter-spacing:.09em;font-size:clamp(12px,1.05vw,15px);font-weight:700} @media(max-width:1050px){.bio-areas .bio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.bio-areas .bio-card-grid{grid-template-columns:1fr}.bio-hero h1{overflow-wrap:normal}.bio-areas .bio-card-grid article{padding:26px}.bio-research .publication{padding:20px}.bio-credentials{letter-spacing:.06em}}