/* Layout refined against the approved homepage concept. */
/* Keep the specialist's complete face visible in the photographic band. */
:root{--navy:#082850;--brand:#0099b9;--pale:#eff9fd}body{line-height:1.5}h1,h2,h3{letter-spacing:-.045em}.wrap{max-width:1280px;width:calc(100% - 100px)}.header{height:82px}.logo{width:235px;height:82px}.header nav{font-size:13px;gap:29px}.header nav .active{color:var(--brand);border-bottom:2px solid var(--brand);padding-bottom:12px}.header .button{font-size:12px}.hero-inner{min-height:440px}.hero-copy{max-width:670px;padding:40px 0}.hero h1{font-size:clamp(34px,3.15vw,49px);line-height:1.12;margin-bottom:22px}.hero-copy .eyebrow{display:none}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:440px;margin-bottom:28px}.hero-photo{width:100%;height:100%;object-position:center 38%}.hero:after{background:linear-gradient(90deg,#f2f8fb99,transparent 65%)}.button{padding:12px 22px;font-size:13px;gap:18px}.trust .wrap{padding-block:17px;gap:20px}.trust b{font-size:12px}.trust span{font-size:26px}.service-intro{padding-top:52px;padding-bottom:10px}.service-intro .eyebrow{display:none}.service-intro h2{font-size:32px;margin-bottom:12px}.service-intro p{font-size:16px}.service-nav{gap:0;border:1px solid #cde4ef;border-radius:40px;max-width:1040px;margin:28px auto 0;background:#f5fbfe;padding:0}.service-nav a{flex:1;border:0;padding:14px 12px;font-size:13px;white-space:nowrap}.service-nav a:first-child{color:white;background:var(--brand)}.service{min-height:0;padding-block:65px;gap:30px;grid-template-columns: .95fr 1.6fr}.service h2{font-size:32px;line-height:1.14;margin-bottom:18px}.service h2 em{color:var(--navy)}.service .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.2em}.service-copy>p:not(.eyebrow){font-size:16px;line-height:1.45;max-width:400px}.service-copy .button{margin-top:0}.dynamic{display:none}.progressive{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:8px}.lens-scene{background:white;height:325px;border-radius:0;overflow:hidden}.lens-scene img{object-fit:contain;transform:none!important;filter:none!important}.lens-shape,.scene-label{display:none}.lens-scene:after{content:'';position:absolute;inset:18% 5% 22% 23%;border:2px solid transparent;border-radius:45%;transition:.3s;pointer-events:none}.lens-scene[data-distance=lejos]:after{inset:18% 5% 60% 23%;background:#def7ff40;border-color:#66bacc77}.lens-scene[data-distance=cerca]:after{inset:64% 5% 15% 23%;background:#def7ff40;border-color:#66bacc77}.progressive .controls,.map-panel .controls{flex-direction:column;gap:12px;border:0;background:transparent;padding:0;margin:0}.progressive .controls button,.map-panel .controls button{padding:12px 14px;display:flex;align-items:center;gap:14px;text-align:left;flex:none;color:#18415e}.progressive .controls button:before,.map-panel .controls button:before{content:'◎';font-size:26px;border:1px solid #98b6cd;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.progressive .controls button[aria-pressed=true],.map-panel .controls button[aria-pressed=true]{background:#e3f6fd;color:#008cad}.progressive .fine{grid-column:2;font-size:10px;line-height:1.5;margin:0}.progressive button[data-distance=lejos]{order:-2}.progressive button[data-distance=intermedia]{order:-1}.tinted{background:#edf8fd}.tinted .service#esclerales{grid-template-columns:.85fr 1fr 1fr;gap:32px}.scleral-photo{height:340px;width:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,#000 80%,transparent)}#esclerales .service-copy{grid-column:2;grid-row:1}#esclerales .visual{grid-column:3;grid-row:1}.cornea-visual{padding:14px;border:1px solid #d5eaf2;border-radius:16px;background:#ffffffb5;display:flex;flex-direction:column}.cornea-visual .controls{order:-1;margin-top:0;border:0;background:#e7f6fc}.cornea-visual svg{height:170px;border-radius:8px;background:linear-gradient(#f6fcff,#e2f4fd);margin-top:15px}.visual-description{font-size:12px;min-height:48px;line-height:1.5;margin:12px 6px 0}.controls button{font-size:12px;padding:9px 6px}.visual .fine{font-size:10px;margin-top:9px}#orto{grid-template-columns:1fr .9fr 1fr;gap:26px}.sleep-photo{height:320px;width:100%;object-fit:cover;object-position:32% center;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent)}.night-panel{padding:14px;background:#f1faff;border:1px solid #dbeef5;border-radius:16px;display:flex;flex-direction:column}.night-panel .controls{order:-1;margin:0;border:0;background:#e4f5fc}.night-art{height:168px;background:linear-gradient(#f7fcff,#e6f4fb);border-radius:10px;margin-top:15px;color:var(--navy)}.celestial{font-size:42px;position:absolute;left:17px;top:6px;color:#009abb;line-height:1}.night-art p{font-size:10px;bottom:5px}.night-cornea{width:100%;height:145px;align-self:end}.night-panel[data-phase=dia] .night-art{background:#fff8eb}.night-panel[data-phase=dia] .night-cornea path:last-child{opacity:0}.night-panel .fine{line-height:1.4}.tinted:has(#pentacam){background:white}.tinted .service#pentacam{grid-template-columns:.95fr 1.6fr;gap:40px}#pentacam .service-copy{grid-column:1;grid-row:1}#pentacam .map-panel{grid-column:2;grid-row:1}.map-panel{display:grid;grid-template-columns:1fr 170px;gap:15px;align-items:center}.monitor{min-width:0;align-self:center}.monitor-screen{border:10px solid #202b32;border-bottom-width:16px;border-radius:12px 12px 0 0;display:grid;grid-template-columns:35% 65%;background:#253640;padding:7px;box-shadow:0 7px 20px #25415224}.map-grid{height:210px;border-radius:0;background:#12252d;gap:7px}.corneal-map{height:175px;width:175px;flex-shrink:0}.scale{height:130px;width:5px}.scan-sidebar{padding-right:6px;color:#bed4df;font-size:6px;overflow:hidden}.scan-sidebar img{width:100%;height:90px;object-fit:cover;filter:grayscale(1)}.scan-sidebar span{display:block;padding:8px 0}.scan-sidebar i{display:block;height:17px;margin-bottom:5px;background:repeating-linear-gradient(90deg,#4b6f8240 0px,#4b6f8240 3px,transparent 3px,transparent 8px);border-bottom:1px solid #537b8e}.monitor-chin{height:22px;background:linear-gradient(#d3dce1,#a5b3bd);border-radius:0 0 6px 6px}.monitor-stand{height:44px;width:110px;margin:auto;background:linear-gradient(90deg,#c1cdd5,#ecf1f4,#b4c3ce);clip-path:polygon(38% 0,62% 0,68% 85%,100% 94%,100% 100%,0 100%,0 94%,32% 85%)}.map-panel .visual-description{grid-column:1/-1;min-height:0;margin:0;font-size:12px}.map-panel .fine{grid-column:1/-1;margin:0}.attention{margin:25px 0 0;padding:0;overflow:hidden}.attention-grid{max-width:1440px;width:100%;grid-template-columns:1fr 1fr;gap:0}.attention img{border-radius:0;height:490px;object-position:center top}.attention-grid>div{padding:55px 70px;position:relative;isolation:isolate}.attention-grid>div:after{content:'';width:250px;height:250px;border:50px solid #067ea142;border-radius:50%;position:absolute;right:-180px;top:90px;z-index:-1}.attention h2{font-size:40px;max-width:400px}.attention p{max-width:400px}.reviews{padding-block:55px}.reviews>.eyebrow{display:none}.reviews h2{font-size:32px;margin-bottom:24px}.review-grid{margin-top:0;gap:18px}.review-grid article{background:linear-gradient(#fff,#f4faff);padding:22px;display:grid;grid-template-columns:35px 1fr;gap:10px;border-color:#dbeef8}.review-grid article>span{grid-row:1/3;font-size:40px;line-height:1.2}.review-grid h3{font-size:11px;letter-spacing:0;font-weight:500;background:#e7f6fc;padding:8px 10px;border-radius:18px;margin:0}.review-grid p{font-size:12px;text-align:center}.locations{padding-block:35px}.locations h2{font-size:28px}.locations article{padding:20px;border:1px solid #d5eaf2;background:#ffffffb5}.locations article h3{display:inline-block;margin-left:15px}.locations article>span{font-size:25px}.locations article p{font-size:12px;margin-bottom:12px}.locations .eyebrow{font-size:10px}.contact.wrap{width:100%;max-width:none;background:#e5f5fc;padding:44px 30px;position:relative;overflow:hidden}.contact:before,.contact:after{content:'';position:absolute;border:28px solid #abddec40;border-radius:50%;width:400px;height:220px;left:-120px;bottom:-175px;pointer-events:none}.contact:after{left:auto;right:-140px;bottom:-140px;width:600px;height:330px}.contact>.eyebrow,.contact>p:not(.fine){display:none}.contact h2{font-size:32px;margin-bottom:20px}.contact .fine{font-size:10px}.contact .actions{position:relative;z-index:1}footer{padding-block:12px;border:0}footer .logo{width:215px;height:74px}
@media(max-width:1100px){.wrap{width:calc(100% - 50px)}.hero h1{font-size:38px}.hero-copy{max-width:55%}.hero-inner{min-height:420px}.hero-photo{object-position:60% center}.service h2{font-size:27px}.service-copy>p:not(.eyebrow){font-size:14px}.service{gap:22px}.progressive{grid-template-columns:1fr 125px}.progressive .controls button,.map-panel .controls button{font-size:11px;padding:9px 7px;gap:8px}.progressive .controls button:before,.map-panel .controls button:before{width:32px;height:32px;font-size:23px}.tinted .service#esclerales,#orto{gap:18px}.map-panel{grid-template-columns:1fr 135px}.map-grid{height:170px}.corneal-map{width:130px;height:130px}.attention-grid>div{padding:40px}.attention h2{font-size:33px}.header nav{gap:15px}.header .logo{width:195px}}
@media(max-width:760px){.header nav{display:none}.wrap{width:calc(100% - 36px)}.header{height:82px}.header .logo{width:175px}.header .button{font-size:11px;padding:10px 14px}.hero-inner{min-height:0;padding-bottom:290px}.hero-copy{padding:34px 0 30px;max-width:100%}.hero h1{font-size:clamp(30px,6.7vw,43px);line-height:1.13}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:420px}.hero-photo{height:310px;width:100%;bottom:0;object-fit:cover;object-position:75% center}.hero:after{background:linear-gradient(180deg,#f2f8fb 0%,#f2f8fb calc(100% - 315px),transparent calc(100% - 270px))}.trust .wrap{grid-template-columns:1fr 1fr;gap:16px}.trust b{font-size:10px}.service-intro{padding-top:40px;padding-bottom:0}.service-intro h2{font-size:27px}.service-intro p{font-size:14px}.service-nav{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;margin-top:20px;gap:4px;padding:4px}.service-nav a{font-size:11px;padding:10px 5px}.service,.tinted .service#esclerales,.tinted .service#pentacam,#orto{display:flex;flex-direction:column;gap:28px;padding-block:48px;align-items:stretch}.service-copy{order:0}.service h2{font-size:29px}.service-copy>p:not(.eyebrow){font-size:15px;max-width:100%}.visual{order:2}.progressive{grid-template-columns:1fr 105px;gap:5px}.lens-scene{height:245px}.progressive .controls button{font-size:10px;gap:6px;padding:8px 4px}.progressive .controls button:before{width:28px;height:28px;font-size:20px}.progressive .fine{font-size:9px}.scleral-photo,.sleep-photo{order:1;width:100%;height:260px;object-fit:cover;mask-image:linear-gradient(180deg,#000 85%,transparent);border-radius:12px}.scleral-photo{object-position:center 46%}.sleep-photo{object-position:30% 45%}.cornea-visual svg{height:170px}.visual-description{min-height:36px}.night-art{height:180px}.night-cornea{height:165px}.map-panel{grid-template-columns:1fr 105px;gap:8px}.monitor-screen{border-width:6px;padding:3px}.map-grid{height:155px;gap:3px}.corneal-map{width:105px;height:105px}.scale{height:80px}.scan-sidebar img{height:65px}.scan-sidebar{font-size:5px}.scan-sidebar i{height:12px}.map-panel .controls button{font-size:10px;padding:7px 3px;gap:6px}.map-panel .controls button:before{width:27px;height:27px;font-size:19px}.map-panel .visual-description{font-size:11px}.attention{margin:0}.attention-grid{display:block;width:100%}.attention img{height:390px;object-position:center 8%}.attention-grid>div{padding:35px 25px 42px}.attention h2{font-size:33px}.reviews{padding-block:40px}.reviews h2{font-size:27px}.review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;gap:14px}.review-grid article{min-width:85%;scroll-snap-align:start}.review-grid h3{font-size:11px}.locations>.wrap{grid-template-columns:1fr 1fr;gap:12px}.locations>.wrap>div{grid-column:1/-1}.locations article{padding:17px}.locations article h3{font-size:20px;margin-left:7px}.contact.wrap{padding:35px 20px}.contact h2{font-size:28px;max-width:500px;margin-inline:auto}footer .logo{width:185px}.contact .actions{gap:10px}.contact .button{font-size:12px;padding:11px 17px}}


@media(min-width:761px) and (max-width:1000px){.header nav{display:none}}