.site-header{justify-content:flex-end;gap:46px}
.site-header{justify-content:space-between}
.desktop-nav{margin-right:auto}
.desktop-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.72);transition:background .25s,border-color .25s,color .25s}
.desktop-nav a:after{display:none}
.desktop-nav a:hover{background:var(--ivory);border-color:var(--ivory);color:var(--ink)}
.header-cta{border-color:rgba(255,255,255,.72)}
.manifesto{padding:88px 8vw 96px;grid-template-columns:190px minmax(0,1fr);gap:5vw;align-items:start}
.manifesto .section-index{margin-top:8px}
.manifesto-body{display:grid;grid-template-columns:minmax(480px,1.35fr) minmax(270px,.65fr);gap:6vw;align-items:end}
.manifesto-copy p{margin:0 0 12px}
.manifesto h2{font-size:clamp(3.4rem,5.1vw,5.5rem);line-height:.88}
.manifesto-detail{padding-top:0;padding-bottom:8px}
.manifesto-detail p{margin:0 0 26px;max-width:390px}
.hero-shade{background:linear-gradient(0deg,rgba(8,15,11,.42),transparent 35%)}
.hero-quick-actions{position:absolute;z-index:2;left:5vw;bottom:65px;display:flex;align-items:center;gap:30px}
.brand-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.brand-filter{border:0;border-bottom:1px solid rgba(244,238,227,.4);background:transparent;color:var(--ivory);padding:8px 3px;margin-right:18px;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;cursor:pointer}
.brand-filter:hover,.brand-filter.active{color:var(--gold);border-color:var(--gold)}
.journal{padding:135px 8vw 145px;background:var(--paper)}
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}
.journal h2{font-family:Italiana,serif;font-size:clamp(3.2rem,5.4vw,5.8rem);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:25px 0 0}
.journal h2 em{font-weight:400;color:var(--gold)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{border-top:1px solid var(--line);padding:25px 24px 35px 0}
.blog-date{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:#69766e}
.blog-card h3{font-family:Italiana,serif;font-size:1.8rem;font-weight:400;line-height:1.1;margin:35px 0 15px}
.blog-card>p:not(.blog-date){color:#647067;min-height:72px}
.calendar-booking{align-self:center;border-left:1px solid rgba(16,23,19,.28);padding-left:50px}
.calendar-booking h3{font-family:Italiana,serif;font-weight:400;font-size:2rem;margin:18px 0 10px}
.whatsapp-bubble{position:fixed;z-index:50;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;background:#1f8f5f;color:#fff;border-radius:999px;padding:10px 11px 10px 18px;box-shadow:0 10px 28px rgba(0,0,0,.24);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;transition:.2s}
.whatsapp-bubble[hidden]{display:none}
.whatsapp-bubble strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#1f8f5f;font-size:1.25rem}
.whatsapp-bubble:hover{transform:translateY(-2px)}
.blog-page{background:var(--paper)}
.blog-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--deep);color:var(--ivory);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.blog-hero{padding:115px 8vw 95px;background:var(--deep);color:var(--ivory)}
.blog-hero h1{font-family:Italiana,serif;font-weight:400;font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:-.04em;margin:25px 0}
.blog-hero h1 em{font-weight:400;color:var(--gold)}
.blog-hero>p:last-child{color:rgba(244,238,227,.7);max-width:540px}
.blog-index{padding:90px 8vw 130px}
.full-post{max-width:850px;padding:0 0 80px;margin-bottom:80px;border-bottom:1px solid var(--line)}
.full-post h2{font-family:Italiana,serif;font-weight:400;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin:24px 0}
.post-excerpt{font-size:1.15rem;color:#536159}
.post-body{margin-top:35px;color:#48544d;line-height:1.8;white-space:pre-line}
@media(max-width:900px){
  .site-header{justify-content:space-between}
  .manifesto{padding:76px 7vw 82px;grid-template-columns:1fr;gap:32px}
  .manifesto-body{grid-template-columns:1fr;gap:30px}
  .manifesto-detail{padding:0}
  .manifesto-detail p{max-width:580px}
  .hero-image{object-position:center}
  .hero-quick-actions{left:7vw;right:7vw;bottom:38px}
  .journal{padding:95px 7vw}
  .journal-heading{display:block}
  .journal-heading>a{display:inline-block;margin-top:30px}
  .blog-grid{grid-template-columns:1fr}
  .blog-card>p:not(.blog-date){min-height:0}
  .calendar-booking{border-left:0;border-top:1px solid rgba(16,23,19,.28);padding:35px 0 0}
  .whatsapp-bubble span{display:none}
  .whatsapp-bubble{padding:8px}
}

/* v24 service flows and exact brand treatment */
.header-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
.hero-logo{position:absolute;z-index:2;left:4.2vw;top:52%;transform:translateY(-50%);width:clamp(330px,31vw,590px);height:auto;object-fit:contain;filter:none}
.frame-image-wrap{background:#fff;padding:34px}
.frame-image-wrap img{filter:none;transform:translateZ(0)}
footer img{width:190px;height:92px;filter:none;opacity:1;object-fit:contain}
.contact-lenses{padding:120px 8vw;background:#f4eee4}
.service-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin-bottom:70px}
.service-heading h2,.diabetic-copy h2{margin:20px 0 0;font-family:Italiana,serif;font-size:clamp(3.6rem,6vw,6.5rem);font-weight:400;line-height:.9;letter-spacing:-.04em}
.service-heading h2 em,.diabetic-copy h2 em{font-weight:400;color:var(--gold)}
.service-intro{max-width:520px;color:#4f5f59;font-size:1.02rem}
.order-form{border-top:1px solid rgba(31,90,85,.22)}
.form-section{display:grid;grid-template-columns:190px 1fr;gap:42px;padding:36px 0;border-bottom:1px solid rgba(31,90,85,.18)}
.form-section-label{margin:8px 0 0;color:#98783d;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
.order-form label span,.diabetic-form label span{display:block;margin-bottom:8px;color:#65726c;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.order-form input,.order-form select,.order-form textarea,.diabetic-form input,.diabetic-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(31,90,85,.4);border-radius:0;outline:0;background:transparent;color:#172823;font:inherit}
.order-form textarea,.diabetic-form textarea{resize:vertical}
.order-form input:focus,.order-form select:focus,.order-form textarea:focus,.diabetic-form input:focus,.diabetic-form textarea:focus{border-color:var(--gold)}
.form-span-2{grid-column:1/-1}
.upload-field{padding:24px;border:1px dashed rgba(31,90,85,.38);background:rgba(255,255,255,.42)}
.upload-field input{padding:10px 0;border:0}
.upload-field small{display:block;color:#65726c}.upload-field small.error{color:#a33b32}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.consent-field{display:flex;align-items:flex-start;gap:12px;margin:28px 0}
.consent-field input{width:auto;margin-top:4px}.consent-field span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:.8rem!important}
.form-submit-row{display:flex;align-items:center;gap:30px}.form-submit-row p{max-width:570px;margin:15px 0 0;color:#65726c;font-size:.78rem}
.diabetic-screening{padding:120px 8vw;background:#1f5a55;color:#f4eee4;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.diabetic-copy>p:last-child{max-width:540px;color:rgba(244,238,228,.76);line-height:1.7}
.diabetic-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 28px;align-content:start;padding-top:20px}
.diabetic-form label span{color:rgba(244,238,228,.66)}
.diabetic-form input,.diabetic-form textarea{color:#f4eee4;border-color:rgba(244,238,228,.35)}
.diabetic-form .form-note{color:rgba(244,238,228,.62)}
@media(max-width:1180px){
  .desktop-nav,.header-cta{display:none}
  .menu-toggle{display:block;z-index:22}
  .site-header{justify-content:flex-end}
  .mobile-menu{inset:72px 0 0;padding:30px 7vw;background:#1f5a55;font-family:"DM Sans",sans-serif;font-size:1rem;gap:12px;overflow-y:auto}
  .mobile-menu:not(.open){display:none}
  .mobile-menu.open{display:flex}
  .mobile-menu a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 18px;border:1px solid rgba(244,238,228,.42);border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
  .mobile-menu a:after{content:"↗";color:var(--gold)}
}
@media(max-width:900px){
  .hero-logo{left:7vw;top:44%;width:42vw;transform:translateY(-50%)}
  .service-heading,.diabetic-screening{grid-template-columns:1fr;gap:38px}
  .contact-lenses,.diabetic-screening{padding:82px 7vw}
  .form-section{grid-template-columns:1fr;gap:18px}
  .service-heading{margin-bottom:48px}
}
@media(max-width:560px){
  .hero-logo{left:5vw;top:43%;width:44vw}
  .form-grid,.diabetic-form{grid-template-columns:1fr}
  .form-span-2{grid-column:auto}
  .form-submit-row{align-items:flex-start;flex-direction:column}
  .form-submit-row .button{width:100%}
  .service-heading h2,.diabetic-copy h2{font-size:3.25rem}
  footer img{width:210px;height:125px}
}

/* Final cascade safeguards */
.frame-image-wrap{background:#fff;padding:38px}
@media(max-width:900px){
  .mobile-menu{inset:72px 0 0;padding:30px 7vw 35px;font-family:"DM Sans",sans-serif;font-size:1rem;gap:12px}
  .mobile-menu a{min-height:52px;padding:0 18px;border-radius:999px;font-size:.72rem;letter-spacing:.12em}
  .frame-image-wrap{background:#fff;padding:28px}
}
@media(max-width:560px){.hero-quick-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-quick-actions .button{width:100%}}

/* Structured frame discovery */
.frame-finder{min-height:auto;padding:0 0 105px;background:#1f5a55}
.frame-finder>.section-index{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.finder-editorial{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(470px,.8fr);min-height:680px;background:#1f5a55}
.finder-models{min-height:680px;background:url('assets/find-your-feeling-faceaface-models.png?v=20') center center/cover no-repeat}
.finder-content{width:100%;margin:0;padding:78px 4.5vw 58px;display:flex;flex-direction:column;justify-content:center;background:#1f5a55}
.finder-intro{display:block;padding:0;border:0}
.finder-content .finder-intro h2{font-size:clamp(4.1rem,6vw,6.8rem);line-height:.86}
.finder-content .finder-intro>p{max-width:500px;margin:30px 0 0;color:rgba(244,238,227,.82);font-size:1rem}
.mood-list{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 18px}
.mood{border-radius:999px;min-height:48px;padding:11px 18px;border:1px solid rgba(244,238,227,.42);font-size:.7rem;text-transform:none;letter-spacing:0}
.mood:hover,.mood.active{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.finder-content>.mood-result{max-width:none;min-height:0;margin:0;text-align:center;color:rgba(244,238,227,.68);font-size:.84rem}
.brand-prompt{max-width:none!important;margin:30px 0 7px!important;text-align:left;text-transform:uppercase;letter-spacing:.18em;font-size:.58rem!important;color:var(--gold)!important}
.brand-list{justify-content:flex-start;margin-top:0}
.brand-filter{min-width:0;margin:0 20px 0 0;padding:9px 0;border:0;border-bottom:1px solid rgba(244,238,227,.55);font-size:.62rem}
.brand-filter:hover,.brand-filter.active{background:transparent;border-color:var(--gold);color:var(--gold)}
.collection-panel{margin:0 8vw;padding-top:34px;border-top:1px solid rgba(244,238,227,.18)}
.collection-heading{margin-bottom:24px}
.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.frame-card{background:rgba(244,238,227,.055);color:var(--ivory);border:1px solid rgba(244,238,227,.16);box-shadow:0 20px 45px rgba(0,0,0,.18);backdrop-filter:blur(4px)}
.frame-card:hover{transform:translateY(-7px);border-color:rgba(189,151,80,.55)}
.frame-image-wrap{aspect-ratio:1.45/1;background:transparent;padding:32px}
.frame-image-wrap img{mix-blend-mode:normal}
.save-frame{background:rgba(16,23,19,.72);border-color:rgba(244,238,227,.28);color:var(--ivory)}
.save-frame.saved{background:var(--gold);color:var(--ink)}
.frame-info{padding:24px 25px 28px;border-top:1px solid rgba(244,238,227,.12)}
.frame-brand{color:var(--gold)}
.frame-name{font-size:1.7rem;color:var(--ivory)}
.frame-colour{color:rgba(244,238,227,.56)}
.frame-description{margin:14px 0 0;color:rgba(244,238,227,.72);font-size:.82rem;line-height:1.55}
.no-frames{grid-column:1/-1;padding:62px 30px;text-align:center;border:1px solid rgba(244,238,227,.16);background:rgba(244,238,227,.035)}
.no-frames span{color:var(--gold);font-size:.6rem;letter-spacing:.17em}
.no-frames h3{margin:14px 0 8px;font-family:Italiana,serif;font-size:2rem;font-weight:400;color:var(--ivory)}
.no-frames p{margin:0;color:rgba(244,238,227,.58)}
.collection-footer{margin-top:34px;padding-top:24px;border-top:1px solid rgba(244,238,227,.14)}
@media(max-width:900px){
  .frame-finder{padding:0 0 85px}
  .finder-editorial{grid-template-columns:1fr;min-height:0}
  .finder-models{min-height:0;aspect-ratio:1.35/1;background-position:center top}
  .finder-content{padding:58px 7vw 62px}
  .finder-content .finder-intro>p{max-width:600px}
  .frame-grid{grid-template-columns:1fr 1fr}
  .collection-panel{margin:0 7vw}
}
@media(max-width:560px){
  .finder-content .finder-intro h2{font-size:3.7rem}
  .finder-models{aspect-ratio:1/1;background-position:44% top}
  .mood-list{display:grid;grid-template-columns:1fr}
  .frame-grid{grid-template-columns:1fr}
  .brand-filter{min-width:calc(50% - 7px)}
}

/* Launch polish: restrained navigation, seamless editorial image and product detail view */
.site-header{height:92px;padding:18px 4.5vw;gap:18px}
.desktop-nav{gap:9px}
.desktop-nav a{min-height:38px;padding:0 17px;border-color:rgba(244,238,228,.38);border-radius:999px;background:rgba(31,90,85,.22);backdrop-filter:blur(8px);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.desktop-nav a:hover{background:#f4eee4;border-color:#f4eee4;color:#1f5a55}
.header-cta{min-height:40px;padding:0 18px;border-radius:999px;border-color:rgba(189,151,80,.8);background:rgba(189,151,80,.12);color:#f4eee4}
.header-cta:hover{background:var(--gold);color:#1f5a55}
.hero-image{object-position:center 30%}
.finder-models{position:relative}
.finder-models:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 72%,#1f5a55 100%)}
.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.frame-card{cursor:pointer;overflow:hidden}
.frame-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.frame-image-wrap{aspect-ratio:1.6/1;padding:38px}
.frame-image-wrap img{image-rendering:auto}
.frame-modal[hidden]{display:none}
.frame-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:32px}
.frame-modal-backdrop{position:absolute;inset:0;background:rgba(8,24,22,.82);backdrop-filter:blur(10px)}
.frame-modal-dialog{position:relative;width:min(1120px,96vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);background:#f4eee4;color:#172823;box-shadow:0 28px 80px rgba(0,0,0,.4)}
.frame-modal-close{position:absolute;z-index:3;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(31,90,85,.25);border-radius:50%;background:#f4eee4;color:#1f5a55;font-size:1.6rem;line-height:1;cursor:pointer}
.frame-modal-gallery{padding:42px;background:rgba(255,255,255,.68)}
.frame-modal-stage{min-height:380px;display:flex;align-items:center;justify-content:center}
.frame-modal-stage img{display:block;width:100%;height:100%;max-height:470px;object-fit:contain}
.frame-modal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.frame-modal-thumb{height:86px;padding:8px;border:1px solid rgba(31,90,85,.16);background:#fff;cursor:pointer}
.frame-modal-thumb.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.frame-modal-thumb img{width:100%;height:100%;object-fit:contain}
.frame-modal-copy{padding:78px 48px 50px;align-self:center}
.frame-modal-brand{margin:0 0 14px;color:#9a783d;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.frame-modal-copy h2{margin:0;font-family:Italiana,serif;font-size:clamp(2.7rem,4vw,4.5rem);font-weight:400;line-height:.92}
.frame-modal-colour{margin:16px 0 30px;color:#64736d}
.frame-modal-copy dl{margin:0 0 30px;border-top:1px solid rgba(31,90,85,.18)}
.frame-modal-copy dl div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(31,90,85,.18)}
.frame-modal-copy dt{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#75827d}
.frame-modal-copy dd{margin:0;font-size:.86rem}
.frame-modal-description{color:#4f5f59;line-height:1.7}
.modal-open{overflow:hidden}
@media(max-width:900px){
  .site-header{height:72px}
  .hero-image{object-position:center}
  .finder-models:after{background:linear-gradient(180deg,transparent 68%,#1f5a55 100%)}
  .frame-grid{grid-template-columns:1fr;gap:24px}
  .frame-image-wrap{aspect-ratio:1.55/1;padding:28px}
  .mobile-menu{inset:72px 0 0;padding:30px 7vw;background:#1f5a55;font-family:"DM Sans",sans-serif;font-size:1rem;gap:12px;overflow-y:auto}
  .mobile-menu:not(.open){display:none}
  .mobile-menu a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border:1px solid rgba(244,238,228,.42);border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;white-space:normal}
  .mobile-menu a:after{content:"↗";color:var(--gold)}
  .frame-modal{padding:14px}
  .frame-modal-dialog{display:block;width:100%;max-height:94vh}
  .frame-modal-gallery{padding:54px 18px 24px}
  .frame-modal-stage{min-height:230px}
  .frame-modal-thumbs{gap:7px}
  .frame-modal-thumb{height:68px}
  .frame-modal-copy{padding:36px 24px 38px}
  .frame-modal-copy h2{font-size:2.75rem}
}

/* Brand colour and responsive refinement */
:root{--deep:#1f5a55;--green:#1f5a55;--sage:#78a39f}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{height:72px;padding:10px 6vw;justify-content:flex-end;background:rgba(16,45,42,.72);backdrop-filter:blur(8px)}
  .menu-toggle{padding:8px}
  .hero{height:auto;min-height:0;padding-top:72px;background:var(--deep)}
  .hero-image{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center}
  .hero-shade{display:none}
  .hero-quick-actions{position:relative;left:auto;right:auto;bottom:auto;padding:24px 7vw 32px;background:var(--deep)}
  .manifesto h2{font-size:clamp(2.85rem,12vw,4rem);line-height:.92}
  .manifesto-copy p{font-size:.9rem}
  .finder-content .finder-intro h2{font-size:clamp(3rem,13vw,4.4rem);line-height:.95}
  .finder-content .finder-intro>p{font-size:.92rem}
  .mood{min-height:56px}
  .care-heading{margin-bottom:45px}
  .care h2{font-size:clamp(2.8rem,12vw,4rem)}
  .booking h2{font-size:clamp(3.2rem,14vw,4.5rem)}
  .booking-form input,.booking-form select{font-size:16px}
  .mobile-menu{padding:110px 7vw 35px;font-size:clamp(2rem,10vw,3rem)}
  .mobile-menu a{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.72);font-size:.78em}
  footer{padding:42px 7vw}
  .blog-header{height:auto;min-height:72px;padding:18px 6vw;gap:20px}
  .blog-hero{padding:82px 7vw 68px}
  .blog-hero h1{font-size:clamp(3.2rem,15vw,5rem)}
  .blog-index{padding:65px 7vw 90px}
  .full-post{padding-bottom:55px;margin-bottom:55px}
}
@media(max-width:560px){
  .hero-quick-actions{display:grid;grid-template-columns:1fr;gap:17px}
  .hero-quick-actions .text-link{justify-self:start}
  .manifesto{padding-top:64px;padding-bottom:68px}
  .frame-finder{padding-top:66px;padding-bottom:72px}
  .mood-list{gap:10px}
  .brand-list{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .brand-filter{width:100%;min-width:0}
  .collection-heading{gap:16px}
  .frame-image-wrap{padding:22px}
  .collection-footer .button{width:100%}
  .booking{padding-top:72px;padding-bottom:76px}
  .booking-form .submit{width:100%}
  .blog-header{align-items:flex-start;flex-direction:column;font-size:.63rem}
}

/* v24 final cascade safeguards */
[hidden]{display:none!important}
.frame-image-wrap{background:#fff;padding:38px}
@media(max-width:900px){
  .mobile-menu{inset:72px 0 0;padding:30px 7vw 35px;font-family:"DM Sans",sans-serif;font-size:1rem;gap:12px}
  .mobile-menu a{min-height:52px;padding:0 18px;border-radius:999px;font-size:.72rem;letter-spacing:.12em}
  .frame-image-wrap{background:#fff;padding:28px}
}

/* Standalone service pages */
.service-page{background:#f4eee4}
.service-page .reveal{opacity:1;transform:none}
.service-site-header{position:absolute;background:rgba(17,65,61,.72);backdrop-filter:blur(12px)}
.desktop-nav a.current{border-color:var(--gold);color:#f4eee4;background:rgba(189,151,80,.14)}
.service-page-hero{min-height:620px;padding:185px 8vw 95px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,#174944,#1f5a55 72%,#2f736d);color:#f4eee4}
.service-page-hero:after{content:"";position:absolute;right:8vw;top:180px;width:29vw;height:29vw;max-width:430px;max-height:430px;border:1px solid rgba(244,238,228,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(244,238,228,.025),0 0 0 140px rgba(244,238,228,.018);pointer-events:none}
.service-page-hero h1{position:relative;z-index:1;margin:22px 0 28px;font-family:Italiana,serif;font-size:clamp(4.4rem,8vw,8rem);font-weight:400;line-height:.86;letter-spacing:-.045em}
.service-page-hero h1 em{font-weight:400;color:var(--gold)}
.service-page-hero>p:last-child{position:relative;z-index:1;max-width:590px;color:rgba(244,238,228,.74);font-size:1.05rem}
.standalone-service{display:grid}
.contact-lenses.standalone-service{display:block}
.diabetic-page-hero{background:linear-gradient(115deg,#123f3b,#1f5a55 68%,#3d7b75)}
@media(max-width:900px){
  .service-page-hero{min-height:540px;padding:145px 7vw 72px}
  .service-page-hero:after{right:-20vw;top:170px;width:70vw;height:70vw}
  .service-page-hero h1{font-size:clamp(3.5rem,15vw,5.2rem)}
}
