/* Homepage sections (js/sections.js): header icon + accent per row, more air, a thin accent rule between sections,
   a merged "By area" row with a switch and lower-priority rows behind "See more". Mix + cinema themes. */
html.hs .rows>.row{--sec:#d9b26f;margin:0 0 6px;padding:30px 0 18px;position:relative}
html.hs .rows>.row+.row::before,html.hs .rows>.row+.hs-more::before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:linear-gradient(90deg,var(--sec) 0,color-mix(in srgb,var(--sec) 35%,transparent) 18%,rgba(255,255,255,.06) 60%,transparent)}
html.hs .rows>.row:first-of-type{padding-top:8px}
html.hs .row-head{align-items:center;gap:12px;margin-bottom:16px}
html.hs .row-head h2{display:flex;align-items:center;gap:11px}
.hs-ic{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--sec) 16%,transparent);border:1px solid color-mix(in srgb,var(--sec) 45%,transparent)}
.hs-ic svg{width:17px;height:17px;fill:none;stroke:var(--sec);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.hs .row-sub{color:var(--muted)}
html.hs .row .card .num{color:var(--sec)}
.hs-hide{display:none!important}
.hs-more{position:relative;display:flex;justify-content:center;padding:26px var(--pad) 34px}
.hs-more button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:var(--fg);font:600 14px Inter;cursor:pointer;transition:background .2s,border-color .2s}
.hs-more button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.hs-more small{color:var(--muted);font-weight:500}
.hs-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}
.hs-more[aria-expanded=true] svg{transform:rotate(180deg)}
html.hs .rows>.row.hs-rev{animation:hsIn .45s ease both}
@keyframes hsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html.hs .rows>.row.hs-rev{animation:none}}
/* area tabs: the three region rows become one row with a switch */
.hs-areas{display:flex;gap:6px;margin-left:auto}
.hs-areas button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:none;color:var(--muted);font:600 12.5px Inter;cursor:pointer}
.hs-areas button[aria-pressed=true]{color:#0b0b0c;background:var(--sec);border-color:var(--sec)}
@media (max-width:760px){html.hs .rows>.row{padding:24px 0 12px}html.hs .row-head{flex-wrap:wrap}.hs-areas{margin-left:0;width:100%}}
/* editorial section + guide banners get the same rule */
html.hs .mx-ed,html.hs .mx-explore{position:relative;margin-top:28px}
html.hs .mx-ed::before,html.hs .mx-explore::before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:linear-gradient(90deg,#d9b26f,rgba(217,178,111,.25) 20%,transparent)}
.hs-anchor{display:block;position:relative;top:-90px;height:0;visibility:hidden}
.hs-areas button:focus-visible,.hs-more button:focus-visible{outline:2px solid var(--sec,#d9b26f);outline-offset:2px}