/* Home: values that change with screen width, generated from the design. */
:root{--an-v0:100vh;--an-v1:linear-gradient(90deg,transparent 0,#000 16%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);--an-v2:linear-gradient(90deg,transparent 0,#000 16%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);--an-v3:linear-gradient(90deg,#0B0B12 0%,rgba(11,11,18,.82) 30%,rgba(11,11,18,0) 52%);--an-v4:0.95fr 1.05fr;--an-v5:.18em;--an-v6:flex;--an-v7:flex;--an-v8:flex;--an-v9:flex;--an-v10:flex;--an-v11:repeat(4,1fr);--an-v12:repeat(3,1fr);--an-v13:320px;--an-v14:320px;--an-v15:320px;--an-v16:1fr 1fr;--an-v17:flex;--an-v18:flex;--an-v19:flex;--an-v20:flex;--an-v21:1fr 1.1fr 0.9fr;--an-v22:1fr 1fr;--an-v23:repeat(6,1fr);--an-v24:230px;--an-v25:span 4;--an-v26:span 2;--an-v27:span 2;--an-v28:span 1;--an-v29:span 2;--an-v30:span 1;--an-v31:span 2;--an-v32:span 1;--an-v33:span 2;--an-v34:span 1;--an-v35:span 2;--an-v36:span 1;--an-v37:1.05fr 1fr;--an-v38:1fr 1fr;--an-v39:42px;--an-v40:84px;--an-v41:126px;--an-v42:205.8px;--an-v43:226.8px;--an-v44:36px;--an-v45:71px;--an-v46:107px;--an-v47:175px;--an-v48:1.4fr 1fr 1fr 0.8fr;--an-v49:420px;--an-v50:420px;--an-v51:420px;--an-v52:420px;--an-v53:1fr 1fr}
@media (max-width:1099px){:root{--an-v0:980px;--an-v1:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 94%,transparent 100%);--an-v2:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 94%,transparent 100%);--an-v3:linear-gradient(180deg,#0B0B12 0%,rgba(11,11,18,.85) 38%,rgba(11,11,18,0) 58%);--an-v4:1fr;--an-v11:repeat(2,1fr);--an-v17:none;--an-v18:none;--an-v19:none;--an-v20:none;--an-v21:1fr 1fr;--an-v25:span 6;--an-v27:span 3;--an-v29:span 3;--an-v31:span 3;--an-v33:span 3;--an-v35:span 6;--an-v48:1fr 1fr}}
@media (max-width:719px){:root{--an-v0:820px;--an-v5:.08em;--an-v6:none;--an-v7:none;--an-v8:none;--an-v9:none;--an-v10:none;--an-v11:1fr;--an-v12:1fr;--an-v13:240px;--an-v14:240px;--an-v15:240px;--an-v16:1fr;--an-v21:1fr;--an-v22:1fr;--an-v23:1fr;--an-v24:minmax(200px,auto);--an-v25:auto;--an-v26:auto;--an-v27:auto;--an-v28:auto;--an-v29:auto;--an-v30:auto;--an-v31:auto;--an-v32:auto;--an-v33:auto;--an-v34:auto;--an-v35:auto;--an-v36:auto;--an-v37:1fr;--an-v38:1fr;--an-v39:30px;--an-v40:60px;--an-v41:90px;--an-v42:147px;--an-v43:162px;--an-v44:25px;--an-v45:51px;--an-v46:76px;--an-v47:125px;--an-v48:1fr;--an-v49:320px;--an-v50:320px;--an-v51:320px;--an-v52:320px;--an-v53:1fr}}
.an-bp{display:contents}
@media (min-width:720px) and (max-width:1099px){.an-bp-100{display:none !important}}
@media (max-width:719px){.an-bp-100{display:none !important}}
@media (max-width:719px){.an-bp-110{display:none !important}}
@media (min-width:1100px){.an-bp-001{display:none !important}}
@media (min-width:720px) and (max-width:1099px){.an-bp-001{display:none !important}}
.an-hh0:hover{color:#0B0B12 !important;box-shadow:0 0 30px rgba(236,72,153,.5) !important}
.an-hh1:hover{color:#FFFFFF !important;border-color:#D946EF !important;background:rgba(217,70,239,.1) !important}
.an-hh2:hover{transform:translateY(-4px) !important;border-color:rgba(217,70,239,.45) !important;color:#FFFFFF !important}
.an-hh3:hover{transform:translateY(-6px) !important}
.an-hh4:hover{color:#0B0B12 !important}
.an-hh5:hover{color:#FFFFFF !important}
.an-hh6:hover{transform:translateY(-6px) !important;color:#FFFFFF !important}
.an-hh7:hover{color:#FFFFFF !important;box-shadow:0 0 36px rgba(217,70,239,.6) !important}
.an-hh8:hover{color:#FFFFFF !important;border-color:#D946EF !important}

/* Tab panels: only the active one shows (home.js switches them). */
.an-home [data-an-panel][hidden] { display: none !important; }

/* Hero artwork: home.js places it exactly as the design does (.an-js).
   Without script, this CSS gives the same placement. */
.an-home:not(.an-js) .an-hero-art { left: auto; right: 24px; top: 50%; width: min(66vw, 1240px); height: auto; aspect-ratio: 1376 / 768; transform: translateY(-46%); }
@media (max-width: 1099px) {
  /* Text first, artwork below it. */
  .an-home:not(.an-js) > section:first-of-type { display: flex; flex-direction: column; }
  .an-home:not(.an-js) > section:first-of-type > * { order: 1; }
  .an-home:not(.an-js) .an-hero-art { position: relative !important; order: 2 !important; right: auto; top: auto; transform: none; width: 118%; margin: 24px 0 0 -9%; }
}
@media (max-width: 719px) {
  .an-home:not(.an-js) .an-hero-art { width: 150%; margin-left: -25%; }
}