/* A photographic layer for the existing Lázarus design. */
.medical-card{padding:0!important;overflow:hidden;isolation:isolate}
.medical-card>picture{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:#211b16;flex:none}
.medical-card>picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.medical-card:hover>picture img{transform:scale(1.025)}
.medical-card .medical-card-copy{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1;min-width:0}
.medical-card h3{line-height:1.25;margin:0 0 12px}.medical-card p{margin:0 0 18px}
.medical-card .arrow,.medical-card .treatment-more{margin-top:auto}
.medical-card-copy .route-code,.medical-card-copy .num{font-size:.875rem}
.compact-treatment-grid .medical-card{display:flex;flex-direction:column;min-height:0}
.area-visual.photographic-area{display:block;background:#211b16;position:relative}
.area-visual.photographic-area:before{display:none}
.area-visual.photographic-area:after{inset:0;left:0;bottom:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(13,11,9,.28),transparent 55%)}
.photographic-area picture,.photographic-area img{width:100%;height:100%;display:block;object-fit:cover}
.photographic-area>span{background:rgba(13,11,9,.75);padding:3px 10px;border-radius:8px;z-index:2;color:#fff1d0}
.area-card{grid-template-rows:220px 1fr}
.medical-hero .page-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(30px,5vw,68px);align-items:center;padding-top:42px;padding-bottom:48px}
.medical-hero-copy{min-width:0}.medical-hero h1{font-size:clamp(2.35rem,3.8vw,4rem);line-height:1.12;max-width:20ch}
.medical-hero .lead{font-size:clamp(1rem,1.25vw,1.16rem);max-width:62ch}
.medical-hero .breadcrumb{font-size:.875rem;flex-wrap:wrap}
.medical-hero-figure{margin:0;min-width:0;align-self:center}
.medical-hero-figure picture{display:block;border:1px solid rgba(216,188,120,.3);border-radius:26px;overflow:hidden;background:#211b16;aspect-ratio:3/2;box-shadow:0 20px 70px rgba(0,0,0,.18)}
.medical-hero-figure img{display:block;width:100%;height:100%;object-fit:cover}
.medical-hero-figure figcaption{font-size:.75rem;color:#c6b7a2;text-align:right;margin-top:9px}
.medical-image-note{font-size:.875rem;color:#766b5e;margin:20px 0 0;line-height:1.55}
.section-dark .medical-image-note{color:#c6b7a2}
.search-result.has-medical-thumb{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:start}
.search-medical-thumb{display:block;width:104px;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#211b16;margin-top:5px}
.search-result.has-medical-thumb h2{font-size:1.45rem}.search-result.has-medical-thumb p{font-size:.9375rem}
.medical-card:focus-visible{outline-offset:5px}
@media(max-width:1120px){.medical-hero .page-hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.medical-hero h1{font-size:clamp(2.1rem,4.5vw,3.2rem)}}
@media(max-width:760px){.medical-hero .page-hero-inner{grid-template-columns:1fr;padding-top:28px;padding-bottom:32px;gap:26px}.medical-hero h1{max-width:24ch;font-size:clamp(2.15rem,8vw,3.4rem)}.medical-hero-figure{max-width:620px;width:100%}.medical-hero-figure picture{border-radius:20px}.medical-card .medical-card-copy{padding:22px}.area-card{grid-template-rows:220px 1fr}}
@media(max-width:420px){.search-result.has-medical-thumb{grid-template-columns:76px minmax(0,1fr);gap:12px}.search-medical-thumb{width:76px;border-radius:10px}.search-result.has-medical-thumb h2{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.medical-card>picture img{transition:none}.medical-card:hover>picture img{transform:none}}