/* Original image sources and readable information, without changing motion. */
.reference-collaborations .poster{flex-basis:200px}
.reference-collaborations .poster img{aspect-ratio:1414/2000;object-fit:contain}
.service-illustration{width:min(100%,350px);justify-self:center}
.party-photo-frame{max-width:334px}.pinned-portrait{max-width:381px}
.instagram-visual{max-width:525px;margin-inline:auto}
.floorplan-sharp{display:block;width:min(100%,480px);margin-inline:auto;border-radius:18px;overflow:hidden}
.floorplan-sharp img{display:block;width:100%;height:auto}
.detail-content h3{font-size:1.25rem;line-height:1.4;margin:0 0 20px;color:#fff}
.detail-content p,.detail-content ul{font-size:1rem;line-height:1.75;color:#fff}
.detail-content li{margin-bottom:16px}.charter-original{display:inline-block;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:1rem;line-height:1.6;padding:12px 0}
.reference-collaborations h2{color:#555}.service-copy p{color:#d6d6d6}
.gallery-hint,.zoom-hint,.viewer-bottom p,.viewer-count,.section-nav a,.quote-steps button,.step-status,.field-error{font-size:.875rem!important;line-height:1.5}
.viewer-stage.is-zoomed .viewer-visual{width:var(--native-width,900px);min-width:0;max-width:none}
.viewer-stage.is-zoomed .viewer-visual:not(.reference-crop):not(.party-photo-window)>img{width:100%;max-width:none;height:auto;max-height:none}
@media(max-width:700px){.reference-collaborations .poster{flex-basis:180px}.viewer-toolbar{flex-wrap:wrap}.viewer-tools{flex-wrap:wrap}.service-copy p{font-size:1rem}.detail-content{padding:18px}.gallery-hint{max-width:none}.pinned-portrait,.party-photo-frame{flex-basis:min(75%,334px)}}

.viewer-visual.party-photo-window{width:min(var(--native-width,334px),100%)}

/* Keep the original membership content in three independent, flowing rows. */
.club-membership .membership-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:min(100%,420px);max-width:100%;padding:0;margin-inline:auto}
.club-membership .membership-card::before{content:none}
.club-membership .membership-art{display:block;width:100%;margin:0;flex:none}
.club-membership .membership-price{margin:0;padding:18px 16px;border-radius:12px;text-align:center}
.club-membership .membership-card>.button{width:100%;margin:0;white-space:normal;min-height:48px;text-align:center}
.club-membership{padding-inline:clamp(20px,6vw,72px)}
.club-membership .membership-art{width:min(100%,var(--source-width,254px));margin-inline:auto}

/* The original layout is retained; the real supplied Instagram captures are
   independently responsive and can be opened at their full native resolution. */
.faithful-instagram .instagram-hd{position:relative;width:100%;max-width:419px;margin:24px auto 0;isolation:isolate}
.instagram-hd .instagram-reference{width:100%}
.instagram-hd .instagram-reference::after{content:"";position:absolute;left:40%;right:18%;bottom:0;height:16%;background:#000}
.instagram-hd .instagram-screen{position:absolute;display:block;z-index:1;background:#000}
.instagram-hd .instagram-screen img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.instagram-hd .instagram-screen-mobile{left:25.4%;top:3.2%;width:18.2%;border-radius:8%;overflow:hidden}
.instagram-hd .instagram-screen-desktop{left:48.6%;top:11.5%;width:44.2%}
.instagram-hd .instagram-screen:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Decorative boards use their real ratio, including on narrow screens. */
.mockup-plan .plan-corkboard,.rules-page .rules-board{aspect-ratio:3/2}
.mockup-plan .board-background,.rules-page .board-background{object-fit:contain}
.mockup-plan .plan-pinned{top:14%;height:69%;left:16%;width:30%}
.rules-page .rules-posters{inset:13% 14% 15%;gap:9%}
.rules-posters>a{display:flex;align-items:center;min-width:0;height:100%}
.rules-posters>a>img{max-height:100%;object-fit:contain}
.rules-posters .mockup-crop{max-width:var(--source-width);margin:auto}
.charter-teaser .charter-preview-sharp{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.charter-preview-sharp>img{width:100%;height:auto;object-fit:contain;display:block}
.club-story .club-photo,.club-story .club-photo-collage{max-width:min(100%,var(--source-width));justify-self:center}
.club-member-page .club-welcome-photo{max-width:min(100%,var(--source-width))}
.mockup-shop .shop-window-art,.mockup-shop .shop-flyer{max-width:min(100%,var(--source-width));margin-inline:auto}
.mockup-shop .shop-scene{min-height:0}
.microphone-art .mockup-crop{max-width:min(100%,var(--source-width));margin-inline:auto}
.next-artist .artist-photos{max-width:min(100%,var(--source-width));margin-inline:auto}

@media(max-width:700px){
 .birthday-configurator .birthday-copy :is(h1,h2){padding-top:24px}
 .contact-illustrated .contact-chalet{float:none;position:static;display:block;width:min(120px,40%);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 18px}
 .contact-illustrated h1{clear:both}
 .club-membership .membership-card{width:min(100%,360px);gap:16px}
 .club-membership .membership-card>.button{font-size:1rem}
 .faithful-instagram .instagram-hd{margin-top:22px}
}