.brand strong em { color: var(--red); font-style: italic; }
.hero-art { height: 460px; margin: 0; border: 7px solid #0b0b0b; }
.slider-track { position: absolute; inset: 0; }
.hero-art .slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 49%; display: block; opacity: 0; transform: scale(1.025); transition: opacity .7s ease, transform 1.1s ease; }
.hero-art .slide.active { opacity: 1; transform: scale(1); }
.hero-art .slide:nth-child(2), .hero-art .slide:nth-child(3) { object-position: center 58%; }
.hero-art::after { background: linear-gradient(180deg, transparent 55%, #000c); }
.hero-art figcaption { position: absolute; z-index: 2; bottom: 20px; left: 22px; color: #fff; font: 800 13px Barlow Condensed; letter-spacing: .15em; }
.slider-arrow { position: absolute; z-index: 4; top: 50%; width: 42px; height: 42px; margin-top: -21px; border: 1px solid #ffffff66; border-radius: 50%; background: #09090999; color: #fff; font: 400 31px/1 Inter; cursor: pointer; backdrop-filter: blur(6px); transition: .2s; }
.slider-arrow:hover { background: var(--red); border-color: var(--red); }
.slider-arrow.prev { left: 14px; }
.slider-arrow.next { right: 14px; }
.slider-dots { position: absolute; z-index: 4; right: 20px; bottom: 21px; display: flex; gap: 7px; }
.slider-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: #ffffff80; cursor: pointer; transition: .25s; }
.slider-dots button.active { width: 25px; background: var(--red); }
@media (max-width: 900px) { .hero-art { height: 390px; } }
@media (max-width: 540px) { .hero-art { height: 330px; } }
.service-grid { grid-template-columns: minmax(0, 760px); }
.service-grid article { min-height: 330px; background: linear-gradient(135deg, #181818, #111); border-color: #ee2529; }
.service-grid article p { max-width: 560px; font-size: 16px; }
.card-call { display: inline-block; margin-top: 34px; color: #fff; font: 800 14px Inter; letter-spacing: .06em; border-bottom: 2px solid var(--red); padding-bottom: 5px; }
.floating .whatsapp svg { width: 28px; height: 28px; display: block; }