/* Full-width photographic first view, with a quiet canvas light installation. */
.hero--surgery{margin:0;border:0;min-height:calc(100svh - 106px);padding:75px var(--gutter) 0;overflow:hidden;isolation:isolate;background:#f9eee6}
.hero--surgery .hero-kicker{top:31px;left:var(--gutter);right:var(--gutter);z-index:4}
.hero--surgery .hero-copy{padding-top:48px;min-height:620px;width:60%;z-index:4}
.hero--surgery h1{font-size:clamp(70px,7.8vw,125px);line-height:1.35;letter-spacing:.025em;margin-top:27px}
.hero--surgery .eyebrow{font-size:15px;letter-spacing:.16em}
.hero--surgery .hero-sub{font-size:16px;line-height:2.1;margin-top:30px}
.hero--surgery .hero-surgery-cta{margin-top:27px;width:290px;padding:16px 0;font-size:15px}
.hero--surgery .hero-photo{inset:0;width:100%;height:100%;max-height:none;border-radius:0;z-index:-2;opacity:1;background:#f9eee6}
.hero--surgery .hero-photo picture,.hero--surgery .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center}
.hero--surgery .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff8f0d9 0%,#fff8f09c 25%,#fff8f033 48%,transparent 67%),linear-gradient(0deg,#fffaf4ee,transparent 32%)}
.hero--surgery .hero-photo figcaption{top:37%;right:20px;font-size:9px;color:#5d2d39;text-shadow:none;z-index:1}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero-atmosphere-word{position:absolute;top:58%;left:var(--gutter);right:0;font:400 clamp(80px,12.8vw,210px)/1 var(--sans);letter-spacing:-.075em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #a1697938;z-index:1;pointer-events:none}
.hero--surgery .hero-procedures{margin-top:45px;padding:26px 28px;background:#fffaf3d9;backdrop-filter:blur(12px);border:1px solid #d6bfc1;border-radius:0;gap:30px;z-index:5}
.hero--surgery .hero-bottom{z-index:5;padding:20px 0 25px;min-height:68px}
.hero--surgery .hero-bottom .motion-toggle{background:#fffaf0a1;padding:8px 11px;border:1px solid #d6bfc177}
@media(min-width:1600px){.hero--surgery{padding-top:85px}.hero--surgery .hero-copy{min-height:660px;padding-top:60px}.hero--surgery .hero-photo{height:100%}}
@media(max-width:1050px){.hero--surgery{min-height:calc(100svh - 90px);padding-top:70px}.hero--surgery .hero-copy{width:65%;min-height:570px;padding-top:48px}.hero--surgery h1{font-size:82px}.hero--surgery .hero-photo{width:100%;height:100%}.hero--surgery .hero-procedures{padding:23px 22px;gap:20px}}
@media(max-width:640px){.hero--surgery{min-height:calc(100svh - 84px);padding:57px 24px 0}.hero--surgery .hero-kicker{top:23px;font-size:8px}.hero--surgery .hero-copy{width:100%;min-height:620px;padding-top:36px}.hero--surgery .eyebrow{font-size:12px;letter-spacing:.1em}.hero--surgery h1{font-size:clamp(51px,13.4vw,82px);line-height:1.45;margin-top:23px;letter-spacing:.025em}.hero--surgery .hero-sub{font-size:13px;line-height:2;margin-top:29px;max-width:100%;text-shadow:0 1px 8px #fff9f1}.hero--surgery .hero-surgery-cta{width:235px;font-size:14px;margin-top:19px;padding:13px 0}.hero--surgery .hero-photo{inset:0;width:100%;height:100%;opacity:1;border-radius:0}.hero--surgery .hero-photo picture,.hero--surgery .hero-photo img{object-position:71% top}.hero--surgery .hero-photo:after{background:linear-gradient(90deg,#fff8f0d6 0%,#fff8f08c 38%,#fff8f00d 82%),linear-gradient(0deg,#fffaf4 0%,#fffaf4b3 22%,transparent 58%)}.hero--surgery .hero-photo figcaption{top:43%;right:10px;font-size:8px}.hero-atmosphere-word{top:53%;font-size:18vw;left:18px;-webkit-text-stroke:1px #a1697959}.hero--surgery .hero-procedures{margin-top:0;padding:22px 18px;gap:20px 0;background:#fffaf3e6}.hero--surgery .hero-area-links{gap:5px 12px}.hero--surgery .hero-area-links a{font-size:12px}.hero--surgery .procedure-name{font-size:18px}.hero--surgery .hero-procedure-single:last-child{padding-left:15px}.hero--surgery .hero-bottom{padding:19px 0 24px;gap:8px}.hero--surgery .hero-bottom .motion-toggle{font-size:8px;padding:5px}.hero--surgery .hero-bottom p{font-size:9px}}
@media(max-width:360px){.hero--surgery .hero-copy{min-height:585px}.hero--surgery h1{font-size:48px}.hero--surgery .hero-procedures{padding-inline:13px}.hero--surgery .procedure-name{font-size:16px}.hero--surgery .hero-area-links{gap:4px 9px}.hero--surgery .hero-area-links a{font-size:11px}.hero--surgery .hero-sub{font-size:12px}}
