/* Integrated Black membership opening */
.black-page .nb-hero{display:flex;position:relative;isolation:isolate;min-height:650px;padding:88px max(40px,calc((100% - 1200px)/2)) 86px;background:#0b0c0c;gap:0;border-bottom:1px solid #c7ac7226}
.black-page .nb-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 65%;filter:grayscale(1) sepia(.35) brightness(.55);opacity:.65;z-index:-3;mask-image:none;-webkit-mask-image:none}
.black-page .nb-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b0c0cf5 0%,#0b0c0ce6 34%,#0b0c0c50 75%,#0b0c0c66),linear-gradient(0deg,#0b0c0c,transparent 40%,#0b0c0c88)}
.black-page .nb-hero:before{content:"";position:absolute;inset:20px;pointer-events:none;border:1px solid #d9bd7d20;z-index:-1;background:linear-gradient(120deg,transparent 15%,#e2c89a09 42%,transparent 60%);box-shadow:inset 0 1px 0 #ffffff08}
.black-page .nb-hero-copy{position:relative;max-width:650px;width:100%;text-shadow:0 2px 20px #0008}
.black-page .nb-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.35;word-break:keep-all;text-wrap:balance;margin:22px 0 12px}
.black-page .nb-hero .nb-brand-english{letter-spacing:.19em;font-size:17px;color:#d5c39f}
.black-page .nb-hero .nb-slogan{font-size:clamp(25px,3vw,38px);line-height:1.35;color:#e2cfaa;margin:28px 0}
.black-page .nb-hero .nb-lead{font-size:19px;line-height:1.8;word-break:keep-all}
.black-page .nb-hero-copy>p:not([class]){font-size:16px;line-height:1.9;color:#d1cec8;word-break:keep-all}
.black-page .nb-hero-copy>.btn{background:linear-gradient(130deg,#fff2,#fff04);border-color:#ccb68d8c;box-shadow:inset 0 1px 0 #fff2,0 8px 30px #0003;border-radius:6px;padding:15px 22px;backdrop-filter:blur(8px)}
.black-page .nb-intro{background:#0b0c0c;border-top:0}
.black-page .nb-intro:before{filter:grayscale(1) sepia(.3) brightness(.3);opacity:.6;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 65%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 65%,transparent)}
.black-page .nb-intro h2{word-break:keep-all;text-wrap:balance}
@media(max-width:700px){
.black-page .nb-hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:590px;padding:52px 28px 58px;gap:0}
.black-page .nb-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-position:37% center;opacity:.5;mask-image:none;-webkit-mask-image:none}
.black-page .nb-hero:after{background:linear-gradient(90deg,#0b0c0ce8,#0b0c0ca0 70%,#0b0c0c70),linear-gradient(180deg,#0b0c0c88,transparent 35%,#0b0c0c 100%)}
.black-page .nb-hero:before{inset:13px}
.black-page .nb-hero h1{font-size:clamp(29px,8vw,39px);line-height:1.4;margin-top:22px}
.black-page .nb-hero .nb-brand-english{font-size:13px;letter-spacing:.16em;margin-bottom:22px}
.black-page .nb-hero .nb-slogan{font-size:28px;margin:24px 0}
.black-page .nb-hero .nb-lead{font-size:17px;line-height:1.8}
.black-page .nb-hero-copy>p:not([class]){font-size:14px;line-height:1.9}
.black-page .nb-hero-copy>.btn{font-size:14px;margin-top:18px;padding:14px 17px}
.black-page .nb-intro{min-height:340px;padding:55px 26px}
.black-page .nb-intro p{font-size:15px;line-height:1.9;word-break:keep-all;text-wrap:pretty}
}