/* Homepage entry to the existing Arena pages. */
.vp-arena-home{background:#f6f5f1;color:#262c24;padding:70px 0 62px;scroll-margin-top:20px}
.vp-arena-home *{box-sizing:border-box}
.vp-arena-home .wrap{width:86%;max-width:1180px;margin:auto}
.vp-arena-home .arena-label{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5e6f4f;margin:0 0 26px}
.vp-arena-home .arena-label:before{content:'';height:1px;width:38px;background:#738564}
.vp-arena-home .intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:37px}
.vp-arena-home h2{font-size:clamp(35px,4.4vw,55px);font-weight:300;letter-spacing:-.035em;line-height:1.12;margin:0}
.vp-arena-home h2 span{color:#68765c}
.vp-arena-home .intro p{max-width:385px;color:#62675d;font-size:16px;line-height:1.7;margin:0 0 3px}
.vp-arena-home .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vp-arena-home .card{display:flex;flex-direction:column;text-align:left;color:#262c24;background:#fff;border:1px solid #d9ddcf;border-radius:5px;padding:27px;min-height:310px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s}
.vp-arena-home .card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #303b2c10;border-color:#899978}
.vp-arena-home .card:nth-child(2){background:#edf0e7;border-color:#cdd5c3}
.vp-arena-home .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;min-height:45px;gap:10px}
.vp-arena-home .icon{display:grid;place-items:center;width:45px;height:45px;background:#eff2e9;color:#627352;border-radius:50%;flex-shrink:0}
.vp-arena-home .card:nth-child(2) .icon{background:#dfe6d4}
.vp-arena-home .icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.vp-arena-home .badge{color:#556148;background:#e8eddf;border:1px solid #d5ddc9;border-radius:30px;font-size:11px;padding:4px 9px;white-space:nowrap}
.vp-arena-home h3{font-weight:400;font-size:clamp(22px,2.15vw,28px);line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}
.vp-arena-home .card p{color:#62675d;font-size:15px;line-height:1.7;margin:0 0 25px}
.vp-arena-home .card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9ddcf;padding-top:18px;font-size:14px;margin-top:auto;gap:15px}
.vp-arena-home .arrow{font-size:21px;transition:transform .22s}
.vp-arena-home .card:hover .arrow{transform:translateX(5px)}
.vp-arena-home .arena-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px;font-size:13px;color:#626b59}
.vp-arena-home .text-link{padding:10px 0;color:#35452c;border-bottom:1px solid #7e8a72;font-size:14px;text-decoration:none}
.vp-arena-home a:focus-visible,.arena-shortcut:focus-visible{outline:3px solid #899d65;outline-offset:5px}
.hero-home-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-film .hero-home-actions .button{margin-top:24px}
.hero-film .hero-home-actions .arena-shortcut{min-width:0;border-color:#aebc9d}
body:has(.hero-film)>.header .desktop-nav .arena-nav{border-bottom:1px solid #c4d2b5;padding-bottom:6px}
@media(max-width:950px){.vp-arena-home .intro{flex-direction:column;align-items:flex-start;gap:24px}.vp-arena-home .intro p{max-width:560px}.vp-arena-home .card{padding:22px}.vp-arena-home .card-top{flex-wrap:wrap}.vp-arena-home h3{overflow-wrap:anywhere}}
@media(max-width:760px){.vp-arena-home{padding:48px 0}.vp-arena-home .cards{grid-template-columns:1fr;gap:15px}.vp-arena-home .card{min-height:0;padding:25px}.vp-arena-home h3{font-size:27px}.vp-arena-home .card-top{margin-bottom:20px}.vp-arena-home .arena-bottom{flex-direction:column;align-items:flex-start;gap:8px}.hero-home-actions{gap:10px}.hero-film .hero-home-actions .button{margin-top:10px;font-size:12px;min-width:0;gap:14px}.hero-home-actions{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.vp-arena-home .card,.vp-arena-home .arrow{transition:none}.vp-arena-home .card:hover{transform:none}}

/* Give the homepage actions one clear primary destination. */
.hero-film .hero-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,540px);margin-top:24px}
.hero-film .hero-home-actions .button{width:100%;min-width:0;margin-top:0;justify-content:space-between;gap:14px}
.hero-film .hero-home-actions .hero-primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.hero-film .hero-home-actions .hero-primary:hover{background:#fff;border-color:#fff;color:var(--ink)}
@media(max-width:760px){
  .hero-film .hero-home-actions{grid-template-columns:minmax(0,1fr);width:min(100%,280px);gap:10px;margin-top:20px}
  .hero-film .hero-home-actions .button{margin-top:0;font-size:12px;min-height:44px}
  body:has(.hero-film) > .header .menu-toggle{min-width:80px;min-height:44px;padding:10px;gap:10px;font-size:11px}
  body:has(.hero-film) > .header .menu-toggle i,body:has(.hero-film) > .header .menu-toggle i:before{width:21px}
  body:has(.hero-film) .va-launcher{width:48px;height:48px;min-height:48px;padding:0;gap:0;justify-content:center;border-radius:50%}
  body:has(.hero-film) .va-launcher-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

@media(max-width:760px){
 .hero-film .hero-copy>p{font-size:16px;line-height:1.55}
 body:has(.hero-film) > .header .menu-toggle{min-width:76px;padding:8px;gap:8px;background:rgba(21,22,21,.72)}
}