@font-face{font-family:Kanit;src:url('fonts/kanit-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Kanit;src:url('fonts/kanit-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
html.ys-about-documentary-root{--ink:#191612;--paper:#f2eee7;--accent:#c6a582;--muted:#b9b2a8;--line:rgba(242,238,231,.21);--ease:cubic-bezier(.22,1,.36,1)}
html.ys-about-documentary-root body.ys-about-documentary *{box-sizing:border-box}html.ys-about-documentary-root{scroll-behavior:smooth;scroll-padding-top:36px}html.ys-about-documentary-root body.ys-about-documentary{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}html.ys-about-documentary-root body.ys-about-documentary:has(dialog[open]){overflow:hidden}html.ys-about-documentary-root body.ys-about-documentary h1,html.ys-about-documentary-root body.ys-about-documentary h2,html.ys-about-documentary-root body.ys-about-documentary h3,html.ys-about-documentary-root body.ys-about-documentary p,html.ys-about-documentary-root body.ys-about-documentary figure{margin:0}html.ys-about-documentary-root body.ys-about-documentary h1,html.ys-about-documentary-root body.ys-about-documentary h2,html.ys-about-documentary-root body.ys-about-documentary h3{font-family:Kanit,'Microsoft YaHei','PingFang SC',sans-serif;font-weight:400}html.ys-about-documentary-root body.ys-about-documentary a{color:inherit;text-decoration:none}html.ys-about-documentary-root body.ys-about-documentary a,html.ys-about-documentary-root body.ys-about-documentary button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.ys-about-documentary-root body.ys-about-documentary button{font:inherit;color:inherit;cursor:pointer}html.ys-about-documentary-root body.ys-about-documentary svg{width:22px;height:22px;flex:none}html.ys-about-documentary-root body.ys-about-documentary img{display:block;max-width:100%}html.ys-about-documentary-root body.ys-about-documentary ::selection{background:var(--accent);color:var(--ink)}html.ys-about-documentary-root body.ys-about-documentary :focus-visible{outline:2px solid var(--accent);outline-offset:6px}html.ys-about-documentary-root body.ys-about-documentary .wrap{width:min(1440px,100%);padding-inline:60px;margin-inline:auto}html.ys-about-documentary-root body.ys-about-documentary .skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 20px;transform:translateY(-150%)}html.ys-about-documentary-root body.ys-about-documentary .skip:focus{transform:none}html.ys-about-documentary-root body.ys-about-documentary .header{position:relative;z-index:20}html.ys-about-documentary-root body.ys-about-documentary .header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}html.ys-about-documentary-root body.ys-about-documentary .brand{display:inline-flex;flex-direction:column;line-height:1}html.ys-about-documentary-root body.ys-about-documentary .brand strong{font-family:Kanit,Arial,sans-serif;font-weight:400;font-size:27px;letter-spacing:.13em}html.ys-about-documentary-root body.ys-about-documentary .brand span{font-size:8px;letter-spacing:.55em;margin-top:9px;color:var(--muted)}html.ys-about-documentary-root body.ys-about-documentary .nav{display:flex;align-items:center;gap:27px;font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .nav>a{white-space:nowrap;padding:9px 0}html.ys-about-documentary-root body.ys-about-documentary .nav>a:hover,html.ys-about-documentary-root body.ys-about-documentary .footer-nav>a:hover{color:var(--accent)}html.ys-about-documentary-root body.ys-about-documentary .nav a[aria-current]{border-bottom:1px solid var(--accent)}html.ys-about-documentary-root body.ys-about-documentary .nav .language{padding:7px 12px;border:1px solid var(--line)}html.ys-about-documentary-root body.ys-about-documentary .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);padding:13px 22px;font-size:13px;line-height:1.3;min-height:48px;transition:background .25s}html.ys-about-documentary-root body.ys-about-documentary .button:hover{background:#dec4a7}html.ys-about-documentary-root body.ys-about-documentary .nav>.button{padding:13px 18px}html.ys-about-documentary-root body.ys-about-documentary .menu{display:none;background:transparent;border:1px solid var(--line);padding:8px 13px}html.ys-about-documentary-root body.ys-about-documentary .opening-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.5;padding-top:15px;padding-bottom:23px;border-top:1px solid var(--line)}html.ys-about-documentary-root body.ys-about-documentary .opening-meta>span:first-child{color:var(--accent)}html.ys-about-documentary-root body.ys-about-documentary .opening-frame{position:relative;margin:0 24px}html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:clamp(470px,58vw,710px);position:relative;overflow:hidden;background:#4c4942}html.ys-about-documentary-root body.ys-about-documentary .photo-button{display:block;width:100%;height:100%;border:0;padding:0;position:relative;background:transparent;overflow:hidden}html.ys-about-documentary-root body.ys-about-documentary .photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}html.ys-about-documentary-root body.ys-about-documentary .opening-photo img{object-position:50% 56%}html.ys-about-documentary-root body.ys-about-documentary .photo-button:hover img{transform:scale(1.025)}html.ys-about-documentary-root body.ys-about-documentary .photo-button .zoom{position:absolute;top:22px;right:22px;width:42px;height:42px;display:grid;place-items:center;background:rgba(25,22,18,.72);color:var(--paper);border:1px solid #f2eee777;z-index:3}html.ys-about-documentary-root body.ys-about-documentary .photo-button .zoom svg{width:18px;height:18px}html.ys-about-documentary-root body.ys-about-documentary .opening-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(25,22,18,.04) 35%,rgba(25,22,18,.25) 60%,rgba(25,22,18,.86) 100%)}html.ys-about-documentary-root body.ys-about-documentary .opening-title{position:absolute;left:max(36px,calc((100vw - 1320px)/2 - 24px));bottom:-25px;right:30px;pointer-events:none;z-index:2}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1{font-size:clamp(68px,7.8vw,122px);line-height:1.02;letter-spacing:-.055em;max-width:1160px}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1 span{display:block}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1>span:last-child{margin-left:11vw}html.ys-about-documentary-root body.ys-about-documentary .opening-caption{position:absolute;top:26px;left:35px;font-size:11px;line-height:1.6;color:white;text-shadow:0 1px 8px #191612}html.ys-about-documentary-root body.ys-about-documentary .opening-tail{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:74px;padding-bottom:65px}html.ys-about-documentary-root body.ys-about-documentary .opening-tail p{max-width:480px;color:var(--muted);font-size:14px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav{display:flex;align-items:flex-start;justify-content:flex-end;gap:25px;font-size:11px;padding-top:5px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav a{border-bottom:1px solid var(--line);padding-bottom:8px;white-space:nowrap}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav a:hover{color:var(--accent);border-color:var(--accent)}html.ys-about-documentary-root body.ys-about-documentary .chapter{padding-top:120px;padding-bottom:130px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start}html.ys-about-documentary-root body.ys-about-documentary .chapter-name{color:var(--accent);font-size:12px;line-height:1.6;display:flex;gap:17px;padding-top:14px}html.ys-about-documentary-root body.ys-about-documentary .chapter-name>span:first-child{font-family:Kanit,Arial,sans-serif;font-size:14px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading h2{font-size:clamp(40px,4.5vw,68px);line-height:1.16;letter-spacing:-.035em;max-width:900px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:42px 0 72px;margin-left:240px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro p{max-width:480px;color:var(--muted);font-size:14px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro p:first-child{font-size:17px;line-height:1.8;color:var(--paper)}html.ys-about-documentary-root body.ys-about-documentary .identity-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:70px;margin-left:240px}html.ys-about-documentary-root body.ys-about-documentary .company-details{margin:0;font-size:12px;line-height:1.8}html.ys-about-documentary-root body.ys-about-documentary .company-details>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}html.ys-about-documentary-root body.ys-about-documentary .company-details dt{color:var(--muted)}html.ys-about-documentary-root body.ys-about-documentary .company-details dd{margin:0;overflow-wrap:anywhere}html.ys-about-documentary-root body.ys-about-documentary .approach-note h3{font-size:24px;line-height:1.4;margin:0 0 24px}html.ys-about-documentary-root body.ys-about-documentary .approach-note p{color:var(--muted);font-size:13px;max-width:300px}html.ys-about-documentary-root body.ys-about-documentary .photo-story h3{font-size:24px;line-height:1.4;margin:0 0 24px}html.ys-about-documentary-root body.ys-about-documentary .range-chapter{background:var(--paper);color:var(--ink);padding-top:114px;padding-bottom:115px}html.ys-about-documentary-root body.ys-about-documentary .range-chapter .chapter-name{color:#7b6149}html.ys-about-documentary-root body.ys-about-documentary .range-chapter .chapter-heading h2{max-width:830px}html.ys-about-documentary-root body.ys-about-documentary .range-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:120px;margin-top:76px;align-items:start}html.ys-about-documentary-root body.ys-about-documentary .range-overview{font-size:22px;line-height:1.8;max-width:360px;color:#625a51}html.ys-about-documentary-root body.ys-about-documentary .application{padding:25px 0;border-top:1px solid #19161230;display:grid;grid-template-columns:85px 1fr;gap:20px}html.ys-about-documentary-root body.ys-about-documentary .application .application-context{font-size:10px;color:#7c6550;padding-top:7px}html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:30px;line-height:1.2;margin-bottom:12px}html.ys-about-documentary-root body.ys-about-documentary .application p{font-size:12px;line-height:1.85;color:#625a51;max-width:410px}html.ys-about-documentary-root body.ys-about-documentary .application a{display:inline-flex;align-items:center;gap:14px;font-size:11px;margin-top:13px}html.ys-about-documentary-root body.ys-about-documentary .application a svg{width:16px;height:16px}html.ys-about-documentary-root body.ys-about-documentary .application a:hover{text-decoration:underline;text-underline-offset:5px}html.ys-about-documentary-root body.ys-about-documentary .range-footnote{margin-top:65px;padding-top:27px;border-top:1px solid #19161230;display:flex;justify-content:space-between;gap:35px;font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .range-footnote>p{max-width:600px;color:#625a51}html.ys-about-documentary-root body.ys-about-documentary .range-links{display:flex;gap:28px;align-items:start;flex-wrap:wrap;flex:none}html.ys-about-documentary-root body.ys-about-documentary .range-links>a{border-bottom:1px solid #19161250}html.ys-about-documentary-root body.ys-about-documentary .conversation-chapter{padding-top:130px;padding-bottom:110px}html.ys-about-documentary-root body.ys-about-documentary .conversation-heading{display:grid;grid-template-columns:200px 1fr;gap:40px}html.ys-about-documentary-root body.ys-about-documentary .conversation-heading h2{font-size:clamp(44px,6vw,87px);line-height:1.08;letter-spacing:-.04em;max-width:1040px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body{margin-left:240px;margin-top:58px;display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:start}html.ys-about-documentary-root body.ys-about-documentary .conversation-body p{max-width:510px;color:var(--muted);font-size:15px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body .button{margin-top:32px}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes{font-size:12px;color:var(--muted);margin:0}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes>div{display:grid;grid-template-columns:90px 1fr;gap:18px;border-top:1px solid var(--line);padding:17px 0}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes dt{color:var(--paper)}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes dd{margin:0}html.ys-about-documentary-root body.ys-about-documentary .contact-block{margin-left:240px;margin-top:78px;padding-top:30px;border-top:1px solid var(--line)}html.ys-about-documentary-root body.ys-about-documentary .contact-options{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap;font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .contact-options>span{width:100%;color:var(--muted);font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .contact-options>a{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #c6a58277;padding-bottom:8px}html.ys-about-documentary-root body.ys-about-documentary .contact-options>a:hover{color:var(--accent)}html.ys-about-documentary-root body.ys-about-documentary .contact-options svg{width:16px;height:16px}html.ys-about-documentary-root body.ys-about-documentary .contact-note{color:var(--muted);font-size:10px;margin-top:17px}html.ys-about-documentary-root body.ys-about-documentary .footer{border-top:1px solid var(--line);padding-top:44px;padding-bottom:30px}html.ys-about-documentary-root body.ys-about-documentary .footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}html.ys-about-documentary-root body.ys-about-documentary .footer-top>p{font-size:11px;color:var(--muted)}html.ys-about-documentary-root body.ys-about-documentary .footer-nav{display:flex;gap:25px;font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}html.ys-about-documentary-root body.ys-about-documentary .lightbox{border:1px solid var(--line);padding:20px;background:var(--ink);color:var(--paper);width:min(1200px,94vw);max-height:94vh}html.ys-about-documentary-root body.ys-about-documentary .lightbox::backdrop{background:rgba(12,10,8,.88);backdrop-filter:blur(6px)}html.ys-about-documentary-root body.ys-about-documentary .lightbox-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:15px;font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .lightbox-bar button{border:1px solid var(--line);background:transparent;padding:6px 14px}html.ys-about-documentary-root body.ys-about-documentary .lightbox img{max-width:100%;max-height:79vh;height:auto;width:auto;object-fit:contain;margin-inline:auto}html.ys-about-documentary-root body.ys-about-documentary .reading-progress{position:fixed;height:2px;top:0;left:0;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:50;pointer-events:none}
/* Native scroll and the About motion sequence are maintained in about-story-motion.cjs. */
html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1{font-size:clamp(61px,7.2vw,110px);line-height:1.22;letter-spacing:-.065em}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1>span:last-child{margin-left:15vw}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .chapter-heading h2{line-height:1.4;font-size:clamp(37px,4.05vw,61px)}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .conversation-heading h2{line-height:1.35;font-size:clamp(42px,5.2vw,78px)}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .application h3{font-size:27px}
@media(min-width:1700px){html.ys-about-documentary-root body.ys-about-documentary .opening-title{left:calc((100vw - 1320px)/2 - 24px)}html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:760px}}
@media(max-width:1150px){html.ys-about-documentary-root body.ys-about-documentary .wrap{padding-inline:38px}html.ys-about-documentary-root body.ys-about-documentary .nav{gap:17px}html.ys-about-documentary-root body.ys-about-documentary .nav>.button{padding:12px 13px}html.ys-about-documentary-root body.ys-about-documentary .opening-title{left:30px}html.ys-about-documentary-root body.ys-about-documentary .opening-tail{gap:35px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav{gap:17px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading,html.ys-about-documentary-root body.ys-about-documentary .conversation-heading{grid-template-columns:155px 1fr;gap:30px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro,html.ys-about-documentary-root body.ys-about-documentary .identity-story,html.ys-about-documentary-root body.ys-about-documentary .conversation-body,html.ys-about-documentary-root body.ys-about-documentary .contact-block{margin-left:185px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro{gap:40px}html.ys-about-documentary-root body.ys-about-documentary .identity-story{gap:45px;grid-template-columns:1.1fr .9fr}html.ys-about-documentary-root body.ys-about-documentary .range-layout{gap:65px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body{gap:50px}html.ys-about-documentary-root body.ys-about-documentary .range-links{gap:18px}html.ys-about-documentary-root body.ys-about-documentary .footer-nav{gap:18px}}
@media(max-width:980px){html.ys-about-documentary-root body.ys-about-documentary .header-inner{min-height:88px}html.ys-about-documentary-root body.ys-about-documentary .menu{display:block;font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .nav{display:none;position:absolute;top:77px;left:24px;right:24px;background:var(--ink);border:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch;gap:4px}html.ys-about-documentary-root body.ys-about-documentary .nav.open{display:flex}html.ys-about-documentary-root body.ys-about-documentary .nav>a{padding:10px}html.ys-about-documentary-root body.ys-about-documentary .nav .language{align-self:start;margin:8px 0}html.ys-about-documentary-root body.ys-about-documentary .nav>.button{margin-top:7px}html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:580px}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1{font-size:78px}html.ys-about-documentary-root body.ys-about-documentary .opening-tail{grid-template-columns:1fr;gap:28px;padding-bottom:35px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav{justify-content:flex-start;gap:35px}html.ys-about-documentary-root body.ys-about-documentary .chapter{padding-top:90px;padding-bottom:90px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading,html.ys-about-documentary-root body.ys-about-documentary .conversation-heading{grid-template-columns:1fr;gap:25px}html.ys-about-documentary-root body.ys-about-documentary .chapter-name{padding-top:0}html.ys-about-documentary-root body.ys-about-documentary .identity-intro{margin-left:0;gap:45px;padding-top:35px;padding-bottom:55px}html.ys-about-documentary-root body.ys-about-documentary .identity-story{margin-left:0;grid-template-columns:1.1fr .9fr;gap:35px}html.ys-about-documentary-root body.ys-about-documentary .photo-story h3{font-size:22px}html.ys-about-documentary-root body.ys-about-documentary .range-chapter{padding-top:85px;padding-bottom:85px}html.ys-about-documentary-root body.ys-about-documentary .range-layout{gap:40px;margin-top:50px;grid-template-columns:.8fr 1fr}html.ys-about-documentary-root body.ys-about-documentary .application{grid-template-columns:1fr;gap:8px;padding:23px 0}html.ys-about-documentary-root body.ys-about-documentary .application-context{padding-top:0}html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:27px}html.ys-about-documentary-root body.ys-about-documentary .range-footnote{flex-direction:column;gap:20px}html.ys-about-documentary-root body.ys-about-documentary .conversation-chapter{padding-top:90px;padding-bottom:85px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body{margin-left:0;margin-top:38px;gap:55px}html.ys-about-documentary-root body.ys-about-documentary .contact-block{margin-left:0;margin-top:58px}html.ys-about-documentary-root body.ys-about-documentary .footer-top{gap:30px;flex-wrap:wrap}html.ys-about-documentary-root body.ys-about-documentary .footer-nav{width:100%;margin-top:10px}html.ys-about-documentary-root body.ys-about-documentary .footer-bottom{margin-top:30px}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1{font-size:72px}}
@media(max-width:650px){html.ys-about-documentary-root body.ys-about-documentary .wrap{padding-inline:23px}html.ys-about-documentary-root body.ys-about-documentary .brand strong{font-size:23px}html.ys-about-documentary-root body.ys-about-documentary .header-inner{min-height:81px}html.ys-about-documentary-root body.ys-about-documentary .opening-meta{padding-top:12px;padding-bottom:18px;font-size:10px}html.ys-about-documentary-root body.ys-about-documentary .opening-meta>span:last-child{max-width:100px;text-align:right}html.ys-about-documentary-root body.ys-about-documentary .opening-frame{margin-inline:0}html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:510px}html.ys-about-documentary-root body.ys-about-documentary .opening-photo img{object-position:52% 50%}html.ys-about-documentary-root body.ys-about-documentary .opening-caption{left:23px;top:23px;font-size:10px}html.ys-about-documentary-root body.ys-about-documentary .photo-button .zoom{top:20px;right:20px;width:36px;height:36px}html.ys-about-documentary-root body.ys-about-documentary .opening-title{left:23px;right:20px;bottom:-14px}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1{font-size:clamp(48px,11.3vw,70px);line-height:1.05;letter-spacing:-.04em}html.ys-about-documentary-root body.ys-about-documentary .opening-title h1>span:last-child{margin-left:7vw}html.ys-about-documentary-root body.ys-about-documentary .opening-tail{padding-top:49px;padding-bottom:25px;gap:27px}html.ys-about-documentary-root body.ys-about-documentary .opening-tail p{font-size:12px;max-width:420px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav{gap:13px;justify-content:space-between;font-size:9px}html.ys-about-documentary-root body.ys-about-documentary .chapter-nav a{white-space:normal;max-width:112px}html.ys-about-documentary-root body.ys-about-documentary .chapter{padding-top:67px;padding-bottom:70px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading,html.ys-about-documentary-root body.ys-about-documentary .conversation-heading{gap:20px}html.ys-about-documentary-root body.ys-about-documentary .chapter-name{font-size:11px;gap:13px}html.ys-about-documentary-root body.ys-about-documentary .chapter-heading h2{font-size:37px;line-height:1.25}html.ys-about-documentary-root body.ys-about-documentary .identity-intro{grid-template-columns:1fr;gap:20px;padding-top:29px;padding-bottom:37px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro p:first-child{font-size:15px}html.ys-about-documentary-root body.ys-about-documentary .identity-intro p{font-size:12px}html.ys-about-documentary-root body.ys-about-documentary .identity-story{display:block}html.ys-about-documentary-root body.ys-about-documentary .approach-note{padding:35px 0 0 16%}html.ys-about-documentary-root body.ys-about-documentary .approach-note h3{font-size:23px;margin-bottom:18px}html.ys-about-documentary-root body.ys-about-documentary .approach-note p{font-size:12px;max-width:350px}html.ys-about-documentary-root body.ys-about-documentary .company-details{font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .company-details>div{grid-template-columns:85px 1fr;gap:17px}html.ys-about-documentary-root body.ys-about-documentary .photo-story h3{font-size:23px;margin-bottom:18px}html.ys-about-documentary-root body.ys-about-documentary .range-chapter{padding-top:65px;padding-bottom:65px}html.ys-about-documentary-root body.ys-about-documentary .range-layout{display:flex;flex-direction:column;gap:35px;margin-top:35px;align-items:stretch}html.ys-about-documentary-root body.ys-about-documentary .range-overview{font-size:17px;max-width:420px}html.ys-about-documentary-root body.ys-about-documentary .application{grid-template-columns:79px 1fr;gap:13px;padding:22px 0}html.ys-about-documentary-root body.ys-about-documentary .application .application-context{padding-top:5px;font-size:9px}html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:26px;margin-bottom:9px}html.ys-about-documentary-root body.ys-about-documentary .application p{font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .application a{font-size:10px;margin-top:11px}html.ys-about-documentary-root body.ys-about-documentary .range-footnote{margin-top:35px;padding-top:23px;font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .range-links{gap:25px;flex-wrap:wrap;font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .conversation-chapter{padding-top:70px;padding-bottom:65px}html.ys-about-documentary-root body.ys-about-documentary .conversation-heading h2{font-size:46px;line-height:1.2}html.ys-about-documentary-root body.ys-about-documentary .conversation-body{grid-template-columns:1fr;gap:37px;margin-top:29px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body p{font-size:13px}html.ys-about-documentary-root body.ys-about-documentary .conversation-body .button{margin-top:26px}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes{font-size:11px;max-width:450px}html.ys-about-documentary-root body.ys-about-documentary .enquiry-notes>div{grid-template-columns:75px 1fr}html.ys-about-documentary-root body.ys-about-documentary .contact-block{margin-top:40px;padding-top:24px}html.ys-about-documentary-root body.ys-about-documentary .contact-options{gap:21px;font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .contact-options>span{font-size:10px}html.ys-about-documentary-root body.ys-about-documentary .contact-note{font-size:9px;max-width:280px}html.ys-about-documentary-root body.ys-about-documentary .footer{padding-top:34px;padding-bottom:25px}html.ys-about-documentary-root body.ys-about-documentary .footer-top{gap:27px}html.ys-about-documentary-root body.ys-about-documentary .footer-top>p{font-size:10px;max-width:190px}html.ys-about-documentary-root body.ys-about-documentary .footer-nav{gap:18px;justify-content:space-between;font-size:10px}html.ys-about-documentary-root body.ys-about-documentary .footer-bottom{flex-direction:column;gap:9px;font-size:9px;margin-top:26px;padding-top:22px}html.ys-about-documentary-root body.ys-about-documentary .lightbox{padding:13px}html.ys-about-documentary-root body.ys-about-documentary .lightbox-bar{font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .lightbox-bar button{white-space:nowrap}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1{font-size:clamp(40px,9.8vw,62px);line-height:1.3;letter-spacing:-.055em}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1>span:last-child{margin-left:8vw}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .chapter-heading h2{font-size:34px;line-height:1.45}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .conversation-heading h2{font-size:39px;line-height:1.45}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .application h3{font-size:24px}}
html.ys-about-documentary-root{--muted:#c3bbb0}
html.ys-about-documentary-root body.ys-about-documentary{font-family:'Helvetica Neue',Arial,'Microsoft YaHei','PingFang SC',sans-serif}
html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:clamp(390px,calc(100svh - 245px),640px)}
html.ys-about-documentary-root body.ys-about-documentary .conversation-body .brand-closing{margin-top:24px;color:var(--paper)}
html.ys-about-documentary-root body.ys-about-documentary .range-chapter :focus-visible{outline-color:var(--ink)}
@media(min-width:981px){html.ys-about-documentary-root body.ys-about-documentary .chapter{padding-top:90px;padding-bottom:95px}html.ys-about-documentary-root body.ys-about-documentary .range-chapter{padding-top:90px;padding-bottom:95px}html.ys-about-documentary-root body.ys-about-documentary .conversation-chapter{padding-top:100px;padding-bottom:85px}}
@media(max-width:650px){html.ys-about-documentary-root body.ys-about-documentary .opening-photo{height:clamp(390px,calc(100svh - 245px),560px)}html.ys-about-documentary-root[lang='zh-CN'] body.ys-about-documentary .opening-title h1{font-size:clamp(34px,8.9vw,58px);line-height:1.2}}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:45px}
html.ys-about-documentary-root body.ys-about-documentary .story-photo{margin:0;min-width:0}html.ys-about-documentary-root body.ys-about-documentary .story-image{height:420px;background:#fff;overflow:hidden}
html.ys-about-documentary-root body.ys-about-documentary .story-photo .photo-button img{object-fit:contain;padding:14px;background:#fff}
html.ys-about-documentary-root body.ys-about-documentary .story-photo figcaption{margin-top:12px;font-size:11px;line-height:1.7;color:var(--muted);max-width:520px}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .story-image{height:490px}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p{font-size:14px;color:var(--muted);line-height:1.95;margin:0 0 20px}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p:first-child{font-size:18px;color:var(--paper)}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .company-details{font-size:11px;margin-top:25px}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .company-details>div{padding:12px 0;grid-template-columns:90px 1fr}
html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note{padding:23px 0 0}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note h3{font-size:22px;margin-bottom:10px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note p{max-width:none;font-size:12px;line-height:1.85}
html.ys-about-documentary-root body.ys-about-documentary .range-layout{display:block;margin-top:32px}html.ys-about-documentary-root body.ys-about-documentary .range-overview{font-size:16px;max-width:650px;line-height:1.85;margin-bottom:35px}
html.ys-about-documentary-root body.ys-about-documentary .application{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:35px 0}
html.ys-about-documentary-root body.ys-about-documentary .application .story-image{height:300px}html.ys-about-documentary-root body.ys-about-documentary .application .application-context{display:block;margin:0 0 14px;padding:0;font-size:11px}
html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:32px;line-height:1.25;margin-bottom:18px;max-width:440px}
html.ys-about-documentary-root body.ys-about-documentary .application p{font-size:14px;line-height:1.9;max-width:430px}html.ys-about-documentary-root body.ys-about-documentary .application a{font-size:12px;margin-top:19px}
html.ys-about-documentary-root body.ys-about-documentary .application:nth-child(2) .story-photo{order:2}html.ys-about-documentary-root body.ys-about-documentary .application:nth-child(2) .detail-copy{order:1}
html.ys-about-documentary-root body.ys-about-documentary .range-chapter .story-photo figcaption{color:#625a51}html.ys-about-documentary-root body.ys-about-documentary .range-footnote{margin-top:25px}
html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:45px}
html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body{display:block;margin:0}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body p{font-size:14px;line-height:1.95;max-width:510px}
html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body .brand-closing{font-size:16px;margin-top:20px}
html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .enquiry-notes{margin-top:30px;font-size:11px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .enquiry-notes>div{padding:12px 0}
html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .story-image{height:440px}
@media(max-width:1150px){html.ys-about-documentary-root body.ys-about-documentary .identity-editorial,html.ys-about-documentary-root body.ys-about-documentary .application,html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial{gap:40px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .story-image{height:440px}html.ys-about-documentary-root body.ys-about-documentary .application .story-image{height:290px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .story-image{height:390px}}
@media(max-width:980px){html.ys-about-documentary-root body.ys-about-documentary .identity-editorial{gap:30px;align-items:start}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .story-image{height:360px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p:first-child{font-size:16px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p{font-size:13px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .company-details>div{grid-template-columns:75px 1fr}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note h3{font-size:20px}html.ys-about-documentary-root body.ys-about-documentary .application{gap:32px}html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:28px}html.ys-about-documentary-root body.ys-about-documentary .application p{font-size:13px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial{gap:32px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .story-image{height:360px}}
@media(max-width:650px){html.ys-about-documentary-root body.ys-about-documentary .identity-editorial,html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial{grid-template-columns:1fr;gap:27px;margin-top:30px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .story-image{height:340px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p:first-child{font-size:15px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .identity-copy>p{font-size:13px;margin-bottom:16px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .company-details{margin-top:22px}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note{padding:20px 0 0}html.ys-about-documentary-root body.ys-about-documentary .identity-editorial .approach-note h3{font-size:21px}html.ys-about-documentary-root body.ys-about-documentary .range-overview{font-size:14px;line-height:1.85;margin-bottom:25px}html.ys-about-documentary-root body.ys-about-documentary .application{grid-template-columns:1fr;gap:23px;padding:29px 0}html.ys-about-documentary-root body.ys-about-documentary .application .story-image{height:290px}html.ys-about-documentary-root body.ys-about-documentary .application:nth-child(2) .story-photo{order:0}html.ys-about-documentary-root body.ys-about-documentary .application:nth-child(2) .detail-copy{order:1}html.ys-about-documentary-root body.ys-about-documentary .application h3{font-size:27px;margin-bottom:13px}html.ys-about-documentary-root body.ys-about-documentary .application p{font-size:13px;line-height:1.85}html.ys-about-documentary-root body.ys-about-documentary .application .application-context{margin-bottom:10px}html.ys-about-documentary-root body.ys-about-documentary .application a{font-size:11px;margin-top:16px}html.ys-about-documentary-root body.ys-about-documentary .story-photo figcaption{font-size:10px;margin-top:9px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .story-image{height:330px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .story-photo{order:0}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body{order:1}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body p{font-size:13px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .conversation-body .brand-closing{font-size:15px}html.ys-about-documentary-root body.ys-about-documentary .conversation-editorial .enquiry-notes{margin-top:26px}}
@media(prefers-reduced-motion:reduce){html.ys-about-documentary-root{scroll-behavior:auto}html.ys-about-documentary-root body.ys-about-documentary *,html.ys-about-documentary-root body.ys-about-documentary *:before,html.ys-about-documentary-root body.ys-about-documentary *:after{animation:none!important;transition:none!important}html.ys-about-documentary-root.motion-ready .opening-photo,html.ys-about-documentary-root.motion-ready .opening-title h1 span,html.ys-about-documentary-root.motion-ready .chapter-motion{opacity:1;transform:none;clip-path:none}html.ys-about-documentary-root.motion-ready .scene-image img,html.ys-about-documentary-root.motion-ready .scene-image .photo-button:hover img{transform:none}html.ys-about-documentary-root body.ys-about-documentary .reading-progress{display:none}}

html.ys-about-documentary-root body.ys-about-documentary.about-page .type-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
html.ys-about-documentary-root body.ys-about-documentary.about-page .type-line-inner{display:block;transform-origin:0 100%}
html.ys-about-documentary-root body.ys-about-documentary.about-page .opening-title h1 .type-line-inner{margin-left:0}
html.ys-about-documentary-root.motion-ready .about-page .opening-photo{clip-path:inset(0 12% 15% 12%);opacity:.42;transition:clip-path 1.35s var(--ease),opacity 1s var(--ease)}
html.ys-about-documentary-root.motion-ready.hero-in .about-page .opening-photo{clip-path:inset(0);opacity:1}
html.ys-about-documentary-root.motion-ready .about-page .opening-title h1>.type-line{opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .opening-title .type-line-inner{opacity:.15;transform:translate3d(0,112%,0) rotate(2deg);transition:transform 1.1s var(--ease),opacity .8s var(--ease);transition-delay:calc(var(--line-index,0) * 160ms + 180ms)}
html.ys-about-documentary-root.motion-ready.hero-in .about-page .opening-title .type-line-inner{opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .chapter-motion{opacity:.12;transform:translate3d(0,32px,0);transition:opacity .65s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0ms)}
html.ys-about-documentary-root.motion-ready .about-page .chapter-motion:is(.is-in,:focus-within){opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .motion-heading{opacity:1;transform:none;transition:none}
html.ys-about-documentary-root.motion-ready .about-page .motion-heading .type-line-inner{opacity:.15;transform:translate3d(0,110%,0) rotate(1.6deg);transition:transform .95s var(--ease),opacity .7s var(--ease);transition-delay:calc(var(--line-index,0) * 120ms)}
html.ys-about-documentary-root.motion-ready .about-page .motion-heading:is(.is-in,:focus-within) .type-line-inner{opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .story-photo.chapter-motion{opacity:1;transform:none;transition:none}
html.ys-about-documentary-root.motion-ready .about-page .story-photo .story-image{opacity:.3;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s var(--ease),opacity .6s var(--ease)}
html.ys-about-documentary-root.motion-ready .about-page .story-photo .photo-button img{transform:translate3d(26px,0,0);transition:transform 1.15s var(--ease)}
html.ys-about-documentary-root.motion-ready .about-page .application:nth-child(2) .story-image{clip-path:inset(0 0 0 100%)}
html.ys-about-documentary-root.motion-ready .about-page .application:nth-child(2) .photo-button img{transform:translate3d(-26px,0,0)}
html.ys-about-documentary-root.motion-ready .about-page .story-photo figcaption{opacity:0;transform:translate3d(0,9px,0);transition:opacity .5s var(--ease),transform .65s var(--ease);transition-delay:200ms}
html.ys-about-documentary-root.motion-ready .about-page .story-photo:is(.is-in,:focus-within) .story-image{opacity:1;clip-path:inset(0)}
html.ys-about-documentary-root.motion-ready .about-page .story-photo:is(.is-in,:focus-within) .photo-button img{transform:none}
html.ys-about-documentary-root.motion-ready .about-page .story-photo:is(.is-in,:focus-within) figcaption{opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .detail-copy.chapter-motion,html.ys-about-documentary-root.motion-ready .about-page .field-group.chapter-motion{opacity:1;transform:none;transition:none}
html.ys-about-documentary-root.motion-ready .about-page .detail-copy>:is(span,h3,p,a){opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s var(--ease),transform .8s var(--ease);transition-delay:var(--detail-delay,0ms)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .detail-copy>h3{--detail-delay:90ms}html.ys-about-documentary-root body.ys-about-documentary.about-page .detail-copy>p{--detail-delay:170ms}html.ys-about-documentary-root body.ys-about-documentary.about-page .detail-copy>a{--detail-delay:240ms}
html.ys-about-documentary-root.motion-ready .about-page .detail-copy:is(.is-in,:focus-within)>:is(span,h3,p,a){opacity:1;transform:none}
html.ys-about-documentary-root.motion-ready .about-page .field-group>div{opacity:.15;transform:translate3d(18px,0,0);transition:opacity .6s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--field-index,0) * 65ms)}
html.ys-about-documentary-root.motion-ready .about-page .field-group:is(.is-in,:focus-within)>div{opacity:1;transform:none}
html.ys-about-documentary-root body.ys-about-documentary.about-page .application{position:relative}
html.ys-about-documentary-root.motion-ready .about-page .application{border-top-color:transparent}
html.ys-about-documentary-root.motion-ready .about-page .application:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:#19161230;transform:scaleX(0);transform-origin:left;transition:transform 1.05s var(--ease)}
html.ys-about-documentary-root.motion-ready .about-page .application:nth-child(2):before{transform-origin:right}
html.ys-about-documentary-root.motion-ready .about-page .application.is-in:before{transform:scaleX(1)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button .zoom{transition:transform .4s var(--ease)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button .zoom svg,html.ys-about-documentary-root body.ys-about-documentary.about-page a>svg{transition:transform .35s var(--ease)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-nav a{position:relative}
html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-nav a:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-nav a[aria-current='location']:after{transform:scaleX(1)}
html.ys-about-documentary-root body.ys-about-documentary.about-page .reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:80}
html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox[open]{animation:about-dialog-in .36s var(--ease) both}
html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox[open]::backdrop{animation:about-backdrop-in .3s ease both}
html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox[open]>img{animation:about-full-image-in .45s var(--ease) both}
html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox.is-closing{animation:about-dialog-out .16s ease both}
html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox.is-closing::backdrop{animation:about-backdrop-out .16s ease both}
@keyframes about-dialog-in{from{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes about-dialog-out{to{opacity:0;transform:translate3d(0,8px,0) scale(.985)}}
@keyframes about-full-image-in{from{clip-path:inset(4% 5%)}to{clip-path:inset(0)}}
@keyframes about-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes about-backdrop-out{to{opacity:0}}
@keyframes about-menu-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
 html.ys-about-documentary-root body.ys-about-documentary.about-page .story-photo:is(.is-in,:focus-within) .photo-button:hover img{transform:scale(1.018)}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button:hover .zoom{transform:translate3d(-4px,4px,0)}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button:hover .zoom svg{transform:translate3d(2px,-2px,0)}
 html.ys-about-documentary-root body.ys-about-documentary.about-page a:hover>svg{transform:translateX(5px)}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-nav a:hover:after{transform:scaleX(1)}
}
@media(max-width:980px){html.ys-about-documentary-root body.ys-about-documentary.about-page .nav.open{animation:about-menu-in .3s var(--ease) both}}
@media(max-width:650px){
 html.ys-about-documentary-root body.ys-about-documentary.about-page .approach-note{padding-left:0}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .identity-editorial .approach-note p{line-height:2}
 html.ys-about-documentary-root.motion-ready .about-page .story-photo .photo-button img{transform:translate3d(14px,0,0)}
 html.ys-about-documentary-root.motion-ready .about-page .application:nth-child(2) .photo-button img{transform:translate3d(-14px,0,0)}
 html.ys-about-documentary-root.motion-ready .about-page .story-photo:is(.is-in,:focus-within) .photo-button img{transform:none}
 html.ys-about-documentary-root.motion-ready .about-page .story-photo .story-image{transition-duration:.85s,.5s}
 html.ys-about-documentary-root.motion-ready .about-page .motion-heading .type-line-inner{transition-duration:.8s,.6s}
}
@media(prefers-reduced-motion:reduce){
 html.ys-about-documentary-root body.ys-about-documentary.about-page .type-line{overflow:visible}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .type-line-inner,html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-motion,html.ys-about-documentary-root body.ys-about-documentary.about-page .story-image,html.ys-about-documentary-root body.ys-about-documentary.about-page .story-photo img,html.ys-about-documentary-root body.ys-about-documentary.about-page .story-photo figcaption,html.ys-about-documentary-root body.ys-about-documentary.about-page .detail-copy>:is(span,h3,p,a),html.ys-about-documentary-root body.ys-about-documentary.about-page .field-group>div{opacity:1!important;transform:none!important;clip-path:none!important}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .application:before,html.ys-about-documentary-root body.ys-about-documentary.about-page .chapter-nav a[aria-current='location']:after{transform:scaleX(1)}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button:hover img,html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button:hover .zoom,html.ys-about-documentary-root body.ys-about-documentary.about-page .photo-button:hover .zoom svg,html.ys-about-documentary-root body.ys-about-documentary.about-page a:hover>svg{transform:none!important}
 html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox[open],html.ys-about-documentary-root body.ys-about-documentary.about-page .lightbox[open]>img{opacity:1;transform:none;clip-path:none}
}