:root{--ink:#252824;--muted:#5b6058;--gold:#806528;--seal:#a08544;--line:#dedfd9;--english-serif:'Marcellus',Georgia,serif;--serif:'Marcellus','Noto Serif SC','Songti SC',serif;--bg-secondary:#fff;--border-color:#dedfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.9 system-ui,-apple-system,'PingFang SC',sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block;object-fit:cover}figure,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.55;text-wrap:balance;margin:0}h2{font-size:clamp(28px,2.5vw,38px)}h3{font-size:25px}p{text-wrap:pretty}.wrap,.container{width:min(1280px,calc(100% - 144px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:10px;background:white;z-index:3}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;gap:32px;min-height:140px;position:relative}.identity{display:flex;align-items:center;gap:20px;flex-shrink:0}.seal{width:68px;height:68px;flex-shrink:0;background:var(--seal);mask:url('assets/about/official_logo.png') center/contain no-repeat;-webkit-mask:url('assets/about/official_logo.png') center/contain no-repeat}.wordmark{display:flex;flex-direction:column;gap:2px}.wordmark-zh{font-family:var(--serif);font-size:23px;letter-spacing:.09em}.wordmark-en{font-family:var(--english-serif);font-size:13px;letter-spacing:.015em}.site-header nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px;white-space:nowrap}.header-actions{order:3;display:flex;align-items:center;gap:15px}.header-actions button{background:none;border:0;padding:10px 0;font-size:13px;white-space:nowrap}#language-switch{color:var(--gold)}#menu-switch{display:none}.statement{text-align:center;padding:118px 0 105px}.opening{font-family:var(--english-serif);font-size:22px;letter-spacing:.01em;margin-bottom:25px}.statement h1{font-size:clamp(50px,5.5vw,80px);line-height:1.5;letter-spacing:.12em}.statement h1 span{display:block}.statement-summary{margin:36px auto 45px;color:var(--muted);font-size:18px;max-width:620px}.text-link{display:inline-flex;gap:23px;align-items:center;color:var(--gold);padding-block:6px;border-bottom:1px solid #bba771;font-size:16px;line-height:1.6}.text-link:hover{color:var(--ink);border-color:var(--ink)}.hero-photo img{width:100%;height:clamp(240px,26vw,390px)}figcaption{color:var(--muted);font-size:12px;margin-top:12px}.hero-photo figcaption{text-align:right}.spacious{padding-block:130px}.center-heading{text-align:center;letter-spacing:.09em}.mission-copy{max-width:680px;text-align:center;margin:44px auto 0;color:var(--muted)}.mission-copy .text-link{margin-top:30px}.section-top{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:55px}.activities-section{border-top:1px solid var(--line)}.activity-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.feature-story img{aspect-ratio:1.5;object-position:center;width:100%;height:auto;margin-bottom:28px}.feature-story p{color:var(--muted);margin-top:16px;max-width:540px;font-size:16px}.story-list article{padding:30px 0;border-bottom:1px solid var(--line)}.story-list article:first-child{padding-top:0}.story-list .text-link{color:var(--ink);border:0;font-family:var(--serif);font-size:23px;display:flex;justify-content:space-between}.story-list .text-link .link-arrow{color:var(--gold)}.story-list p{font-size:16px;color:var(--muted);margin-top:14px}.heritage-section{background:#f6f7f5}.heritage-layout{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.heritage-layout img{width:100%;height:560px;object-position:50% 43%}.heritage-motto{color:var(--gold);font-family:var(--serif);margin-bottom:26px;font-size:17px}.heritage-layout h2{margin-bottom:30px}.heritage-layout p:not(.heritage-motto){color:var(--muted)}.heritage-layout .text-link{margin-top:35px}.exchange-copy{max-width:650px;color:var(--muted);margin-bottom:55px}.exchange figure{max-width:1050px;margin-left:auto}.exchange img{width:100%;height:auto;max-height:570px;object-position:50% 40%}.contact-section{padding-block:110px;border-top:1px solid var(--line)}.contact-section .section-title{margin-bottom:55px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-item{display:flex;gap:22px;margin-bottom:30px}.contact-icon{width:22px;color:var(--gold);padding-top:5px;flex-shrink:0}.contact-item h4{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--muted)}.contact-item p,.contact-item a{font-family:var(--serif);font-size:21px}.contact-form h3{font-size:24px;margin-bottom:22px}label{display:block;font-size:14px;margin:16px 0 6px}input,textarea{background:#fff;border:1px solid #b8bbb2;color:var(--ink);width:100%;border-radius:0;padding:12px 15px;min-width:0}input::placeholder,textarea::placeholder{color:#65695f}textarea{resize:vertical}.contact-form button,.newsletter-btn{border:1px solid var(--gold);background:var(--gold);color:white;padding:11px 24px}.contact-form button{margin-top:22px}.footer{padding:70px 0 25px;background:#f6f7f5}.footer-content{display:grid;grid-template-columns:1.2fr .65fr 1.2fr;gap:60px}.footer-logo-img{display:none}.footer-logo:before{content:'';display:block;width:65px;height:65px;background:var(--seal);mask:url('assets/about/official_logo.png') center/contain no-repeat;-webkit-mask:url('assets/about/official_logo.png') center/contain no-repeat;margin-bottom:20px}.footer-logo p{font-family:var(--serif);max-width:320px}.footer-links{display:flex;flex-direction:column;gap:15px;font-size:14px}.footer-links button{color:var(--gold);text-align:left;border:0;background:transparent;padding:0;font:inherit}.footer-newsletter h4{font-weight:500;margin:0 0 14px}.footer-newsletter p{font-size:14px;color:var(--muted);margin-bottom:20px}.newsletter-input-group{display:flex}.newsletter-btn{white-space:nowrap;padding:10px 18px}.newsletter-message{font-size:14px;margin-top:10px}.footer-social{display:flex;gap:20px;grid-column:1/-1}.social-link{display:block;width:19px}.footer-bottom{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:35px}dialog{max-width:min(480px,calc(100% - 40px));border:1px solid var(--line);padding:45px;background:white;color:var(--ink);text-align:center}dialog::backdrop{background:rgb(20 24 18 / .5)}dialog img{margin:25px auto;object-fit:contain;height:auto}dialog p{font-size:15px}.dialog-close{position:absolute;top:8px;right:16px;border:0;background:none;font-size:28px}body.home-page .form-message{border-radius:0;box-shadow:none;animation:none}body.home-page .form-message:hover{transform:none}body.home-page .form-message.success{color:#22632d}body.home-page .form-message.error{color:#9e2424}html[lang=en] .statement h1{letter-spacing:-.02em;font-size:clamp(43px,5.3vw,74px)}html[lang=en] h2{letter-spacing:0}html[lang=en] .site-header nav{gap:20px}
@media(min-width:1600px){.statement{padding-top:150px;padding-bottom:120px}}
@media(max-width:1250px){.wrap,.container{width:calc(100% - 80px)}.site-header{flex-wrap:wrap;padding-block:26px;gap:16px}.site-header nav{order:4;width:100%;justify-content:center;margin-top:12px}.header-actions{margin-left:auto}.activity-layout,.contact-content{gap:60px}.heritage-layout{gap:65px}}
@media(max-width:760px){body{font-size:16px}.wrap,.container{width:calc(100% - 44px)}.site-header{min-height:104px;gap:14px;padding-block:22px}.identity{gap:11px;flex:1;min-width:0}.seal{width:45px;height:45px}.wordmark-zh{font-size:17px;letter-spacing:.035em}.wordmark-en{font-size:10px;max-width:215px;line-height:1.4}.header-actions{gap:14px;width:100%;justify-content:flex-end}.header-actions button{padding:3px 0;min-height:34px}#menu-switch{display:block}.site-header nav{display:none;align-items:stretch;text-align:left;margin:0;padding-block:12px;white-space:normal}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:12px 0;border-bottom:1px solid var(--line)}.statement{padding:65px 0 75px}.opening{font-size:17px;margin-bottom:28px}.statement h1{font-size:51px;letter-spacing:.08em;line-height:1.6}.statement-summary{font-size:16px;max-width:290px;margin:28px auto 32px}.hero-photo img{height:225px;object-position:47% center}.spacious{padding-block:80px}.center-heading{font-size:26px;letter-spacing:.025em}.mission-copy{margin-top:30px}.section-top{display:block;margin-bottom:35px}.section-top .text-link{margin-top:18px}.activity-layout,.heritage-layout,.contact-content,.footer-content{grid-template-columns:1fr;gap:42px}.story-list .text-link{font-size:21px}.heritage-layout img{height:410px}.heritage-layout h2{margin-bottom:22px}.exchange-copy{margin-bottom:35px}.exchange img{min-height:210px}.contact-section{padding-block:80px}.contact-section .section-title{margin-bottom:35px}.contact-item a{font-size:19px}.footer{padding-top:55px}.footer-content{gap:35px}.footer-social{grid-column:auto}.footer-links{display:grid;grid-template-columns:1fr 1fr}.newsletter-input-group{align-items:stretch}html[lang=en] .statement h1{font-size:41px;line-height:1.4}html[lang=en] .statement-summary{max-width:340px}.contact-form button{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Center the mobile institutional masthead; keep the desktop composition. */
html[lang=en] body{font-family:var(--english-serif);font-size:16px}
html[lang=en] .wordmark-zh{font-family:'Noto Serif SC','Songti SC',serif}
.opening{line-height:1.7}
@media(max-width:760px){
 .site-header{justify-content:center;padding-top:30px;gap:22px}
 .identity{flex:0 1 100%;flex-direction:column;justify-content:center;gap:16px;text-align:center}
 .seal{width:62px;height:62px}
 .wordmark{align-items:center;gap:8px}
 .wordmark-zh{font-size:21px;letter-spacing:.055em}
 .wordmark-en{font-size:11px;max-width:100%;line-height:1.7;letter-spacing:0}
 .header-actions{justify-content:center;margin-left:0;gap:30px}
 .site-header nav{text-align:center}
 .site-header nav a{padding:14px 0}
 .statement{padding-top:55px}
 .opening{font-size:16px}
 html[lang=en] .statement h1{font-size:clamp(30px,9.5vw,39px);line-height:1.5}
 html[lang=en] .header-actions button{font-size:13px}
}

/* A quiet boundary between the masthead and the opening statement. */
.site-header{border-bottom:1px solid #e5e2da}

/* Shared interior pages use the same quiet institutional frame. */
[hidden]{display:none!important}
.site-header nav a[aria-current=page]{color:var(--gold);text-decoration:underline;text-underline-offset:9px}
.page-header{padding:85px 0 65px;text-align:center}.page-title{font-size:clamp(32px,4vw,52px);max-width:1000px;margin:auto}
.inner-page main{padding-bottom:90px}.about-content-wrapper{display:grid;grid-template-columns:220px 1fr;gap:90px;max-width:1050px;margin:20px auto 70px}.about-seal{display:block;width:200px;height:200px}.content-block{margin-bottom:28px}.content-zh,.content-en{margin-bottom:22px}.about-text-content{color:var(--muted)}
.page-directory{display:flex;justify-content:center;text-align:center;gap:12px 24px;flex-wrap:wrap;padding:25px 0 40px;border-bottom:1px solid var(--line);margin-bottom:55px;font-size:14px}.page-directory a{color:var(--gold);text-underline-offset:5px}.page-directory a:hover{text-decoration:underline}
.member-detail-card,.activity-detail-card,.ceremony-detail-card,.exchange-card{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);gap:75px;padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:35px}.member-detail-card{grid-template-columns:280px minmax(0,1fr)}.member-image{display:block;width:100%;height:auto;background:#f6f7f5}.member-photo{width:100%;align-self:start}.member-title{color:var(--gold);font-size:17px;margin:0 0 24px;text-align:center}.member-name{font-size:31px;text-align:center}.member-description,.activity-description,.ceremony-description,.relation-description,.exchange-description{color:var(--muted);line-height:1.95;margin-top:22px}.activity-images,.ceremony-images{display:flex;flex-direction:column;gap:20px;min-width:0}.activity-image,.ceremony-image,.exchange-img{width:100%;height:330px;object-fit:contain;background:#f6f7f5}video{max-width:100%}.activity-title,.ceremony-title,.exchange-title{font-size:30px}.intro-text{max-width:760px;margin:0 auto 85px;text-align:center}.intro-text h2{margin-bottom:30px}.section-subtitle{margin-bottom:45px}.relations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:75px 80px}.relation-img{width:100%;height:360px;object-fit:contain;background:#f6f7f5}.relation-title{font-size:25px;margin-top:25px}.exchange-section{margin-top:100px}.image-open{padding:0;border:0;background:transparent;width:100%;cursor:zoom-in;display:block}.image-open img{width:100%}.image-hint{font-size:12px;color:var(--muted);margin-top:10px}.image-viewer{max-width:min(1100px,calc(100% - 32px));width:100%;max-height:94dvh;padding:45px 25px 25px}.image-viewer img{max-height:72dvh;width:auto;max-width:100%;object-fit:contain;margin:0 auto 16px}.image-viewer a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.contact-fallback{font-size:14px;margin-top:20px;color:var(--muted)}.contact-fallback a{color:var(--gold);overflow-wrap:anywhere}.form-status:empty{display:none}.form-status{padding:14px 18px;margin-bottom:24px;background:#f6f7f5;font-size:15px}.form-status.failed,.form-status.invalid,.form-status.uncertain{color:#912d26}.form-status.sent{color:#246137}button:disabled{opacity:.65;cursor:wait}#newsletter-notice{font-size:12px;margin-top:14px}.to-top{display:block;width:fit-content;margin:35px auto 0;font-size:14px;color:var(--gold)}
@media(min-width:1251px){.site-header{gap:22px}.site-header nav{gap:17px;font-size:13px}html[lang=en] .site-header nav{gap:17px}}
@media(max-width:1000px){.member-detail-card,.activity-detail-card,.ceremony-detail-card,.exchange-card{gap:38px}.member-detail-card{grid-template-columns:220px 1fr}.about-content-wrapper{gap:40px}.relations-grid{gap:60px 40px}}
@media(max-width:760px){.page-header{padding:55px 0 40px}.inner-page main{padding-bottom:55px}.page-title{font-size:30px}.about-content-wrapper{grid-template-columns:1fr;gap:35px}.about-images{display:none}.page-directory{gap:14px 22px;margin-bottom:10px}.member-detail-card,.activity-detail-card,.ceremony-detail-card,.exchange-card{grid-template-columns:1fr;padding:50px 0;gap:30px}.member-image{max-width:280px;width:100%;margin:auto}.member-detail-card{row-gap:32px}.member-photo{height:auto}.activity-image,.ceremony-image,.exchange-img{height:265px}.activity-title,.ceremony-title,.exchange-title{font-size:26px}.relations-grid{grid-template-columns:1fr;gap:55px}.relation-img{height:340px}.intro-text{margin-bottom:55px}.section-subtitle{font-size:26px}.image-viewer{padding:45px 15px 20px}.site-header nav a[aria-current=page]{text-underline-offset:5px}}
.page-summary{max-width:680px;margin:25px auto 0;color:var(--muted);font-size:15px}
@media(max-width:760px){.page-directory{justify-content:center}.ceremony-content>div[style*="display: flex"]{flex-direction:column}}

.activity-title,.activity-description,.ceremony-title,.ceremony-description{text-align:center}
/* Content generated by the publishing tool uses the same public layout. */
.member-description p,.activity-description p,.ceremony-description p,.relation-description p,.exchange-description p{margin-bottom:22px}
.without-media{grid-template-columns:1fr}.entry-meta{text-align:center;color:var(--muted);margin-top:16px}.empty-content{text-align:center;padding:60px 0}

/* Marcellus: generous reading size and restrained spacing for the English edition. */
.wordmark-en{font-size:16px;letter-spacing:.015em}
.opening{font-size:25px;line-height:1.5}
html[lang=en] body{font-size:19px;line-height:1.8}
html[lang=en] .site-header nav{font-size:17px}
html[lang=en] .statement h1{letter-spacing:-.015em;line-height:1.2}
html[lang=en] .statement-summary{font-size:21px;line-height:1.65}
html[lang=en] .feature-story p,html[lang=en] .story-list p{font-size:19px;line-height:1.75}
html[lang=en] .text-link{font-size:19px}
@media(max-width:760px){
 .wordmark-en{font-size:17px}
 .opening{font-size:23px}
 html[lang=en] body{font-size:18px}
 html[lang=en] .statement-summary{font-size:20px}
 html[lang=en] .feature-story p,html[lang=en] .story-list p{font-size:18px}
}

.media-slider{align-self:start;gap:16px}
.slider-stage{width:100%;aspect-ratio:3/2;background:#f6f7f5;display:grid;align-items:center;touch-action:pan-y pinch-zoom}
.slider-stage>[hidden]{display:none!important}
.slider-stage>.image-open,.slider-stage>video{width:100%;height:100%;min-height:0}
.slider-stage .activity-image,.slider-stage .ceremony-image{width:100%;height:100%;object-fit:contain;max-height:none}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:28px;color:var(--gold)}
.slider-controls button{background:transparent;border:1px solid var(--line);width:46px;height:46px;font:24px/1 Georgia,serif;color:var(--gold)}
.slider-controls button:hover{background:#f6f7f5;border-color:var(--gold)}
.slider-controls span{min-width:55px;text-align:center;font:14px/1.5 system-ui;font-variant-numeric:tabular-nums}

/* Fixed geometry matches the approved short, uniform Chinese arrow on every platform. */
.link-arrow{display:block;width:16px;height:16px;flex:0 0 16px;color:var(--gold)}
.story-list .text-link .link-arrow{width:20px;height:20px;flex-basis:20px}

.hero-photo img{height:auto;object-fit:contain;object-position:center}

/* Bilingual masthead controls must not inherit the active content language font. */
.wordmark-zh{font-family:'Noto Serif SC','Songti SC',serif;line-height:1.9}
.header-actions button{font-family:system-ui,-apple-system,'PingFang SC',sans-serif;line-height:1.9;color:var(--ink)}
.header-actions #language-switch{color:var(--gold)}

.feature-story > .text-link{font-family:var(--serif);font-size:23px}
@media(max-width:760px){
 .feature-story > .text-link{font-size:21px}
 .activity-layout > .story-list{border-top:1px solid var(--line);padding-top:30px}
}