/* HERO D: Split poster */
.v-hero-d{display:grid;grid-template-columns:1.05fr 1fr;min-height:100svh;overflow:hidden;background:#0f3d26}
.v-hero-d .hd-left{position:relative;background:var(--red);color:#fff;padding:110px clamp(20px,4vw,64px) 56px;display:flex;flex-direction:column;justify-content:center;gap:18px;
  background-image:radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.2px);background-size:7px 7px}
.v-hero-d .hd-logo{height:clamp(80px,9vw,140px);width:auto;align-self:flex-start;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.35))}
.v-hero-d .hd-h1{font-size:clamp(2.8rem,7.4vw,7.6rem);line-height:.86;color:var(--gold);text-shadow:5px 5px 0 var(--ink)}
.v-hero-d .hd-w{display:inline-block}
.v-hero-d .hd-white{color:#fff}
.v-hero-d .hd-sub{font-size:clamp(1rem,1.5vw,1.2rem);max-width:40ch}
.v-hero-d .hd-sub b{font-family:var(--fb);font-weight:400;text-transform:uppercase;color:var(--gold)}
.v-hero-d .hd-cd{display:grid;grid-template-columns:repeat(4,minmax(0,92px));gap:12px}
.v-hero-d .hd-cd div{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);text-align:center;padding:8px 0 6px}
.v-hero-d .hd-cd div:nth-child(2){background:var(--gold)}.v-hero-d .hd-cd div:nth-child(3){background:#fff}.v-hero-d .hd-cd div:nth-child(4){background:var(--green);color:#fff}
.v-hero-d .hd-cd b{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}
.v-hero-d .hd-cd span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}
.v-hero-d .hd-ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.v-hero-d .hd-ctas .btn{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.v-hero-d .hd-note{font-family:var(--fb);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;opacity:.9}
.v-hero-d .hd-right{position:relative;display:grid;place-items:center;padding:110px clamp(20px,4vw,60px) 60px;background:radial-gradient(120% 80% at 70% 20%,#1b7a4b,#0f3d26 70%)}
.v-hero-d .hd-stripe{position:absolute;right:-60px;top:70px;width:260px;height:240px;background:url(../../images/stripe.png) center/contain no-repeat;opacity:.9;transform:rotate(14deg)}
.v-hero-d .hd-frame{position:relative;width:min(560px,100%);border:6px solid var(--ink);background:var(--ink);box-shadow:14px 14px 0 var(--gold);transform:rotate(-4deg);z-index:1}
.v-hero-d .hd-frame img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.v-hero-d .hd-frame figcaption{position:absolute;left:12px;bottom:12px;background:var(--ink);color:#fff;font-family:var(--fb);text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;padding:6px 10px;border-radius:8px}
.v-hero-d .hd-pola{position:absolute;right:clamp(4px,3vw,40px);bottom:clamp(24px,7vw,90px);width:clamp(130px,15vw,210px);background:#fff;padding:9px 9px 34px;box-shadow:0 18px 30px rgba(0,0,0,.35);transform:rotate(8deg);z-index:2}
.v-hero-d .hd-pola img{width:100%;aspect-ratio:1;object-fit:cover}
.v-hero-d .hd-pola span{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:var(--fh);font-size:.82rem;color:var(--ink)}
.v-hero-d .hd-tape{position:absolute;left:clamp(10px,4vw,60px);top:clamp(96px,14vw,170px);z-index:3;background:var(--gold);color:var(--ink);font-family:var(--fb);text-transform:uppercase;font-size:clamp(.8rem,1.2vw,1rem);padding:10px 18px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-7deg)}
.v-hero-d .hd-badge{position:absolute;left:clamp(6px,3vw,40px);bottom:clamp(20px,5vw,60px);width:clamp(110px,11vw,150px);aspect-ratio:1;z-index:3;display:grid;place-items:center;background:var(--ink);border-radius:50%;border:3px solid var(--gold)}
.v-hero-d .hd-badge svg{position:absolute;inset:0;width:100%;height:100%;animation:hd-spin 14s linear infinite}
.v-hero-d .hd-badge text{font-family:var(--fb);font-size:15.5px;fill:var(--gold);letter-spacing:1.2px}
.v-hero-d .hd-badge b{font-family:var(--fb);font-weight:400;color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);line-height:.9;text-align:center}
.v-hero-d .hd-badge small{display:block;font-size:.5em;color:var(--gold);text-transform:uppercase}
@keyframes hd-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .v-hero-d{grid-template-columns:1fr}
  .v-hero-d .hd-left{padding-top:100px}
  .v-hero-d .hd-right{padding:60px 20px 80px;min-height:420px}
  .v-hero-d .hd-tape{top:28px}
}
@media(max-width:480px){
  .v-hero-d .hd-cd{grid-template-columns:repeat(4,1fr);gap:8px}
  .v-hero-d .hd-cd div{box-shadow:4px 4px 0 var(--ink);border-width:3px}
  .v-hero-d .hd-pola{width:120px;right:6px;bottom:20px}
  .v-hero-d .hd-badge{width:96px;bottom:14px}
  .v-hero-d .hd-badge text{font-size:16px}
}
