.about{position:relative;background:#f4efe5;color:#2d2a24;font-family:"Noto Serif SC","Songti SC",serif;overflow:hidden}.about::before{content:"XINCHENG";position:absolute;top:120px;right:-40px;color:rgba(85,67,43,.045);font:700 clamp(90px,17vw,260px)/1 system-ui,sans-serif;letter-spacing:.04em;pointer-events:none}.about-hero{width:min(1180px,86vw);margin:auto;padding:clamp(96px,12vw,180px) 0 clamp(70px,9vw,130px);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);column-gap:clamp(60px,9vw,150px);position:relative}.about-kicker{grid-column:1/-1;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.3em;color:#9b7650;margin:0 0 42px}.about h2{font-weight:500;font-size:clamp(38px,5vw,70px);line-height:1.38;letter-spacing:.09em;margin:0}.about-lead{font-size:15px;line-height:2.2;letter-spacing:.08em;color:#5e584e;padding-top:10px}.about-lead p{margin:0 0 20px}.about-photo{height:min(62vw,680px);min-height:440px;background:linear-gradient(90deg,rgba(34,28,20,.35),transparent 60%),url('./campus-desk-poster.webp') center/cover no-repeat;display:flex;align-items:flex-end;padding:clamp(36px,6vw,90px);color:white}.about-photo span{font:400 clamp(24px,3vw,46px)/1.45 Georgia,serif;letter-spacing:.05em;text-shadow:0 3px 24px rgba(0,0,0,.35)}.about-grid{width:min(1180px,86vw);margin:auto;padding:clamp(90px,12vw,170px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(80px,12vw,170px) clamp(55px,9vw,130px)}.about-grid article{border-top:1px solid #cfc2ae;padding-top:24px}.section-number{margin:0 0 30px;color:#a17b53;font:600 10px system-ui,sans-serif;letter-spacing:.2em}.about h3{font-weight:500;font-size:clamp(25px,3vw,38px);letter-spacing:.12em;margin:0 0 34px}.about-grid article>p:not(.section-number){font-size:14px;line-height:2.15;letter-spacing:.07em;color:#615b52;margin:0 0 18px}.about blockquote{margin:0 0 36px;padding:0;font-size:clamp(25px,3vw,42px);line-height:1.55;letter-spacing:.12em;color:#785d3f}.about-closing{min-height:480px;padding:100px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;background:linear-gradient(rgba(42,34,24,.5),rgba(42,34,24,.62)),url('./campus-desk-poster.webp') center 70%/cover no-repeat}.about-closing p{font-size:clamp(30px,5vw,64px);letter-spacing:.13em;margin:0 0 22px}.about-closing>span{font-size:14px;letter-spacing:.15em}.about-closing a{margin-top:60px;color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding:12px 4px;font:500 11px system-ui,sans-serif;letter-spacing:.15em}.about-closing a span{margin-left:30px}@media(max-width:760px){.about-hero{grid-template-columns:1fr;padding-top:88px}.about-kicker{margin-bottom:30px}.about h2{margin-bottom:45px}.about-lead{font-size:14px}.about-photo{height:66vh;min-height:420px}.about-grid{grid-template-columns:1fr;gap:78px;padding:90px 0}.about-grid article:nth-child(even){margin-left:8vw}.about-closing{min-height:420px}.about-closing p{line-height:1.55}}
@media(prefers-reduced-motion:reduce){.about{scroll-behavior:auto}}