/* The gallery continues into a reading room and a photographic exhibition. */
.interior-page .masthead{background:var(--chrome);border-color:var(--line)}
.interior-page .main-nav,.interior-page .language,.interior-page .theme-toggle{color:var(--ink)}
.interior-page main{padding-top:94px}
.interior-page .identity .edition{display:block}
.interior-page .theme-toggle>img{filter:var(--ui-icon-filter)!important}
.page-path{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted);letter-spacing:.1em}
.page-path a{display:inline-flex;align-items:center;gap:12px;min-height:44px;letter-spacing:0}
.page-path a img{width:17px;transform:rotate(180deg);filter:var(--ui-icon-filter)}
.experience-cover{padding-top:28px;padding-bottom:80px}
.experience-cover-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center;margin-top:46px}
.experience-cover h1{font:400 clamp(66px,7.7vw,128px)/.91 var(--serif);letter-spacing:-.045em}
.experience-cover h1 em{color:var(--headline-accent)}
.experience-cover p.cover-copy{max-width:430px;margin-top:30px;font-size:14px;line-height:1.9;color:var(--muted)}
.cover-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:31px}
.cover-actions .understated-link{margin:0}
.experience-cover figure{max-width:380px;margin-left:auto;width:100%}
.experience-cover figure img{width:100%;height:440px;object-fit:cover;object-position:center 43%}
.experience-cover figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:9px;color:var(--muted);letter-spacing:.08em}
.reading-section{padding-top:0}
.reading-layout{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-top:55px}
.reading-heading{align-self:start;position:sticky;top:132px}
.reading-heading h2{font-size:clamp(43px,4.2vw,68px);line-height:1.02}
.reading-heading>p{font-size:12px;line-height:1.9;max-width:240px;color:var(--muted);margin-top:24px}
.career-record{display:grid;grid-template-columns:110px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--line)}
.career-record:first-child{padding-top:0}
.career-record:last-child{border-bottom:0}
.career-record time{font-size:12px;line-height:1.8;color:var(--muted);font-variant-numeric:tabular-nums}
.career-record time strong{display:block;font-size:13px;font-weight:400;color:var(--ink)}
.career-record h3{font:400 clamp(27px,2.8vw,42px)/1.1 var(--serif);letter-spacing:-.025em}
.career-record p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px}
.career-record .understated-link{font-size:11px;margin-top:20px;gap:15px}
.cmi-section{background:var(--surface-about);scroll-margin-top:0}
.cmi-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:14%;margin:48px 0}
.cmi-intro h2{font-size:clamp(52px,6.2vw,96px)}
.cmi-intro>div{align-self:end}
.cmi-intro p{font-size:14px;line-height:1.9;color:var(--muted)}
.cmi-intro .understated-link{margin-top:20px;font-size:11px}
.rotation-index{display:flex;flex-wrap:wrap;gap:15px 34px;padding:23px 0;border-block:1px solid var(--line);margin-bottom:30px}
.rotation-index a{display:flex;align-items:center;gap:12px;font-size:11px;min-height:35px}
.rotation-index a span:first-child{font-size:9px;color:var(--muted)}
.rotation-record{display:grid;grid-template-columns:50px 1fr 1.3fr;gap:6%;padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.rotation-record:last-child{border-bottom:0;padding-bottom:0}
.rotation-number{font:400 36px/1 var(--serif);color:var(--headline-accent)}
.rotation-context time{display:block;font-size:10px;line-height:1.8;color:var(--muted)}
.rotation-context h3{font:400 31px/1.13 var(--serif);letter-spacing:-.015em;margin-top:14px}
.rotation-copy strong{font-size:13px;line-height:1.7;font-weight:600}
.rotation-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px}
.learning-line{border-top:1px solid var(--line);padding-top:30px;margin-top:48px;max-width:670px;font:400 27px/1.5 var(--serif);color:var(--muted)}
.academic-record{padding:30px 0;border-bottom:1px solid var(--line)}
.academic-record:first-child{padding-top:0}
.academic-record:last-child{border-bottom:0}
.academic-record .education-mark{height:32px;margin-bottom:18px}
.academic-record h3{font:400 28px/1.2 var(--serif);letter-spacing:-.01em;max-width:480px}
.academic-record p{margin-top:10px;font-size:11px;line-height:1.8;color:var(--muted)}
.academic-record .understated-link{margin-top:18px;font-size:11px}
.interior-footer{padding-top:55px;padding-bottom:35px;border-top:1px solid var(--line)}
.interior-footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}
.interior-footer h2{font-size:clamp(38px,4vw,60px)}
.interior-footer .contact-links{margin:0;gap:25px;flex-wrap:wrap;justify-content:flex-end}
.interior-footer .colophon{margin-top:48px}
.photography-cover{position:relative;height:76svh;min-height:590px;max-height:900px;overflow:hidden;color:#fff8ee;background:#16211f}
.photography-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.photography-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081513ab 0%,#0815131c 80%),linear-gradient(0deg,#0815138c,transparent 60%);pointer-events:none}
.photography-cover-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:28px var(--gutter) 42px}
.photography-cover .page-path,.photography-cover .page-path a{color:#fff8ee}
.photography-cover .page-path a img{filter:invert(1)}
.photography-cover h1{font:400 clamp(74px,9vw,150px)/.86 var(--serif);letter-spacing:-.045em;max-width:820px}
.photography-cover h1 em{color:#e9c3a2}
.photography-cover-copy>div:last-child{display:flex;justify-content:space-between;gap:30px;align-items:end}
.photography-cover-copy>div:last-child p{font-size:11px;line-height:1.8;max-width:220px;text-align:right;letter-spacing:.05em}
.exhibition{padding-top:44px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:55px}
.gallery-filters{display:flex;gap:25px;flex-wrap:wrap}
.gallery-filters button{font-size:12px;min-height:44px;padding:7px 0;background:none;border-bottom:1px solid transparent;color:var(--muted)}
.gallery-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
.gallery-status{font-size:10px;color:var(--muted);text-align:right;line-height:1.8}
.photo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:75px 7%;margin:0;padding:0;list-style:none}
.gallery-frame{width:100%;margin:0}
.gallery-frame[hidden]{display:none}
.gallery-frame.feature-frame{grid-column:1 / -1;margin-bottom:5px}
.gallery-frame button{display:block;width:100%;padding:0;background:none;text-align:left}
.gallery-frame img{display:block;width:100%;height:auto;transition:filter .45s;object-fit:contain}
.gallery-frame.portrait-frame{width:73%;justify-self:center}
.gallery-frame.portrait-frame img{width:100%}
.gallery-frame button:hover img{filter:brightness(1.06)}
.gallery-frame figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;line-height:1.6;color:var(--muted)}
.gallery-frame figcaption span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.gallery-lightbox{width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:var(--paper);color:var(--ink);padding:66px var(--gutter) 30px;border:0;overflow:hidden}
.gallery-lightbox::backdrop{background:var(--modal-backdrop)}
.gallery-lightbox>img{width:100%;height:calc(100% - 68px);object-fit:contain;display:block}
.gallery-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;font-size:11px}
.gallery-lightbox-footer p{max-width:55%;line-height:1.7;color:var(--muted)}
.gallery-lightbox-controls{display:flex;align-items:center;gap:20px}
.gallery-lightbox-controls button{min-height:44px;font-size:11px;padding:0 8px;background:none}
.gallery-lightbox-controls span{font-size:10px;color:var(--muted)}
:lang(zh) .experience-cover h1{font-size:clamp(46px,5.7vw,90px);line-height:1.18}
:lang(zh) .photography-cover h1{font-size:clamp(62px,7vw,112px);line-height:1.06}
:lang(zh) .reading-heading h2{font-size:clamp(32px,3.1vw,48px);line-height:1.2}
:lang(zh) .cmi-intro h2{font-size:clamp(40px,4.5vw,68px);line-height:1.17}
:lang(zh) .rotation-context h3{font-size:23px;line-height:1.5}
:lang(zh) .academic-record h3{font-size:22px;line-height:1.5}
@media(max-width:900px){
  .interior-page main{padding-top:78px}
  .experience-cover-layout{gap:6%;grid-template-columns:1.2fr .8fr}
  .experience-cover figure img{height:365px}
  .reading-layout{gap:7%;grid-template-columns:.9fr 1.6fr}
  .career-record{grid-template-columns:75px 1fr;gap:20px}
  .rotation-record{grid-template-columns:30px .9fr 1.2fr;gap:5%}
  .cmi-intro{gap:7%}
  .interior-footer-main{align-items:start}
  .interior-footer .contact-links{max-width:45%;gap:18px}
}
@media(max-width:600px){
  .interior-page main{padding-top:76px}
  .interior-page .identity .edition{display:none}
  .experience-cover{padding-top:20px;padding-bottom:58px}
  .page-path{font-size:8px;gap:15px;letter-spacing:.055em}
  .experience-cover-layout{display:block;margin-top:32px}
  .experience-cover h1{font-size:69px}
  :lang(zh) .experience-cover h1{font-size:42px;line-height:1.2}
  .experience-cover p.cover-copy{font-size:13px;margin-top:22px}
  .cover-actions{gap:21px;margin-top:25px}
  .cover-actions .button{font-size:12px}
  .cover-actions .understated-link{font-size:11px}
  .experience-cover figure{max-width:none;margin-top:40px}
  .experience-cover figure img{height:330px;object-position:center 50%}
  .reading-layout{display:block;margin-top:34px}
  .reading-heading{position:static;margin-bottom:30px}
  .reading-heading h2,:lang(zh) .reading-heading h2{font-size:33px}
  .reading-heading>p{max-width:320px;margin-top:16px;font-size:12px}
  .career-record{grid-template-columns:70px 1fr;gap:19px;padding:28px 0}
  .career-record h3{font-size:29px}
  .career-record time{font-size:10px}
  .career-record time strong{font-size:11px}
  .career-record p{font-size:11px;line-height:1.85}
  .cmi-section{scroll-margin-top:0}
  .cmi-intro{display:block;margin:34px 0}
  .cmi-intro h2{font-size:55px}
  :lang(zh) .cmi-intro h2{font-size:39px}
  .cmi-intro>div{margin-top:23px}
  .cmi-intro p{font-size:13px}
  .rotation-index{gap:8px 22px;padding:14px 0}
  .rotation-index a{font-size:10px;gap:9px}
  .rotation-record{grid-template-columns:26px 1fr;gap:12px 18px;padding:29px 0;scroll-margin-top:12px}
  .rotation-number{font-size:30px}
  .rotation-context h3{font-size:27px;margin-top:10px}
  .rotation-copy{grid-column:2}
  .rotation-copy strong{font-size:12px}
  .rotation-copy p{font-size:12px;margin-top:9px}
  .learning-line{font-size:22px;line-height:1.7;margin-top:34px;padding-top:24px}
  .academic-record h3{font-size:25px}
  .interior-footer{padding-top:38px}
  .interior-footer-main{display:block}
  .interior-footer h2{font-size:40px}
  .interior-footer .contact-links{max-width:none;justify-content:flex-start;margin-top:26px;display:flex;gap:20px}
  .interior-footer .colophon{margin-top:35px}
  .photography-cover{height:72svh;min-height:520px}
  .photography-cover>img{object-position:63% center}
  .photography-cover-copy{padding-top:19px;padding-bottom:30px}
  .photography-cover h1{font-size:66px}
  :lang(zh) .photography-cover h1{font-size:50px}
  .photography-cover-copy>div:last-child{display:block}
  .photography-cover-copy>div:last-child p{margin-top:24px;text-align:left;font-size:9px;max-width:280px}
  .exhibition{padding-top:24px}
  .gallery-toolbar{display:block;padding-bottom:19px;margin-bottom:36px}
  .gallery-filters{gap:24px}
  .gallery-filters button{font-size:11px}
  .gallery-status{text-align:left;margin-top:10px;font-size:9px}
  .photo-grid{display:block}
  .gallery-frame,.gallery-frame.portrait-frame{width:100%;margin-bottom:40px}
  .gallery-frame.portrait-frame{width:82%;margin-inline:auto}
  .gallery-frame figcaption{font-size:9px;margin-top:12px}
  .gallery-lightbox{padding:65px 16px 15px}
  .gallery-lightbox-footer{display:block;height:auto;margin-top:12px}
  .gallery-lightbox>img{height:calc(100% - 92px)}
  .gallery-lightbox-footer p{max-width:100%;font-size:10px}
  .gallery-lightbox-controls{justify-content:space-between;gap:15px;margin-top:7px}
}