/* Detail-route styles: deliberately not downloaded on the homepage. */
#main .lifting-immersive{container-type:inline-size;width:100%;max-width:100%;padding:0}
#main .lifting-immersive .surgery-artboard{display:block;position:relative;min-height:60cqw;background:#f5f4ee;isolation:isolate;padding:0;gap:0}
#main .lifting-immersive .surgery-art-visual{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto}
#main .lifting-immersive .surgery-art-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none!important}
#main .lifting-immersive .surgery-art-copy{position:relative;width:42%;margin:0 0 0 58%;padding:clamp(32px,5cqw,72px) clamp(24px,3.5cqw,50px) clamp(32px,5cqw,72px) 0;background:transparent;min-height:60cqw;display:flex;flex-direction:column;justify-content:center}
#main .lifting-immersive .surgery-art-copy h2{font-size:clamp(27px,3cqw,43px);line-height:1.2;margin:12px 0 20px;text-wrap:balance}
#main .lifting-immersive .surgery-art-copy h3{font-size:clamp(20px,1.8cqw,26px);line-height:1.4;margin:18px 0 10px}
#main .lifting-immersive .surgery-art-copy p{font-size:clamp(16px,1.4cqw,20px);line-height:1.6;margin:8px 0}
#main .lifting-immersive .surgery-art-copy .surgery-brand{font-size:11px;letter-spacing:.18em;margin:0 0 16px}
#main .lifting-immersive.surgery-artwork-diagram .surgery-artboard{display:grid;grid-template-columns:44% 56%;align-items:center;background:#fffffa url('/images/nose-suite/background.avif') center/cover;min-height:62cqw;padding:3cqw}
#main .lifting-immersive.surgery-artwork-diagram .surgery-art-visual{position:relative;inset:auto;width:100%;height:auto;mix-blend-mode:multiply}
#main .lifting-immersive.surgery-artwork-diagram .surgery-art-visual img{position:static;width:100%;height:auto;object-fit:contain}
#main .lifting-immersive.surgery-artwork-diagram .surgery-art-copy{width:100%;min-height:0;margin:0;padding:3cqw 1.5cqw 3cqw 4cqw;background:transparent}
@media(max-width:700px){
 #main .lifting-immersive .surgery-artboard{min-height:0;background:#f5f4ee}
 #main .lifting-immersive.surgery-artwork-model .surgery-art-visual{height:118cqw;mask-image:linear-gradient(#000 78%,transparent)}
 #main .lifting-immersive.surgery-artwork-model .surgery-art-visual img{width:185%;height:auto;object-fit:contain;object-position:left top}
 #main .lifting-immersive .surgery-art-copy{width:100%;margin:0;min-height:0;padding:108cqw 24px 36px}
 #main .lifting-immersive .surgery-art-copy h2{font-size:29px}
 #main .lifting-immersive .surgery-art-copy h3{font-size:21px}
 #main .lifting-immersive .surgery-art-copy p{font-size:17px}
 #main .lifting-immersive.surgery-artwork-diagram .surgery-artboard{display:block;padding:20px 18px 30px}
 #main .lifting-immersive.surgery-artwork-diagram .surgery-art-visual{width:100%;max-width:440px;margin:auto;mask-image:none}
 #main .lifting-immersive.surgery-artwork-diagram .surgery-art-copy{padding:12px 6px 0}
}
/* Keep the entire face above the copy when the actual page frame is narrow. */
@container(max-width:900px){
 #main .lifting-immersive.surgery-artwork-model .surgery-artboard{min-height:0}
 #main .lifting-immersive.surgery-artwork-model .surgery-art-visual{height:108cqw;mask-image:linear-gradient(#000 78%,transparent)}
 #main .lifting-immersive.surgery-artwork-model .surgery-art-visual img{width:170%;height:auto;object-fit:contain;object-position:left top}
 #main .lifting-immersive.surgery-artwork-model .surgery-art-copy{width:100%;margin:0;min-height:0;padding:98cqw max(24px,5cqw) 36px}
}
/* Center the complete icon-and-label group, with equal breathing room. */
@media(max-width:900px){
 body .di-quick-contact__inner,body:has(.hero-slideshow) .di-quick-contact__inner{min-height:0;padding:10px 8px;align-items:center;background:rgba(255,255,255,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 body .di-quick-contact__item{grid-template-rows:34px 18px;min-height:0;gap:5px;align-content:center;padding:0 2px}
 body .di-quick-contact__label{min-height:0;height:18px;line-height:18px}
 body .di-quick-contact__icon{width:32px;height:32px}
}
/* Tablets need a portrait-friendly hero rather than a compressed desktop strip. */
@media(min-width:701px) and (max-width:900px){
 #main .original-hero{aspect-ratio:auto;height:680px;min-height:0}
 #main .original-hero-photo{height:100%;width:auto;max-width:none;aspect-ratio:1920/864;left:50%;transform:translateX(-28%)}
 #main .original-hero-4 .original-hero-photo{transform:translateX(-33%)}
 #main .original-hero-5 .original-hero-photo{transform:translateX(-35%)}
 #main .original-hero-copy{left:8%;right:8%;top:auto;bottom:64px;transform:none;z-index:1}
 #main .original-hero-copy::before{content:'';position:absolute;inset:-45px -10vw -64px;z-index:-1;background:linear-gradient(transparent,color-mix(in srgb,var(--hero-bg) 88%,transparent) 32%,var(--hero-bg))}
 html #main .original-hero-copy>span{font-size:30px}
 html #main .original-hero-copy>h2{font-size:42px;line-height:1.1}
 html #main .original-hero-copy>p{font-size:18px;line-height:1.4;margin-top:12px}
 #main .original-hero-copy>.primary-button{margin-top:20px}
}