/* One blue photographic composition for every service; home remains independently art-directed. */
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] {
 position:relative; isolation:isolate; overflow:hidden;
 display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
 min-height:510px; padding:44px 48px; color:#ffffff;
 background:#12627f; border:0;
}
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"]::before,
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"]::after { content:none; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__copy,.dr-hero__copy) { width:59%; max-width:780px; position:relative; z-index:2; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(h1,#page-title) { color:#ffffff; font-size:clamp(34px,3vw,48px); line-height:1.14; text-wrap:balance; margin:0; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] h1 .geo-title-suffix { display:block; margin-top:12px; color:#ffffff; font-size:clamp(17px,1.5vw,21px); line-height:1.35; font-weight:500; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__breadcrumbs,.dr-hero__breadcrumbs) { margin:0 0 22px; color:#edf4f7; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__facts,.dr-hero__facts) { display:grid; grid-template-columns:1fr; gap:14px; max-width:none; margin:26px 0; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__facts,.dr-hero__facts) li { color:#ffffff; font-size:16px; line-height:1.5; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__safety-note { margin:-10px 0 24px; max-width:46ch; font-size:13px; line-height:1.5; color:#edf4f7; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__actions,.dr-hero__actions) { gap:14px 20px; margin:0; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta) { min-width:216px; min-height:52px; padding:12px 22px; border:1px solid #ffffff; border-radius:8px; background:#ffffff; color:#123b5d; font-size:16px; font-weight:600; gap:0; justify-content:center; box-shadow:none; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta) .reference-request__icon { display:none; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta):hover { background:#e8f1f5; border-color:#e8f1f5; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta):active { background:#cbd9e2; transform:translateY(1px); }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta,.service-price-jump):focus-visible { outline:3px solid #ffffff; outline-offset:4px; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-price-jump { color:#ffffff; min-height:44px; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__media { position:absolute; inset:0; z-index:0; pointer-events:none; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__media picture { display:block; width:100%; height:100%; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__background { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:right top; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(14,116,144,.25),rgba(14,116,144,.16) 54%,transparent 72%); }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__subject { position:absolute; z-index:1; right:26%; bottom:28px; width:108px; height:108px; pointer-events:none; }
.modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__subject img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(16,42,67,.24)); }
@media(min-width:1101px){
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__subject { right:28px; bottom:28px; width:126px; height:126px; }
}
@media(min-width:761px) and (max-width:1100px){
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] { padding:36px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__copy,.dr-hero__copy) { width:60%; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(h1,#page-title) { font-size:34px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__subject { right:24px; width:100px; height:100px; }
}
@media(max-width:760px){
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] { min-height:630px; padding:28px 22px 26px; justify-content:flex-start; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__copy,.dr-hero__copy) { width:100%; max-width:none; display:contents; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(h1,#page-title,.modern-hero__breadcrumbs,.dr-hero__breadcrumbs,.modern-hero__facts,.dr-hero__facts,.modern-hero__actions,.dr-hero__cta,.service-price-jump,.service-hero__safety-note) { position:relative; z-index:2; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(h1,#page-title) { width:100%; max-width:none; font-size:clamp(28px,4.8vw,34px); }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] h1 .geo-title-suffix { font-size:16px; line-height:1.35; margin-top:10px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__breadcrumbs,.dr-hero__breadcrumbs) { margin-bottom:18px; font-size:11px; gap:8px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__facts,.dr-hero__facts) { width:59%; max-width:none; gap:12px; margin:24px 0 18px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__facts,.dr-hero__facts) li { font-size:14px; line-height:1.45; gap:8px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__facts,.dr-hero__facts) svg { width:17px; height:17px; flex:0 0 17px; margin-top:2px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__safety-note { width:59%; margin:0 0 18px; font-size:12px; line-height:1.4; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .modern-hero__actions { width:59%; display:flex; flex-direction:column; align-items:stretch; gap:8px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] :is(.modern-hero__cta,.dr-hero__cta) { min-width:0; width:100%; padding:11px 8px; font-size:14px; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .dr-hero__cta { width:59%; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-price-jump { margin:0; font-size:13px; justify-content:center; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__background { position:absolute; bottom:0; right:0; width:min(100%,420px); height:auto; object-fit:contain; mask-image:linear-gradient(to bottom,transparent,#000000 28%),linear-gradient(to right,transparent,#000000 24%); mask-composite:intersect; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__media { background:#12627f; }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__media::after { background:linear-gradient(90deg,#12627f 0%,rgba(18,98,127,.95) 20%,rgba(18,98,127,.40) 46%,transparent 64%); }
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] .service-hero__subject { right:18px; bottom:22px; width:82px; height:82px; }
}

@media(min-width:561px) and (max-width:760px){
 .modern-site main:is(.modern-service,.derat-page)[data-service-slug] [data-service-hero="shared"] { min-height:560px; }
}
