/* Directia 1 (previzualizare /previzualizare/d1/, 25 sep 2026): homepage-ul actual + macheta 3D in hero + GSAP.
   Activ doar cu clasa .d1 pe <html>. */
html.d1 .hero-visual{z-index:-1;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
html.d1 .hero-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s cubic-bezier(.22,1,.36,1)}
html.d1.d1-ready .hero-visual canvas{opacity:1}
html.d1 .hero::before{transition:opacity 1.6s ease}
html.d1.d1-ready .hero::before{opacity:0}
html.d1.d1-ready .hero::after{background:linear-gradient(90deg,rgba(246,242,236,.94) 0%,rgba(246,242,236,.82) 28%,rgba(246,242,236,.25) 55%,rgba(246,242,236,0) 75%)}
@media (max-width:1024px){
  html.d1.d1-ready .hero::after{background:linear-gradient(180deg,rgba(246,242,236,.15) 0%,rgba(246,242,236,.35) 22%,rgba(246,242,236,.82) 48%,rgba(246,242,236,.95) 70%,rgba(246,242,236,.98) 100%)}
}
/* GSAP preia intrarile care erau in CSS (home-motion.css) */
html.d1 .hero-card,html.d1 .hero-card:nth-child(2){animation:none}
html.d1 .hero-showcase{transform-style:preserve-3d}
html.d1 .hero-card{transform-style:preserve-3d;will-change:transform}
html.d1 .sec-head.reveal h2,html.d1 main section h2.reveal{clip-path:none;transform:none}
html.d1 .d1-line{overflow:hidden;padding-bottom:.06em}
html.d1 #servicii .svc-grid{perspective:1400px}
html.d1 #servicii .svc-card{transform-style:preserve-3d;will-change:transform}
html.d1 .prop-card,html.d1 .blog-card,html.d1 .team-card{transform-style:preserve-3d}
html.d1 .d1-note{position:fixed;left:12px;bottom:12px;z-index:9000;font:600 11px/1.3 'DM Sans',system-ui,sans-serif;background:#1A1A1A;color:#fff;padding:6px 10px;border-radius:100px;opacity:.75;pointer-events:none}
@media (prefers-reduced-motion:reduce){html.d1 .hero-visual canvas{transition:none}}
html.d1 .d1-cf-wrap{margin:8px 0 44px}
html.d1 .d1-cf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
html.d1 .d1-cf-head span{font:600 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,26,26,.6)}
html.d1 .d1-cf-head small{font-size:12px;color:rgba(26,26,26,.45)}
html.d1 .d1-cf{height:clamp(300px,42vw,500px)}
@media (max-width:760px){html.d1 .d1-cf{height:280px}html.d1 .d1-cf-head small{display:none}}
/* Hero cu 3D Google (26 sep 2026) */
html.d1 .hero-visual .d1-g3d{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s cubic-bezier(.22,1,.36,1)}
html.d1.d1-g3d-on .hero-visual .d1-g3d{opacity:1}
html.d1 .hero-visual .d1-g3d-shield{position:absolute;inset:0 0 28px 0;z-index:2}
html.d1.d1-g3d-on .hero-visual{-webkit-mask-image:none;mask-image:none}
/* 3D Google: fara ceata alba pe dreapta; pe tableta/telefon doar o umbra fina in spatele textului, din stanga */
html.d1.d1-g3d-on .hero::after{background:linear-gradient(90deg,rgba(246,242,236,.9) 0%,rgba(246,242,236,.72) 30%,rgba(246,242,236,.18) 55%,rgba(246,242,236,0) 68%)}
@media (max-width:1024px){
  html.d1.d1-g3d-on .hero::after{background:linear-gradient(90deg,rgba(246,242,236,.82) 0%,rgba(246,242,236,.6) 45%,rgba(246,242,236,.12) 72%,rgba(246,242,236,0) 85%)}
}
/* Hero cu film (26 sep 2026): primul cadru e fundalul de la inceput, filmul intra peste el */
html.d1.d1-vidhero .hero::before{background-image:url('/assets/video/hero-sibiu-poster.jpg?v=3');animation:none;transform:none}
@media (max-width:767px),(orientation:portrait){html.d1.d1-vidhero .hero::before{background-image:url('/assets/video/hero-sibiu-poster-m.jpg?v=3')}}
html.d1 .hero-visual .d1-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block;opacity:0;transition:opacity 1.2s ease}
html.d1.d1-vid-on .hero-visual .d1-vid{opacity:1}
html.d1.d1-vidhero .hero-visual{-webkit-mask-image:none;mask-image:none}
html.d1.d1-vidhero .hero::after{background:linear-gradient(90deg,rgba(246,242,236,.94) 0%,rgba(246,242,236,.86) 38%,rgba(246,242,236,.62) 56%,rgba(246,242,236,.22) 72%,rgba(246,242,236,0) 86%)}
@media (max-width:1024px){html.d1.d1-vidhero .hero::after{background:linear-gradient(90deg,rgba(246,242,236,.92) 0%,rgba(246,242,236,.84) 50%,rgba(246,242,236,.6) 72%,rgba(246,242,236,.25) 88%,rgba(246,242,236,.08) 100%)}}
html.d1.d1-vidhero.d1-ready .hero::before{opacity:1}
/* Film hero (26 sep 2026): posterul are exact incadrarea filmului (fara dublura la trecere), iar pe mobil voalul e mai usor ca sa se vada orasul */
html.d1.d1-vidhero .hero::before{inset:0;background-position:50% 100%}
html.d1.d1-vidhero.d1-vid-on .hero::before{opacity:0}
@media (max-width:900px){html.d1.d1-vidhero .hero::after{background:linear-gradient(180deg,rgba(246,242,236,.5) 0%,rgba(246,242,236,.74) 30%,rgba(246,242,236,.74) 78%,rgba(246,242,236,.45) 100%) !important}}
/* 27 sep 2026 (19): hero = macheta de lut; eticheta de atribuire din colt scoasa la cererea lui Antal */