@font-face{font-family:SchoolSerif;src:url('assets/school-serif.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--wine:#981f2c;--deep:#6f1520;--paper:#f7f3e9;--ink:#562c2b;--gold:#d7ad66;--line:#cfbdaa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ba861c;outline-offset:7px}::selection{background:#ead4aa;color:var(--deep)}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 20px;background:white;transform:translateY(-200%)}.skip-link:focus{transform:none}
.masthead{height:128px;border-top:5px solid var(--wine);border-bottom:1px solid #d9c9b6;position:relative;display:flex;align-items:center;justify-content:center;background:var(--paper);z-index:5}
.identity{display:flex;align-items:center;gap:48px;transform:none}.motto{font-family:SchoolSerif,"Songti SC",serif;font-size:34px;display:flex;gap:30px;letter-spacing:7px;color:var(--deep);font-weight:700;line-height:1.4}.motto span{white-space:nowrap}.ren-mark{display:block;width:65px;height:50px;background:var(--deep);mask:url('assets/ren-mark.png') center / contain no-repeat;-webkit-mask:url('assets/ren-mark.png') center / contain no-repeat}
.hero{height:calc(100svh - 128px);min-height:700px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 84% 38%,#f9e8c7 0,transparent 43%),var(--paper)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23956f4c' opacity='.13' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero-copy{position:relative;z-index:4;width:57%;max-width:850px;margin-left:7.1%;padding-top:clamp(60px,10vh,120px);pointer-events:none}.hero-copy a{pointer-events:auto}h1{margin:0;font-weight:700}.celebrate{display:block;width:fit-content;position:relative;font-size:clamp(50px,5.4vw,88px);font-family:SchoolSerif,"Songti SC",serif;letter-spacing:.07em;line-height:1.2;color:#ffdf85;-webkit-text-stroke:1.4px #9e2529;paint-order:stroke fill;text-shadow:0 2px 0 #ca8341,0 4px 0 #981f2c,1px 6px 0 #761d26,0 8px 8px #7e302325;margin:0 0 24px;filter:drop-shadow(0 1px 0 #f8dfa1)}
.school-name{display:block;font-family:SchoolSerif,"Songti SC",serif;line-height:1.48;font-size:clamp(25px,2.7vw,43px);letter-spacing:.025em;color:var(--wine)}.school-name strong{font-weight:700;font-size:1.35em;letter-spacing:.13em}.obtained{display:flex;gap:13px;align-items:center;letter-spacing:8px;font-size:13px;font-weight:400;margin:20px 0 13px;color:#967b64}
.domain{display:block;color:var(--wine);font-size:clamp(35px,4.3vw,65px);font-family:SchoolSerif,"Songti SC",serif;letter-spacing:-.025em;line-height:1.32;white-space:nowrap;text-shadow:0 1px 0 #fff4d6,0 3px 0 #dfc391}.dot-com{font-family:Georgia,serif;letter-spacing:-.055em;font-size:.9em;font-weight:700}.official-link{display:flex;align-items:center;justify-content:space-between;background:var(--wine);color:#fff8e9;width:338px;min-height:84px;padding:22px 28px;gap:35px;margin-top:40px;border:1px solid #81202b;transition:background .2s,transform .2s;box-shadow:0 8px 20px #80283120}.official-link:hover{background:var(--deep);transform:translateY(-3px)}.official-link>span:first-child{font-family:SchoolSerif,"Songti SC",serif;font-size:23px;letter-spacing:4px}.link-arrow{font-size:34px;font-weight:200}
.sun-disc{position:absolute;width:480px;height:480px;border-radius:50%;right:-75px;top:28px;border:1px solid #cbb493;opacity:.5;background:radial-gradient(circle,#f0d5a740,transparent 69%)}.orbit{position:absolute;border:1px solid #cbb493;border-radius:50%;opacity:.28;pointer-events:none}.orbit-one{width:660px;height:660px;right:-155px;top:-65px}.orbit-two{width:755px;height:755px;right:-204px;top:-110px}.spark{position:absolute;color:#b78b45;z-index:3;pointer-events:none}.spark-one{right:10%;top:9%;font-size:42px}.spark-two{right:38%;top:22%;font-size:16px}.spark-three{right:5%;top:53%;font-size:30px}
.mascot-scene{position:absolute;z-index:3;width:43%;height:88%;right:1%;bottom:7%;pointer-events:none}.mascot{position:absolute;width:100%;height:94%;object-fit:contain;object-position:center bottom;bottom:5%;filter:drop-shadow(8px 14px 10px #8b4c2520);animation:float 5.5s ease-in-out infinite;transform-origin:center center}.mascot-shadow{position:absolute;width:48%;height:23px;background:#a27a4540;bottom:3%;left:26%;filter:blur(13px);border-radius:50%;animation:shadow 5.5s ease-in-out infinite}.mascot-ring{position:absolute;width:90%;height:30%;border:1px solid #c49c5b4a;transform:rotate(-13deg);border-radius:50%;left:5%;top:25%}
.campus-scene{position:absolute;width:77%;right:-10%;bottom:-3%;z-index:1;pointer-events:none;opacity:.8;mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 90%,transparent 100%)}.campus-art{width:100%;height:auto;display:block;filter:saturate(.64);opacity:.58}.campus-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--paper) 0,transparent 34%)}
.hero-bottom{position:absolute;z-index:5;bottom:23px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.hero-bottom a{pointer-events:auto}.scroll-cue{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--wine);font-size:10px;letter-spacing:3px}.scroll-cue svg{width:18px;height:29px;stroke:currentColor;stroke-width:1.2;fill:none;animation:scroll 2.5s ease-in-out infinite}
.next-chapter{min-height:55svh;border-top:1px solid #decebb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#f0e9dd;text-align:center}.next-rule{height:42px;width:1px;background:#b49574}.next-chapter p{font-size:11px;letter-spacing:6px;color:#a1876d;margin:24px 0 13px}.next-chapter h2{font-family:SchoolSerif,"Songti SC",serif;font-size:34px;font-weight:700;letter-spacing:5px;color:var(--wine);margin:0 0 28px}.next-chapter>a{font-size:11px;letter-spacing:2px;border-bottom:1px solid #bda18d;padding-bottom:8px}.next-chapter>a span{margin-left:12px}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes shadow{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(.8);opacity:.35}}@keyframes scroll{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero-copy{padding-top:6vh}.mascot-scene{right:4%;width:40%}.campus-scene{right:-5%;width:70%}}
@media(max-width:1190px){.hero-copy{margin-left:6%;padding-top:70px}.school-name{font-size:30px}.celebrate{font-size:62px;margin-bottom:25px}.domain{font-size:43px}.mascot-scene{width:44%;right:-1%;height:83%;bottom:11%}.obtained{margin-top:22px}.campus-scene{bottom:3%;width:86%;right:-17%}.hero{min-height:700px}}
@media(max-width:760px){.masthead{height:118px}.identity{gap:22px;transform:translateY(-8px)}.motto{font-size:22px;gap:14px;letter-spacing:3px}.ren-mark{width:47px;height:38px}.hero{height:auto;min-height:calc(100svh - 118px);max-height:none;padding-bottom:85px;display:flex;flex-direction:column;align-items:center}.hero-copy{margin:0;text-align:center;width:100%;max-width:620px;padding:26px 18px 0;display:flex;flex-direction:column;align-items:center}.celebrate{font-size:47px;letter-spacing:.1em;margin:0 auto 17px;-webkit-text-stroke:1px #9e2529;text-shadow:0 2px 0 #bc7435,0 4px 0 #981f2c,0 5px 3px #7e302330}.school-name{font-size:22px;line-height:1.4;letter-spacing:.03em}.school-name strong{font-size:1.2em;letter-spacing:.12em}.obtained{justify-content:center;font-size:10px;letter-spacing:6px;margin:14px 0 9px;gap:10px}.domain{font-size:clamp(29px,8.1vw,45px);line-height:1.3;letter-spacing:-.035em}.official-link{width:min(320px,calc(100vw - 64px));min-height:72px;padding:18px 22px;margin-top:26px}.official-link>span:first-child{font-size:20px;letter-spacing:3px}.mascot-scene{position:relative;order:2;right:auto;bottom:auto;width:75%;max-width:400px;height:365px;margin:8px auto -4px}.mascot{height:100%;bottom:0}.mascot-shadow{bottom:1%}.mascot-ring{top:20%}.campus-scene{width:130%;max-width:800px;right:-16%;bottom:60px;opacity:.9}.campus-art{opacity:.54}.sun-disc{width:450px;height:450px;right:-90px;top:300px}.orbit-one{width:530px;height:530px;right:-130px;top:260px}.orbit-two{display:none}.spark-one{top:49%;right:13%;font-size:28px}.spark-two{top:56%;right:80%;font-size:17px}.spark-three{top:75%;right:7%;font-size:22px}.hero-bottom{bottom:19px;left:20px;right:20px}.scroll-cue{font-size:8px;letter-spacing:2px;gap:7px}.scroll-cue svg{height:24px}.next-chapter{min-height:45svh;padding:60px 20px}.next-chapter h2{font-size:28px}}
@media(max-width:370px){.identity{gap:14px}.motto{gap:10px;font-size:20px}.school-name{font-size:20px}.mascot-scene{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot,.mascot-shadow,.scroll-cue svg{animation:none}.official-link{transition:none}}
@media(max-width:760px){.hero{padding-bottom:60px}.hero-copy{padding-top:32px}.celebrate{font-size:43px;margin-bottom:14px}.school-name{font-size:21px}.obtained{margin-top:12px}.official-link{margin-top:26px}.mascot-scene{height:clamp(250px,calc(100svh - 535px),340px);margin-top:6px}.hero-bottom{bottom:16px}}

.masthead:after{content:"";position:absolute;bottom:6px;left:4%;right:4%;height:1px;background:#d8c5a8;opacity:.6;pointer-events:none}
@media(max-width:760px){.masthead:after{bottom:4px;left:16px;right:16px}}

/* Preserve the established visual style; make the school the primary information. */
.celebrate{font-size:40px;font-weight:900;line-height:1.2;letter-spacing:.035em;margin-bottom:24px;-webkit-text-stroke:1px #9e2529;text-shadow:0 1px 0 #ca8341,0 2px 0 #981f2c,0 3px 0 #761d26,0 5px 5px #7e302320}
.school-name{font-size:clamp(40px,3.8vw,60px);font-weight:750;line-height:1.4;letter-spacing:.01em}
.school-name strong{display:inline-block;font-size:1.14em;font-weight:850;letter-spacing:.06em}
.obtained{font-size:13px;font-weight:500;letter-spacing:5px;margin:23px 0 12px}
.domain{font-size:31px;font-weight:700;letter-spacing:-.025em;text-shadow:0 1px 0 #dfc39155}
.official-link>span:first-child{font-weight:600;font-size:22px;letter-spacing:2px}
.orbit{display:none;left:80%;top:48%;right:auto;transform:translate(-50%,-50%);border:1px solid #c8af8840;aspect-ratio:1;border-radius:50%}
.orbit-one{width:clamp(440px,48vw,760px);height:auto}
.orbit-two{width:clamp(600px,64vw,1000px);height:auto}
.page-notice{position:fixed;z-index:35;right:16px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px 11px;border:1px solid #ffffffb0;border-radius:999px;background:#ffffff96;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #30201605;color:#827c77;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.2px;line-height:1.4;pointer-events:none}
@media(orientation:landscape){.orbit{display:block}}
@media(max-width:1190px) and (min-width:761px){.school-name{font-size:42px}.celebrate{font-size:37px}.domain{font-size:29px}}
@media(max-width:760px){.hero{padding-bottom:84px}.hero-copy{padding-top:29px}.celebrate{font-size:28px;line-height:1.2;letter-spacing:.04em;margin-bottom:21px;-webkit-text-stroke:.7px #9e2529;text-shadow:0 1px 0 #bc7435,0 2px 0 #981f2c,0 3px 3px #7e302325}.school-name{font-size:clamp(26px,7.2vw,32px);line-height:1.4;letter-spacing:0}.school-name strong{font-size:1.14em;letter-spacing:.06em}.obtained{font-size:11px;letter-spacing:4px;margin:18px 0 12px}.domain{font-size:23px;line-height:1.4;letter-spacing:-.02em}.official-link{width:236px;min-height:56px;padding:12px 18px;margin-top:26px;gap:20px;box-shadow:0 5px 14px #80283118}.official-link>span:first-child{font-size:17px;letter-spacing:1px}.link-arrow{font-size:26px;line-height:1}.mascot-scene{height:clamp(240px,calc(100svh - 550px),340px);margin-top:8px}.hero-bottom{bottom:46px}.page-notice{right:10px;bottom:max(8px,env(safe-area-inset-bottom));padding:6px 9px;font-size:9px;letter-spacing:0}}

/* Return to the earlier serif typography and strengthen the school name. */
.school-name{font-size:clamp(46px,4.4vw,70px);font-weight:700}
.school-name strong{font-size:1.13em;font-weight:700}
.celebrate{font-weight:700}
.domain{font-weight:700}
@media(max-width:1190px) and (min-width:761px){.school-name{font-size:48px}}
@media(max-width:760px){.school-name{font-size:clamp(28px,7.7vw,34px)}.school-name strong{font-size:1.13em}.mascot-scene{margin-top:30px;height:clamp(240px,calc(100svh - 568px),340px)}}
@media(max-width:760px){.masthead{height:88px}.identity{transform:none}.hero{min-height:calc(100svh - 88px)}}
.orbit{opacity:.5;border-color:#c9b49466}
@media(max-width:760px){.identity{transform:translateY(-2px)}}
.celebrate{color:#a47b37;-webkit-text-stroke:0;text-shadow:none;filter:none}
.official-link small{display:block;font-family:Georgia,serif;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:1.3px;margin-top:5px;opacity:.72}
@media(max-width:760px){.official-link small{font-size:10px;letter-spacing:1px;margin-top:4px}}

/* The motto is a static identity; language selection lives at the lower left. */
.identity{cursor:default;user-select:none}
.language-switch{position:fixed;z-index:36;left:16px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:1px;padding:2px 5px;border:1px solid #ffffffb0;border-radius:999px;background:#ffffff96;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px #30201605;font-family:var(--sans);line-height:1;color:#a39890}
.language-switch button{appearance:none;min-width:38px;min-height:32px;border:0;border-radius:999px;padding:7px 5px;background:transparent;color:#92877e;font-family:var(--sans);font-size:11px;font-weight:400;line-height:1;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:var(--wine);font-weight:600}
.language-switch button:hover{color:var(--wine);background:#981f2c08}
.language-switch button:focus-visible{outline:2px solid #981f2c;outline-offset:1px}
.language-switch>span{font-size:10px;opacity:.55}
.page-notice{max-width:calc(100vw - 148px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[lang="en"] .motto{font-family:Georgia,serif;font-size:22px;letter-spacing:.3px;gap:23px}
html[lang="en"] .celebrate{font-family:Georgia,serif;font-size:36px;letter-spacing:0}
html[lang="en"] .school-name{font-family:Georgia,serif;font-size:25px;letter-spacing:0;line-height:1.4}
html[lang="en"] .school-prefix{display:inline-block;line-height:1.35}
html[lang="en"] .school-name strong{font-family:Georgia,serif;font-size:2.1em;letter-spacing:-1.2px;line-height:1.35}
html[lang="en"] .obtained{letter-spacing:1px}
html[lang="en"] .official-link>span:first-child{font-family:Georgia,serif;font-size:21px;letter-spacing:0}
html[lang="en"] .next-chapter h2{font-family:Georgia,serif;letter-spacing:0}
html[lang="en"] .scroll-cue{font-family:Georgia,serif;letter-spacing:1px}
@media(max-width:760px){.language-switch{left:10px;bottom:max(8px,env(safe-area-inset-bottom));padding:1px 4px}.language-switch button{min-width:40px;min-height:34px;font-size:10px}.page-notice{max-width:calc(100vw - 144px);border-radius:15px}html[lang="en"] .identity{gap:20px}html[lang="en"] .motto{font-size:13px;letter-spacing:0;gap:11px}html[lang="en"] .celebrate{font-size:25px}html[lang="en"] .school-name{font-size:16px;line-height:1.4}html[lang="en"] .school-name strong{font-size:2.1em;letter-spacing:-.5px}html[lang="en"] .official-link>span:first-child{font-size:17px;letter-spacing:0}html[lang="en"] .obtained{letter-spacing:.5px}html[lang="en"] .next-chapter h2{font-size:29px}}
@media(max-width:370px){html[lang="en"] .identity{gap:15px}html[lang="en"] .motto{font-size:12px;gap:9px}}

/* Four equal motto cells, balanced around the school mark. */
.identity,html[lang="en"] .identity{--motto-cell:136px;gap:30px}
.motto,html[lang="en"] .motto{display:grid;grid-template-columns:repeat(2,var(--motto-cell));gap:18px}
.motto>span{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}
html[lang="en"] .motto{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:1.5px;text-transform:uppercase;font-weight:400}
html[lang="en"] .celebrate{font-size:32px;letter-spacing:.025em}
html[lang="en"] .obtained{font-family:var(--sans);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
html[lang="en"] .next-chapter p,html[lang="en"] .next-chapter>a{letter-spacing:1px}

/* The two fixed controls share the same outer height and baseline. */
:root{--utility-height:36px}
.language-switch,.page-notice{height:var(--utility-height);border-radius:999px;display:flex;align-items:center}
.language-switch{padding:2px 5px}
.language-switch button{height:100%;min-height:0;padding:0 5px}
.page-notice{padding:0 12px}
@media(max-width:760px){
  :root{--utility-height:40px}
  .identity,html[lang="en"] .identity{--motto-cell:clamp(62px,18vw,82px);gap:10px}
  .motto,html[lang="en"] .motto{gap:4px}
  html[lang="en"] .motto{font-size:11px;letter-spacing:.55px}
  html[lang="en"] .celebrate{font-size:23px}
  html[lang="en"] .obtained{font-size:10px;letter-spacing:1px}
  .language-switch{padding:2px 4px}
  .language-switch button{min-height:0;height:100%;min-width:38px}
  .page-notice{padding:0 10px;line-height:1.4}
}
@media(max-width:370px){
  .identity,html[lang="en"] .identity{gap:8px}
  .ren-mark{width:36px;height:32px}
  html[lang="en"] .motto{font-size:10px;letter-spacing:.4px}
}
@media(max-width:760px){
  .hero{padding-bottom:106px}
  .mascot-scene{height:clamp(150px,calc(100svh - 592px),316px)}
  .hero-bottom{bottom:68px}
  .scroll-cue{font-size:10px;letter-spacing:1.5px;gap:9px;white-space:nowrap}
  html[lang="en"] .school-name strong{font-size:clamp(28px,8.6vw,33.6px);white-space:nowrap}
}

/* A quiet translation note uses the existing space above the official link. */
.domain{position:relative}
.domain-gloss{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;color:#927b68;font-family:Georgia,"Times New Roman",serif;font-size:13px;font-style:italic;font-weight:400;line-height:1.4;letter-spacing:.015em;text-shadow:none}
html[lang="en"] .domain-gloss{display:block}
@media(max-width:760px){.domain-gloss{top:calc(100% + 6px);font-size:11px;line-height:1.3;letter-spacing:0}}

/* Match the Chinese edition's visual weight without crowding the school name. */
html[lang="en"] .celebrate{font-size:36px}
html[lang="en"] .school-name{font-size:clamp(25px,2.2vw,34px)}
html[lang="en"] .school-name strong{font-size:clamp(56px,4.8vw,76px)}
html[lang="en"] .official-link>span:first-child{font-size:22px}
@media(max-width:760px){
  html[lang="en"] .celebrate{font-size:26px}
  html[lang="en"] .school-name{font-size:17px}
  html[lang="en"] .school-name strong{font-size:clamp(30px,9.3vw,36.3px)}
  html[lang="en"] .official-link>span:first-child{font-size:18px}
  html[lang="en"] .mascot-scene{height:clamp(130px,calc(100svh - 610px),298px)}
}

/* The second chapter reads like a school prospectus. */
.school-profile{min-height:100svh;padding:80px 7.1% 100px;border-top:1px solid #d9c9b6;background:#f1ece2}
.profile-inner{max-width:1200px;margin:0 auto}
.profile-heading{margin-bottom:44px}
.profile-eyebrow{margin:0 0 18px;color:#997c5d;font-family:Georgia,serif;font-size:11px;letter-spacing:3px}
.profile-heading h2{margin:0;color:var(--wine);font-family:SchoolSerif,"Songti SC",serif;font-size:60px;font-weight:700;line-height:1.2;letter-spacing:.035em}
.profile-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(60px,9vw,130px);align-items:start}
.school-facts{margin:0;border-top:1px solid #cdbba4}
.school-facts>div{display:flex;flex-direction:column;padding:23px 0 25px;border-bottom:1px solid #d8cab7}
.school-facts dt{margin-top:7px;font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:1px;color:#8c7765}
.school-facts dd{order:-1;margin:0;color:var(--wine);line-height:1.1}
.fact-number{font-family:Georgia,serif;font-size:55px;letter-spacing:-2px;font-variant-numeric:lining-nums}
.fact-unit{margin-left:10px;font-family:var(--sans);font-size:13px}
.school-facts .fact-place{font-family:SchoolSerif,"Songti SC",serif;font-size:36px;line-height:1.45}
.profile-copy{min-width:0;color:#675048;font-family:var(--sans);font-size:17px;line-height:2.1;letter-spacing:.025em}
.profile-copy p{margin:0 0 25px}
.profile-copy p:last-child{margin-bottom:0}
.profile-copy strong{font-weight:600;color:#6f2430}
.profile-copy>p:not(.profile-lead) strong{white-space:nowrap}
.profile-copy .profile-lead{margin:0 0 29px;font-family:SchoolSerif,"Songti SC",serif;font-size:26px;line-height:1.7;letter-spacing:.015em}
.profile-copy .profile-lead strong{font-weight:700}
.profile-copy a,.profile-source a{color:inherit;text-decoration:underline;text-decoration-color:#b99a86;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.profile-copy a:hover,.profile-source a:hover{color:var(--wine);text-decoration-color:var(--wine)}
.profile-copy .profile-domain{color:#8b2631;white-space:nowrap;letter-spacing:0}
.profile-domain>span{display:inline-block;margin-left:3px;font-family:var(--sans);font-size:.75em;text-decoration:none}
.profile-copy sup{margin-left:3px;font-family:var(--sans);font-size:9px;vertical-align:super;line-height:0;color:#9d8571}
.profile-copy sup a{text-decoration:none}
.profile-copy .profile-milestone{margin-top:31px;padding-top:25px;border-top:1px solid #d5c6b2;font-size:15px;line-height:1.9}
.profile-milestone time{color:var(--wine);font-weight:600}
.profile-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:37px;padding-top:23px;border-top:1px solid #d5c6b2}
.profile-source{margin:0;max-width:80%;font-size:10px;font-family:var(--sans);line-height:1.8;color:#958472;letter-spacing:.02em}
.profile-back{display:flex;align-items:center;gap:18px;flex-shrink:0;padding:8px 0;color:var(--wine);font-family:var(--sans);font-size:11px;letter-spacing:1px}
.profile-back>span:last-child{font-size:20px;font-weight:300}
html[lang="en"] .profile-heading h2{font-family:Georgia,serif;font-size:66px;letter-spacing:-1px}
html[lang="en"] .profile-copy{font-family:Georgia,serif;font-size:18px;line-height:1.85;letter-spacing:0}
html[lang="en"] .profile-copy .profile-lead{font-family:Georgia,serif;font-size:27px;line-height:1.5;letter-spacing:-.25px}
html[lang="en"] .school-facts dt{letter-spacing:.15px}
html[lang="en"] .school-facts .fact-place{font-family:Georgia,serif;font-size:30px;letter-spacing:-1px}
html[lang="en"] .profile-copy .profile-milestone{font-size:16px}
@media(max-width:900px) and (min-width:761px){.profile-layout{grid-template-columns:170px minmax(0,1fr);gap:40px}.profile-copy{font-size:16px}.profile-copy .profile-lead{font-size:23px}}
@media(max-width:760px){
  .school-profile{padding:62px 24px 104px}
  .profile-heading{margin-bottom:34px}
  .profile-eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:15px}
  .profile-heading h2{font-size:40px}
  .profile-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .school-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-top:0}
  .school-facts>div{padding:16px 0 14px;border-top:1px solid #cdbba4}
  .school-facts dd{display:flex;align-items:baseline;min-height:44px;line-height:1.2}
  .fact-number{font-size:37px;letter-spacing:-1px}
  .fact-unit{font-size:10px;margin-left:5px;white-space:nowrap}
  .school-facts dt{margin-top:7px;font-size:10px;letter-spacing:0;line-height:1.6}
  .school-facts .fact-place{font-size:25px;line-height:1.6;letter-spacing:0}
  .profile-copy{font-size:15px;line-height:2;letter-spacing:.02em}
  .profile-copy .profile-lead{font-size:22px;line-height:1.7;margin-bottom:23px}
  .profile-copy p{margin-bottom:22px}
  .profile-copy .profile-milestone{margin-top:25px;padding-top:23px;font-size:14px}
  .profile-footer{flex-direction:column;align-items:flex-start;gap:18px;margin-top:32px;padding-top:22px}
  .profile-source{max-width:none;font-size:10px}
  .profile-back{font-size:11px}
  html[lang="en"] .profile-heading h2{font-size:45px}
  html[lang="en"] .profile-copy{font-size:17px;line-height:1.8}
  html[lang="en"] .profile-copy .profile-lead{font-size:24px;line-height:1.5}
  html[lang="en"] .school-facts .fact-place{font-size:clamp(15px,4.3vw,18px);letter-spacing:-.6px;line-height:2.4}
  html[lang="en"] .school-facts dt{font-size:9px}
  html[lang="en"] .profile-copy .profile-milestone{font-size:15px}
}

/* Use a complete Chinese typeface throughout the introduction. */
html[lang="zh-CN"] .school-profile,
html[lang="zh-CN"] .profile-heading h2,
html[lang="zh-CN"] .profile-copy,
html[lang="zh-CN"] .profile-copy .profile-lead{font-family:var(--sans)}
html[lang="zh-CN"] .profile-heading h2{font-weight:600;letter-spacing:.02em}
html[lang="zh-CN"] .profile-copy .profile-lead{font-weight:600;letter-spacing:0;line-height:1.75}
html[lang="zh-CN"] .profile-copy .profile-lead strong{font-weight:600}
html[lang="zh-CN"] .profile-copy{font-size:19px;line-height:1.95}
html[lang="zh-CN"] .profile-copy .profile-lead{font-size:28px;line-height:1.7}
.profile-copy p{text-wrap:pretty}
.profile-footer{justify-content:flex-end;border-top:0;padding-top:0}
html[lang="en"] .page-notice{width:196px;justify-content:center;text-align:center}
.notice-text{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;font-weight:400;line-height:1.2;white-space:nowrap}
@media(max-width:760px){
  html[lang="zh-CN"] .profile-copy{font-size:18px;line-height:1.95}
  html[lang="zh-CN"] .profile-copy .profile-lead{font-size:24px;line-height:1.7}
  .fact-number{font-size:clamp(31px,9.5vw,37px)}
  html[lang="en"] .page-notice{width:180px;padding:0 10px}
  .notice-text{font-size:9px;gap:2px}
  .profile-footer{align-items:flex-end}
}
