
.astucia-hero-split{position:relative;isolation:isolate}
/* Full bleed viewport */
.astucia-hero-split .hero{position:relative;width:100vw;height:100vh;margin:0;background-size:cover;background-position:center}
/* Split overlays */
.astucia-hero-split .hero::before,
.astucia-hero-split .hero::after{content:"";position:absolute;top:0;bottom:0;width:50%}
.astucia-hero-split .hero::before{left:0;background:rgba(255,255,255,var(--left-op,0.16))}
.astucia-hero-split .hero::after{right:0;background:rgba(0,0,0,var(--right-op,0.62))}
/* Logo (uses CSS vars for margins) */
.astucia-hero-split .logo{position:absolute;top:var(--logo-mt,28px);left:var(--logo-ml,28px);height:54px;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.25);opacity:.95}
/* Hamburger */
.astucia-hero-split .hamburger{position:absolute;top:20px;left:20px;width:48px;height:40px;border:none;background:rgba(17,24,39,.86);border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:6px 10px;cursor:pointer;z-index:3}
.astucia-hero-split .hamburger span{height:2px;background:#fff;display:block}
/* Caption */
.astucia-hero-split .caption{position:absolute;left:8vw;bottom:14vh;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.astucia-hero-split .cap-title{font-size:min(13vw,160px);line-height:1;margin:0 0 .2em 0;letter-spacing:.06em;font-weight:700;opacity:.92}
.astucia-hero-split .cap-text{font-size:min(2.4vw,22px);margin:0;opacity:.85}
/* Dots */
.astucia-hero-split .dots{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:2}
.astucia-hero-split .dots .dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.6);border:none;cursor:pointer;transition:transform .2s ease, background .2s}
.astucia-hero-split .dots .dot:hover{transform:scale(1.15)}
.astucia-hero-split .dots .dot.active{background:#fff}
/* Overlay fullscreen */
.astucia-hero-split .overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);display:grid;place-items:center;z-index:50}
.astucia-hero-split .overlay[hidden]{display:none}
.astucia-hero-split .overlay .close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:40px;line-height:1;cursor:pointer}
.astucia-hero-split .overlay .overlay-menu{color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial}
.astucia-hero-split .overlay .overlay-menu ul{list-style:none;padding:0;margin:0}
.astucia-hero-split .overlay .overlay-menu li{margin:.8rem 0;text-align:center;letter-spacing:.18em}
.astucia-hero-split .overlay .overlay-menu a{color:#fff;text-decoration:none;opacity:.9;position:relative}
.astucia-hero-split .overlay .overlay-menu a::after{content:attr(data-hover);position:absolute;left:0;top:0;opacity:0;transform:translateY(8px);transition:.25s ease}
.astucia-hero-split .overlay .overlay-menu a:hover{opacity:0}
.astucia-hero-split .overlay .overlay-menu a:hover::after{opacity:1;transform:none}
