/* Bekas V8 — cinematic architecture, progressive enhancement */
.v8-skip{position:fixed;z-index:99999;top:-100px;left:20px;background:#fff;color:#091e36;padding:12px 18px}
.v8-skip:focus{top:10px}
.v8-scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9998;background:#e30613;pointer-events:none}
.v8-design .site-header{transition:box-shadow .3s,background .3s}
.v8-design .site-header.v8-compact{box-shadow:0 8px 28px #071e3620;background:#fff}
.v8-design .site-header.v8-compact .header-inner{min-height:74px}
.v8-design .site-header .header-inner{transition:min-height .35s ease}
.v8-design .main-nav a{position:relative}
.v8-design .main-nav a:after{transition:transform .3s cubic-bezier(.2,.8,.2,1);transform-origin:left}
.v8-design .hero{isolation:isolate}
.v8-design .hero-copy .eyebrow{display:inline-flex;align-items:center;gap:12px}
.v8-design .hero-copy .eyebrow:before{content:"";width:28px;height:1px;background:#e30613;animation:v8-rule 1s .25s both}
@keyframes v8-rule{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.v8-design .hero-copy h1{animation:v8-rise .95s .15s cubic-bezier(.16,1,.3,1) both}
.v8-design .hero-copy p{animation:v8-rise .95s .35s cubic-bezier(.16,1,.3,1) both}
.v8-design .hero-actions{animation:v8-rise .95s .55s cubic-bezier(.16,1,.3,1) both}
@keyframes v8-rise{from{opacity:0;transform:translate3d(0,32px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.v8-design .hero-mask{overflow:hidden}
.v8-design .hero-slide.is-active img{animation:v8-hero-cinema 7.5s ease-out both}
@keyframes v8-hero-cinema{from{transform:scale(1.1)}to{transform:scale(1)}}
.v8-design .v7-project-visual{clip-path:inset(0 0 0 0)}
.v8-design .v7-project-visual img{will-change:transform}
.v8-design .v7-project-story{background-image:radial-gradient(ellipse at 80% 15%,#1a4062 0%,transparent 50%)}
.v8-design .v7-corner{transition:width .55s,height .55s}
.v8-design .v7-project-visual:hover .v7-corner{width:76px;height:76px}
.v8-design .project-gallery-mosaic figure{overflow:hidden}
.v8-design .project-gallery-mosaic figure img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .6s}
.v8-design .project-gallery-mosaic figure:hover img{transform:scale(1.055);filter:contrast(1.045)}
.v8-gallery-heading{display:flex;justify-content:space-between;gap:20px;color:#65768a;font-size:12px;letter-spacing:.08em;margin:0 0 18px}
.v8-gallery-counter{margin-left:20px;font-weight:700;color:#e30613;white-space:nowrap}
.v8-design .project-gallery-mosaic figure{position:relative}
.v8-design .project-gallery-mosaic figure:after{content:"";position:absolute;inset:12px;border:1px solid #fff8;pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .35s,transform .35s}
.v8-design .project-gallery-mosaic figure:hover:after{opacity:1;transform:scale(1)}
.v8-design .btn{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}
.v8-design .btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #081f3f1f}
.v8-design .whatsapp-float{transition:transform .3s,box-shadow .3s}
.v8-design .whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0d9c4a55}
.v8-design .section-heading h2{line-height:1.13}
.v8-design [data-v8-draw]{position:relative}
.v8-design [data-v8-draw]:after{content:"";position:absolute;bottom:-13px;left:0;width:clamp(50px,10vw,150px);height:2px;background:#e30613;transform:scaleX(0);transform-origin:left;transition:transform 1s .2s cubic-bezier(.16,1,.3,1)}
.v8-design [data-v8-draw].v8-drawn:after{transform:scaleX(1)}
.v8-design .motion-reveal{transition-duration:.85s}
@media(max-width:768px){
 .v8-gallery-heading{font-size:10px}
 .v8-design .hero-copy h1{animation-duration:.65s}
 .v8-design .hero-slide.is-active img{animation-duration:6s}
 .v8-design .whatsapp-float{bottom:max(18px,env(safe-area-inset-bottom))}
 .v8-design .mobile-panel{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s}
 .v8-design .project-gallery-mosaic figure:after{display:none}
}
@media(prefers-reduced-motion:reduce){
 .v8-design .hero-copy h1,.v8-design .hero-copy p,.v8-design .hero-actions,.v8-design .hero-copy .eyebrow:before,.v8-design .hero-slide.is-active img{animation:none!important}
 .v8-design *, .v8-design *:before,.v8-design *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}
 .v8-design [data-v8-draw]:after{transform:scaleX(1)}
}