/* Curved photo gallery and spacious editorial sections inspired by Safeer. */
.clinic-discovery{padding:95px 0 45px;overflow:hidden;background:#f9f9f5;color:#183127;isolation:isolate}
.discovery-heading{text-align:center;padding:0 22px}.discovery-heading h2{font:500 clamp(44px,5.8vw,80px)/1.04 'Manrope';letter-spacing:-.06em;margin:22px 0}.discovery-heading h2 em,.clinic-faq h2 em{font-style:normal;color:#748374}.discovery-heading>p:last-child{font-size:15px;color:#687469;line-height:1.7}
.discovery-stage{position:relative;height:465px;perspective:1400px;transform-style:preserve-3d;margin-top:40px;outline-offset:-12px}
.discovery-photo{position:absolute;top:16px;left:50%;width:260px;height:355px;margin-left:-130px;padding:0;border:0;border-radius:16px;overflow:hidden;background:#e7ebe2;color:#fff;cursor:pointer;transform:translateX(calc(var(--offset,0)*235px)) translateY(calc(var(--distance,0)*16px)) translateZ(calc(var(--distance,0)*-105px)) rotateY(calc(var(--offset,0)*-19deg)) rotateZ(calc(var(--offset,0)*2deg));opacity:var(--visibility,1);z-index:var(--layer,1);transition:transform 1.25s cubic-bezier(.22,.7,.2,1),opacity .7s;box-shadow:0 24px 35px #1934241a;backface-visibility:hidden}
.discovery-photo img{width:100%;height:100%;object-fit:contain;background:#e4e8df;transition:filter .5s}
.discovery-photo span{position:absolute;bottom:0;left:0;right:0;padding:35px 17px 16px;background:linear-gradient(transparent,#101e17df);font-size:11px;text-align:left;display:flex;justify-content:space-between;gap:10px}
.discovery-photo b{font-size:17px}.discovery-photo:focus-visible{outline:3px solid #c8a45d;outline-offset:5px}.discovery-photo:hover img{filter:brightness(1.07)}
.discovery-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:760px;padding:0 24px;margin:0 auto;gap:18px}.discovery-toolbar>div{display:flex;gap:8px}.discovery-toolbar button{border:1px solid #ccd3c8;background:transparent;color:#193a2b;cursor:pointer;border-radius:50%;width:44px;height:44px;font:18px 'DM Sans'}.discovery-toolbar .discovery-pause{width:auto;height:auto;padding:12px 17px;border-radius:30px;font-size:11px}.discovery-caption{font-size:12px;line-height:1.6;text-align:center}.discovery-hint{font-size:10px;text-align:center;color:#738071;margin-top:22px;letter-spacing:.07em}
.discovery-lightbox{width:min(1120px,96vw);max-height:94svh;border:1px solid #d7b77545;background:#0c1a13;color:#f3eee1;border-radius:18px;padding:18px 24px;box-shadow:0 30px 90px #0006}.discovery-lightbox::backdrop{background:#020805d9;backdrop-filter:blur(12px)}.discovery-close{display:block;margin-left:auto;border:1px solid #ffffff40;border-radius:30px;background:transparent;color:inherit;padding:10px 18px;cursor:pointer}.discovery-lightbox figure{margin:14px 0}.discovery-lightbox figure img{display:block;width:100%;height:68svh;object-fit:contain}.discovery-lightbox figcaption{text-align:center;padding:12px;font-size:13px;color:#d7c59e}.lightbox-controls{display:flex;justify-content:space-between}.lightbox-controls button{background:none;color:inherit;border:0;font:13px 'DM Sans';padding:10px;cursor:pointer}body:has(.discovery-lightbox[open]){overflow:hidden}
.care-grid{gap:24px}.care-grid article{background:#fff;border:1px solid #dde2d8;border-radius:20px;padding:24px;overflow:hidden;transition:box-shadow .5s,translate .5s}.care-grid article:hover{translate:0 -7px;box-shadow:0 20px 40px #172d1d0c}.care-card-visual{height:270px;margin:-24px -24px 28px;background:#f6f7f2;display:grid;place-items:center;overflow:hidden}.care-card-visual img{width:88%;height:90%;object-fit:contain;transition:transform 1s cubic-bezier(.22,.7,.2,1);filter:drop-shadow(0 16px 12px #0b1d1720)}.care-grid article:hover img{transform:translateY(-5px) rotate(-4deg) scale(1.055)}.care-grid article>a{display:inline-flex;align-items:center;margin-top:15px;padding:13px 18px;border-radius:30px;border:1px solid #ccd4c6;font-size:12px}
.clinic-faq{background:#fafbf7;padding:100px 6%;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;color:#1b3326}.clinic-faq h2{font:500 clamp(38px,4.7vw,64px)/1.12 'Manrope';letter-spacing:-.055em;margin:22px 0}.clinic-faq-intro>p:not(.kicker){max-width:340px;color:#6b7569;line-height:1.8}.clinic-faq-intro>a{display:inline-block;margin:10px 0 28px;padding-bottom:10px;border-bottom:1px solid #ad975d;font-size:13px}.clinic-faq-intro>img{display:block;width:100%;max-width:340px;height:210px;border-radius:16px;object-fit:contain;background:#ecede5}.clinic-faq-list{align-self:center}.clinic-faq details{border-top:1px solid #ced6c8;padding:0 0 6px}.clinic-faq details:last-child{border-bottom:1px solid #ced6c8}.clinic-faq summary{list-style:none;display:flex;align-items:center;gap:18px;padding:25px 0;cursor:pointer;font:500 17px/1.5 'Manrope'}.clinic-faq summary::-webkit-details-marker{display:none}.clinic-faq summary>span{font:11px 'DM Sans';color:#8b977f}.clinic-faq summary i{margin-left:auto;font:24px 'DM Sans';font-style:normal;transition:transform .4s}.clinic-faq details[open] summary i{transform:rotate(45deg);color:#9c7b33}.clinic-faq details>div{padding:0 28px 20px 35px;animation:faq-open .45s ease}.clinic-faq details p{font-size:14px;line-height:1.9;color:#667462;margin-top:0}.clinic-faq details a,.clinic-faq details button{font:500 12px 'DM Sans';background:none;border:0;border-bottom:1px solid #a99b78;padding:0 0 7px;color:#26402d;cursor:pointer}@keyframes faq-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#contact{position:relative;isolation:isolate;overflow:hidden;margin:12px;border-radius:22px;min-height:430px;background:#13281d}#contact:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/dr-sid-patient-consultation.jpg') center 38%/cover no-repeat;opacity:.8}#contact:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102419b8,#13281d70)}#contact .contact-card{backdrop-filter:blur(10px);background:#17302680;border:1px solid #ead8a936;border-radius:20px;padding:30px}
@media(min-width:901px){.care-grid article:nth-child(2){margin-top:45px}.care-grid article:nth-child(3){margin-top:90px}}
@media(max-width:900px){.clinic-faq{gap:35px;grid-template-columns:1fr}.clinic-faq-intro>img{display:none}.discovery-stage{height:420px}.discovery-photo{width:230px;height:320px;margin-left:-115px;transform:translateX(calc(var(--offset,0)*195px)) translateY(calc(var(--distance,0)*14px)) translateZ(calc(var(--distance,0)*-105px)) rotateY(calc(var(--offset,0)*-19deg))}.care-card-visual{height:220px}}
@media(max-width:600px){.clinic-discovery{padding-top:65px}.discovery-stage{height:355px;margin-top:24px}.discovery-photo{width:200px;height:280px;margin-left:-100px;transform:translateX(calc(var(--offset,0)*157px)) translateY(calc(var(--distance,0)*12px)) translateZ(calc(var(--distance,0)*-100px)) rotateY(calc(var(--offset,0)*-22deg))}.discovery-toolbar{gap:8px;padding:0 14px}.discovery-toolbar button{width:36px;height:36px}.discovery-caption{max-width:130px;font-size:10px}.clinic-faq{padding:65px 6%}.clinic-faq summary{font-size:15px;gap:12px}.discovery-lightbox{padding:14px}.discovery-lightbox figure img{height:60svh}#contact{margin:7px;border-radius:16px}.care-card-visual{height:270px}}
@media(prefers-reduced-motion:reduce){.discovery-photo,.care-grid article,.care-card-visual img{transition:none}.clinic-faq details>div{animation:none}}

/* Inward-curving consultation gallery: the middle recedes and the wings approach. */
.discovery-stage{height:430px;perspective:1300px;--card-step:255px;--card-depth:90px}
.discovery-photo{width:290px;height:240px;margin-left:-145px;top:70px;border-radius:12px;transform:translateX(calc(var(--offset,0)*var(--card-step))) translateY(calc(var(--distance,0)*-12px)) translateZ(calc(-180px + var(--distance,0)*var(--card-depth))) rotateY(calc(var(--offset,0)*22deg));transition:transform 2.8s cubic-bezier(.4,0,.2,1),opacity 1s;box-shadow:0 30px 40px #19342426}
.discovery-photo img{object-fit:contain;background:#f3f3ee}.discovery-photo span{padding-top:26px;font-size:12px}
.consultation-detail{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:36px}.discovery-lightbox figure img{height:auto;max-height:65svh;aspect-ratio:3/2;object-fit:contain}.consultation-info{padding:25px 15px 25px 0}.consultation-info h2{font:500 clamp(28px,4vw,48px)/1.12 'Manrope';letter-spacing:-.04em}.consultation-description{font-size:17px;line-height:1.85;color:#e2e8dc}.consultation-info a{display:inline-block;color:#d7bd7f;font-size:12px;margin-top:22px;padding-bottom:8px;border-bottom:1px solid #d7bd7f80}.discovery-lightbox[open]{animation:consultation-open .5s ease-out}@keyframes consultation-open{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.discovery-stage{--card-step:210px;--card-depth:65px;height:360px}.discovery-photo{width:250px;height:210px;margin-left:-125px;top:50px}.consultation-detail{gap:20px}}
@media(max-width:600px){.discovery-stage{--card-step:168px;--card-depth:45px;height:310px;perspective:900px}.discovery-photo{width:220px;height:185px;margin-left:-110px;top:40px}.consultation-detail{grid-template-columns:1fr;gap:0}.consultation-info{padding:0 12px 20px}.consultation-info h2{margin:14px 0}.consultation-description{font-size:15px}.discovery-lightbox figure img{height:auto;max-height:36svh}.discovery-lightbox{max-height:90svh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.discovery-photo{transition:none}.discovery-lightbox[open]{animation:none}}

/* Convex circular gallery: larger centre photo projects toward the viewer. */
.discovery-stage{--circle-radius:680px;--circle-forward:65px;height:520px;perspective:1200px;perspective-origin:50% 42%}
.discovery-stage:before{content:'';position:absolute;width:min(1100px,90%);height:155px;left:50%;top:320px;translate:-50% 0;border:1px solid #b69b5936;border-radius:50%;background:radial-gradient(ellipse,#b6c6b31c,transparent 67%);pointer-events:none}
.discovery-photo{top:75px;width:420px;height:310px;margin-left:-210px;border:1px solid #ffffffa6;transform:translateX(calc(var(--circle-x,0)*var(--circle-radius))) translateY(calc(var(--distance,0)*12px)) translateZ(calc(var(--circle-forward) - var(--circle-z,0)*var(--circle-radius))) rotateY(calc(-1*var(--circle-angle,0deg)));box-shadow:0 35px 45px #19342430,0 3px 0 #d8ddcf;transition:transform 2.8s cubic-bezier(.4,0,.2,1),opacity 1s}
@media(max-width:900px){.discovery-stage{--circle-radius:510px;--circle-forward:45px;height:455px;perspective:1050px}.discovery-photo{width:350px;height:270px;margin-left:-175px;top:65px}.discovery-stage:before{top:290px;height:120px}}
@media(max-width:600px){.discovery-stage{--circle-radius:360px;--circle-forward:25px;height:370px;perspective:850px}.discovery-photo{width:270px;height:215px;margin-left:-135px;top:50px}.discovery-stage:before{top:240px;height:90px}}
@media(prefers-reduced-motion:reduce){.discovery-photo{transition:none}}

.clinic-location-map{max-width:480px;margin-top:12px}.clinic-location-map iframe{display:block;width:100%;height:300px;border:1px solid #d6ddcf;border-radius:16px;background:#edf0e8}.clinic-location-map p{font:400 13px/1.7 'DM Sans',sans-serif;color:#52624e;margin:16px 0 10px}.clinic-location-map a{display:inline-block;font:500 12px 'DM Sans',sans-serif;color:#26402d;border-bottom:1px solid #a99b78;padding-bottom:7px}@media(max-width:600px){.clinic-location-map{max-width:none}.clinic-location-map iframe{height:260px}}

/* Seamless full photographs on the deeper convex carousel. */
.discovery-stage{--circle-forward:125px;perspective:1000px;height:560px}
.discovery-photo{top:90px;height:280px;border:0;box-shadow:0 30px 40px #19342435;overflow:hidden}
.discovery-photo img{display:block;object-fit:contain}
.discovery-stage:before{top:365px;height:145px}
@media(max-width:900px){.discovery-stage{--circle-forward:90px;perspective:900px;height:485px}.discovery-photo{top:80px;height:234px}.discovery-stage:before{top:325px}}
@media(max-width:600px){.discovery-stage{--circle-forward:45px;perspective:750px;height:395px}.discovery-photo{top:60px;height:180px}.discovery-stage:before{top:265px}}

.why-choose{grid-column:1/-1;padding:75px 7% 85px;background:#f7f8f3;color:#193726}.why-choose header{margin-bottom:38px}.why-choose h2{font:500 clamp(38px,5vw,64px)/1.1 'Manrope';letter-spacing:-.05em;margin:16px 0}.why-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}.why-choose details{border-top:1px solid #cbd4c4;padding:0 0 8px}.why-choose summary{display:flex;align-items:center;gap:16px;padding:23px 0;cursor:pointer;list-style:none}.why-choose summary::-webkit-details-marker{display:none}.why-choose summary>span{font:11px 'DM Sans';color:#9a7d47}.why-choose summary h3{font:500 18px/1.4 'Manrope';margin:0}.why-choose summary b{margin-left:auto;font:26px 'DM Sans';transition:transform .3s;color:#9a7d47}.why-choose details[open] summary b{transform:rotate(45deg)}.why-choose details>p{font:400 15px/1.85 'DM Sans';color:#586954;margin:0;padding:0 32px 22px;animation:faq-open .4s ease}.why-choose-source{display:inline-block;margin-top:30px;font:12px 'DM Sans';color:#75816b;border-bottom:1px solid #c5b282;padding-bottom:7px}@media(max-width:700px){.why-choose{padding:55px 24px}.why-choose-grid{grid-template-columns:1fr}.why-choose summary h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.why-choose details>p{animation:none}.why-choose summary b{transition:none}}

/* Keep the consultation controls close to the photographs and easy to use. */
.discovery-stage{height:440px}
.discovery-toolbar{position:relative;z-index:5;width:calc(100% - 48px);max-width:820px;min-height:92px;padding:16px 22px;gap:22px;background:#fffffff0;border:1px solid #cbd5c5;border-radius:22px;box-shadow:0 12px 32px #1934240e}
.discovery-toolbar>div{gap:12px;flex-shrink:0}
.discovery-toolbar button{width:60px;height:60px;font-size:26px;background:#f2f5ee;transition:background .2s,box-shadow .2s}
.discovery-toolbar button:hover{background:#e3eadc;box-shadow:0 3px 12px #19342414}
.discovery-toolbar button:focus-visible{outline:3px solid #a88a4d;outline-offset:3px}
.discovery-toolbar .discovery-pause{min-height:54px;padding:14px 22px;font-size:15px;white-space:nowrap;flex-shrink:0}
.discovery-caption{font-size:16px;line-height:1.5;max-width:none;margin:0;flex:1}
.discovery-hint{font-size:12px;margin-top:16px}
@media(max-width:900px){.discovery-stage{height:385px}}
@media(max-width:600px){.discovery-stage{height:290px}.discovery-toolbar{width:calc(100% - 32px);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px 16px;border-radius:18px}.discovery-toolbar button{width:50px;height:50px;font-size:24px}.discovery-toolbar .discovery-pause{grid-column:2;grid-row:1;min-height:48px;font-size:14px;padding:12px 18px}.discovery-caption{grid-column:1/-1;grid-row:2;font-size:14px;max-width:none}.discovery-hint{padding:0 20px;line-height:1.6}}

/* Previous and next controls flank the consultation collage. */
.discovery-collage{position:relative;isolation:isolate}
.discovery-collage>.discovery-prev,.discovery-collage>.discovery-next{position:absolute;top:52%;transform:translateY(-50%);z-index:20;width:64px;height:64px;border:1px solid #b9c8b0;border-radius:50%;background:#fffffff5;color:#193a2b;box-shadow:0 6px 24px #163a2926;font:28px/1 'DM Sans',sans-serif;cursor:pointer;display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.discovery-collage>.discovery-prev{left:clamp(12px,3vw,52px)}
.discovery-collage>.discovery-next{right:clamp(12px,3vw,52px)}
.discovery-collage>button:hover{background:#e3eadc;box-shadow:0 8px 28px #163a2935}
.discovery-collage>button:focus-visible{outline:3px solid #a88a4d;outline-offset:4px}
@media(max-width:600px){.discovery-collage>.discovery-prev,.discovery-collage>.discovery-next{width:48px;height:48px;font-size:25px}.discovery-collage>.discovery-prev{left:10px}.discovery-collage>.discovery-next{right:10px}.discovery-toolbar .discovery-caption{grid-column:1;grid-row:1;text-align:left}.discovery-toolbar .discovery-pause{grid-column:2;grid-row:1}}

@media(max-width:600px){#contact:before{background-position:36% center}#contact:after{background:linear-gradient(180deg,#102419a6,#13281dbd)}}

/* Keep the conversation heading below the faces in the consultation photo. */
#contact{min-height:650px;padding-top:330px;padding-bottom:48px;align-items:end;gap:32px 60px}
#contact>div:first-child{align-self:end}
#contact h2{margin-bottom:0}
#contact .contact-card{align-self:end}
#contact:after{background:linear-gradient(180deg,rgba(10,25,17,.08) 15%,rgba(10,25,17,.2) 40%,rgba(10,25,17,.86) 100%)}
@media(max-width:900px){#contact{padding-top:360px;min-height:760px;gap:28px}#contact .contact-card{max-width:540px}}
@media(max-width:600px){#contact{padding-top:350px;padding-bottom:28px;min-height:780px}#contact:before{background-position:36% top}#contact:after{background:linear-gradient(180deg,rgba(10,25,17,.08),rgba(10,25,17,.18) 32%,rgba(10,25,17,.88) 72%)}}

#contact .contact-phone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#f1dfb3;text-decoration:none;margin:20px 0 12px;min-height:44px}#contact .contact-phone span{font-size:14px;color:#ffffffc7}#contact .contact-phone strong{font-size:clamp(24px,2.3vw,32px);font-weight:500;letter-spacing:.02em}#contact .contact-phone:hover strong{text-decoration:underline;text-underline-offset:6px}#contact .contact-phone:focus-visible{outline:2px solid #f1dfb3;outline-offset:6px;border-radius:3px}