:root{--paper:#f6f4eb;--blue:#244d75;--ink:#263b48;--muted:#616b6a;--line:#ced0c5;--sand:#e9e5d9;--serif:'Noto Serif SC','Songti SC','STSong',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ac7a42;outline-offset:6px}button{color:inherit}p,h1,h2,h3{margin:0}button[hidden],[hidden]{display:none!important}.skip{position:fixed;z-index:20;top:-100px;left:20px;padding:12px;background:var(--blue);color:white}.skip:focus{top:15px}.header{height:115px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:22px;font-weight:900;line-height:.99;letter-spacing:-1px;color:var(--blue)}.brand span{display:block}.brand b{font-size:30px;font-weight:400;vertical-align:-1px;margin-right:9px}.brand i{font-size:10px;vertical-align:top;font-style:normal;margin-left:3px}.header nav{display:flex;gap:36px;font-size:13px;font-weight:600}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--blue);transition:width .2s}.header nav a:hover:after{width:100%}.header nav span{margin-left:12px}.sound{background:none;border:1px solid #c1c7bd;border-radius:40px;display:flex;align-items:center;gap:11px;padding:12px 17px;font-size:11px;white-space:nowrap}.sound:hover{background:#e9ecdf}.sound-bars{display:flex;align-items:center;gap:3px;height:17px}.sound-bars i{width:2px;height:7px;background:var(--blue);display:block}.sound-bars i:nth-child(2){height:16px}.sound-bars i:nth-child(3){height:11px}.sound-bars i:nth-child(4){height:6px}.playing .sound-bars i{animation:bars .9s ease-in-out infinite alternate}.playing .sound-bars i:nth-child(2){animation-delay:.3s}.playing .sound-bars i:nth-child(3){animation-delay:.6s}@keyframes bars{to{height:3px}}.menu,.mobile-nav{display:none}.hero{position:relative;min-height:805px;padding:64px 5% 72px;display:grid;grid-template-columns:45% 55%;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.8}.dot,.status-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:9px}.hero-copy{z-index:1;align-self:center;padding-bottom:65px}.hero h1{font-size:clamp(56px,5.8vw,90px);line-height:1.28;letter-spacing:-4px;font-weight:500;margin:29px 0 28px;color:var(--blue)}.underlined{position:relative}.underlined svg{position:absolute;bottom:-12px;left:0;width:100%;height:20px;fill:none;stroke:var(--blue);stroke-width:2}.hero-description{font-size:15px;line-height:2;color:var(--muted);letter-spacing:1px}.button{display:inline-flex;align-items:center;gap:38px;background:var(--blue);border:1px solid var(--blue);color:var(--paper);padding:17px 22px;font-size:12px;line-height:1.5;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#193b5d;transform:translateY(-2px)}.button span{font-size:19px}.hero .button{margin-top:30px}.hand-note{font-family:var(--serif);font-style:italic;font-size:17px;transform:rotate(-5deg);margin:25px 0 0 10px;color:var(--blue)}.hand-note svg{width:75px;height:35px;fill:none;stroke:var(--blue);stroke-width:1.5;vertical-align:middle;margin-left:15px}.hero-art{position:relative;margin:-32px -20px 0 -37px;align-self:center;min-width:0}.hero-art img{display:block;width:110%;height:auto;margin-left:-3%;filter:saturate(.82)}.art-label{position:absolute;top:12px;left:21%;right:12%;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:9px;letter-spacing:2px;z-index:1}.art-label span:last-child{font-family:var(--serif);font-size:15px;letter-spacing:2px;transform:rotate(6deg)}.art-caption{font-size:8px;letter-spacing:2px;position:absolute;bottom:12px;left:24%}.circle-stamp{position:absolute;right:0;bottom:5%;border:1px solid var(--blue);border-radius:50%;width:85px;height:85px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;letter-spacing:3px;line-height:1;transform:rotate(15deg);color:var(--blue)}.circle-stamp b{font-size:29px;font-weight:300;line-height:.5}.scroll-cue{position:absolute;bottom:87px;left:5%;display:flex;gap:22px;font-size:18px;align-items:center}.scroll-cue span{font-size:10px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:8px;letter-spacing:1.5px}.ticker{overflow:hidden;background:var(--blue);color:var(--paper);padding:18px 0;white-space:nowrap;font-size:14px;letter-spacing:4px}.ticker div{width:max-content;animation:marquee 75s linear infinite}.ticker span{padding:0 37px;font-size:23px;vertical-align:-2px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:88px 7.5%;scroll-margin-top:0}.section-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted)}.about-intro{display:grid;grid-template-columns:20% 49% 31%;align-items:center;margin:70px 0}.small-sketch{width:132px;transform:rotate(-6deg)}.small-sketch svg{width:120px;fill:none;stroke:var(--blue);stroke-width:2.3}.small-sketch span{display:block;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--blue);margin-top:10px}.section h2{font-weight:500;font-size:clamp(27px,3vw,44px);letter-spacing:-1px;line-height:1.6}.blue{color:var(--blue)}.about-intro>p{font-size:12px;line-height:2.3;color:var(--muted);padding-left:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.values article{padding:35px 32px 0;border-right:1px solid var(--line)}.values article:first-child{padding-left:0}.values article:last-child{border:none}.value-number{font-family:var(--serif);font-style:italic;font-size:14px;color:#717c7d}.values h3{font-size:21px;font-weight:500;margin:20px 0 14px}.values p{font-size:12px;color:var(--muted);line-height:2.2}.value-en{display:block;font-size:8px;letter-spacing:1.2px;margin-top:36px;color:var(--muted)}.evening{background:var(--sand);padding-top:76px;padding-bottom:85px}.evening-heading{display:flex;justify-content:space-between;align-items:end;margin:46px 0 46px}.evening-heading h2{font-size:clamp(34px,3.5vw,49px);line-height:1.5}.serif{font-family:var(--serif);font-style:italic;color:var(--blue)}.evening-heading>p{font-size:12px;color:var(--muted);line-height:2.3;margin-right:10%}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.moment-art{height:255px;position:relative;overflow:hidden}.moment-art svg{width:100%;height:100%;transition:transform .5s}.moment:hover svg{transform:scale(1.035)}.moment-art>span{position:absolute;left:18px;top:18px;font-size:8px;letter-spacing:1.5px}.singing{background:#e2dac5}.silence{background:#d9dfd4}.sharing{background:#e6d8c7}.ink{fill:none;stroke:#355264;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.outline{stroke:#355264;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cream-line{fill:none;stroke:#f6f1df;stroke-width:3}.moment h3{font-weight:500;font-size:19px;margin:24px 0 12px}.moment p{font-size:12px;color:var(--muted);line-height:2.1;max-width:290px}.connection{display:grid;grid-template-columns:55% 45%;align-items:center;min-height:590px;padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.connection-art{position:relative;height:400px;max-width:440px}.orbit{border:1px solid #8a9d9d;width:240px;height:240px;position:absolute;top:63px;border-radius:50%;transform:rotate(-12deg)}.orbit-a{left:2%;background:#d9e2d744}.orbit-b{left:37%;background:#d2dce044}.connection-x{position:absolute;left:43%;top:103px;font-size:137px;line-height:1;color:var(--blue);font-weight:300}.orbit-word{position:absolute;font-size:9px;letter-spacing:2px}.word-a{left:16%;top:179px}.word-b{left:75%;top:179px}.word-c{left:48%;top:72px}.connection-note{position:absolute;bottom:26px;left:25%;font-family:var(--serif);font-style:italic;color:var(--blue);font-size:18px;transform:rotate(-7deg)}.connection-copy{padding-left:35px}.connection-copy h2{margin:20px 0;font-size:38px;line-height:1.5}.connection-copy>p:not(.eyebrow){font-size:13px;line-height:2.1;color:var(--muted);margin-top:20px}.visit{padding-top:83px;padding-bottom:95px}.visit-layout{display:grid;grid-template-columns:50% 50%;gap:0;margin-top:55px}.visit h2{font-size:36px;line-height:1.5}.visit-lead{font-size:12px;line-height:2.1;color:var(--muted);margin-top:23px}.gathering{display:flex;align-items:flex-start;margin-top:40px;max-width:350px;gap:9px}.gathering .status-dot{margin:7px 0 0;width:5px;height:5px;flex:none;background:#879578}.gathering p{font-size:12px;margin-bottom:10px}.gathering span:not(.status-dot){font-size:10px;line-height:1.9;color:var(--muted);display:block}.text-link{display:block;font-size:12px;color:var(--blue);margin-top:15px;text-decoration:underline;text-underline-offset:5px}.faqs{padding-top:3px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:13px;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;font-weight:300;color:var(--blue)}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:12px;line-height:2.2;color:var(--muted);padding:0 25px 25px 0}.closing{position:relative;background:var(--blue);color:var(--paper);text-align:center;padding:70px 20px}.closing-title{font-size:clamp(33px,4vw,57px);font-weight:400;margin:24px 0;letter-spacing:-1px}.closing-title span{font-family:var(--serif);font-style:italic}.closing-title svg{width:65px;height:48px;fill:none;stroke:var(--paper);stroke-width:1.5;position:absolute;margin:0 0 0 25px}.closing>p:not(.closing-title):not(.eyebrow){font-size:12px;opacity:.8;letter-spacing:1px}.back-top{display:inline-block;font-size:10px;margin-top:40px;border-bottom:1px solid #b8c8cd;padding-bottom:8px;letter-spacing:1px}footer{padding:37px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font-weight:800;font-size:13px;letter-spacing:-.4px;color:var(--blue)}.footer-logo b{font-size:23px;font-weight:400;margin:0 6px;vertical-align:-2px}footer p{font-size:10px;letter-spacing:2px}footer>span{font-size:9px;color:var(--muted)}dialog{position:fixed;width:min(440px,calc(100% - 36px));padding:47px 36px 30px;border:1px solid #bfc6b6;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #182c3830}dialog::backdrop{background:#18304466;backdrop-filter:blur(5px)}dialog h2{font-weight:500;font-size:26px;margin:20px 0}dialog p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.close-dialog{position:absolute;top:10px;right:15px;border:0;background:none;font-size:26px}.music-footnote{font-family:var(--serif);font-style:italic;margin-top:32px;font-size:14px!important}.volume-label{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:12px}.volume-label input{accent-color:var(--blue);flex:1}.studio-label{display:block;margin:25px 0 12px;font-size:12px}.studio-label input{display:block;width:100%;margin-top:12px;font-size:11px}#studio small{display:block;font-size:10px;line-height:1.8;color:var(--muted)}#track-title{margin:15px 0}#audio-status{margin-top:12px;font-size:11px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){body{max-width:1800px;margin:auto}.hero{min-height:920px}.hero-art img{max-height:800px}.header{height:125px}}
@media(max-width:1050px){.header nav{gap:22px}.hero{min-height:720px;grid-template-columns:44% 56%;padding-top:65px}.hero h1{font-size:62px}.hero-art{margin-left:-10px}.art-label{top:-25px;left:18%;right:0}.circle-stamp{right:-12px;bottom:-20px}.hero-art img{width:115%;margin-left:-10%}.about-intro{grid-template-columns:16% 50% 34%}.small-sketch{width:100px}.small-sketch svg{width:85px}.section{padding-left:6%;padding-right:6%}.section h2{font-size:31px}.about-intro>p{font-size:11px}.moment-art{height:220px}.connection-art{transform:scale(.87);transform-origin:left center}.connection-copy{padding-left:10px}.connection-copy h2{font-size:34px}.connection{min-height:520px}.closing-title svg{display:none}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{height:88px;margin:0 6%}.brand{font-size:19px}.brand b{font-size:25px}.header nav,.header .sound{display:none}.menu{display:flex;gap:18px;align-items:center;border:0;background:none;font-size:11px;padding:10px 0}.menu span{font-size:22px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:20px 6%;gap:0;border-bottom:1px solid var(--line)}.mobile-nav a,.mobile-nav button{padding:15px 0;font-size:14px;text-align:left}.mobile-nav button{background:none;border:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 6% 92px;min-height:0}.hero-copy{align-self:stretch;padding:0}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:61px;line-height:1.26;letter-spacing:-2.5px;margin:23px 0 25px}.hero-description{font-size:13px;line-height:2}.hero .button{margin-top:23px;padding:14px 19px;font-size:11px}.hand-note{position:absolute;top:304px;right:8px;font-size:14px;transform:rotate(-12deg);width:123px}.hand-note svg{width:57px;margin-left:15px}.hero-art{margin:39px -4% 0 -4%;align-self:auto}.hero-art img{width:100%;margin:0}.art-label{left:9%;right:7%;top:0;font-size:7px}.art-label span:last-child{font-size:12px}.art-caption{font-size:6px;letter-spacing:1.1px;left:16%;bottom:-6px}.circle-stamp{width:60px;height:60px;font-size:8px;right:1%;bottom:6px}.circle-stamp b{font-size:22px}.scroll-cue{display:none}.hero-bottom{left:6%;right:6%;bottom:23px;padding-top:15px;font-size:6px;letter-spacing:1px}.hero-bottom span:last-child{font-size:7px}.ticker{padding:14px 0;font-size:12px;letter-spacing:2px}.ticker span{padding:0 22px;font-size:18px}.section{padding:54px 6%}.section-meta{font-size:9px;letter-spacing:0}.about-intro{position:relative;display:block;margin:39px 0}.about-intro h2{font-size:29px;line-height:1.6}.about-intro>p{padding:0;margin:25px 0 0;font-size:12px;line-height:2.2}.small-sketch{position:absolute;right:0;bottom:0;max-width:88px;opacity:.8}.small-sketch span{font-size:10px}.small-sketch svg{width:70px}.values{grid-template-columns:1fr}.values article,.values article:first-child{position:relative;padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.values h3{font-size:19px;margin:0 0 12px 40px}.values p{margin-left:40px;font-size:12px;line-height:2}.value-number{position:absolute;top:28px;left:0}.value-en{margin:18px 0 0 40px;font-size:7px;letter-spacing:1px}.values article:last-child{padding-bottom:0}.evening-heading{display:block;margin:30px 0}.evening-heading h2{font-size:33px;line-height:1.5}.evening-heading>p{margin:24px 0 0;font-size:12px}.moments{grid-template-columns:1fr;gap:35px}.moment-art{height:265px}.moment-art svg{max-width:370px;display:block;margin:0 auto}.moment h3{font-size:19px;margin:20px 0 10px}.moment p{font-size:12px;max-width:100%}.connection{display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:45px;padding-bottom:28px;min-height:0}.connection-copy{padding:0}.connection-copy h2{font-size:34px;margin:18px 0}.connection-copy>p:not(.eyebrow){font-size:12px}.connection-art{height:335px;width:100%;max-width:395px;transform:scale(.85);transform-origin:center center;margin:0 auto -28px}.connection-x{left:45%;top:113px;font-size:122px}.orbit{width:220px;height:220px}.orbit-a{left:0}.orbit-b{left:36%}.word-a{left:13%;top:170px}.word-b{left:77%;top:170px}.word-c{left:49%;top:72px}.connection-note{font-size:15px;bottom:14px;left:25%}.visit-layout{grid-template-columns:1fr;margin-top:30px}.visit h2{font-size:31px}.visit-lead{font-size:12px}.gathering{margin:28px 0 32px;max-width:100%}.gathering span:not(.status-dot){font-size:11px}.gathering p{font-size:13px}.faqs summary{font-size:12px;padding:22px 0}.faqs details>p{font-size:12px;padding-right:10px}.closing{padding:53px 6%}.closing-title{font-size:34px;margin:25px 0 20px}.closing>p:not(.closing-title):not(.eyebrow){font-size:10px;letter-spacing:0}.back-top{margin-top:30px}footer{padding:28px 6%;flex-wrap:wrap;row-gap:18px}.footer-logo{font-size:12px}footer p{font-size:9px}footer>span{font-size:8px;width:100%}.footer-logo b{font-size:20px}dialog{padding:43px 28px 28px}}
@media(max-width:360px){.hero h1{font-size:54px}.hand-note{display:none}.about-intro h2{font-size:25px}.small-sketch{display:none}.connection-art{transform:scale(.75);width:340px;margin-left:-22px}.hero-bottom span:first-child{letter-spacing:0}.closing-title{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(43px,13vw,54px)}.hand-note{position:static;width:auto;margin:19px 0 0 8px;transform:rotate(-5deg)}.hand-note svg{margin-left:18px}}
.hero-art .art-caption{bottom:-10px}
/* One shared coordinate system keeps the circles, symbol and labels aligned. */
.connection-art{width:100%;height:auto;max-width:440px;aspect-ratio:440/360;transform:none;margin:0}
.connection-diagram{display:block;width:100%;height:auto;overflow:visible}
.connection-labels{font-size:9px;letter-spacing:2px;fill:var(--ink)}
.connection-handwriting{font-family:var(--serif);font-size:18px;font-style:italic;fill:var(--blue)}
@media(max-width:760px){.connection-art{max-width:395px;margin:18px auto 0;transform:none}}
.music-invitation{position:fixed;right:24px;bottom:24px;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;width:290px;padding:22px;background:var(--paper);border:1px solid #bcc6b7;border-radius:10px;box-shadow:0 8px 35px #263b481a}
.music-invitation p{grid-column:1/-1;font-size:13px;line-height:1.8;color:var(--ink)}
.music-invitation button{padding:11px 10px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:var(--paper);font-size:11px}
.music-invitation #browse-quietly{background:transparent;color:var(--muted);border-color:var(--line)}
@media(max-width:760px){.music-invitation{right:16px;bottom:16px;max-width:calc(100% - 32px)}}
/* The language control stays in the header at every screen size. */
.language-toggle{flex:none;min-width:42px;padding:9px 10px;border:1px solid #c1c7bd;border-radius:30px;background:transparent;color:var(--blue);font-size:11px;line-height:1.2;white-space:nowrap}
.language-toggle:hover{background:#e9ecdf}
@media(min-width:761px) and (max-width:1050px){html[lang="en"] .hero-description{max-width:260px;font-size:13px;letter-spacing:.4px}}
html[lang="en"] .hero h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-2.5px;line-height:1.12}
html[lang="en"] .hero-description{line-height:1.9}
html[lang="en"] .art-label span:last-child{font-size:13px;letter-spacing:1px}
html[lang="en"] .circle-stamp{font-size:7px;letter-spacing:1px}
html[lang="en"] .section h2{line-height:1.35;letter-spacing:-1.2px}
html[lang="en"] .about-intro h2{font-size:clamp(26px,2.7vw,39px)}
html[lang="en"] .about-intro>p{font-size:12px;line-height:1.9}
html[lang="en"] .evening-heading>p{margin-right:0;line-height:1.9;max-width:35%}
html[lang="en"] .visit h2{font-size:clamp(28px,2.9vw,40px)}
html[lang="en"] .connection-copy h2{font-size:clamp(30px,3.2vw,43px)}
html[lang="en"] .closing-title{font-size:clamp(32px,3.6vw,51px)}
html[lang="en"] footer p{letter-spacing:1px;font-size:9px}
@media(min-width:761px) and (max-width:1050px){.header{gap:14px}.header nav{gap:17px;font-size:11px}.header .sound{padding:12px;gap:0}.header #sound-label{display:none}.header nav span{margin-left:4px}}
@media(max-width:760px){.header{gap:20px}.language-toggle{margin-left:auto;min-width:40px;font-size:10px}html[lang="en"] .hero h1{font-size:clamp(39px,11.8vw,58px);letter-spacing:-2px;line-height:1.17}html[lang="en"] .art-label span:last-child{font-size:11px}html[lang="en"] .circle-stamp{font-size:6px}html[lang="en"] .about-intro h2{font-size:30px}html[lang="en"] .small-sketch{display:none}html[lang="en"] .about-intro>p{font-size:13px}html[lang="en"] .evening-heading>p{max-width:100%;margin-top:24px}html[lang="en"] .evening-heading h2{font-size:34px}html[lang="en"] .visit h2{font-size:30px}html[lang="en"] .connection-copy h2{font-size:34px}html[lang="en"] .hero-bottom span{font-size:6px;letter-spacing:.3px}html[lang="en"] .hero-bottom span:last-child{max-width:43%;text-align:right}html[lang="en"] .closing-title{font-size:35px;max-width:410px;margin-left:auto;margin-right:auto;line-height:1.4}html[lang="en"] .closing-title span{display:block}html[lang="en"] footer p{font-size:8px;letter-spacing:.3px}}
@media(max-width:360px){.header{gap:13px}.brand{font-size:17px}html[lang="en"] .about-intro h2{font-size:27px}html[lang="en"] .closing-title{font-size:30px}html[lang="en"] .evening-heading h2{font-size:30px}}