/* Room identity and invitation proportions. Shared feed and membership gates stay unchanged. */
body[data-page="insider-club"] .club-hero--insiders{display:block;padding:0;min-height:0;overflow:hidden;border-color:color-mix(in srgb,var(--club-gold) 38%,var(--line))}
.club-hero--insiders .club-banner-art{width:100%;min-width:0;background:#ead8b8}
.club-banner-art img{display:block;width:100%;height:auto;aspect-ratio:3;object-fit:cover;object-position:center}
.club-hero--insiders .club-banner-welcome{padding:19px 24px 22px;text-align:center;border-top:1px solid var(--line)}
.club-hero--insiders .club-banner-welcome h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.12;margin:7px 0 8px}
.club-hero--insiders .club-banner-welcome p{max-width:650px;margin:0 auto;font-size:14px;line-height:1.55}
.club-hero--insiders .club-banner-welcome .club-private{display:block;font-size:11px;letter-spacing:.1em;line-height:1.5}
/* Enlarge the familiar sign 15%, with a wider, centered description beneath. */
body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr) 330px;min-height:410px}
body[data-page="glass-lounge"] .club-invitation-art{width:207px}
body[data-page="glass-lounge"] .club-invitation{width:100%;text-align:center;justify-self:center}
body[data-page="glass-lounge"] .club-invitation p{max-width:330px;text-align:center;text-wrap:pretty}
@media(min-width:761px) and (max-width:980px){
 body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr) 290px;gap:24px}
 body[data-page="glass-lounge"] .club-invitation-art{width:190px}
}
@media(max-width:760px){
 body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr);min-height:0}
 body[data-page="glass-lounge"] .club-invitation-art{width:180px}
 body[data-page="glass-lounge"] .club-invitation p{max-width:360px}
 .club-banner-art img{aspect-ratio:3;height:auto;object-fit:contain}
 .club-hero--insiders .club-banner-welcome{padding:16px 18px 18px}
 .club-hero--insiders .club-banner-welcome p{font-size:14px}
 .club-hero--insiders .club-banner-welcome .club-private{font-size:10px;letter-spacing:.06em}
}

/* Chosen I2 workshop banner and matching I3 transparent invitation plaque. */
body[data-page="glass-lounge"] .club-invitation{align-self:start}
body[data-page="glass-lounge"] .club-invitation-art--plaque{display:grid;place-items:center;width:330px;max-width:100%;min-height:150px;border-radius:0}
body[data-page="glass-lounge"] .club-invitation-art--plaque img{aspect-ratio:3;width:100%;height:auto;object-fit:contain;border-radius:0;-webkit-mask-image:none;mask-image:none}
@media(max-width:760px){body[data-page="glass-lounge"] .club-invitation-art--plaque{width:330px;min-height:0;margin:8px auto}}

/* October 11: both Lounge invitation marks enlarged without cropping their artwork. */
body[data-page="glass-lounge"] .club-lounge-plaque,
body[data-page="glass-lounge"] .club-lounge-plaque img{width:345px;max-width:100%;height:auto}
body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr) 380px}
body[data-page="glass-lounge"] .club-invitation-art--plaque{width:380px}
body[data-page="glass-lounge"] .club-invitation p{max-width:380px}
@media(min-width:761px) and (max-width:980px){body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr) 333px}}
@media(max-width:760px){
 body[data-page="glass-lounge"] .club-hero--invitation{grid-template-columns:minmax(0,1fr)}
 body[data-page="glass-lounge"] .club-lounge-plaque,
 body[data-page="glass-lounge"] .club-lounge-plaque img{width:299px;max-width:100%}
}