/* Раздел стилей: 07-services-polish.css */
.catalog-page .catalog-item[hidden], .catalog-page .catalog-empty[hidden] { display:none!important; }
:root { --orange:#f4a24a; --orange2:#e78f3c; }
.hero { min-height:522px; background:#132330; }
.hero-photo-wrap { inset:0!important;opacity:1!important; }
.hero-photo { object-fit:cover!important; object-position:center center!important; filter:none!important; }
.hero-photo-wrap::after { background:linear-gradient(90deg,rgba(14,27,40,.37) 0%,rgba(14,27,40,.12) 43%,transparent 72%),linear-gradient(0deg,rgba(12,24,34,.52),transparent 22%)!important; }
.hero-grid { min-height:475px; }
.hero-content { width:min(57%,610px);max-width:610px;padding:43px 0 30px; }
.hero h1 { font-size:clamp(53px,5vw,76px); }
.hero-lead { max-width:410px; }
.hero-bottomline{background:#f3a34e;height:46px}
.services { padding-block:46px 48px; background:#132330; }
.services .section-title { margin-bottom:20px;align-items:center;gap:25px; }
.services .section-title h2 {font-size:clamp(41px,4vw,57px);line-height:1.04;}
.services .overline {font-size:12px;letter-spacing:.12em;color:#f8b66b;font-weight:700;margin-bottom:9px;}
.service-heading-aside{width:245px;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-left:2px solid #ef9c49;padding-left:19px;}
.service-heading-aside strong{font-size:18px;color:#fff;line-height:1.3;}
.service-heading-aside span{font-size:12px;color:#cdd8e0;line-height:1.5;}
.service-heading-aside a{font-size:12px;color:#f9b879;font-weight:800;border-bottom:1px solid #f9b879;}
.service-list{column-gap:24px;}
.services .service{min-height:0!important;padding:17px 0 18px;align-items:center;}
.services .service-text h3{margin:4px 0 5px;}
.services .service-side{padding:0;justify-content:center;}
.catalog-cta{margin-top:22px;padding:17px 21px;}
.services .note-inline{margin-top:16px;}
.story-section{background:#eff2f2;padding:34px 0 38px;color:#203140;}
.story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:stretch;}
.story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 8px 12px 0;}
.story-copy h2{font:600 clamp(38px,3.7vw,56px)/1.08 var(--display);text-transform:uppercase;margin:0 0 15px;max-width:500px;}
.story-copy h2 span{color:var(--orange2);}
.story-copy>p:not(.overline){font-size:14px;color:#405261;line-height:1.7;max-width:490px;margin-bottom:16px;}
.story-checks{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 20px;}
.story-checks span{font-size:11px;color:#2c4a61;font-weight:750;background:#fff;border:1px solid #d7e0e5;padding:8px 10px;}
.story-media{min-height:350px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 22%,#435668,#101e2b 72%);border-radius:6px;}
.story-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;}
.story-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,31,.5),transparent 30%,rgba(11,21,31,.86) 100%);}
.story-media-head{position:absolute;top:20px;left:20px;color:white;letter-spacing:.14em;font-size:11px;font-weight:800;}
.story-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#f6b365;margin-right:7px;box-shadow:0 0 0 5px rgba(255,177,101,.14)}
.story-media-caption{position:absolute;bottom:19px;left:23px;right:22px;color:#fff;display:flex;flex-direction:column;gap:6px;padding-right:165px;}
.story-media-caption strong{font-size:17px;line-height:1.35;}
.story-media-caption span{font-size:11px;color:#d9e5ed;line-height:1.45;}
.story-media-button{position:absolute;bottom:19px;right:17px;display:flex;align-items:center;gap:9px;background:#f1a351;color:#142430;border:0;padding:12px 15px;min-height:45px;font:800 11px var(--font);border-radius:3px;}
.story-media-button:hover{background:#ffd39a;}
.video-dialog{width:min(510px,calc(100% - 24px));padding:32px;border:1px solid #d3dfeb;background:#fafbfc;color:#203140;box-shadow:0 25px 60px #0008;border-radius:9px;}
.video-dialog::backdrop{background:rgba(5,12,19,.72)}
.video-dialog h2{font:600 34px/1.13 var(--display);text-transform:uppercase;}
.video-dialog p:not(.overline){font-size:14px;line-height:1.68;color:#415668;}
.video-dialog-close{float:right;border:0;background:#e6edf2;border-radius:4px;width:35px;height:35px;font-size:18px;}
#gallery{padding-block:50px 54px;background:#fff;}
#gallery .section-title{margin-bottom:24px;}
#gallery .section-title>p{max-width:365px;}
#gallery .gallery figure{height:280px;}
.steps-section{padding-block:55px;}
@media(max-width:1080px){
 .hero h1{font-size:clamp(51px,5.8vw,68px)}
 .hero-content{width:62%}
 .services .section-title{align-items:flex-start;}
 .service-heading-aside{width:210px;}
 .services .service{grid-template-columns:34px minmax(0,1fr);gap:10px;}
 .services .service-side{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;}
}
@media(max-width:850px){
 .hero{min-height:540px}
 .hero-grid{min-height:490px}
 .hero-content{width:78%}
 .hero-photo{object-position:65% center!important;}
 .story-grid{grid-template-columns:1fr;gap:18px;}
 .story-media{min-height:345px;}
 .services .section-title{align-items:flex-start;}
}
@media(max-width:640px){
 .hero{min-height:540px}
 .hero-grid{min-height:490px}
 .hero-content{width:100%;padding:45px 0 32px}
 .hero h1{font-size:clamp(44px,11vw,61px)}
 .hero-photo{object-position:69% center!important;}
 .hero-photo-wrap::after{background:linear-gradient(90deg,rgba(13,27,40,.87),rgba(13,27,40,.46)),linear-gradient(0deg,rgba(13,27,40,.4),transparent 55%)!important;}
 .services{padding-block:40px}
 .services .section-title{display:block}
 .services .section-title h2{font-size:45px}
 .service-heading-aside{margin-top:17px;padding:10px 0 0;border-left:0;border-top:2px solid #ef9c49;width:100%;}
 .service-heading-aside span{max-width:370px}
 .services .service{padding:17px 0;grid-template-columns:34px minmax(0,1fr);}
 .services .service-side{flex-wrap:wrap;gap:9px;justify-content:space-between;}
 .story-section{padding:30px 0}
 .story-copy h2{font-size:43px}
 .story-media{min-height:320px}
 .story-media-head{font-size:9px}
 .story-media-caption{padding-right:0;bottom:76px;}
 .story-media-caption strong{font-size:16px}
 .story-media-button{left:17px;right:auto;bottom:14px}
 #gallery{padding-block:43px}
 #gallery .gallery figure{height:235px}
}
@media(prefers-reduced-motion:reduce){.gallery img,.button,.service,.story-media-button{transition:none!important}}
