/* Estelion Medical 2.2 — soft editorial medical interface. Built on the v2.1 layout. */
:root {
  --ink: #143844;
  --blue: #2584a4;
  --pale: #eaf8fa;
  --canvas: #fbfdff;
  --soft-sky: #e3f2f8;
  --line: #e2eef0;
  --pill-radius: 999px;
  --curve: 32px;
  --depth: 0 24px 70px rgba(27, 81, 102, .10);
}
html {scroll-padding-top: 100px;}
body {background: #fbfdff; overflow-x: clip;}
::selection {color: #103c4b; background: #bce4f3;}
:focus-visible {outline: 3px solid #319cc2;outline-offset:4px;}
.site-header {border-bottom: 0; box-shadow: 0 7px 34px rgba(22, 77, 104, .045);}
.site-header.scrolled {box-shadow: 0 10px 32px rgba(22, 77, 104, .1);}
.nav-wrap {gap: 22px;}
.desktop-nav {gap: clamp(16px,2.1vw,39px);}
.desktop-nav>a,.desktop-nav .has-mega>a {transition:color .25s ease;}
.desktop-nav>a:hover,.desktop-nav .has-mega>a:hover {color:#228ab1;}
.mega {border: 1px solid #e1eff3; border-radius: 22px;box-shadow: 0 22px 75px #183d5021;overflow:hidden;}
.mega-column p {color:#257f9c;}
.btn,.footer-action,.nav-cta {border-radius: var(--pill-radius);}
.btn {gap: 19px; position: relative; isolation: isolate; overflow:hidden; transition: background .28s ease, color .28s ease, transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;}
.btn::before {content:""; position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(110deg,transparent,#ffffff40,transparent);transition:transform .6s ease;pointer-events:none;}
.btn:hover::before {transform:translateX(105%);}
.btn:hover {transform:translateY(-3px); box-shadow:0 10px 25px #15485d2a;}
.btn-ink {background: #11648a;}
.btn-ink:hover {background: #0a5274;}
.btn-outline {border-color:#bed9e3;}
.language-trigger {border-radius:99px;padding:9px 12px;transition:background .25s ease;}
.language-trigger:hover {background:#e9f5f9;}
.language-menu {border:1px solid #e2edf1;border-radius:16px;overflow:auto;box-shadow:0 20px 50px #12394720;}
.mobile-menu {box-shadow: 0 20px 34px #13415420;}
/* Opening panel: atmospheric gradients keep its existing real Estelion image and content. */
.hero {height: min(760px, calc(100dvh - 84px)); min-height: 650px; isolation:isolate; border-radius: 0 0 44px 44px;overflow:hidden;background:#184a61;}
.hero-art {overflow:hidden;}
.hero-art img,.hero-background-video {transform:scale(1.035); transition:transform 1.2s cubic-bezier(.22,1,.36,1);}
.hero-overlay {background:linear-gradient(90deg,rgba(11,48,67,.91) 0%,rgba(10,60,78,.79) 37%,rgba(18,70,88,.32) 76%,rgba(15,51,70,.13) 100%);}
.hero:before {content:"";position:absolute;z-index:1;pointer-events:none;top:-27%;left:-18%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#80c6e51c 3%,transparent 65%);animation:estelion-breathe 11s ease-in-out infinite alternate;}
.hero:after {content:"";position:absolute;bottom:-185px;right:-115px;width:370px;height:370px;border-radius:50%;border:1px solid #ffffff40;box-shadow:0 0 0 38px #ffffff09,0 0 0 82px #ffffff08;pointer-events:none;z-index:1;}
.hero-inner {padding-bottom:34px;gap:35px;}
.hero-copy {max-width:740px;}
.hero-copy h1 {font-family:'Josefin Sans',sans-serif;font-size:clamp(58px,6.5vw,110px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:0 0 24px;max-width:760px;}
.hero-copy h1 em {font-weight:300;color:#d9f7ff;}
.hero-copy>p {color:#edfaff;line-height:1.8;max-width:515px;text-wrap:pretty;font-size:clamp(14px,1.3vw,17px);}
.hero-buttons {margin-top:35px;gap:13px;flex-wrap:wrap;}
.hero-buttons .btn {padding-inline:29px;min-height:56px;}
.hero-quick-contact {align-self:flex-end;margin:0 14px 60px 0;padding:14px 19px 14px 14px;display:flex;gap:13px;align-items:center;color:#153d51;text-decoration:none;background:#fffffff0;border:1px solid #ffffffd2;border-radius:22px;box-shadow:0 16px 48px #051e3244;backdrop-filter:blur(15px);animation:estelion-float 6s ease-in-out infinite;}
.hero-quick-contact .quick-contact-icon {height:51px;width:51px;display:grid;place-items:center;border-radius:17px;background:#d9f1fa;color:#11729e;font-size:27px;flex:none;}
.hero-quick-contact strong,.hero-quick-contact small {display:block;white-space:nowrap;}
.hero-quick-contact strong {font-size:13px;font-weight:800;margin-bottom:4px;}
.hero-quick-contact small {font-size:12px;color:#5c7a8b;}
.hero-copy h1 {animation:estelion-rise .9s .12s both cubic-bezier(.2,.75,.2,1);}
.hero-copy>p {animation:estelion-rise .9s .25s both cubic-bezier(.2,.75,.2,1);}
.hero-buttons {animation:estelion-rise .9s .39s both cubic-bezier(.2,.75,.2,1);}
/* A seamless curved bridge takes the place of template-like section counters. */
.intro-band {background:transparent;border:0;position:relative;z-index:3;padding-top:0;}
.intro-band-inner {min-height:130px;margin-top:-26px;position:relative;border-radius:32px;background:#fff;padding:34px clamp(25px,5vw,70px);box-shadow:var(--depth);justify-content:center;overflow:hidden;}
.intro-band-inner:before {content:"";position:absolute;width:165px;height:165px;border-radius:50%;border:34px solid #e7f6fc;right:-70px;top:-72px;pointer-events:none;}
.intro-band p {font-family:'Josefin Sans',sans-serif;font-weight:500;font-size:clamp(24px,2.4vw,37px);letter-spacing:-.04em;line-height:1.2;max-width:860px;text-align:center;position:relative;}
.section {padding-block:clamp(75px,8vw,118px);}
.section-heading {align-items:center;margin-bottom:46px;}
.section-heading h2,.service-what h2,.approach-content h2,.feature-copy h2 {letter-spacing:-.05em;}
.section-heading h2 {margin-top:0;color:#133c52;font-weight:500;}
.section-heading>p {font-size:14px;color:#69838e;}
.specialties {position:relative;}
.specialties:before {content:"";z-index:-1;pointer-events:none;position:absolute;width:520px;height:520px;left:-400px;top:9%;border-radius:50%;background:radial-gradient(circle,#e1f4fc,transparent 70%);}
.service-grid {gap:24px;}
.service-card {background:#fff;border:1px solid #e4eef3;border-radius:24px;overflow:hidden;box-shadow:0 6px 25px #164c6407;transition:transform .48s cubic-bezier(.2,.75,.2,1),box-shadow .48s ease,border-color .35s ease;}
.service-card:hover {transform:translateY(-9px);box-shadow:0 28px 66px #1b688a24;border-color:#d1e9f2;}
.service-media {border-radius:20px 20px 14px 14px;aspect-ratio:1.36;}
.service-media img {filter:saturate(.97);transition:transform .8s cubic-bezier(.2,.85,.2,1),filter .6s;}
.service-card:hover .service-media img {transform:scale(1.075);filter:saturate(1.08);}
.service-card-bottom {padding:24px 24px 27px;border:0;align-items:center;}
.service-card-bottom div>span {color:#377d9c;text-transform:none;letter-spacing:0;font-size:12px;font-weight:650;}
.service-card h3 {font-family:'Josefin Sans',sans-serif;font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.04em;}
.service-card-bottom i {background:#e6f6fb;border-color:transparent;color:#18769b;transition:transform .28s ease,color .28s ease,background .28s ease;}
.service-card:hover i {transform:rotate(45deg);background:#157ca2;color:#fff;}
.section-end .text-link {transition:color .25s;}
/* About/story — a gently layered composition rather than a rigid half-and-half block. */
.approach-split {min-height:600px;margin:0 clamp(12px,2.7vw,48px);grid-template-columns: 51% 49%;gap:0;background:linear-gradient(125deg,#e9f5fa 3%,#f7fbfd 79%);border-radius:46px;overflow:hidden;box-shadow:0 16px 55px #1449630b;}
.approach-image {min-height:590px;border-radius:40px 155px 155px 40px;overflow:hidden;}
.approach-image img {transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.approach-image:hover img {transform:scale(1.05);}
.approach-content {padding:65px clamp(48px,7vw,120px);}
.approach-content h2 {margin:0 0 21px;font-weight:500;}
.approach-content>p {color:#5f7c8b;}
/* Three care-journey steps with softened layered cards. */
.process {padding-bottom:clamp(80px,9vw,135px);}
.process-grid {gap:22px;margin-top:52px;}
.process-item {border:1px solid #e1edf2;background:linear-gradient(165deg,#fff,#f3fafd);border-radius:26px;padding:32px 32px 37px;box-shadow:0 14px 40px #21648009;transition:transform .4s ease,box-shadow .4s ease;}
.process-item:hover {transform:translateY(-7px);box-shadow:0 25px 50px #2164801d;}
.process-symbol {display:grid;place-items:center;height:55px;width:55px;background:#dff1f9;border-radius:17px 22px 17px 22px;color:#147ea8;font-size:26px;transition:transform .3s ease;}
.process-item:hover .process-symbol {transform:rotate(45deg);}
.process-item h3 {font-weight:500;margin:30px 0 12px;}
.process-item p {margin-bottom:0;}
.journey-photo {margin:0 clamp(12px,2.7vw,48px);border-radius:46px;height:clamp(410px,44vw,570px);}
.journey-photo:after {background:linear-gradient(90deg,#0c364dd9,#0c364d40);}
.journey-photo>img {transition:transform 1.4s ease;}
.journey-photo-copy {left:max(35px,calc((100vw - 1250px)/2));max-width:620px;}
.journey-photo h2 {font-family:'Josefin Sans',sans-serif;font-weight:500;margin:0 0 18px;}
.journey-photo-copy p {font-size:15px;line-height:1.8;color:#e8f5f9;max-width:470px;}
/* Editorial cards, location, forms & footer match the same family of curves. */
.journal-card {transition:transform .45s ease;}
.journal-card:hover {transform:translateY(-6px);}
.journal-image {border-radius:24px;overflow:hidden;}
.journal-image img {transition:transform .7s ease;}
.journal-card:hover .journal-image img {transform:scale(1.05);}
.journal-meta {border:0;padding-top:16px;justify-content:flex-end;}
.journal-meta span {display:grid;place-items:center;background:#e9f5f9;width:33px;height:33px;border-radius:50%;color:#0e678d;}
.contact-callout {background:#114f6c;border-radius:46px;margin:0 clamp(12px,2.7vw,48px);position:relative;overflow:hidden;}
.contact-callout:before,.contact-callout:after {content:"";position:absolute;pointer-events:none;border-radius:50%;}
.contact-callout:before {width:380px;height:380px;background:radial-gradient(circle,#4298b84d,transparent 75%);right:0;top:-180px;}
.contact-callout:after {width:190px;height:190px;border:25px solid #ffffff0b;right:15%;bottom:-100px;}
.contact-callout-inner {position:relative;z-index:1;}
.contact-callout h2 {font-weight:500;}
.location-section {background:linear-gradient(128deg,#e9f7fb,#f1f9fc);border-radius:46px;margin:clamp(50px,6vw,90px) clamp(12px,2.7vw,48px);padding:clamp(52px,7vw,105px) 0;}
.location-copy h2 {font-weight:500;margin:0 0 24px;}
.map-wrap {border-radius:28px;border:7px solid #fff;box-shadow:0 20px 55px #154f7221;}
.rating-display {text-decoration:none;border-radius:18px;background:#fff;padding:12px 20px;box-shadow:0 9px 30px #144f6910;}
.rating-display:hover {transform:translateY(-2px);}
.footer {background:linear-gradient(180deg,#eaf6fa,#f7fbfc);margin-top:85px;border-radius:44px 44px 0 0;}
.footer-grid h4 {letter-spacing:0;font-size:13px;}
.footer-bottom {border-top:1px solid #d5e6eb;}
.side-cta {border-radius:18px 0 0 18px;background:#18799f;box-shadow:0 14px 40px #12517442;}
.side-cta:hover {background:#0d5f80;}
/* Inner pages use the same rhythm, but retain the existing information architecture. */
.page-heading {padding-top:100px;padding-bottom:58px;position:relative;}
.page-heading:before {content:"";position:absolute;z-index:-1;left:-10%;top:0;width:60%;height:100%;background:radial-gradient(ellipse,#e7f6fc,transparent 72%);}
.page-heading h1 {font-weight:500;}
.service-page {background:transparent;}
.service-hero {min-height:660px;}
.service-hero h1 {font-weight:500;}
.service-hero-media {border-radius:45px 45px 120px 45px;box-shadow:0 23px 65px #13516f1b;overflow:hidden;}
.service-hero-media img {transition:transform 1.2s cubic-bezier(.2,.75,.2,1);}
.service-hero-media:hover img {transform:scale(1.045);}
.service-hero-copy>p {color:#567786;}
.service-what {padding-top:80px;padding-bottom:100px;}
.service-what h2 {font-weight:500;margin-top:0;}
.feature-block {background:#eaf6fa;margin:0 clamp(12px,2.7vw,48px);border-radius:40px;overflow:hidden;}
.feature-image {overflow:hidden;}
.feature-image img {transition:transform 1s ease;}
.feature-image:hover img {transform:scale(1.035);}
.feature-copy h2 {font-weight:500;}
.feature-copy .timeline {border-color:#dae9ee;}
.timeline-dot {display:block!important;width:18px;height:18px;min-width:18px;margin-top:8px;border:5px solid #a5d8ea;border-radius:50%;background:#1b7b9e;}
.related-grid a,.faq-item,.custom-block {border-radius:20px;overflow:hidden;}
.breadcrumbs {color:#648390;}
.contact-picture img,.about-hero img,.article-hero {border-radius:30px;}
.contact-details h2 {font-weight:500;}
/* Form improvements: no example phone number, concise country code. */
.lead-modal {border-radius:26px;overflow:hidden;box-shadow:0 28px 100px #0b35497a;}
.lead-visual,.lead-visual-backdrop {border-radius:0;}
.form-context {border:0;border-radius:12px;background:#eaf7fc;}
.form-choices .option,.form-step .option {border-radius:16px!important;transition:background .22s,border-color .22s,transform .22s;}
.form-step .option:hover {transform:translateX(3px);background:#f3fafc;}
.form-step .option:has(input:checked) {background:#e1f4fa;border-color:#54a0bb;box-shadow:inset 3px 0 #1583ab;}
.field-grid input,.form-choice-select,.form-free-text {border-radius:12px;}
.phone-control {border-radius:13px;min-height:54px;border-color:#ccdfe7;}
.phone-country-flag {padding:0 4px 0 13px;}
.phone-control select {min-width:88px;max-width:94px;padding:12px 3px 12px 2px;border-right:1px solid #e1eef1;font-size:13px;font-weight:700;cursor:pointer;}
.phone-control input {padding:12px 15px!important;font-size:15px;letter-spacing:.02em;}
.form-controls .btn {border-radius:99px;}
.form-progress {border-radius:99px;overflow:hidden;}
#form-progress {border-radius:99px;}
.cookie-panel {border-radius:22px;box-shadow:0 16px 45px #1036443b;}
.cookie-actions button {border-radius:99px;}
/* Scroll reveal: distance is small, content never vanishes in non-JS mode. */
.js-ready .reveal:not(.in-view) {opacity:0;transform:translate3d(0,34px,0) scale(.985);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);}
.js-ready .reveal.in-view {opacity:1;transform:translate3d(0,0,0) scale(1);}
.service-grid .service-card:nth-child(3n + 2),.process-grid .process-item:nth-child(2) {transition-delay:90ms;}
.service-grid .service-card:nth-child(3n),.process-grid .process-item:nth-child(3) {transition-delay:155ms;}
@keyframes estelion-rise {from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes estelion-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes estelion-breathe {from{transform:translate3d(-3%,0,0)}to{transform:translate3d(4%,4%,0)}}
@media(min-width:1000px) {
  .hero-art img[data-parallax] {transform:translate3d(0,var(--hero-shift,0px),0) scale(1.075);will-change:transform;}
  .journey-photo>img[data-parallax] {transform:translate3d(0,var(--journey-shift,0px),0) scale(1.05);}
}
@media(max-width:990px) {
  .hero {height:690px;min-height:0;}
  .hero-quick-contact {display:none;}
  .intro-band-inner {min-height:125px;}
  .approach-split {grid-template-columns:1fr;}
  .approach-image {border-radius:40px 40px 110px 40px;min-height:430px;}
  .approach-content {padding:57px 52px 68px;}
  .location-inner {gap:40px;}
  .process-item {padding:25px;}
}
@media(max-width:700px) {
  :root {--curve:23px;}
  .site-header {height:67px;}
  .nav-wrap {gap:10px;}
  .mobile-menu:not([hidden]) {top:67px;}
  .language-trigger {padding:8px;}
  .hero {height:clamp(620px,85dvh,760px);min-height:0;border-radius:0 0 31px 31px;}
  .hero-art img {object-position:60% center;}
  .hero-overlay {background:linear-gradient(0deg,#0b354de8 2%,#12506aba 49%,#155d7140 100%);}
  .hero-inner {padding-bottom:75px;align-items:flex-end;}
  .hero-copy {padding-bottom:0;}
  .hero-copy h1 {font-size:clamp(43px,12vw,70px);line-height:1.04;margin-bottom:19px;letter-spacing:-.055em;}
  .hero-copy>p {line-height:1.75;font-size:14px;max-width:420px;}
  .hero-buttons {margin-top:27px;gap:10px;}
  .hero-buttons .btn {padding:14px 18px;min-height:50px;gap:12px;font-size:11px;}
  .intro-band-inner {min-height:115px;margin-top:-26px;border-radius:24px;padding:27px 22px;}
  .intro-band p {font-size:clamp(23px,6vw,31px);line-height:1.2;}
  .section {padding-block:70px;}
  .section-heading {display:block;margin-bottom:32px;}
  .section-heading h2 {font-size:clamp(38px,10.1vw,54px);}
  .section-heading>p {margin-top:13px;}
  .service-grid {gap:14px;}
  .service-card {border-radius:18px;}
  .service-media {border-radius:15px 15px 10px 10px;}
  .service-card-bottom {padding:15px 14px 18px;}
  .service-card h3 {font-size:19px;line-height:1.18;}
  .service-card-bottom i {width:30px;height:30px;flex-basis:30px;font-size:16px;}
  .approach-split,.journey-photo,.contact-callout,.location-section,.feature-block {margin-left:12px;margin-right:12px;border-radius:28px;}
  .approach-image {min-height:360px;border-radius:25px 25px 85px 25px;}
  .approach-content {padding:43px 24px 55px;}
  .approach-content h2 {font-size:clamp(38px,11vw,57px);}
  .process-grid {gap:14px;margin-top:24px;}
  .process-item {padding:27px;border-radius:21px;}
  .process-item h3 {margin-top:21px;}
  .journey-photo {height:380px;}
  .journey-photo-copy {left:25px;right:25px;}
  .journey-photo h2 {font-size:clamp(36px,9vw,53px);}
  .journey-photo-copy p {font-size:13px;}
  .contact-callout-inner {padding-top:57px;padding-bottom:60px;}
  .contact-callout h2 {font-size:clamp(37px,10vw,55px);}
  .location-section {padding:58px 0;margin-top:60px;margin-bottom:60px;}
  .location-copy h2 {font-size:42px;}
  .map-wrap {border-radius:20px;}
  .footer {border-radius:28px 28px 0 0;margin-top:65px;}
  .page-heading {padding-top:68px;padding-bottom:45px;}
  .service-hero {min-height:0;}
  .service-hero h1 {font-size:clamp(48px,13vw,73px);}
  .service-hero-media {border-radius:24px 24px 75px 24px;min-height:340px;}
  .service-what {padding-top:60px;padding-bottom:65px;}
  .feature-image {min-height:350px;}
  .feature-copy {padding:55px 22px;}
  .phone-control select {min-width:74px;max-width:89px;}
  .phone-control input {min-width:0!important;width:45%!important;}
  .mobile-cta {border-radius:16px 16px 0 0;}
  .lead-modal {border-radius:18px;}
}
@media(max-width:390px) {
  .hero-copy h1 {font-size:47px;}
  .service-card-bottom {padding-inline:10px;}
  .service-card h3 {font-size:17px;}
  .phone-country-flag {padding-left:8px;}
  .phone-control select {min-width:68px;max-width:80px;}
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {animation:none!important;scroll-behavior:auto!important;transition:none!important;}
  .js-ready .reveal:not(.in-view) {opacity:1!important;transform:none!important;}
  .hero-art img[data-parallax],.journey-photo>img[data-parallax] {transform:none!important;}
}

/* Final mobile ergonomics and a lighter, unobtrusive consent layer. */
.cookie-panel {background:#fffffff8;backdrop-filter:blur(16px);border:1px solid #daecf0;box-shadow:0 16px 50px #0d486036;}
.cookie-panel a {text-underline-offset:3px;}
.cookie-actions button {min-height:35px;transition:background .2s ease,transform .2s ease;}
.cookie-actions button:hover {transform:translateY(-2px);}
@media(max-width:700px){
  .cookie-panel {padding:14px 16px;}
  .cookie-panel strong {font-size:17px;}
  .cookie-panel p {font-size:11px;line-height:1.5;margin:5px 0;}
  .cookie-actions {margin-top:9px;}
  .cookie-actions button {font-size:11px;}
}
@media(max-width:340px){
  .hero-copy h1 {font-size:41px;}
  .hero-buttons .btn {padding:12px;gap:7px;font-size:10px;}
  .service-card h3 {font-size:16px;}
  .lead-body {padding-inline:13px;}
}

/* Estelion 2.3 · Expanded About / Patient Experiences. Fluid editorial layers, no artificial counters. */
.story-hero {position:relative;isolation:isolate;background:radial-gradient(circle at 87% 20%,#d7eff8 0,transparent 43%),linear-gradient(130deg,#f9fdff 15%,#ebf7fb 95%);padding:clamp(48px,6vw,92px) 0 clamp(64px,7vw,116px);overflow:hidden}
.story-hero:after {content:"";position:absolute;z-index:-1;width:55vw;height:55vw;min-width:280px;min-height:280px;right:-27vw;bottom:-29vw;background:#bddfeb52;border-radius:50%;filter:blur(8px)}
.story-hero-layout {display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(40px,7vw,100px)}
.story-crumb {display:flex;align-items:center;gap:9px;color:#53798a;font-size:12px;margin-bottom:clamp(22px,3vw,42px)}
.story-crumb a {color:inherit;text-decoration:none;transition:color .2s}.story-crumb a:hover {color:#1387ac}
.story-hero-copy h1 {max-width:780px;font-family:'Josefin Sans',sans-serif;font-weight:500;font-size:clamp(48px,5.5vw,85px);line-height:1.06;letter-spacing:-.055em;color:#153d50;text-wrap:balance;margin:0 0 26px}
.story-hero-copy>p {max-width:615px;color:#557484;font-size:clamp(15px,1.38vw,18px);line-height:1.95;letter-spacing:-.008em;margin:0 0 31px}
.story-hero-media {height:clamp(420px,41vw,610px);position:relative;isolation:isolate;margin-right:clamp(0px,2vw,25px)}
.story-hero-media:before {content:"";position:absolute;z-index:-1;inset:24px -23px -21px 32px;border-radius:38% 42% 25% 35%/29% 37% 28% 30%;border:1px solid #79b9d68c;transform:rotate(4deg)}
.story-hero-media img {height:100%;width:100%;object-fit:cover;object-position:center;border-radius:33% 42% 29% 37%/27% 30% 35% 27%;box-shadow:0 32px 72px #24647c25;transition:transform .7s ease}
.story-hero-media:hover img {transform:translateY(-6px) scale(1.015)}
.story-arc {pointer-events:none;position:absolute;z-index:-1;width:180px;height:180px;bottom:-29px;left:-48px;border-radius:50%;border:26px solid #b6e4f347}
.story-editorial {padding-top:clamp(94px,10vw,154px);padding-bottom:clamp(100px,12vw,180px);display:grid;grid-template-columns:.94fr 1fr;gap:clamp(55px,9vw,142px);align-items:center}
.story-editorial-copy h2,.story-values h2,.story-narrative-text h2,.story-teaser h2,.story-review-intro h2 {font-family:'Josefin Sans',sans-serif;font-weight:500;color:#163f53;letter-spacing:-.045em;line-height:1.13;text-wrap:balance}
.story-editorial-copy h2 {font-size:clamp(42px,4.7vw,69px);margin:0 0 27px}.story-editorial-copy p {color:#5d7b87;font-size:16px;line-height:2;max-width:530px}
.story-text-link {display:inline-flex;gap:12px;text-decoration:none;align-items:center;padding-bottom:10px;border-bottom:1px solid #8bbecf;color:#116d91;font-weight:700;font-size:13px;margin-top:18px;transition:gap .3s,border-color .3s}
.story-text-link:hover {gap:19px;border-color:#166f96}
.story-editorial-photo {position:relative;height:clamp(370px,38vw,550px);border-radius:32px 150px 40px 38px;overflow:hidden;box-shadow:0 30px 75px #154b6822}
.story-editorial-photo img {width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.story-editorial-photo:hover img{transform:scale(1.045)}
.story-values {position:relative;padding:clamp(85px,8.5vw,132px) 0;background:linear-gradient(135deg,#eaf7fc,#f8fdff 65%);border-radius:50px;margin:0 clamp(12px,2.7vw,48px);overflow:hidden}
.story-values:before {content:"";position:absolute;pointer-events:none;width:480px;height:480px;right:-160px;top:-280px;border:75px solid #b6e0ed48;border-radius:50%}
.story-values h2 {font-size:clamp(40px,4.5vw,68px);margin:0 0 45px}.story-value-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-value {position:relative;border:1px solid #ddeaf0;border-radius:28px;background:#ffffffeb;box-shadow:0 16px 35px #1c6e8c0b;min-height:260px;padding:34px 32px 39px;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}.story-value:hover {transform:translateY(-9px);box-shadow:0 25px 56px #1c6e8c24}
.story-value-icon {display:grid;place-items:center;font-size:25px;color:#1b80a7;border-radius:19px;width:58px;height:58px;background:#e2f4fb;margin-bottom:33px}
.story-value h3 {font:500 clamp(22px,2vw,30px)/1.2 'Josefin Sans',sans-serif;color:#183e52;letter-spacing:-.04em;margin:0 0 13px}
.story-value p {font-size:14px;line-height:1.85;color:#61808c;margin:0}
.story-narrative {display:grid;grid-template-columns:.89fr 1fr;gap:clamp(60px,10vw,150px);padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(105px,12vw,175px);align-items:center}
.story-narrative-photo {height:clamp(460px,52vw,710px);border-radius:170px 38px 170px 40px;overflow:hidden;box-shadow:0 24px 75px #1c607a24}
.story-narrative-photo picture {display:block;width:100%;height:100%}.story-narrative-photo img {width:100%;height:100%;object-fit:cover;object-position:center 56%;transition:transform 1s}.story-narrative-photo:hover img{transform:scale(1.04)}
.story-narrative-text {display:flex;flex-direction:column;gap:0}.story-narrative-text h2 {font-size:clamp(30px,2.9vw,46px);margin:34px 0 12px}.story-narrative-text h2:first-child{margin-top:0}.story-narrative-text p {color:#5c7885;font-size:14px;line-height:1.97;margin:0;max-width:545px}
.story-teaser {padding:clamp(75px,8vw,126px) 0;background:linear-gradient(125deg,#edfafc 10%,#dff1f8 100%);border-radius:50px;margin:0 clamp(12px,2.7vw,48px)}
.story-teaser-inner {display:grid;grid-template-columns:1fr .82fr;gap:clamp(40px,7vw,100px);align-items:center}
.story-teaser h2 {font-size:clamp(43px,5vw,76px);margin:0 0 25px}.story-teaser-copy>p {max-width:520px;font-size:16px;line-height:1.92;color:#547787;margin-bottom:29px}
.story-google-card {position:relative;overflow:hidden;background:white;border:1px solid #dfeef4;box-shadow:0 35px 65px #19628613;border-radius:34px;padding:clamp(33px,4vw,60px);max-width:590px;width:100%}
.story-google-card:after {position:absolute;content:"";width:205px;height:205px;border:33px solid #edf8fd;border-radius:50%;top:-110px;right:-130px;pointer-events:none}
.google-card-stars {color:#e4b866;letter-spacing:6px;font-size:22px}.story-google-mark {font:700 15px 'Manrope',sans-serif;color:#65818f;margin-top:10px}
.google-card-rating {display:flex;gap:7px;align-items:baseline;margin:12px 0 20px}.google-card-rating strong {font:500 clamp(55px,6vw,80px)/1 'Josefin Sans',sans-serif;color:#174a63}.google-card-rating span {font-size:19px;color:#607e8f}.google-card-rating small {font-size:12px;color:#50778a;margin-inline-start:12px}
.story-google-card h3 {font:500 clamp(25px,2.7vw,35px)/1.2 'Josefin Sans',sans-serif;color:#163e53;margin:18px 0 12px}.story-google-card>p{font-size:14px;line-height:1.85;color:#5e7e8d;margin:0 0 27px}
.story-google-card .btn {font-size:12px;white-space:normal}
.story-experience-hero .story-hero-media {height:clamp(360px,36vw,525px)}
.story-gallery {padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(80px,9vw,145px)}.story-gallery-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.patient-photo-card {background:white;border:1px solid #e3eef2;border-radius:26px;overflow:hidden;transition:transform .35s,box-shadow .35s}.patient-photo-card:hover{transform:translateY(-7px);box-shadow:0 30px 55px #235d7421}
.patient-photo {position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(110deg,#e7f1f3 8%,#f7fbfb 38%,#e7f1f3 68%);background-size:220% 100%}.patient-photo.is-loading{animation:story-image-pulse 1.35s ease-in-out infinite}.patient-photo.is-loaded,.patient-photo.is-error{animation:none}.patient-photo.is-error:after{content:'Görsel yeniden yüklenemedi';position:absolute;inset:auto 18px 18px;background:#fff;color:#496b78;border-radius:12px;padding:11px;text-align:center;font-size:11px}.patient-photo img {width:100%;height:100%;object-fit:cover;transition:transform .65s,opacity .25s;opacity:0}.patient-photo.is-loaded img{opacity:1}.patient-photo-card:hover img{transform:scale(1.045)}.patient-photo-copy{padding:23px 25px 30px}.patient-photo-copy h3 {font:500 25px 'Josefin Sans',sans-serif;margin:0 0 10px;color:#143e53}.patient-photo-copy p{font-size:13px;color:#65808b;margin:0;line-height:1.8}@keyframes story-image-pulse{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.story-empty-wrap {padding:clamp(70px,8vw,115px) 0}.story-empty {border-radius:38px;background:#f1f9fc;border:1px dashed #aed4e2;padding:clamp(48px,6vw,90px);display:flex;align-items:center;justify-content:center;gap:35px}
.story-empty>span {flex:none;background:white;border-radius:50%;height:85px;width:85px;display:grid;place-items:center;font-size:33px;color:#2894b9}.story-empty p {max-width:680px;font-size:16px;color:#4e7487;line-height:1.9;margin:0}
.story-review-area {padding:50px 0 clamp(115px,11vw,170px);display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:clamp(40px,7vw,100px)}.story-review-intro h2{font-size:clamp(40px,4.5vw,65px);margin:0 0 20px}.story-review-intro p{font-size:15px;color:#5d7c8d;max-width:420px;line-height:1.92}
.story-admin-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-admin-item {min-width:0}.story-admin-item>img{width:100%;height:245px;object-fit:contain;border-radius:14px;background:#ecf4f5}.story-admin-item .form-grid{grid-template-columns:1fr 1fr}.story-admin-item .check-field{display:flex;align-items:center;gap:12px;grid-column:1/-1}.story-admin-item .check-field input{width:auto}
@media(max-width:1100px){.story-hero-layout {gap:50px}.story-editorial,.story-narrative{gap:50px}.story-google-card{padding:36px}.story-admin-grid{grid-template-columns:1fr}}
@media(max-width:800px){.story-hero-layout,.story-editorial,.story-narrative,.story-teaser-inner,.story-review-area{grid-template-columns:1fr}.story-hero {padding:48px 0 70px}.story-hero-copy h1 {font-size:clamp(44px,8vw,70px)}.story-hero-media{max-height:470px;height:clamp(290px,75vw,470px);margin:0 22px 0 5px}.story-editorial{padding:95px 0}.story-editorial-photo{height:410px}.story-value-grid{grid-template-columns:1fr;gap:15px}.story-value{min-height:0}.story-narrative{padding:90px 0}.story-narrative-photo{height:460px;order:2}.story-narrative-text{order:1}.story-teaser{margin-inline:12px}.story-google-card{max-width:none}.story-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-review-area{padding-top:20px}}
@media(max-width:520px){.story-hero {padding:33px 0 58px}.story-hero-layout {gap:35px}.story-hero-copy h1{font-size:clamp(42px,11vw,58px)}.story-hero-copy>p{font-size:14px;line-height:1.85}.story-hero-media{height:350px;margin-inline:8px 15px}.story-editorial h2,.story-values h2,.story-teaser h2 {font-size:43px}.story-editorial-photo{height:330px;border-radius:30px 100px 30px 30px}.story-values{padding:62px 0;border-radius:28px;margin:0 9px}.story-value{padding:25px}.story-narrative-photo{height:330px;border-radius:110px 25px 100px 25px}.story-teaser{padding:70px 0;border-radius:28px;margin:0 9px}.story-google-card{padding:28px;border-radius:25px}.story-gallery-grid{grid-template-columns:1fr}.story-empty{display:block;padding:34px 28px;border-radius:25px}.story-empty>span{width:57px;height:57px;margin-bottom:20px}.story-review-area{gap:30px}.story-admin-item .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.story-hero-media img,.story-editorial-photo img,.story-narrative-photo img,.story-value,.patient-photo-card,.patient-photo img{transition:none!important}.patient-photo.is-loading{animation:none!important}}

/* Patient gallery: two compact, opposing editorial rows with seamless compositor-only motion. */
.story-gallery{width:100%;overflow:hidden;padding-inline:0;display:grid;gap:18px}
.story-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.story-marquee-track{display:flex;width:max-content;transform:translate3d(0,0,0);animation:story-gallery-flow 64s linear infinite;will-change:transform}
.story-marquee--right .story-marquee-track{animation-direction:reverse}
.story-marquee-set{display:flex;align-items:center;gap:18px;padding-right:18px}
.story-gallery .patient-photo-card{width:clamp(180px,17vw,260px);flex:0 0 auto;margin:0;border:0;border-radius:22px;background:#dfeef2;box-shadow:0 14px 35px rgba(20,62,83,.12);overflow:hidden;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s ease}
.story-marquee--right .patient-photo-card{width:clamp(165px,15vw,230px)}
.story-gallery .patient-photo{aspect-ratio:4/5}
.story-marquee--right .patient-photo{aspect-ratio:5/6}
.story-gallery .patient-photo img{object-position:center;transform:scale(1.01)}
.story-gallery .patient-photo-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(20,62,83,.12)}
@keyframes story-gallery-flow{to{transform:translate3d(-50%,0,0)}}
@media(hover:hover) and (pointer:fine){.story-marquee:hover .story-marquee-track,.story-marquee:focus-within .story-marquee-track{animation-play-state:paused}.story-gallery .patient-photo-card:hover{transform:translateY(-4px) scale(.985)}}
@media(max-width:700px){.story-gallery{gap:11px;padding-block:62px}.story-marquee{mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}.story-marquee-set{gap:11px;padding-right:11px}.story-gallery .patient-photo-card{width:148px;border-radius:16px}.story-marquee--right .patient-photo-card{width:132px}}
@media(prefers-reduced-motion:reduce){.story-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scroll-snap-type:x proximity}.story-marquee-track{animation:none!important;transform:none!important;will-change:auto}.story-marquee-set{padding-inline:18px}.story-marquee-set[aria-hidden="true"]{display:none}.story-gallery .patient-photo-card{scroll-snap-align:center}}