/* The expanded biography shares one reading layout on both About entry points. */
.page-onepage .biography,.page-information .biography {
  align-items:start;
}
.bio-copy { min-width:0; }
.bio-copy p:not(.bio-lead),.page-onepage .bio-copy p:not(.bio-lead) {
  max-width:48ch;
}
.bio-copy .bio-context,.page-onepage .bio-copy .bio-context {
  max-width:56ch;
  font-size:13px;
  line-height:1.75;
  color:#aaa;
}
.bio-experience {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--editorial-gap);
  margin:0 var(--inset);
  padding-bottom:clamp(48px,7vw,100px);
}
.page-onepage .bio-experience {
  margin-inline:var(--feed-inset);
  gap:10vw;
}
.bio-experience>.eyebrow {
  margin:0;
  color:#aaa;
  font:700 11px/1.5 var(--ui);
  letter-spacing:.06em;
}
.bio-experience-list { min-width:0; }
.bio-experience-row + .bio-experience-row { margin-top:38px; }
.bio-experience-row h3 {
  margin:0 0 12px;
  color:var(--paper);
  font:700 14px/1.4 var(--display);
  letter-spacing:0;
}
.bio-experience-row p {
  max-width:54ch;
  margin:0;
  font:500 15px/1.75 var(--sans);
  letter-spacing:0;
  text-transform:none;
  text-wrap:pretty;
  color:#aaa;
}
.bio-experience-row .bio-collaborators {
  color:#ddd;
  line-height:1.9;
}
.bio-project-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:8px;
  font:700 11px/1.5 var(--ui);
  color:#ddd;
}
.bio-project-link:hover { color:#fff; }
@media(min-width:1025px) and (min-height:760px) {
  .biography .portrait { position:sticky; top:110px; }
}
@media(max-width:760px) {
  .page-onepage .bio-copy { padding-left:0; }
  .bio-experience,.page-onepage .bio-experience {
    display:block;
    padding-bottom:44px;
  }
  .bio-experience>.eyebrow { margin-bottom:28px; }
  .bio-experience-row + .bio-experience-row { margin-top:28px; }
  .bio-experience-row h3 { font-size:13px; margin-bottom:10px; }
  .bio-experience-row p { font-size:14px; line-height:1.8; }
  .page-onepage .biography { padding-bottom:44px; }
}

/* A photographic director profile, with a shorter introduction on the homepage. */
.about-editorial {
  --about-inset:clamp(20px,5vw,100px);
  --about-space:clamp(72px,7.5vw,112px);
  max-width:1920px;
  margin-inline:auto;
  padding-inline:var(--about-inset);
}
.page-information .site-atmosphere { background:#000; }
.page-information .site-atmosphere-layer,
.page-information .site-atmosphere canvas { display:none; }
.page-information .site-atmosphere:after { background:#000; }
.page-information>.page-content { padding-top:184px; }
.about-editorial h1,.about-editorial h2,.about-editorial h3 { text-wrap:balance; }
.about-opening-line { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; gap:20px; }
.about-opening-line>p,.about-opening-line>a,.about-section-label {
  font:700 11px/1.5 var(--ui); letter-spacing:.04em; color:#a2a2a2;
}
.about-opening-line>a { display:flex; min-height:44px; align-items:center; }
.about-editorial #about-title {
  display:flex; align-items:baseline; gap:25px; flex-wrap:wrap;
  margin:0 0 58px; font:500 clamp(44px,11.1vw,190px)/.96 var(--display);
  letter-spacing:-.055em;
}
.about-chinese-name { font:400 clamp(18px,2.2vw,34px)/1.3 var(--sans); letter-spacing:.02em; }
.about-introduction { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,8vw,145px); align-items:center; }
.about-photo { margin:0; width:100%; }
.about-photo img { display:block; width:100%; height:auto; }
.about-intro-copy { padding-block:14px; min-width:0; }
.about-editorial .about-roles { font:500 clamp(23px,2.65vw,44px)/1.15 var(--display); letter-spacing:-.025em; margin-bottom:clamp(30px,4vw,60px); }
.about-lead { margin:0 0 28px; font:400 clamp(24px,2.7vw,42px)/1.18 var(--display); letter-spacing:-.025em; text-transform:none; }
.about-reading { font:500 16px/1.8 var(--sans); letter-spacing:0; text-transform:none; color:#bdbdbd; max-width:52ch; text-wrap:pretty; }
.about-reading p+p { margin-top:24px; }
.about-reading a { color:#eee; }
.about-editorial .about-reading .inline-link { border-bottom:0; }
.about-collaborations,.about-working { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,8vw,145px); margin-top:var(--about-space); }
.about-collaborations h2,.about-feature-copy h2,.about-working h2 { font:400 clamp(28px,2.7vw,40px)/1.15 var(--display); letter-spacing:-.025em; margin-bottom:24px; }
.about-section-label { padding-top:7px; }
.about-partners { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 28px; margin-top:28px; padding:0; list-style:none; font:400 clamp(17px,1.6vw,23px)/1.45 var(--display); letter-spacing:-.015em; text-transform:none; }
.about-partners li { min-width:0; text-wrap:balance; }
.about-caption { font:500 12px/1.7 var(--sans); color:#999; letter-spacing:0; text-transform:none; }
.about-partner-note { margin-top:18px; }
.about-fashion,.about-across,.about-on-set,.about-talks,.about-awards { margin-top:var(--about-space); }
.about-film-picture { display:block; overflow:hidden; }
.about-film-picture img { width:100%; height:auto; transition:filter .6s; }
.about-film-picture:hover img { filter:brightness(1.1); }
.about-feature-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,8vw,145px); margin-top:38px; }
.about-feature-copy>div { min-width:0; }
/* The name leads; secondary stories use a smaller title beside the reading copy. */
.about-across .about-feature-copy { margin-top:0; }
.about-feature-heading>.about-section-label { margin-bottom:18px; }
.about-across .about-feature-copy h2 { margin:0; }
.about-text-link { display:inline-flex; align-items:center; gap:22px; min-height:48px; margin-top:24px; font:700 12px/1.3 var(--display); letter-spacing:0; color:#eee; }
.about-text-link svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.3; transition:transform .4s; }
.about-text-link:hover svg { transform:translateX(5px); }
.about-project-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }
.about-project-pair>a { display:block; min-width:0; }
.about-project-pair img { width:100%; height:auto; aspect-ratio:2.34; object-fit:cover; }
.about-project-pair>a>span { display:block; margin-top:15px; font:500 11px/1.5 var(--display); color:#aaa; }
.about-project-pair h3 { font:500 clamp(20px,2vw,32px)/1.2 var(--display); letter-spacing:-.02em; margin-top:4px; }
.about-location-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; margin-top:48px; align-items:start; }
.about-location-pair .about-photo { width:100%; margin:0; aspect-ratio:4/5; overflow:hidden; }
.about-location-pair .about-photo img { width:100%; height:100%; object-fit:cover; }
.about-location-pair .about-set-replacement img { object-position:50% 50%; }
.about-on-set { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(36px,5vw,88px); align-items:center; }
.about-on-set .about-feature-copy { display:block; margin:0; }
.about-on-set .about-section-label { margin-bottom:18px; }
.about-on-set .about-location-pair { margin:0; gap:18px; }
.about-awards .recognition { margin:0; padding:0; }
.about-awards .recognition>h2 { margin-bottom:36px; color:#aaa; }
.about-awards .recognition-row { border:0; border-top:1px solid #ffffff21; padding:23px 0; }
.about-awards .recognition-row>div { grid-template-columns:minmax(0,1fr) minmax(0,.85fr); }
.about-awards .recognition-row h3 { font-size:clamp(20px,1.8vw,27px); line-height:1.2; }
.about-awards .recognition-row small { color:#999; }
.about-recognition-note { margin:12px 0 0 auto; font-size:13px; }
.about-talks { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,100px); align-items:center; }
.about-talks>.about-photo { width:100%; margin:0; }
.about-talks .about-feature-copy { display:block; margin:0; }
.about-talks .about-section-label { margin-bottom:18px; }
.about-talk-names { font:400 clamp(18px,1.7vw,24px)/1.5 var(--display); letter-spacing:-.015em; text-transform:none; margin-bottom:20px; }
.about-base { color:#888; font-size:13px; }
.about-editorial>.contact-section { margin:var(--about-space) 0 0; padding:40px 0 85px; border-top:1px solid #ffffff21; }
.about-editorial .contact-intro { max-width:52ch; }
.about-editorial .contact-email { font-size:clamp(24px,4.8vw,76px); font-weight:400; }
.about-preview-portrait { display:block; width:100%; max-width:620px; }
.about-preview .about-photo { width:100%; }
.page-onepage .about-preview .bio-copy p:not(.bio-lead) { max-width:46ch; }
.page-onepage .about-preview .bio-copy p:last-of-type { color:#aaa; }
.page-onepage .about-preview .about-text-link { margin-top:0; }
html[lang=zh-Hant] .about-editorial h2 { line-height:1.22; letter-spacing:0; }
html[lang=zh-Hant] .about-reading { line-height:1.95; }
@media(min-width:1800px) {
  .about-reading { font-size:18px; }
}
@media(max-width:1024px) and (min-width:761px) {
  .about-introduction { gap:40px; align-items:start; }
  .about-reading { font-size:15px; }
  .about-collaborations,.about-working,.about-feature-copy { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:40px; }
  .about-awards .recognition-row>div { gap:10px 24px; }
  .about-on-set { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:32px; align-items:start; }
  .about-on-set .about-location-pair { gap:12px; }
  .about-talks { gap:32px; align-items:start; }
}
@media(max-width:760px) {
  .page-information>.page-content { padding-top:154px; }
  .about-editorial { --about-space:64px; }
  .about-opening-line { margin-bottom:20px; font-size:10px; }
  .about-editorial #about-title { font-size:clamp(39px,11.3vw,84px); gap:12px; margin-bottom:30px; }
  .about-chinese-name { font-size:17px; }
  .about-introduction { display:flex; flex-direction:column; gap:36px; align-items:stretch; }
  .about-introduction>.about-photo { width:100%; max-width:570px; margin:auto; }
  .about-intro-copy { padding:0; }
  .about-editorial .about-roles { font-size:clamp(25px,6vw,36px); margin-bottom:30px; }
  .about-lead { font-size:30px; max-width:22ch; margin-bottom:24px; }
  .about-reading { font-size:15px; line-height:1.8; max-width:none; }
  .about-collaborations,.about-working,.about-feature-copy { display:block; }
  .about-section-label { margin-bottom:25px; padding-top:0; font-size:11px; }
  .about-collaborations h2,.about-feature-copy h2,.about-working h2 { font-size:clamp(26px,6.9vw,34px); margin-bottom:20px; }
  .about-partners { font-size:17px; gap:15px 18px; margin-top:24px; }
  .about-feature-copy { margin-top:28px; }
  .about-across .about-feature-copy h2 { margin-bottom:20px; }
  .about-project-pair { grid-template-columns:1fr; gap:26px; margin-top:28px; }
  .about-project-pair h3 { font-size:21px; }
  .about-on-set { display:block; }
  .about-on-set .about-location-pair { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:28px; }
  .about-awards .recognition-row { grid-template-columns:38px minmax(0,1fr); gap:16px; padding:21px 0; }
  .about-awards .recognition-row>div { display:block; }
  .about-awards .recognition-row h3 { margin-bottom:10px; font-size:20px; line-height:1.2; }
  .about-awards .recognition-row p { font-size:13px; }
  .about-awards .recognition-row small { display:block; font-size:12px; margin-top:6px; }
  .about-awards .recognition-row>span { font-size:11px; }
  .about-recognition-note { max-width:calc(100% - 54px); margin-top:15px; }
  .about-talks { display:block; }
  .about-talks>.about-photo { width:100%; }
  .about-talks .about-feature-copy { margin-top:26px; }
  .about-talk-names { font-size:19px; }
  .about-editorial>.contact-section { padding-top:30px; padding-bottom:50px; }
  .about-editorial .contact-email { font-size:clamp(22px,5.9vw,42px); }
  .page-onepage .about-preview-portrait { width:85%; }
}
@media(prefers-reduced-motion:reduce) {
  .about-text-link svg,.about-film-picture img { transition:none; }
}

/* A compact campaign index keeps fashion in proportion with the biography. */
.about-fashion-history { scroll-margin-top:164px; }
.about-fashion-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; gap:clamp(32px,5vw,80px); max-width:none; margin-bottom:30px; }
.about-fashion-heading .about-section-label { margin-bottom:15px; }
.about-fashion-history .about-fashion-heading h2 { font:400 clamp(29px,3.3vw,46px)/1.1 var(--display); letter-spacing:-.025em; text-transform:none; }
.about-fashion-heading .about-reading { max-width:49ch; font-size:15px; line-height:1.75; }
.about-season-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.about-season-card { min-width:0; }
.about-season-card>a { display:block; height:100%; }
.about-season-media { overflow:hidden; background:#050505; aspect-ratio:2.2; }
.about-season-media img { display:block; width:100%; height:100%; object-fit:cover; }
.about-season-caption { padding-top:12px; min-width:0; }
.about-season-dateline { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:7px; font:500 11px/1.4 var(--display); color:#aaa; }
.about-season-dateline p:first-child { font-size:13px; color:#eee; }
.about-season-caption h3 { margin:0; font:500 clamp(14px,1.35vw,18px)/1.3 var(--display); letter-spacing:-.01em; text-wrap:balance; }
.about-fashion-detail { display:inline-flex; align-items:center; min-height:44px; margin-top:16px; color:#bcbcb7; font:500 12px/1.4 var(--ui); letter-spacing:.025em; }
.about-fashion-detail:hover { color:#fff; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .about-season-media img { transition:transform 1.2s cubic-bezier(.22,1,.36,1); }
  .about-season-card>a:hover .about-season-media img { transform:scale(1.025); }
}
@media(min-width:1100px) {
  .about-introduction { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(60px,7vw,130px); }
  .about-intro-copy { max-width:49ch; }
}
@media(max-width:1024px) and (min-width:761px) {
  .about-fashion-heading { gap:28px; }
  .about-season-grid { gap:12px; }
  .about-season-caption h3 { font-size:14px; }
}
@media(max-width:760px) {
  .about-fashion-history { scroll-margin-top:135px; }
  .about-fashion-heading { display:block; margin-bottom:26px; }
  .about-fashion-heading .about-section-label { margin-bottom:14px; }
  .about-fashion-history .about-fashion-heading h2 { max-width:15ch; font-size:clamp(29px,8vw,38px); margin-bottom:20px; }
  .about-fashion-heading .about-reading { max-width:none; font-size:15px; line-height:1.75; }
  .about-season-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 16px; }
  .about-season-caption h3 { font-size:16px; line-height:1.3; }
  .about-season-card:last-child { grid-column:1/-1; }
  .about-season-card:last-child>a { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:16px; }
  .about-season-card:last-child .about-season-caption { padding-top:0; }
  .about-fashion-detail { margin-top:18px; }
  .about-preview-portrait { align-self:center; }
}
@media(prefers-reduced-motion:reduce) { .about-season-media img { transition:none; transform:none; } }