/* V12: one human introduction, then direction, production and a shared practice. */
body[data-page="about"]{background:#080908}
.about-opening-v12{padding:clamp(130px,13vw,210px) var(--pad) 100px}
.about-eyebrow-row-v12{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:55px}
.about-eyebrow-row-v12>span{font-size:8px;letter-spacing:.16em;color:#a4a69f}
.about-opening-v12 h1{font-size:clamp(52px,8.7vw,160px);line-height:.93;font-weight:400;letter-spacing:-.065em;margin:0 0 75px}
.about-opening-v12 h1 em{color:transparent;-webkit-text-stroke:1px #ecece6}
.about-opening-bottom-v12{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid #30322e;padding-top:28px}
.about-opening-note-v12{font-size:11px;line-height:1.8;letter-spacing:.15em;margin:0;color:#b9bcb4}
.about-opening-bottom-v12>div{max-width:650px}
.about-opening-bottom-v12>div>p{font-size:clamp(17px,1.7vw,26px);line-height:1.5;margin:0 0 26px;color:#c0c3ba}
.about-opening-bottom-v12>div>p:first-child{color:#eceee7}
.about-text-link-v12{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-family:inherit;font-size:9px;line-height:1.5;letter-spacing:.14em;color:#e8e9e3;background:none;border:0;border-bottom:1px solid #62665c;padding:9px 0;cursor:pointer}
.about-text-link-v12:hover{color:#fff;border-color:#fff}
.about-text-link-v12:focus-visible{outline:2px solid #eee;outline-offset:6px}
.about-text-link-v12>span{font-size:18px;letter-spacing:0}
.about-director-lead-v12{padding:75px var(--pad) 20px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw;scroll-margin-top:105px;background:#030303}
.about-director-lead-v12 h2,.about-producer-copy-v12 h2{font-size:clamp(64px,8vw,145px);font-weight:400;line-height:.89;letter-spacing:-.06em;margin:30px 0 0}
.about-director-lead-v12>p{font-size:clamp(17px,1.6vw,24px);line-height:1.5;max-width:570px;color:#aeb2a9;margin:0 0 10px}
body[data-page="about"] .director-sequence{margin-bottom:0}
.about-producer-v12{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,150px);padding:110px var(--pad) 130px;scroll-margin-top:95px}
.about-producer-image-v12{margin:0;position:relative}
.about-producer-image-v12 img{display:block;width:100%;height:auto;aspect-ratio:1106/1600;object-fit:contain;object-position:center;filter:none}
.about-producer-image-v12 figcaption{font-size:8px;letter-spacing:.17em;color:#a5aa9d;margin-top:16px}
.about-producer-copy-v12{max-width:650px}
.about-producer-copy-v12 .about-producer-role-v12{font-size:12px;line-height:1.5;letter-spacing:.22em;color:#efefe7;margin:30px 0 45px}
.about-producer-copy-v12>p:not(.eyebrow):not(.about-producer-role-v12){font-size:clamp(17px,1.6vw,24px);line-height:1.55;color:#b9beb1;margin:0 0 27px}
.about-together-v12{padding:100px var(--pad) 120px;background:#10120e}
.about-together-heading-v12{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:end;margin-bottom:60px}
.about-together-heading-v12>.eyebrow{grid-column:1/-1;margin-bottom:30px}
.about-together-heading-v12 h2,.about-world-v12 h2{font-size:clamp(45px,5vw,90px);font-weight:400;line-height:.97;letter-spacing:-.055em;margin:0}
.about-together-heading-v12>p:last-child{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#bac0b2;margin:0;max-width:580px}
.about-together-films-v12{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.26fr);gap:clamp(24px,5vw,90px);align-items:start}
.about-together-films-v12 figure{margin:0;min-width:0}
.about-together-films-v12 video{width:100%;background:#030403;object-fit:contain}
.about-together-main-v12 video{aspect-ratio:16/9}
.about-together-tea-v12{padding-top:70px}
.about-together-tea-v12 video{aspect-ratio:608/1080}
.about-together-films-v12 figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:50px;padding:12px 0;font-size:8px;letter-spacing:.14em;line-height:1.6;color:#b6bcae}
.about-together-films-v12 figcaption .about-text-link-v12{font-size:8px;letter-spacing:.1em}
.about-world-v12{padding:115px var(--pad) 120px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.about-world-v12 .eyebrow{margin-bottom:32px}
.about-world-v12 h2{font-size:clamp(40px,4.5vw,82px)}
.about-world-v12>div>p:last-child{font-size:18px;line-height:1.6;color:#aeb6a4;max-width:580px;margin:32px 0 0}
.about-world-stats-v12{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0}
.about-world-stats-v12>div{display:flex;flex-direction:column-reverse;border-top:1px solid #474e40;padding-top:20px;gap:18px}
.about-world-stats-v12 dt{font-size:9px;line-height:1.6;letter-spacing:.13em;color:#aab39f}
.about-world-stats-v12 dd{font-size:clamp(64px,7vw,130px);font-weight:400;line-height:1;letter-spacing:-.065em;margin:0}
.about-world-stats-v12 dd span{font-size:.4em;vertical-align:top;position:relative;top:.13em;margin-left:5px;color:#8c957e}
.about-partners-v12{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:85px var(--pad);border-top:1px solid #343a2e}
.about-partners-v12 h2{font-size:clamp(24px,3vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:25px 0 0}
.about-partner-logos-v12{display:flex;gap:clamp(28px,5vw,90px);align-items:center}
.about-partner-logos-v12 img{width:100px;max-height:35px;object-fit:contain;filter:grayscale(1)}
.about-partner-logos-v12 img:last-child{width:125px}
.about-partner-names-v12{grid-column:1/-1;font-size:8px;line-height:2.3;letter-spacing:.16em;color:#939c87;margin:30px 0 0}
.about-partner-names-v12 span{color:#c6cdbb;font-size:10px;letter-spacing:.12em}
body[data-page="about"] .press-section{padding-top:100px;padding-bottom:100px;background:#0d0f0b}
body[data-page="about"] .press-section h2{font-size:clamp(46px,6vw,98px)}
body[data-page="about"] .press-list strong{font-size:clamp(23px,2.7vw,46px)}
.about-close-v12{padding:120px var(--pad) 100px}
.about-close-v12 h2{font-size:clamp(48px,6.4vw,115px);font-weight:400;line-height:.96;letter-spacing:-.055em;margin:35px 0 60px}
body[data-page="about"] #video-dialog{background:#050505;color:#f2f1eb;border:1px solid #333;width:min(96vw,1600px);padding:18px;max-height:94svh}
body[data-page="about"] .video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;padding:0 0 15px}
body[data-page="about"] #video-close{font-family:inherit;color:inherit;border:0;background:none;padding:12px;cursor:pointer;min-height:44px}
body[data-page="about"] #video-close:focus-visible{outline:1px solid #fff}
body[data-page="about"] #video-frame video{display:block;width:100%;max-height:80svh;object-fit:contain;background:#000}
@media(max-width:900px){.about-opening-bottom-v12{grid-template-columns:.6fr 1fr;gap:40px}.about-producer-v12{gap:45px}.about-producer-copy-v12 h2{font-size:70px}.about-together-films-v12{grid-template-columns:minmax(0,1fr) minmax(145px,.3fr);gap:25px}.about-world-v12{grid-template-columns:1fr;gap:60px}.about-world-stats-v12{max-width:600px}}
@media(max-width:640px){
  .about-opening-v12{padding-top:125px;padding-bottom:75px}
  .about-eyebrow-row-v12{display:block;margin-bottom:35px}
  .about-eyebrow-row-v12 .eyebrow{font-size:7px}
  .about-eyebrow-row-v12>span{display:block;margin-top:16px;font-size:6px}
  .about-opening-v12 h1{font-size:clamp(28px,8.1vw,54px);line-height:1.04;letter-spacing:-.055em;margin-bottom:45px}
  .about-opening-bottom-v12{grid-template-columns:1fr;gap:25px}
  .about-opening-note-v12{font-size:8px}
  .about-opening-bottom-v12>div>p{font-size:17px;margin-bottom:22px}
  .about-director-lead-v12{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:0}
  .about-director-lead-v12 h2,.about-producer-copy-v12 h2{font-size:clamp(67px,17vw,100px);margin-top:25px}
  .about-director-lead-v12>p{font-size:16px;max-width:430px}
  .about-producer-v12{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:80px}
  .about-producer-image-v12{max-width:500px}
  .about-producer-copy-v12 .about-producer-role-v12{margin:25px 0 30px;font-size:10px}
  .about-producer-copy-v12>p:not(.eyebrow):not(.about-producer-role-v12){font-size:17px}
  .about-together-v12{padding-top:75px;padding-bottom:80px}
  .about-together-heading-v12{grid-template-columns:1fr;gap:26px;margin-bottom:40px}
  .about-together-heading-v12>.eyebrow{margin-bottom:0}
  .about-together-heading-v12 h2{font-size:clamp(36px,9vw,56px)}
  .about-together-heading-v12>p:last-child{font-size:16px}
  .about-together-films-v12{grid-template-columns:1fr;gap:40px}
  .about-together-films-v12 figcaption{font-size:7px;gap:12px}
  .about-together-tea-v12{padding-top:0;width:47%;margin-left:auto!important;max-width:230px}
  .about-world-v12{padding-top:80px;padding-bottom:80px;gap:50px}
  .about-world-v12 h2{font-size:clamp(36px,8.6vw,55px)}
  .about-world-v12>div>p:last-child{font-size:16px}
  .about-world-stats-v12{gap:25px}
  .about-world-stats-v12 dd{font-size:clamp(64px,18vw,100px)}
  .about-world-stats-v12 dt{font-size:7px}
  .about-partners-v12{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:35px}
  .about-partners-v12 h2{font-size:30px}
  .about-partner-logos-v12{gap:40px}
  .about-partner-logos-v12 img{width:78px}.about-partner-logos-v12 img:last-child{width:100px}
  .about-partner-names-v12{margin:0;font-size:7px}.about-partner-names-v12 span{font-size:8px;line-height:2.4;display:block;margin-top:10px}
  body[data-page="about"] .press-section{padding-top:70px;padding-bottom:70px}
  .about-close-v12{padding-top:80px;padding-bottom:60px}
  .about-close-v12 h2{font-size:clamp(36px,8.3vw,57px);margin:30px 0 40px}
  body[data-page="about"] #video-dialog{width:100vw;max-height:100svh;padding:12px;border:0}
  body[data-page="about"] .video-dialog-head{font-size:8px}
}

/* A real teaching moment replaces the lens transition in About. */
.about-teaching-v12{padding:28px var(--pad) 95px;background:#030303;scroll-margin-top:100px}
.about-teaching-image-v12{margin:0;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.about-teaching-image-v12 img{display:block;width:100%;height:auto;object-fit:contain;background:#030303}
.about-teaching-image-v12 figcaption{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #34352f;padding-top:18px;font-size:8px;line-height:1.65;letter-spacing:.12em;color:#a8aaa1}
.about-teaching-footer-v12{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:42px}
.about-teaching-footer-v12 h2{font-size:clamp(38px,5.4vw,92px);font-weight:400;line-height:.97;letter-spacing:-.055em;margin:0}
.about-teaching-footer-v12 .about-text-link-v12{flex-shrink:0}
.about-teaching-fallback-v12{margin:25px 0 0}
@media(max-width:640px){.about-teaching-v12{padding-top:24px;padding-bottom:65px}.about-teaching-image-v12 figcaption{font-size:6px;gap:18px;padding-top:14px}.about-teaching-image-v12 figcaption>span:last-child{text-align:right}.about-teaching-footer-v12{display:block;padding-top:28px}.about-teaching-footer-v12 h2{font-size:clamp(31px,8.1vw,52px)}.about-teaching-footer-v12 .about-text-link-v12{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.about-teaching-image-v12{transition:none}}