:root{--bg:#f5f5f1;--ink:#1c211e;--muted:#515951;--accent:#1d4838;--surface:#e7eae3;--gutter:clamp(22px,4.4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.04em}h2{font-size:clamp(30px,3.7vw,56px)}h3{font-size:clamp(28px,3vw,44px)}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:10px}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e3e7e1;color:#23372c;padding:12px var(--gutter);font-size:14px}.preview-bar nav{display:flex;gap:8px;flex-wrap:wrap}.preview-bar nav a{padding:8px 16px;transition:background .2s,color .2s}.preview-bar a[aria-current]{background:#23372c;color:white}.preview-bar nav a:hover{background:#ccd6c9}.preview-bar nav a[aria-current]:hover{background:#31513d}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--bg);width:36px;height:36px;font-size:23px}.site-header nav{display:flex;gap:32px}.site-header nav a{position:relative}.site-header nav a:after{content:'';height:3px;background:currentColor;position:absolute;bottom:-7px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.hero{padding:45px var(--gutter) 70px}.hero h1{font-size:clamp(56px,9.6vw,146px);letter-spacing:-.065em;line-height:1.13}.hero-statement{font-size:clamp(24px,2.4vw,36px);line-height:1.5;letter-spacing:-.03em;margin-top:32px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:48px}.hero-bottom p{font-size:17px;max-width:40em}.explore{display:flex;align-items:center;gap:48px;font-size:17px;white-space:nowrap;padding:14px 0}.explore span{font-size:32px;display:inline-block;transition:transform .3s}.explore:hover span{transform:translate(4px,4px)}.project{padding:80px var(--gutter);background:var(--surface)}.project-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:45px}.project-head p{font-size:16px}.project-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.project-art img{width:100%}.project-art figcaption{font-size:14px;margin-top:13px;color:var(--muted)}.project-copy>p{margin-top:28px;max-width:29em}.project-facts{margin:34px 0;display:flex;gap:40px;flex-wrap:wrap;font-size:15px}.project-facts dt{color:var(--muted)}.project-facts dd{margin:7px 0 0}.button{display:flex;width:fit-content;gap:44px;align-items:center;padding:16px 24px;background:var(--ink);color:var(--bg);transition:transform .3s,background .2s}.button:hover{transform:translateY(-3px);background:var(--accent)}.button:active{transform:translateY(1px)}.button span{font-size:23px}.story{padding:120px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:8%}.story-intro h2{font-size:clamp(28px,2.9vw,44px);max-width:8em}.story-intro p{margin-top:24px;max-width:24em}.story-body details{background:var(--surface);padding:26px 28px;margin-bottom:12px}.story-body summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:18px;font-weight:500}.story-body summary::-webkit-details-marker{display:none}.story-body summary span{transition:transform .3s}.story-body details[open] summary span{transform:rotate(90deg)}.story-body details p{margin-top:24px;font-size:16px}.about{padding:80px var(--gutter) 110px;display:grid;grid-template-columns:1fr 1.6fr;gap:10%}.about-lead{font-size:clamp(24px,2.3vw,34px);line-height:1.5;margin-bottom:28px}.about>div>p:not(.about-lead){max-width:35em}.about-note{margin-top:24px;color:var(--muted)}footer{padding:72px var(--gutter) 28px;background:var(--ink);color:var(--bg)}footer>div{display:flex;align-items:end;justify-content:space-between;gap:28px}footer h2{font-size:clamp(38px,6vw,88px);line-height:1.2}footer>p{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-top:66px}.back-top{padding:16px 0}.back-top span{display:inline-block;margin-left:38px;transition:transform .3s}.back-top:hover span{transform:translateY(-5px)}
/* The editorial direction uses type as the first-screen image. */
.editorial .hero h1,.editorial h2,.editorial h3{font-family:'SimSun','Songti SC',serif;font-weight:600}.editorial .hero{min-height:630px;display:flex;align-items:center}.editorial .hero-text{width:100%}.editorial .hero-statement br{display:none}.editorial .project-art{transform-origin:50% 50%}.editorial .project-copy{padding-bottom:20px}
/* The campus direction places a product poster alongside the introduction. */
.campus{--bg:#f2f5eb;--ink:#214635;--muted:#4a6251;--surface:#e3ebd8;--accent:#457146}.campus .hero{display:grid;grid-template-columns:1fr 1.08fr;padding-top:28px;padding-bottom:70px;gap:6%;align-items:center}.campus .hero h1{font-size:clamp(36px,3.5vw,56px)}.campus .hero-statement{font-size:clamp(26px,2.5vw,36px);margin-top:28px}.campus .hero-bottom{display:block;margin-top:30px}.campus .hero-bottom p{font-size:16px}.campus .explore{width:fit-content;margin-top:20px;gap:60px}.campus .hero-art{position:relative;transform:rotate(2deg);margin:8px 0 22px}.campus .hero-art img{width:100%;aspect-ratio:1.09;object-fit:cover}.campus .hero-art figcaption{font-size:14px;margin-top:12px}.campus .project-layout{grid-template-columns:1fr 1fr;gap:9%}.campus .project-art{order:2}.campus .project-copy{order:1}.campus .project-art img{aspect-ratio:1.1;object-fit:cover}.campus .story{background:#214635;color:#f2f5eb}.campus .story-body details{background:#345741}.campus .about{padding-top:110px}.campus footer{background:#d6e5c8;color:#214635}
/* The dark direction frames the project as a digital exhibit. */
.dark{--bg:#111716;--ink:#edf2e9;--muted:#b9c6ba;--surface:#1e2a24;--accent:#376e4b}.dark .preview-bar{background:#25352b;color:#edf2e9}.dark .preview-bar a[aria-current]{background:#d4e9b1;color:#14201a}.dark .preview-bar nav a:hover{background:#405842}.dark .hero{padding-top:48px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.dark .hero h1{font-size:clamp(42px,5.5vw,80px);font-weight:400;letter-spacing:-.05em}.dark .hero-statement{font-size:clamp(28px,3vw,42px);margin-top:28px}.dark .hero-bottom{display:block;margin-top:32px}.dark .explore{width:fit-content;background:#d4e9b1;color:#14201a;padding:14px 24px;margin-top:28px;gap:45px}.dark .hero-object{padding:32px;background:#1e2a24;transform:rotate(-3deg);display:block;transition:transform .5s}.dark .hero-object:hover{transform:rotate(0deg)}.dark .hero-object img{aspect-ratio:1.23;object-fit:cover;filter:saturate(.7)}.dark .hero-object>span{display:flex;justify-content:space-between;font-size:16px;margin-top:20px}.dark .project{background:var(--bg);padding-top:60px}.dark .project-art img{filter:saturate(.7)}.dark .project-layout{grid-template-columns:1.6fr 1fr;gap:6%}.dark .project-copy h3{font-size:clamp(26px,2.8vw,40px)}.dark .button{background:#d4e9b1;color:#14201a}.dark .button:hover{background:#b9d792}.dark .story{background:#1e2a24}.dark .story-body details{background:#2b3c30}.dark footer{background:#d4e9b1;color:#14201a}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:title-in .8s cubic-bezier(.2,.7,.2,1) both}.hero-statement{animation:arrive .8s .08s both}.hero-bottom{animation:arrive .8s .16s both}.hero-art,.hero-object{animation:picture-in 1s .1s both}.reveal.enter{animation:arrive .75s cubic-bezier(.2,.7,.2,1) both}@keyframes title-in{from{transform:translateY(26px);opacity:.35}to{transform:translateY(0);opacity:1}}@keyframes arrive{from{transform:translateY(20px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes picture-in{from{opacity:.4;translate:0 24px}to{opacity:1;translate:0 0}}}
@media(min-width:1500px){body{max-width:1920px;margin:auto}}
@media(max-width:900px){.hero{padding-top:35px}.hero-bottom{gap:20px}.hero-bottom p{font-size:16px}.hero h1{font-size:10vw}.editorial .hero{min-height:540px}.project-layout,.campus .project-layout,.dark .project-layout{gap:5%}.project-copy h3{font-size:30px}.project-copy>p{font-size:16px}.project-facts{gap:25px}.story{gap:5%;padding-top:85px;padding-bottom:85px}.story-body details{padding:24px 20px}.story-body summary{font-size:16px}.campus .hero,.dark .hero{gap:5%}.dark .hero-object{padding:20px}.campus .hero h1{font-size:36px}.campus .hero-statement{font-size:26px}.dark .hero h1{font-size:42px}.dark .hero-statement{font-size:32px}.hero-bottom p br{display:none}.campus .hero-bottom p,.dark .hero-bottom p{font-size:16px}.campus .hero-art img{aspect-ratio:.85}.about{gap:7%}}
@media(max-width:600px){:root{--gutter:22px}body{font-size:16px}.preview-bar{padding:12px 14px;display:block}.preview-bar>span{display:block;font-size:13px;margin-bottom:8px}.preview-bar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preview-bar nav a{font-size:13px;padding:10px 4px;text-align:center}.site-header{padding-top:22px;padding-bottom:22px;gap:12px}.brand{font-size:16px;gap:8px}.brand-mark{width:30px;height:30px;font-size:21px}.site-header nav{gap:22px;font-size:15px}.hero{padding-top:40px;padding-bottom:55px}.hero h1{font-size:16.1vw;line-height:1.25}.hero-statement{font-size:24px;line-height:1.55;margin-top:25px}.editorial .hero{min-height:460px;padding-top:18px;padding-bottom:35px}.editorial .hero-statement br{display:block}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:16px}.hero-bottom p br{display:none}.explore{width:fit-content;margin-top:18px;gap:60px}.project{padding-top:52px;padding-bottom:55px}.project-head{display:block;margin-bottom:30px}.project-head h2{font-size:38px}.project-head p{margin-top:12px;font-size:15px}.project-layout,.campus .project-layout,.dark .project-layout{display:flex;flex-direction:column;gap:38px}.project-art{width:100%}.project-art figcaption{font-size:13px}.project-copy{width:100%}.project-copy h3{font-size:30px}.project-copy>p{margin-top:22px}.project-facts{margin:26px 0;font-size:14px;gap:36px}.button{padding:14px 22px;font-size:16px}.story{display:block;padding-top:65px;padding-bottom:65px}.story-intro h2{font-size:30px;max-width:10em}.story-intro p{margin-top:20px}.story-body{margin-top:32px}.story-body details{padding:22px 20px}.story-body details p{font-size:16px;margin-top:20px}.story-body summary{font-size:16px}.about{display:block;padding-top:60px;padding-bottom:70px}.about h2{font-size:32px}.about>div{margin-top:32px}.about-lead{font-size:24px;margin-bottom:22px}.about-note{font-size:15px}footer{padding-top:54px}footer>div{display:block}footer h2{font-size:44px}.back-top{display:block;margin-top:25px;font-size:16px;width:fit-content}footer>p{margin-top:40px;font-size:13px;gap:12px}.campus .hero{display:flex;flex-direction:column;padding-top:15px;gap:30px;padding-bottom:35px}.campus .hero-text{width:100%}.campus .hero h1{font-size:45px}.campus .hero-statement{font-size:28px;margin-top:24px}.campus .hero-bottom{margin-top:24px}.campus .hero-art{width:100%;margin:0 0 16px;transform:rotate(0)}.campus .hero-art img{aspect-ratio:1.18}.campus .project-art{order:1}.campus .project-copy{order:2}.campus .project-art img{aspect-ratio:1.28}.campus .about{padding-top:65px}.dark .hero{display:flex;flex-direction:column;gap:36px;padding-top:24px;padding-bottom:50px}.dark .hero-text{width:100%}.dark .hero h1{font-size:45px}.dark .hero-statement{font-size:30px;margin-top:24px}.dark .hero-bottom{margin-top:24px}.dark .explore{margin-top:24px}.dark .hero-object{padding:22px;transform:rotate(0);width:100%}.dark .hero-object img{aspect-ratio:1.3}.dark .project{padding-top:30px}.dark .project-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.editorial{--bg:#f4f5f4}.editorial .hero h1,.editorial h2,.editorial h3{font-family:Georgia,'SimSun','Songti SC',serif}.art-credit{font-size:14px;color:var(--muted);margin-top:24px}


.campus .hero-art img,.campus .project-art img{object-fit:contain;background:#dce9cf}