@charset "UTF-8";
:root{color-scheme:dark;--bg:#101011;--surface:#171719;--text:#f2efed;--muted:#b1afb2;--red:#cf3843;--line:#343235}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ff7f88;outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#101011;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;font-family:Arial,sans-serif;line-height:1.4;font-size:14px;letter-spacing:1.5px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:3px}.monogram{font-size:43px;letter-spacing:-4px;font-style:italic;line-height:1}.monogram span{color:var(--red)}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:#f36a74}.nav-contact{padding:10px 18px;border:1px solid #5c363a}.nav-contact span{padding-left:16px}.hero{min-height:680px;height:calc(100svh - 100px);max-height:950px;position:relative;overflow:hidden;padding:90px 7% 65px;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#101011 0%,#101011e8 26%,#10101133 64%,#10101100),url('hero.png');background-size:cover;background-position:center,center right}.hero-content{position:relative;max-width:780px}.eyebrow{color:#e86871;font-family:Arial,sans-serif;letter-spacing:3px;font-size:12px;font-weight:700;margin:0 0 27px}h1{font-size:clamp(38px,4.5vw,72px);font-weight:600;letter-spacing:.07em;line-height:1.6;margin:0 0 20px}h2{font-size:clamp(28px,3vw,43px);font-weight:500;letter-spacing:.06em;line-height:1.65;margin:0}h3,p{margin-top:0}.hero-sub{font-size:20px;letter-spacing:.28em;margin-bottom:20px}.intro{color:#ccc7c9;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:45px;background:#bc2e39;padding:16px 26px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#db4651;transform:translateY(-2px)}.button span{font-size:21px}.hero-bottom{position:absolute;left:7%;right:7%;bottom:24px;display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:2px;color:#bbb4b7}.section{padding:110px 7%;scroll-margin-top:20px}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line)}.about-copy>p{color:#c5c1c4;line-height:2.2;max-width:650px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:24px;margin-top:38px;gap:16px}.facts strong{font:52px Arial,sans-serif}.facts strong span{font-size:14px;margin-left:8px}.facts p{font-size:13px;color:var(--muted);margin:12px 0 0}.facts strong.all-ages{font:30px "Yu Gothic",sans-serif;line-height:1.7}.schedule{background:var(--surface)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.section-head>p{color:var(--muted);font-size:14px;margin-bottom:10px}.schedule-list article{display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:center;border-top:1px solid #3b383c;padding:28px 0}.schedule-list article:last-child{border-bottom:1px solid #3b383c}.day span{font:38px Arial,sans-serif;color:#da535e;letter-spacing:2px}.day h3{font-size:14px;color:var(--muted);font-weight:400;margin:4px 0 0}.time{font:23px Arial,sans-serif;letter-spacing:1px;margin:0 0 10px}.venue h3{font-weight:500;font-size:20px;margin:0}.note{font-size:14px;color:#bdb7bb;margin:9px 0 0}.schedule-list a{font-size:14px;border-bottom:1px solid #6d646b;padding:10px 0}.schedule-list a span{margin-left:30px}.schedule-list a:hover{color:#ed7982}.schedule-note{font-size:14px;color:var(--muted);margin:22px 0 0}.join{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;background:#6a1d27;background:linear-gradient(115deg,#78222c,#36151d);position:relative}.join .eyebrow{color:#ffb5ba}.join h2{font-size:clamp(38px,4.2vw,62px);margin-bottom:22px}.join p{color:#e0c9ce}.light{background:#f0eae8;color:#30151b;margin-top:18px}.light:hover{background:#fff}.membership{align-self:center;border-top:1px solid #ad727b;padding-top:26px}.membership>p:first-child{font:12px Arial,sans-serif;letter-spacing:3px}.membership dl{margin:25px 0}.membership dl>div{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #87505b;gap:15px}.membership dt{font-size:14px;color:#e2c8ce}.membership dd{margin:0;font-size:17px}.membership strong{font:48px Arial,sans-serif}.socials{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.socials>a{padding:32px 25px;display:flex;flex-direction:column;transition:background .2s;min-width:0}.socials>a:first-child{padding-left:0}.socials>a+a{border-left:1px solid var(--line)}.socials>a:hover{background:#211719}.socials small{font-size:14px;color:var(--muted)}.socials strong{font:30px Arial,sans-serif;margin:15px 0 22px}.socials strong span{float:right;font-size:24px;color:#df5964}.socials>a>span{font-size:13px;color:var(--muted)}.contact{display:flex;justify-content:space-between;gap:30px;margin-top:60px}.contact p{font-size:14px;color:var(--muted)}.contact p span{display:block;color:var(--text);font-size:18px;margin-top:8px}.contact>div{display:flex;flex-direction:column;gap:8px}.contact a{overflow-wrap:anywhere}.contact a:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:35px 5%}footer p,footer>a:last-child{font:11px Arial,sans-serif;color:var(--muted);letter-spacing:1.3px;margin:0}.skip{position:absolute;top:-100px;left:15px;z-index:20;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.section{padding-inline:max(7%,calc((100vw - 1380px)/2))}}@media(max-width:950px){nav{gap:18px}.brand{font-size:12px}.about{gap:35px;grid-template-columns:1fr 1.3fr}.join{gap:45px}.section{padding:80px 6%}.hero{padding-inline:6%}.section-head{display:block}.section-head>p{margin-top:18px}.facts strong{font-size:40px}.socials strong{font-size:25px}}@media(max-width:700px){header{height:auto;min-height:105px;padding:16px 6%;align-items:flex-start;gap:15px;flex-direction:column}.brand small{font-size:10px}.monogram{font-size:34px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}.nav-contact{padding:0;border:0}.nav-contact span{padding-left:3px}.hero{min-height:680px;height:calc(100svh - 110px);padding:65px 6%;align-items:center}.hero-image{background-position:center,65% center;background-image:linear-gradient(90deg,#101011e8,#10101166),url('hero.png')}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}h1{font-size:clamp(32px,7.5vw,48px)}.hero-sub{font-size:17px}.hero-bottom{font-size:9px;letter-spacing:1px;left:6%;right:6%}.about,.join{grid-template-columns:1fr;gap:35px}.section{padding:65px 6%}.facts{gap:8px}.facts strong{font-size:36px}.facts strong span{font-size:12px;margin-left:3px}.facts strong.all-ages{font-size:24px}.facts p{font-size:12px}.schedule-list article{grid-template-columns:65px 1fr;gap:18px;padding:25px 0}.day span{font-size:26px}.venue h3{font-size:17px}.time{font-size:20px}.schedule-list a{grid-column:2;justify-self:start;padding:0}.socials{grid-template-columns:1fr}.socials>a,.socials>a:first-child{padding:25px 0}.socials>a+a{border-left:0;border-top:1px solid var(--line)}.socials strong{font-size:28px;margin:8px 0 12px}.contact{flex-direction:column;gap:12px;margin-top:35px}footer{flex-wrap:wrap;padding:30px 6%}footer .brand{width:100%}.button{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.club-logo{width:100px;height:56px;object-fit:contain;filter:invert(1);flex-shrink:0}@media(max-width:700px){.club-logo{width:76px;height:40px}}

@media(min-width:1101px){.socials{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:701px) and (max-width:1100px){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}.socials>a:nth-child(3){border-left:0;padding-left:0}.socials>a:nth-child(n+3){border-top:1px solid var(--line)}}
.about-copy>p.about-lead{font-size:clamp(23px,2.2vw,31px);line-height:1.8;color:var(--text);letter-spacing:.05em;margin-bottom:25px}
.opening{position:fixed;inset:0;z-index:100;background:#101011;display:grid;place-items:center;pointer-events:none;animation:opening-exit .65s ease 2.5s forwards}
.opening-inner{width:min(90%,720px);text-align:center;padding:24px}.opening-label{display:block;font:12px Arial,sans-serif;letter-spacing:.4em;color:#e86871;animation:opening-copy 1.2s both}.opening p{font-size:clamp(25px,5vw,52px);font-weight:500;letter-spacing:.08em;line-height:1.8;margin:28px 0}.opening p span{display:block;animation:opening-copy 1.1s cubic-bezier(.2,.7,.2,1) both}.opening p span:nth-child(2){animation-delay:.3s}.opening i{display:block;height:1px;width:90px;background:var(--red);margin:32px auto 0;transform-origin:left;animation:opening-line 1.8s ease both}.opening-inner{animation:opening-drift 3.15s ease forwards}body:has(:focus-visible) .opening{display:none}
@keyframes opening-copy{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes opening-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes opening-drift{0%,65%{transform:translateY(0)}100%{transform:translateY(-24px)}}@keyframes opening-exit{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.opening{display:none}}
/* Compact mobile composition while preserving readable body text. */
@media(max-width:700px){
header{min-height:92px;padding:12px 5%;gap:9px}.club-logo{width:66px;height:35px}.brand{gap:12px}
.hero{height:auto;min-height:0;padding:46px 5% 58px}.hero-content{width:100%}.hero-image{background-size:cover;background-position:center,60% center}
h1{font-size:clamp(1.75rem,7vw,2.35rem);line-height:1.55;margin-bottom:14px}.hero-sub{font-size:1rem;margin-bottom:14px}.intro{margin-bottom:22px;line-height:1.8}.hero .eyebrow{margin-bottom:18px}.hero-bottom{left:5%;right:5%;bottom:18px}
.section{padding:44px 5%}.about,.join{gap:24px}h2{font-size:1.55rem;line-height:1.6}.about-copy>p{line-height:1.9;margin-bottom:18px}.about-copy>p.about-lead{font-size:1.3rem;margin-bottom:20px}.facts{margin-top:24px;padding-top:18px}.section-head{margin-bottom:26px}.section-head>p{margin-top:12px}
.schedule-list article{padding:18px 0;gap:10px 14px}.venue h3{font-size:1rem}.time{font-size:1.1rem;margin-bottom:7px}.schedule-list a{padding:6px 0}.join h2{font-size:2rem;margin-bottom:18px}.button{padding:12px 20px;min-height:48px}.membership{padding-top:20px}.membership dl{margin:16px 0}.membership dl>div{padding:15px 0}.membership strong{font-size:2.4rem}
.socials>a,.socials>a:first-child{padding:20px 0}.socials strong{font-size:1.5rem;margin:6px 0 8px}.contact{margin-top:26px}footer{padding:24px 5%}.opening p{font-size:clamp(1.4rem,5.5vw,2rem)}
}