
/* V8.1 – Bekas architectural cinema */
.v81-design .v7-project-story{background:#081e37;background-image:linear-gradient(115deg,#071a30,#103250 72%,#071a30);padding-block:clamp(80px,10vw,145px)}
.v81-design .v7-project-copy h2 em{color:#fff;position:relative}
.v81-design .v7-project-copy h2 em:after{content:"";position:absolute;left:0;bottom:-7px;width:38%;height:4px;background:#e30613}
.v81-design .v7-project-copy p{color:#eef3f8;line-height:1.65}
.v81-design .v7-kicker{color:#ffffff}
.v81-design .v7-project-visual{aspect-ratio:1.25;background:#10283f}
.v81-design .v7-project-visual img{object-fit:cover;object-position:center;filter:none}
.v81-architectural-visual{isolation:isolate;overflow:hidden}
.v81-architectural-visual img{display:block;width:100%;height:100%;object-fit:cover}
.v81-architecture-trace{position:absolute;z-index:3;inset:7%;border:1px solid rgba(255,255,255,.75);pointer-events:none;opacity:0;transform:scale(.94)}
.v81-architecture-trace:before,.v81-architecture-trace:after{content:"";position:absolute;background:#e30613}
.v81-architecture-trace:before{height:2px;width:34%;top:-1px;left:0}
.v81-architecture-trace:after{width:2px;height:34%;right:-1px;bottom:0}
.v81-design .v81-cinema-ready .v81-architecture-trace{animation:v81-trace 1.3s cubic-bezier(.16,1,.3,1) both}
.v81-design .v81-cinema-ready img{animation:v81-photo 1.6s cubic-bezier(.16,1,.3,1) both}
@keyframes v81-trace{0%{opacity:0;transform:scale(.86)}45%{opacity:1}100%{opacity:.8;transform:scale(1)}}
@keyframes v81-photo{0%{opacity:.5;clip-path:inset(12% 0 12% 0);transform:scale(1.08)}100%{opacity:1;clip-path:inset(0);transform:scale(1)}}
.v81-design .v7-project-story .v7-project-layout{align-items:center}
.v81-design .v7-project-copy .v81-title-line{display:inline-block}
.v81-design .v81-cinema-ready + .v7-project-copy .v81-title-line{animation:v81-title 1s cubic-bezier(.16,1,.3,1) both}
.v81-design .v81-cinema-ready + .v7-project-copy em.v81-title-line{animation-delay:.18s}
@keyframes v81-title{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.v81-design .stats-band{background:#081e37;background-image:linear-gradient(110deg,#09213d,#10375d 52%,#081e37)}
.v81-design .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.v81-design .stat-item{min-width:0;padding:24px 12px;position:relative}
.v81-design .stat-item + .stat-item:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:#ffffff36}
.v81-design .stat-item strong{font-size:clamp(26px,3vw,45px);white-space:nowrap}
.v81-design .stat-item span{font-size:clamp(10px,.8vw,13px);letter-spacing:.02em}
.v81-design .v81-stat-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.v81-design .v81-stat-link:hover strong{color:#fff}
.v81-design .v81-stat-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.v81-design .stat-item:last-child strong{font-size:clamp(18px,2vw,27px)}
.v81-design .stat-item[data-v81-stat].v81-stat-visible .stat-icon{animation:v81-icon .8s ease both}
@keyframes v81-icon{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.v81-design .project-spotlight-media{overflow:hidden}
.v81-design .project-spotlight-media img{width:100%;height:100%;object-fit:cover}
.v81-design .project-spotlight-copy h1,.v81-design .service-row h2,.v81-design .corporate-hero h1{letter-spacing:-.045em}
.v81-design .service-row h2,.v81-design .project-detail-band h2{max-width:19ch}
.v81-design .whatsapp-float{z-index:90}
@media(min-width:980px){
 .v81-design .v7-project-visual{position:sticky;top:115px}
 .v81-design .v7-project-layout{min-height:590px}
}
@media(max-width:820px){
 .v81-design .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v81-design .stat-item:nth-child(3):before{display:none}
 .v81-design .v7-project-visual{aspect-ratio:1.35}
}
@media(max-width:520px){
 .v81-design .stat-item{padding:18px 6px}
 .v81-design .stat-item strong{font-size:30px}
 .v81-design .stat-item:last-child strong{font-size:18px}
 .v81-design .v7-project-copy h2{font-size:clamp(42px,11vw,66px)}
 .v81-design .v7-project-visual{aspect-ratio:1.1}
}
@media(prefers-reduced-motion:reduce){
 .v81-design .v81-cinema-ready img,.v81-design .v81-cinema-ready .v81-architecture-trace,.v81-design .v81-cinema-ready + .v7-project-copy .v81-title-line,.v81-design .stat-item[data-v81-stat].v81-stat-visible .stat-icon{animation:none!important}
 .v81-architecture-trace{opacity:.65;transform:none}
}
