:root{--red:#9f241b;--ink:#302c29;--paper:#f8f6f1;--line:#dfd8ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b65939;outline-offset:6px}header{position:sticky;top:0;z-index:10;background:rgba(248,246,241,.97);border-bottom:1px solid var(--line)}.nav{max-width:1280px;margin:auto;height:88px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;padding:0 45px}.nav-side{display:flex;gap:42px;align-items:center;font-size:14px;letter-spacing:2px}.nav-side:last-child{justify-content:flex-end}.nav-side a:hover{color:var(--red)}.brand{position:absolute;top:0;left:50%;width:154px;transform:translateX(-50%);padding:16px 15px 30px;background:#ab2101;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);filter:drop-shadow(0 8px 12px #0002);transition:width .3s,padding .3s;animation:arrive .8s ease-out}.brand img{display:block;width:100%}.compact .brand{width:86px;padding:5px 8px 15px}.nav-center{grid-column:2}.hero{max-width:1600px;margin:auto;position:relative;background:#d1c9bb}.hero>img{width:100%;height:auto;display:block}.hero-label{position:absolute;bottom:28px;left:4%;color:#fff;font-size:11px;letter-spacing:3px;text-shadow:0 1px 5px #000}.photo-caption{max-width:1440px;margin:auto;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;color:#81786d}.photo-caption a{color:var(--red)}.intro{max-width:1180px;margin:auto;padding:102px 40px 110px;display:grid;grid-template-columns:1.15fr 1fr;gap:95px;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--red);margin:0 0 24px}.calligraphy{width:100%;display:block;mix-blend-mode:multiply}.intro-art{position:relative}.intro-art:after{content:"";display:block;width:48px;height:2px;background:var(--red);margin:15px auto 0}h1,h2,h3{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:400}h1{font-size:34px;line-height:1.7;margin:0 0 24px;letter-spacing:3px}.copy{font-size:14px;line-height:2.2;color:#736b61;margin:0}.school{font-size:12px;letter-spacing:2px;margin-top:24px;color:#736b61}.discover{background:#eeeae2;padding:75px max(6%,calc((100% - 1100px)/2)) 85px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.section-top h2{font-size:32px;letter-spacing:4px;margin:0}.section-top p{font-size:12px;color:#80766c;line-height:1.8}.cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{border-top:1px solid #c8bdb0;padding:32px 0 8px;display:grid;grid-template-columns:45px 1fr;gap:18px}.number{font-size:12px;color:var(--red);padding-top:10px}.card h3{font-size:25px;margin:0 0 17px;letter-spacing:2px}.card p{font-size:13px;line-height:2;color:#776e64;margin:0;max-width:360px}.text-link{display:inline-block;margin-top:25px;font-size:12px;color:var(--red);border-bottom:1px solid #b99185;padding-bottom:7px}.follow{padding:90px 7%;text-align:center;max-width:900px;margin:auto}.follow h2{font-size:34px;letter-spacing:5px;margin:0 0 23px}.follow p{font-size:14px;line-height:2;color:#776e64}.follow .rule{width:1px;height:42px;background:#be9b8b;margin:0 auto 28px}footer{background:#82261f;color:#f4e8db;padding:32px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer strong{font-family:SimSun,serif;font-weight:400;letter-spacing:3px;font-size:18px}footer p{font-size:10px;letter-spacing:2px;opacity:.65;margin:10px 0 0}footer a{font-size:12px}.preview-note{text-align:center;font-size:11px;line-height:1.8;color:#897e72;padding:14px 20px;margin:0;background:#eeeae2}@keyframes arrive{from{translate:0 -100%}to{translate:0 0}}@media(min-width:1500px){.hero{margin-top:0}.hero>img{max-height:900px;object-fit:cover;object-position:center bottom}}@media(max-width:760px){.nav{height:70px;padding:0 20px;grid-template-columns:1fr 100px 1fr}.nav-side{gap:18px;font-size:12px;letter-spacing:0}.brand{width:104px;padding:9px 10px 21px}.compact .brand{width:70px;padding:5px 6px 14px}.nav-side .desktop{display:none}.hero{padding-top:35px;background:#dfd8cc}.hero-label{display:none}.photo-caption{font-size:9px;letter-spacing:1px;padding:17px 6%}.intro{padding:58px 27px 65px;grid-template-columns:1fr;gap:35px}.intro-art{max-width:420px;margin:auto}.intro-text{text-align:center}.eyebrow{margin-bottom:18px}h1{font-size:28px}.copy{font-size:13px}.discover{padding:50px 27px}.section-top{display:block}.section-top h2{font-size:28px}.section-top p{margin-top:18px}.cards{grid-template-columns:1fr;gap:30px}.card{padding-top:25px;grid-template-columns:25px 1fr;gap:14px}.follow{padding:65px 27px}.follow h2{font-size:27px;letter-spacing:3px}footer{padding:30px 27px;align-items:start}footer strong{font-size:15px}footer p{font-size:8px;letter-spacing:1px}footer a{white-space:nowrap;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand{animation:none;transition:none}}

/* Two complete compositions slide independently; neither changes shape. */
:root{--paper:#fff;--line:#e5e5e5;--nav-red:#852a23;--badge-red:#9d3229}
body,.discover,.preview-note,.hero{background:#fff}
header{background:var(--nav-red);border-bottom-color:var(--nav-red);color:white}
.nav-side a{color:rgba(255,255,255,.8)}.nav-side a:hover{color:#fff}
.discover{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav{grid-template-columns:1fr 270px 1fr}
.brand,.compact .brand{position:absolute;top:0;left:50%;width:240px;height:212px;padding:0;background:transparent;clip-path:none;filter:none;animation:none;transform:translate(-50%,0);opacity:1;transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out}
.brand-emblem{height:116px;display:flex;align-items:center;justify-content:center;background:var(--badge-red)}
.brand-emblem img{width:100px;height:100px;display:block}
.brand-title{position:absolute;left:12px;top:130px;width:216px}
.brand-title img{display:block;width:100%;height:auto}
.brand-subtitle{display:block;color:white;font:10px Georgia,serif;letter-spacing:2px;text-align:center;margin-top:9px;white-space:nowrap}
.brand-chevron{position:absolute;left:-5px;top:47px;width:calc(100% + 10px);height:35px;color:white}
.brand-chevron path,.brand-chevron circle{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke}.brand-chevron circle{stroke-width:1}
.compact .brand{transform:translate(-50%,-300px);opacity:0;pointer-events:none}
.brand-fixed{position:absolute;left:50%;top:0;width:256px;height:100px;transform:translate(-50%,-150px);opacity:0;pointer-events:none;transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out;isolation:isolate}
.compact .brand-fixed{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.brand-fixed-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:var(--badge-red);filter:drop-shadow(0 4px 4px #0002)}
.brand-fixed-content{display:flex;align-items:center;gap:12px;padding:20px 16px 0}
.brand-fixed-emblem{display:block;width:49px;height:49px;flex-shrink:0}
.brand-fixed-title{flex:1;min-width:0}.brand-fixed-title>img{display:block;width:100%;height:auto}
.brand-fixed-title .brand-subtitle{font-size:8px;letter-spacing:1px;margin-top:7px}
@media(max-width:760px){.nav{grid-template-columns:1fr 158px 1fr;padding:0 12px}.nav-side{font-size:11px}.hero{background:#fff;padding-top:60px}.brand,.compact .brand{width:142px;height:145px;padding:0}.brand-emblem{height:75px}.brand-emblem img{width:65px;height:65px}.brand-title{left:8px;top:84px;width:126px}.brand-subtitle{font-size:7px;letter-spacing:1px;margin-top:6px}.brand-chevron{top:33px;height:25px}.brand-fixed{width:152px;height:74px}.brand-fixed-content{gap:7px;padding:17px 8px 0}.brand-fixed-emblem{width:30px;height:30px}.brand-fixed-title .brand-subtitle{font-size:5px;letter-spacing:.4px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.brand,.compact .brand,.brand-fixed{transition:none;animation:none}}

.activities{max-width:1280px;margin:auto;padding:78px 5% 86px;background:#fff}.activities-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.activities h2{font-size:32px;letter-spacing:4px;margin:0}.activities-head p{font-size:12px;color:#80766c}.activity-window{position:relative;overflow:hidden}.activity-track{display:flex;transition:transform .6s ease}.activity-slide{min-width:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.activity-slide img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}.activity-meta{padding-right:8%}.activity-date{color:var(--red);font-size:11px;letter-spacing:2px}.activity-meta h3{font-size:29px;letter-spacing:2px;margin:15px 0}.activity-meta p{font-size:13px;line-height:2;color:#776e64}.activity-placeholder{font-size:11px;color:#9a9187;border:1px solid #ddd4ca;padding:9px 12px;display:inline-block;margin-top:10px}.activity-controls{display:flex;gap:12px;align-items:center;margin-top:24px}.activity-controls button{border:1px solid #c6a39b;background:#fff;color:var(--red);width:34px;height:30px;cursor:pointer}.activity-dots{font-size:11px;color:#8b8177;letter-spacing:4px;margin-left:8px}@media(max-width:760px){.activities{padding:58px 27px 65px}.activities-head{display:block}.activities-head p{margin-top:15px}.activities h2{font-size:28px}.activity-slide{display:block}.activity-slide img{aspect-ratio:16/10}.activity-meta{padding:25px 0 0}.activity-meta h3{font-size:24px}.activity-controls{margin-top:20px}}
.hero{max-width:1180px}.hero>img{max-height:none;object-fit:contain}.activity-placeholder{background:#fff}.intro{border-top:1px solid #eee}@media(prefers-reduced-motion:reduce){.activity-track{transition:none}}@media(max-width:760px){footer{flex-wrap:wrap}}