:root{--night:#211629;--cream:#f3e5da;--gold:#d9b68e;--muted:#d0bdcf;--line:#d9b68e40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--night);color:var(--cream);font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-size:17px;line-height:1.95}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{position:absolute;z-index:2;top:0;width:100%;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:linear-gradient(#211629b0,transparent)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:78px;height:60px;object-fit:contain}.brand span{font-size:27px;letter-spacing:.14em;line-height:1.3}.brand small{display:block;font-size:11px;letter-spacing:.26em;text-align:center;margin-top:8px}nav{display:flex;gap:32px;font-size:15px}nav a{padding:12px 0}nav a:hover{color:var(--gold)}.hero{position:relative;min-height:850px;min-height:100svh;display:flex;align-items:center;padding:170px 8% 100px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211629e8, #21162966 65%,#21162922),linear-gradient(0deg,var(--night),transparent 35%);z-index:-1}.hero-copy{max-width:700px}.eyebrow,.section-label{font-size:14px;letter-spacing:.22em;color:var(--gold)}.motto{letter-spacing:.3em;margin:22px 0}h1,h2,h3{font-weight:400;line-height:1.55}h1{font-size:clamp(34px,4.4vw,67px);letter-spacing:.05em;margin:22px 0 28px}h2{font-size:clamp(29px,3vw,45px);margin:20px 0 32px}h3{font-size:25px}p{margin:0 0 22px}.season{color:var(--gold);font-size:15px;letter-spacing:.1em;margin-top:35px}.opening{font-size:24px;letter-spacing:.25em;margin:10px 0}.button{display:inline-flex;gap:26px;align-items:center;padding:12px 28px;border:1px solid #d9b68e90;background:#e6c4a9;color:#302037;border-radius:2px;font-size:16px;margin-top:15px;min-height:48px}.button:hover{background:#f4dbc7}.hero-caption{position:absolute;bottom:55px;right:5%;writing-mode:vertical-rl;color:var(--gold);font-size:13px;letter-spacing:.4em}.section{max-width:1240px;margin:auto;padding:100px 6%}.section-label:before{content:"";display:inline-block;width:35px;border-top:1px solid var(--gold);vertical-align:middle;margin-right:16px}.origin-grid{display:grid;grid-template-columns:.85fr 1fr;gap:85px;margin-top:20px}.prose{padding-top:32px;color:var(--muted)}blockquote{margin:28px 0;color:var(--gold);font-size:25px;border-left:1px solid var(--gold);padding-left:25px}.image-frame{height:330px;width:85%;overflow:hidden;border:1px solid var(--line);border-radius:160px 160px 3px 3px}.image-frame img{width:100%;height:100%;object-fit:cover}.gold{color:var(--gold)}.realms{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:45px}.three article{padding-right:24px;border-right:1px solid var(--line)}.three article:last-child{border:0}.ordinal{color:var(--gold);font-size:14px}.three h2{font-size:34px}.three h2 small{display:block;font-size:17px;color:var(--gold);letter-spacing:.15em;margin-top:12px}.three p,.service-grid p{color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 55px}.service-grid article{border-top:1px solid var(--line);padding:25px 0 15px;position:relative}.service-grid span{float:right;color:var(--gold);font-style:italic}.service-grid h3{font-size:23px;margin:0 0 16px}.note{font-size:14px;color:var(--muted);margin-top:25px}.membership{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid var(--line)}.membership-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.32}.membership:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211629e8,#21162985);z-index:-1}.membership-intro{max-width:750px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.plans article{padding:28px 35px;background:#37273dbd;border:1px solid #d9b68e66}.plans h3{font-size:36px;color:var(--gold);margin:0 0 15px}.plans h3 span{display:block;font-size:16px;letter-spacing:.18em}.plans p{margin:0}.coming{color:var(--gold);margin-top:30px;letter-spacing:.15em}.contact{text-align:center;padding-block:120px}.contact .section-label:before{display:none}.contact h3{color:var(--gold)}.english{font-size:13px;font-style:italic;letter-spacing:.08em;margin-top:25px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 8%;font-size:13px;color:var(--muted);display:flex;gap:60px;align-items:start}footer a{white-space:nowrap;color:var(--gold)}footer p{margin:0;max-width:800px}@media(max-width:700px){body{font-size:16px}header{padding:15px 6%;flex-direction:column;gap:10px}.brand img{width:58px;height:48px}.brand span{font-size:23px}nav{gap:22px;font-size:14px}nav a{padding:4px 0}.hero{padding:190px 7% 85px;min-height:870px}.hero-art{object-position:66% center}.hero:after{background:linear-gradient(90deg,#211629dd,#21162977),linear-gradient(0deg,var(--night),transparent 60%)}.hero-caption{display:none}h1{font-size:35px}.section{padding:65px 7%}.origin-grid{grid-template-columns:1fr;gap:12px}.image-frame{height:245px;width:100%;border-radius:140px 140px 2px 2px}.prose{padding-top:20px}.three,.plans,.service-grid{grid-template-columns:1fr;gap:20px}.three article{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.three h2 small{display:inline;font-size:16px;margin-left:20px}.three h2{margin:12px 0 20px}.plans article{padding:25px}.contact{padding-block:75px}.button{max-width:100%;font-size:16px;padding:12px 22px}footer{display:block;padding:30px 7%}footer p{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Approved concept: centered moonlit composition and continuous scenic bands. */
.hero{justify-content:center;text-align:center;min-height:820px;padding-top:155px}.hero-copy{max-width:850px}.hero-art{object-position:center}.hero:after{background:linear-gradient(90deg,#21162966,#21162980 45%,#21162944),linear-gradient(0deg,var(--night),transparent 50%)}.hero h1{font-size:clamp(34px,3.6vw,56px)}.hero .opening{display:inline-block;border:1px solid var(--gold);border-radius:60px;padding:8px 70px;margin:0 0 12px;background:#21162966}.hero .season{margin-top:25px}.section-label{text-align:center}.section-label:after{content:"";display:inline-block;width:35px;border-top:1px solid var(--gold);vertical-align:middle;margin-left:16px}.services>h2,.membership h2{text-align:center}.realms{background:linear-gradient(#211629b0,#211629dd),url('/assets/lake.jpg') center/cover}.three{text-align:center}.ordinal{display:inline-grid;place-items:center;width:56px;height:56px;border:1px solid var(--gold);border-radius:50%;font-size:23px}.services{background:radial-gradient(ellipse at top,#50325066,transparent 75%)}.service-grid{gap:22px;grid-template-columns:repeat(3,1fr)}.service-grid article{padding:30px 24px;border:1px solid var(--line);background:linear-gradient(140deg,#50354b66,#241b32cc);border-radius:16px 2px}.service-grid h3{font-size:21px}.service-grid span{float:none;display:block;margin-bottom:16px}.membership-intro{margin:auto;text-align:center}.plans article{border-radius:20px 3px;box-shadow:inset 0 0 0 5px #21162944}.coming{text-align:center}.contact{max-width:none;background:linear-gradient(#211629a8,#211629ad),url('/assets/moonlit-hero.jpg') center/cover}.contact .section-label:after{display:none}@media(max-width:700px){.hero{padding:180px 7% 70px;min-height:870px}.hero .opening{padding:8px 50px}.hero:after{background:linear-gradient(#21162977,#211629aa),linear-gradient(0deg,var(--night),transparent 60%)}.service-grid{grid-template-columns:1fr}.section-label{letter-spacing:.1em}.section-label:before,.section-label:after{width:18px;margin-inline:8px}.three article{padding:25px 0}.hero h1{font-size:32px}.contact{background-position:65% center}}

/* Mobile typography only: preserve desktop geometry and all source copy. */
@media(max-width:700px){
 .hero .eyebrow{font-size:19px;letter-spacing:.12em;line-height:1.7}
 .mobile-phrase{white-space:nowrap}
 h1,h2,h3,blockquote,.hero p,.three p,.plans p,.service-grid p,.contact p,footer p{text-wrap:pretty}
 h1,h2,h3,.hero p,.three p{ text-wrap:balance }
 .hero-copy{width:100%;min-width:0}
 .hero-copy>p:not(.eyebrow):not(.motto):not(.season){max-width:24em;margin-inline:auto}
 .origin-grid{text-align:center;gap:24px}
 .origin-grid h2{margin:12px 0 28px}
 .image-frame{height:auto;width:100%;border-radius:18px 18px 3px 3px}
 .image-frame img{display:block;width:100%;height:auto;object-fit:contain}
 .origin .prose{padding-top:0;text-align:left}
 .origin blockquote{padding:16px 10px;margin:26px 0;border-left:0;border-block:1px solid var(--line);text-align:center;font-size:23px;line-height:1.8;text-wrap:balance}
 .origin .gold{text-align:center}
 .services>h2{font-size:clamp(27px,7vw,30px);line-height:1.65}
 .three h2 small{margin-left:12px;white-space:nowrap}
 .service-grid h3{font-size:21px;text-wrap:balance}
 .plans p,.prose p,footer p{overflow-wrap:break-word}
 nav{gap:clamp(15px,5vw,22px)}
}

/* Unified vector identity; native disclosure menu needs no application script. */
.brand img{width:280px;height:auto;display:block}.mobile-menu{display:none}
@media(max-width:900px){
 header{flex-direction:row;align-items:center;padding:calc(14px + env(safe-area-inset-top)) max(5%,env(safe-area-inset-right)) 14px max(5%,env(safe-area-inset-left));gap:12px}
 header>.brand{min-width:0}header .brand img{width:clamp(210px,57vw,280px);max-width:100%;height:auto}
 header>nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;color:var(--gold);font-size:26px;padding:8px;line-height:1.2;min-width:44px;min-height:44px}.mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu nav{position:absolute;top:100%;left:5%;right:5%;display:flex;flex-direction:column;gap:0;padding:10px 24px;background:#24192ff5;border:1px solid var(--line);box-shadow:0 12px 30px #110d1d66}.mobile-menu nav a{padding:10px 0}
 .hero{padding-top:160px}.hero .eyebrow{font-size:clamp(19px,4.8vw,23px);letter-spacing:.1em}
 h1,h2,h3,p,blockquote{text-wrap:pretty}h1,h2,h3,.hero p{text-wrap:balance}
 .mobile-phrase{white-space:nowrap}
}
@media(min-width:701px) and (max-width:900px){.origin-grid{gap:35px}.three{gap:22px}.service-grid{grid-template-columns:repeat(2,1fr)}.section{padding-inline:5%}}
@media(max-width:700px){.hero{padding-top:150px}.image-frame{border-radius:40% 40% 8px 8px;overflow:hidden}.image-frame img{width:100%;height:auto;object-fit:contain}.origin-grid{text-align:center}.origin .prose{text-align:left}.hero-copy>p{margin-bottom:24px}}
@media(max-width:700px){.image-frame{border-radius:24px 24px 8px 8px}}

/* Original approved PNG: preserve every pixel and original aspect ratio. */
header .brand img{width:360px;height:auto;object-fit:contain}
@media(max-width:900px){header .brand img{width:clamp(240px,68vw,340px);max-width:100%;height:auto}header .brand{flex:1;max-width:calc(100% - 58px)}.mobile-menu{flex:none}}
@media(max-width:700px){.hero{padding-top:170px}}

/* Desktop hero polish: header is 169px tall with the original PNG. */
@media(min-width:901px){
 .hero{padding-top:214px;padding-bottom:80px;min-height:100svh}
 .hero .eyebrow{font-size:26px;line-height:1.6;letter-spacing:.14em;color:#ead0aa;margin:0 0 26px}
 .hero .motto{font-size:28px;line-height:1.65;letter-spacing:.24em;margin:0 0 28px;color:#e7cba8}
 .hero .season{font-size:24px;line-height:1.7;letter-spacing:.12em;white-space:nowrap;color:#eed3ab;margin:32px 0 20px}
}
/* Decorative light layers sit above the artwork and below all text. */
.hero-copy{position:relative;z-index:1}
.hero::before{content:"";position:absolute;pointer-events:none;z-index:0;left:51%;top:4%;width:43%;height:48%;background:radial-gradient(ellipse,#fff0ccaa 0%,#ffdeb875 27%,#efbb8c30 46%,transparent 70%);opacity:0;transform-origin:center}
.hero .lake-light{content:"";position:absolute;pointer-events:none;z-index:0;left:45%;top:61%;width:33%;height:17%;background:repeating-linear-gradient(177deg,transparent 0 12px,#ffe6bda6 14px,#fff0d9c4 16px,transparent 20px 31px);mask-image:radial-gradient(ellipse,#000 10%,#000b 38%,transparent 73%);opacity:0}
.hero .season{position:relative;width:fit-content;max-width:100%;margin-inline:auto;isolation:isolate}
.hero .season::after{content:"";position:absolute;pointer-events:none;inset:0;overflow:hidden;background:linear-gradient(105deg,transparent 30%,#fff0d575 49%,transparent 68%);opacity:0;transform:translateX(-45%);mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}
@keyframes lunelle-moon-breathe{0%,100%{opacity:.08;transform:scale(.94)}50%{opacity:.8;transform:scale(1.06)}}
@keyframes lunelle-lake-drift{0%,100%{opacity:.16;transform:translate3d(-18px,-4px,0)}50%{opacity:.72;transform:translate3d(18px,8px,0)}}
@keyframes lunelle-date-sweep{0%,15%{opacity:0;transform:translateX(-45%)}30%{opacity:.7}65%{opacity:.7}80%,100%{opacity:0;transform:translateX(45%)}}
@media(prefers-reduced-motion:no-preference){
 .hero::before{animation:lunelle-moon-breathe 9s ease-in-out infinite}
 .hero .lake-light{animation:lunelle-lake-drift 10s ease-in-out infinite}
 .hero .season::after{animation:lunelle-date-sweep 6s ease-in-out infinite}
}
@media(max-width:900px){
 .hero::before{left:63%;top:10%;width:65%;height:37%;filter:opacity(.55)}
 .hero .lake-light{left:32%;width:85%;filter:opacity(.5)}
 .hero .season::after{filter:opacity(.65)}
}
@media(prefers-reduced-motion:reduce){
 .hero::before,.hero .lake-light,.hero .season::after{animation:none;opacity:0}
}