.amenity-page{--amenity-column-gap:40px;--amenity-link-size:20px}
/* Styles scoped to the Amenity preview. Shared site styling stays unchanged. */
.amenity-hero{padding:76px 0 72px}.amenity-hero .eyebrow{color:var(--accent);margin:0 0 22px}.amenity-hero h1{margin:0 0 30px;font-size:clamp(61px,7vw,94px);letter-spacing:-5px;font-weight:500;line-height:1.05}.amenity-intro{font-size:18px;line-height:1.8;color:#aaa9a5;max-width:100%;margin:0}.follow-links{display:grid;grid-template-columns:1fr 1fr;row-gap:24px;column-gap:var(--amenity-column-gap)}.follow-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--accent);font-size:var(--amenity-link-size);border-bottom:1px solid var(--line);padding:12px 0 22px}.follow-links a:hover,.artist-info a:hover{color:var(--text)}.follow-links svg{width:20px;height:20px}.amenity-artists{padding:64px 0 80px}.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px;column-gap:var(--amenity-column-gap)}.artist-card{min-width:0;background:#101010;border:1px solid #242423;border-radius:2px;overflow:hidden}.artist-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.artist-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.artist-info h3{font-size:var(--amenity-link-size);font-weight:400;letter-spacing:-.5px;margin:0}.artist-info a{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);flex-shrink:0}.header nav .back-home{gap:8px}.header nav .back-home svg{margin-left:0}
@media(max-width:700px){.amenity-page{--amenity-link-size:18px}.amenity-hero{padding:52px 0}.amenity-hero h1{font-size:63px;letter-spacing:-3.5px;margin-bottom:24px}.amenity-intro{font-size:16px}.follow-links{grid-template-columns:1fr;gap:12px}.follow-links a{font-size:var(--amenity-link-size);padding:10px 0 18px}.amenity-artists{padding:44px 0 56px}.artist-grid{grid-template-columns:1fr;gap:32px}.artist-info{padding:20px}.artist-info h3{font-size:var(--amenity-link-size)}}

/* A geometric circle keeps the title punctuation round at every size. */
.amenity-title-dot{display:inline-block;position:relative;width:.13em;height:.13em;margin-left:.055em;vertical-align:baseline;font-size:inherit;letter-spacing:0;color:transparent}
.amenity-title-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent)}

/* Four across only when the content area can accommodate readable artist cards.
   Remove this block to restore the saved 2x2 layout. */
@media(min-width:1200px){
 .amenity-page{--amenity-column-gap:24px}
 .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--amenity-column-gap)}
 .artist-info{flex-wrap:wrap;gap:12px;padding:18px}
 .artist-info h3{flex-basis:100%}
 .artist-info a{margin-left:auto}
}

/* Keep each artist name and Spotify link on one centered row. */
.artist-info{flex-wrap:nowrap;column-gap:4px}
.artist-info h3{flex:0 1 auto;white-space:nowrap}
.artist-info a{margin-left:auto}

/* Compact smartphone artist grid; desktop and tablet rules remain unchanged. */
@media(max-width:700px){
 .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .artist-info{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 12px}
 .artist-info h3{font-size:16px;line-height:1.3;white-space:normal;overflow-wrap:normal}
 .artist-info a{margin-left:0}
 .artist-card{display:flex;flex-direction:column}
 .artist-info{flex:1}
}
@media(max-width:359px){
 .artist-grid{grid-template-columns:minmax(0,1fr)}
}

/* Match the two mobile section gaps using one shared value. */
@media(max-width:700px){.amenity-page{--amenity-section-gap:44px}.amenity-hero{padding-bottom:var(--amenity-section-gap)}.amenity-artists{padding-top:var(--amenity-section-gap)}}

/* Mobile label-title scale; preserve the established dot diameter. */
@media(max-width:700px){
 .amenity-page{--amenity-mobile-title-size:55.44px}
 .amenity-hero h1{font-size:var(--amenity-mobile-title-size)}
 .amenity-title-dot{width:7.2072px;height:7.2072px;margin-left:3.465px}
}
