/* ARETÉ v9 — clean, compact and aligned */
:root{--header-h:72px}
html{scroll-padding-top:calc(var(--header-h) + 18px)}
.section{scroll-margin-top:calc(var(--header-h) + 18px)}
.topbar{height:var(--header-h)}

/* Hero */
.hero-copy{max-width:680px;padding:78px 0 30px}
.hero-wordmark{width:min(575px,88%);margin:0 0 26px}
.hero-wordmark img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 18px rgba(255,255,255,.08))}
.hero-wordmark i{display:block;width:56%;height:2px;margin-top:15px;background:linear-gradient(90deg,transparent,var(--orange) 22%,var(--amber) 58%,transparent);box-shadow:0 0 14px rgba(255,112,34,.66)}
.hero-kicker{margin-bottom:14px}
.hero-actions{margin-top:28px}
.hero-index{width:min(770px,78vw);gap:17px;margin-top:28px;padding-top:16px}
.hero-index a{white-space:nowrap}

/* Shared compact section headers */
.event-zone,.residents,.soundtrack,.gallery-hub,.community-v2{padding:88px 0 98px}
.event-zone-head,.residents-head,.soundtrack-head,.gallery-hub-head{margin-bottom:28px}
.event-zone-head .title,.residents-head .title,.soundtrack-head .title,.gallery-hub-head .title,.community-v2-head .title{font-size:clamp(3.2rem,5.25vw,5.9rem);line-height:.9}
.event-zone-head .copy{display:none}

/* Events */
.event-focus{min-height:445px;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);max-width:1260px;margin-inline:auto}
.event-focus-image{min-height:445px;background:linear-gradient(90deg,transparent 61%,#080609 100%),linear-gradient(180deg,transparent 50%,rgba(8,6,9,.74)),url('assets/event-list.jpg') center/cover no-repeat}
.event-focus-copy{padding:37px 40px;background:linear-gradient(150deg,rgba(13,9,17,.99),rgba(7,6,9,.98))}
.event-focus-copy h3{font-size:clamp(2.85rem,4vw,4.75rem);margin:13px 0 10px}
.event-focus-copy p{max-width:470px;font-size:.91rem;line-height:1.58}
.event-focus-copy .btn{margin-top:22px}
.event-chips{margin-top:18px}
.event-shortcuts{max-width:1260px;margin:11px auto 0}
.event-shortcuts a{min-height:75px}

/* Residents */
.residents-head{align-items:center}
.residents-head .copy{max-width:470px;font-size:.9rem;line-height:1.6}
.resident-grid{gap:10px}
.resident-card{display:flex;flex-direction:column;min-height:0}
.resident-photo{height:300px;aspect-ratio:auto;flex:none;background-position:center 20%}
.resident-info{padding:17px 17px 18px;display:flex;flex-direction:column;min-height:214px}
.resident-info h3{font-size:1.75rem;margin:8px 0 7px}
.resident-info p{min-height:49px;font-size:.72rem;line-height:1.45}
.resident-actions{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;margin-top:auto;padding-top:16px}
.resident-info .resident-actions a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.58rem;font-weight:800;letter-spacing:.13em;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.resident-info .resident-actions a::before,.resident-info .resident-actions a::after{font-size:.72rem;line-height:1;opacity:.92}
.resident-info .resident-actions a:first-child{color:#f1d8ff;border-color:rgba(198,93,235,.42);background:linear-gradient(135deg,rgba(137,40,181,.34),rgba(52,15,73,.18));box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(99,26,134,.12)}
.resident-info .resident-actions a:first-child::before{content:'▶';color:#da86f4}
.resident-info .resident-actions a:last-child{color:#f2c974;border-color:rgba(226,164,71,.38);background:linear-gradient(135deg,rgba(120,76,17,.19),rgba(47,29,6,.08));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.resident-info .resident-actions a:last-child::after{content:'↗';color:var(--amber)}
.resident-info .resident-actions a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}
.resident-info .resident-actions a:first-child:hover{background:linear-gradient(135deg,rgba(160,46,210,.45),rgba(66,18,91,.24));box-shadow:0 10px 28px rgba(112,31,151,.2)}
.resident-info .resident-actions a:last-child:hover{background:linear-gradient(135deg,rgba(143,91,20,.28),rgba(55,34,7,.12));box-shadow:0 10px 25px rgba(124,79,18,.12)}

/* Soundtrack */
.soundtrack-head{align-items:center}
.soundtrack-head .copy{max-width:520px;font-size:.9rem;line-height:1.6}
.sound-system{gap:18px}
.record-library{padding:23px}
.deck-panel{min-height:555px;padding:25px}
.turntable{min-height:465px}
.deck-copy h3{font-size:clamp(2.45rem,3.4vw,4.15rem)}
.play-main{margin-top:15px}
.play-main span:first-child{pointer-events:none}

/* Gallery */
.gallery-hub-head{align-items:center}
.gallery-hub-head .copy{max-width:500px;font-size:.9rem;line-height:1.6}
.album-grid{grid-auto-rows:245px;gap:9px}
.album-tile.featured{grid-row:span 1}
.album-top{top:13px;left:15px;right:15px}
.album-top>span{font-size:1.75rem}
.album-bottom{left:16px;right:16px;bottom:14px}
.album-bottom h3{font-size:1.65rem}
.album-bottom div{margin-top:9px}
.album-bottom div span{padding:5px 7px;font-size:.47rem}
.album-tile.empty{padding:20px}
.album-tile.empty>div>span{font-size:3rem}
.album-tile.empty h3{font-size:1.45rem}

/* Community */
.community-v2-head{max-width:760px;margin-bottom:30px}
.community-v2-head .copy{font-size:.9rem;line-height:1.6}
.community-dashboard{gap:11px;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.08fr) minmax(305px,.72fr)}
.community-channel{min-height:74px;padding:12px 13px;grid-template-columns:40px 1fr auto}
.channel-icon{width:38px;height:38px}
.channel-icon svg{width:20px;height:20px}
.community-channel b{font-size:1.12rem}
.community-channel small{font-size:.61rem}
.community-channel[aria-disabled="true"]{opacity:.58;cursor:not-allowed}
.community-channel[aria-disabled="true"]:hover{transform:none;border-color:rgba(255,255,255,.08)}
.community-share{grid-template-rows:230px auto}
.share-photo{min-height:230px}
.share-copy{padding:19px 20px}
.share-copy h3{font-size:2rem}
.share-copy p{font-size:.76rem}
.share-copy .btn{margin-top:14px;min-height:49px}
.community-v2 .join-panel{padding:25px}
.community-v2 .join-panel h3{font-size:2.8rem}
.brand-orb{width:66px;height:66px;right:18px;top:18px}

/* Footer */
.footer-wordmark img{width:120px}
.footer-by{opacity:.42}

/* Precise anchor landing */
.anchor-focus{animation:anchorGlow .72s ease}
@keyframes anchorGlow{0%{filter:brightness(1)}45%{filter:brightness(1.12)}100%{filter:brightness(1)}}

@media(max-width:1180px){
  .event-focus{grid-template-columns:1fr 1fr}
  .resident-photo{height:290px}
  .community-dashboard{grid-template-columns:1fr 1fr}
  .community-links-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  :root{--header-h:68px}
  .hero-copy{padding-top:0}
  .hero-wordmark{width:330px}
  .event-zone,.residents,.soundtrack,.gallery-hub,.community-v2{padding:76px 0 84px}
  .event-zone-head,.residents-head,.soundtrack-head,.gallery-hub-head{display:block}
  .residents-head .copy,.soundtrack-head .copy,.gallery-hub-head .copy{margin-top:16px}
  .event-focus{grid-template-columns:1fr;min-height:0}
  .event-focus-image{min-height:300px;background:linear-gradient(180deg,transparent 52%,#080609),url('assets/event-list.jpg') center/cover no-repeat}
  .event-focus-copy{padding:29px}
  .resident-grid{grid-template-columns:repeat(2,1fr)}
  .resident-photo{height:285px}
  .community-dashboard{grid-template-columns:1fr}
  .community-links-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero-wordmark{width:258px;margin-bottom:18px}
  .hero-copy{margin-top:-64px}
  .hero-index{display:none}
  .event-zone,.residents,.soundtrack,.gallery-hub,.community-v2{padding:67px 0 75px}
  .event-zone-head .title,.residents-head .title,.soundtrack-head .title,.gallery-hub-head .title,.community-v2-head .title{font-size:3.05rem}
  .event-focus-image{min-height:230px}
  .event-focus-copy{padding:22px 19px}
  .event-focus-copy h3{font-size:2.45rem}
  .event-shortcuts{grid-template-columns:1fr}
  .resident-grid{grid-template-columns:1fr 1fr;gap:7px}
  .resident-photo{height:215px}
  .resident-info{padding:12px;min-height:218px}
  .resident-info h3{font-size:1.35rem}
  .resident-info p{font-size:.64rem;min-height:64px}
  .resident-actions{grid-template-columns:1fr;gap:6px;padding-top:11px}
  .resident-info .resident-actions a{min-height:35px;padding:7px 6px;font-size:.48rem;letter-spacing:.09em}
  .sound-system{display:flex;flex-direction:column}
  .record-library{order:1;padding:16px}
  .deck-panel{order:2;min-height:0;padding:16px}
  .turntable{min-height:365px}
  .album-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px;gap:7px}
  .album-tile.featured{grid-column:span 2}
  .album-bottom h3{font-size:1.35rem}
  .album-bottom div{display:none}
  .community-links-panel{grid-template-columns:1fr}
  .community-share{grid-template-rows:210px auto}
  .share-photo{min-height:210px}
  .community-v2 .join-panel h3{font-size:2.45rem}
}
@media(max-width:390px){
  .resident-grid{grid-template-columns:1fr}
  .resident-photo{height:300px}
  .resident-info{min-height:190px}
  .resident-actions{grid-template-columns:1fr 1fr}
  .album-grid{grid-template-columns:1fr;grid-auto-rows:225px}
  .album-tile.featured{grid-column:auto}
}