/* Real industrial photography and a lightweight motion cover. */
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:0;transition:opacity 1.2s ease;pointer-events:none}
#hero-video.is-visible{opacity:1}
.hero-shade{background:linear-gradient(90deg,#080d13eb 0%,#080d13ab 38%,#080d1320 78%),linear-gradient(0deg,#080d13d9,transparent 55%)}
.hero-monogram{opacity:.45}
.hero-tech{margin-top:190px;max-width:270px;min-height:0;background:#0b17218a;padding:22px;backdrop-filter:blur(8px)}
.hero-footage{display:flex;gap:8px;align-items:center;color:#d2e4eb;font-size:9px;letter-spacing:.14em;margin:23px 0 0}
.hero-footage>span{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #68dfed80}
.hero-footage small{font-size:9px;letter-spacing:0;color:#aabcc9;border-left:1px solid #ffffff30;padding-left:10px;margin-left:3px}
.hero-signature{margin-top:23px}
.hero-footage.is-inactive{visibility:hidden}.slide-dot.active.running i{animation-duration:15s}
.service-tabs{gap:8px;border:0;border-radius:0;overflow:visible;margin-bottom:24px}
.service-tab{isolation:isolate;overflow:hidden;min-height:142px;align-items:flex-end;padding:19px 16px;border:1px solid #ffffff24!important;border-radius:2px;background:#0c1823;color:#edf3f6;box-shadow:none;transition:border-color .25s,transform .25s}
.service-tab:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060f1df2 0%,#06101b78 40%,#06101b12 100%);z-index:-1}
.tab-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.75;transition:transform .6s,opacity .3s}
.service-tab .tab-icon{display:none}
.service-tab .tab-label{font-size:13px;line-height:1.35;max-width:90%;text-shadow:0 1px 10px #000}
.service-tab .tab-number{display:block;position:absolute;left:16px;top:13px;font-size:10px;color:#fff;letter-spacing:.1em;padding:3px 5px;background:#050e189c}
.service-tab.active{border-color:var(--accent)!important;background:#0c1823;box-shadow:inset 0 -3px var(--accent)}
.service-tab.active .tab-photo,.service-tab:hover .tab-photo{opacity:1;transform:scale(1.04)}
.service-tab.active .tab-label{color:#fff}.service-tab.active .tab-number{color:var(--accent)}
.service-tab:hover{transform:translateY(-2px);background:#0c1823;border-color:#ffffff80!important}
.service-tab:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.service-panel{min-height:585px;grid-template-columns:1.15fr 1fr}
.service-media{background:radial-gradient(ellipse at center,#28323b,#090f16 75%)}
.service-media .media-grid{display:none}
.service-media:after{background:linear-gradient(0deg,#050b13f5 0%,#050b1330 32%,transparent 65%,#050b1340)}
.service-media .media-category{top:24px;left:26px}
.media-caption>span{font-size:32px;max-width:290px}
.media-caption small{white-space:normal;line-height:1.5}
#servicio-1 .service-media>img,#servicio-5 .service-media>img,#servicio-6 .service-media>img,#servicio-7 .service-media>img{object-fit:contain;padding:62px 18px 112px}
#servicio-3 .service-media>img{object-position:52% 50%}
#servicio-7 .service-media>img{max-width:715px;left:50%;translate:-50% 0}
.service-content{padding:32px}
.service-title-row{margin-bottom:10px}
.service-description{margin-bottom:10px}
.process-sequence{margin:18px 0}
.viewer-image img{max-width:100%;width:auto;max-height:59dvh;margin-inline:auto}
.credits ul{padding-left:18px;line-height:1.8}.credits li{margin:8px 0}.credits a{text-underline-offset:3px}
@media(min-width:801px) and (max-height:650px){.viewer-image img{max-height:calc(100dvh - 245px)}}
@media(max-width:1100px){.service-content{padding:28px 25px}.service-tab .tab-label{font-size:12px}.hero-tech{margin-top:210px}.hero-text{min-height:310px}}
@media(max-width:800px){
 .hero-shade{background:linear-gradient(90deg,#080d13d9,#080d1370),linear-gradient(0deg,#080d13ea,transparent 85%)}
 #hero-video{object-position:63% center}.hero-text{min-height:0}.hero-footage{font-size:8px;letter-spacing:.08em;gap:6px}.hero-footage small{font-size:8px}
 .service-tabs{gap:7px}.service-tab{min-height:115px;padding:15px 12px}.service-tab .tab-label{font-size:12px}.service-tab .tab-number{top:10px;left:11px;font-size:9px}
 .service-panel{grid-template-columns:1fr;min-height:0}.service-media{aspect-ratio:1.28;min-height:0}.service-media .media-category{top:17px;left:19px;font-size:9px}
 .media-caption>span{font-size:25px}.media-caption{max-width:calc(100% - 125px);left:19px;bottom:21px}.media-caption small{font-size:8px;margin-top:7px}.expand-process{right:16px;padding:10px 8px;font-size:9px}
 #servicio-1 .service-media>img,#servicio-5 .service-media>img,#servicio-6 .service-media>img,#servicio-7 .service-media>img{padding:49px 12px 92px}
 #servicio-1 .service-media,#servicio-5 .service-media,#servicio-6 .service-media,#servicio-7 .service-media{aspect-ratio:1.08}
 .service-content{padding:27px 24px}.viewer-image img{max-height:52dvh}.hero-signature{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){#hero-video{transition:none}.service-tab,.tab-photo{transition:none}.service-tab:hover{transform:none}.service-tab.active .tab-photo,.service-tab:hover .tab-photo{transform:none}}