/* One banner scale and responsive image layout for all six club views. */
.page-club{--club-banner-height:max(600px,33.333333vw)}
.page-club .club-hero,.page-club .section-hero[data-hero-view]{min-height:var(--club-banner-height)}
.page-club .club-hero-inner{min-height:var(--club-banner-height);padding-bottom:60px}
.page-club .club-hero .breadcrumb{padding-top:27px;margin-bottom:45px}
.page-club .section-hero[data-hero-view]{position:relative;isolation:isolate;overflow:hidden;background:#102f4e}
.page-club .section-hero[data-hero-view="programs"]{--club-ambient:url("/assets/prestige-programs-salon-v1.png")}
.page-club .section-hero[data-hero-view="dinner-show"]{--club-ambient:url("/assets/prestige-evening-dining-v1.png")}
.page-club .section-hero[data-hero-view="membership"]{--club-ambient:url("/assets/prestige-membership-salon-hero.webp")}
.page-club .section-hero[data-hero-view="partnership"]{--club-ambient:url("/assets/consulting-meeting.webp")}
.page-club .section-hero[data-hero-view="participation"]{--club-ambient:url("/assets/contact-collaboration-approved-v2.webp")}
.page-club .section-hero[data-hero-view]::before{content:"";position:absolute;inset:-24px;z-index:-2;pointer-events:none;background-image:var(--club-ambient);background-position:right center;background-size:100% 100%;filter:blur(24px);opacity:.5}
.page-club .section-hero[data-hero-view]>.page-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;mask-image:none;-webkit-mask-image:none;z-index:-1}
.page-club .section-hero[data-hero-view]>.page-hero-image::after{display:none}
.page-club .section-hero[data-hero-view] .page-hero-image img{display:block;position:static;inset:auto;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:right center;mask-image:none;-webkit-mask-image:none}
.page-club .section-hero[data-hero-view]>.container{position:relative;display:flex;flex-direction:column;min-height:var(--club-banner-height);z-index:1}
.page-club .section-hero[data-hero-view] .breadcrumb{padding-top:27px;margin-bottom:0}
.page-club .section-hero[data-hero-view] .page-hero-grid{display:flex;align-items:flex-start;flex:1;min-height:0;padding:45px 0 60px}
.page-club .section-hero[data-hero-view] .page-hero-copy{width:41%;max-width:600px}

/* These two scenes have no empty text area: contain each full scene on the right. */
@media(min-width:1101px){
 .page-club .section-hero:is([data-hero-view="partnership"],[data-hero-view="participation"])>.page-hero-image{left:40%;width:60%}
 .page-club .section-hero:is([data-hero-view="partnership"],[data-hero-view="participation"])::before{background-image:linear-gradient(90deg,#102f4e 0%,#102f4ef5 34%,#102f4e66 55%,#102f4e1a 100%),var(--club-ambient);opacity:1}
 /* Keep the inquiry copy on a flat navy field; blend only the original photo. */
 .page-club .section-hero[data-hero-view="participation"]{background:#163758}
 .page-club .section-hero[data-hero-view="participation"]::before{content:none;display:none;background:none;filter:none}
 .page-club .section-hero[data-hero-view="participation"]>.page-hero-image{background:transparent;mask-image:none;-webkit-mask-image:none}
 .page-club .section-hero[data-hero-view="participation"]>.page-hero-image::after{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#163758 0%,rgba(22,55,88,.96) 4%,rgba(22,55,88,.8) 9%,rgba(22,55,88,.5) 15%,rgba(22,55,88,.2) 21%,rgba(22,55,88,0) 28%)}
}

@media(max-width:1100px){
 .page-club{--club-banner-height:0px}
 .page-club .club-hero,.page-club .section-hero[data-hero-view]{display:flex;flex-direction:column}
 .page-club .club-hero-inner{order:1;padding-bottom:38px}
 .page-club .club-hero .breadcrumb{padding-top:23px;margin-bottom:28px}
 .page-club .club-hero h1,.page-club .club-hero .club-korean-title,.page-club .club-hero-inner>p:not(.eyebrow):not(.breadcrumb):not(.club-korean-title){max-width:none}
 .page-club .section-hero[data-hero-view]::before{display:none}
 .page-club .section-hero[data-hero-view]>.container{order:1}
 .page-club .section-hero[data-hero-view] .breadcrumb{padding-top:23px;max-width:none}
 .page-club .section-hero[data-hero-view] .page-hero-grid{padding:28px 0 38px}
 .page-club .section-hero[data-hero-view] .page-hero-copy{width:100%;max-width:none}
 .page-club .club-hero-image,.page-club .section-hero[data-hero-view]>.page-hero-image{position:relative;order:2;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:0;max-width:none;max-height:none;margin:0;padding:0;mask-image:none;-webkit-mask-image:none;z-index:0;background:#102f4e}
 .page-club .club-hero-image img,.page-club .section-hero[data-hero-view] .page-hero-image img{width:100%;height:100%;object-fit:cover;object-position:right center}
 .page-club .club-hero-image::after{display:none}
}
@media(max-width:600px){
 .page-club .club-hero .breadcrumb{margin-bottom:24px}
 .page-club .section-hero[data-hero-view] .page-hero-grid{padding-top:24px}
}
