:root{--paper:#f7f7f3;--ink:#151515;--muted:#70716d;--line:#d9dad4;--blue:#205ee6;--gutter:clamp(20px,2.78vw,64px);--ease:cubic-bezier(.22,.8,.24,1);font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Hiragino Sans GB","Microsoft YaHei",sans-serif;color-scheme:light}
html:has(#lightbox[open]){overflow:hidden}.section{scroll-margin-top:105px}
html .hero-stage{touch-action:pinch-zoom}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-weight:400;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{border:0;padding:0;font:inherit;color:inherit;background:none;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}::selection{background:#c4d7ff;color:#072052}html:has(.on-home),html:has(.menu-open){scrollbar-gutter:auto}.on-home,.menu-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
[data-theme="dark"]{--paper:#111210;--ink:#f4f4ee;--muted:#a2a49b;--line:#363832;color-scheme:dark}
.site-header{position:fixed;top:0;left:0;right:0;padding:26px var(--gutter);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(17px,1.65vw,26px);transition:color .4s,background .4s}.on-home .site-header{color:var(--hero-ink,#fff)}.home-link{letter-spacing:-.045em;white-space:nowrap}.home-link>span{margin-left:.4em;font-size:.88em;letter-spacing:-.025em}#menu-toggle{display:flex;gap:12px;align-items:baseline}#menu-toggle>span{font-size:.85em}.site-header a:hover,#menu-toggle:hover{opacity:.65}.on-chapter .site-header{background:color-mix(in srgb,var(--paper) 89%,transparent);backdrop-filter:blur(14px)}.menu-open .site-header{color:var(--ink);background:transparent;backdrop-filter:none}
.intro-screen{position:fixed;inset:0;z-index:100;background:#101110;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;pointer-events:none;transition:opacity .7s var(--ease),visibility .7s}.intro-screen span{font-size:clamp(27px,5.4vw,84px);letter-spacing:-.04em}.intro-screen em{font-style:normal;font-weight:350;margin-left:.2em}.intro-screen small{font-size:14px;opacity:.55;letter-spacing:.14em}.intro-screen.finished{opacity:0;visibility:hidden}
#home{height:100svh;min-height:280px;touch-action:pan-y pinch-zoom;position:relative;background:var(--hero-bg,#205ee6);color:var(--hero-ink,#fff);transition:background .85s var(--ease),color .4s}.hero-stage{position:absolute;inset:0;perspective:1400px;overflow:hidden;touch-action:none;cursor:grab}.hero-stage:active{cursor:grabbing}.hero-panel{position:absolute;inset:0;display:grid;place-items:center;grid-template: minmax(0,1fr) / minmax(0,1fr);padding:clamp(88px,11svh,156px) var(--gutter) clamp(100px,12svh,168px);cursor:inherit;transform-origin:center;visibility:hidden;overflow:hidden;backface-visibility:hidden}.hero-panel.active{visibility:visible;z-index:2}.hero-panel.animating{visibility:visible;pointer-events:none}.hero-art{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;position:relative;pointer-events:none}.hero-art>img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}.hero-panel:is([data-kind=cover],[data-kind=closing],[data-kind=waicy]){padding:0}.hero-panel[data-kind=cover] .hero-art,.hero-panel[data-kind=closing] .hero-art{width:min(100%,160svh);height:calc(100% - 200px)}.hero-panel[data-kind=waicy] .hero-art{width:100%;height:100%;isolation:isolate}.hero-waicy-word{position:absolute;top:22%;left:9%;font-size:clamp(80px,23vw,420px);font-weight:600;line-height:.9;letter-spacing:-.075em;color:#145c43}.hero-panel[data-kind=waicy] .hero-art img{position:absolute;width:57%;height:43%;bottom:16%;right:9%;object-fit:contain;background:#162c24}.hero-waicy-sub{position:absolute;left:9%;bottom:17%;font-size:clamp(14px,1.3vw,24px);line-height:1.65;text-align:left;color:#145c43}.hero-panel[data-kind=film] .hero-art{width:min(86vw,1280px);height:100%;max-height:720px}.hero-panel[data-kind=training] .hero-art{width:min(76vw,1080px);height:100%;max-height:min(64svh,720px)}.hero-panel[data-kind=talent] .hero-art{width:min(76vw,900px);height:100%;max-height:680px}.hero-panel[data-kind=talent] .hero-art>img{object-fit:contain}.home-footer{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:17% 1fr auto auto;align-items:center;gap:18px;font-size:clamp(16px,1.6vw,26px);z-index:5}.home-hint{font-size:12px;opacity:.64;margin-right:35px;letter-spacing:.04em}.arrows{display:flex;gap:12px}.arrows button{min-width:40px;min-height:42px;font-size:30px;line-height:1;transition:transform .3s,opacity .3s}.arrows button:hover{transform:translateX(4px);opacity:.6}.arrows button:first-child:hover{transform:translateX(-4px)}#slide-link:hover{opacity:.65}.explore-cursor{position:fixed;z-index:45;pointer-events:none;opacity:0;font-size:15px;color:#fff;mix-blend-mode:difference;transform:translate(18px,18px);transition:opacity .2s}.explore-cursor.visible{opacity:1}
#index-menu{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(45px);color:var(--ink);display:flex;flex-direction:column;padding:120px var(--gutter) 28px;overflow:auto;animation:menu-reveal .6s var(--ease)}@keyframes menu-reveal{from{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}#chapter-nav{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;padding-bottom:42px;gap:3px}#chapter-nav a{display:flex;align-items:baseline;gap:35px;width:fit-content;max-width:100%;font-size:clamp(28px,min(5.3vw,8.4svh),96px);line-height:1.25;letter-spacing:-.055em;transition:opacity .25s,transform .35s var(--ease)}#chapter-nav a[aria-current=page]>small{opacity:.6;transform:none}#chapter-nav a>small{font-size:14px;letter-spacing:0;opacity:0;transform:translateX(-12px);transition:opacity .25s,transform .25s;min-width:24px}#chapter-nav a:hover,#chapter-nav a:focus-visible{transform:translateX(10px)}#chapter-nav a:hover>small,#chapter-nav a:focus-visible>small{opacity:1;transform:none}#chapter-nav:has(a:hover) a:not(:hover){opacity:.35}#menu-preview{position:absolute;right:8%;top:25%;width:34%;height:49%;opacity:.13;transition:opacity .4s;pointer-events:none;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;transform:rotate(-6deg)}#menu-preview img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain}#index-menu:has(nav a:hover) #menu-preview{opacity:.7}.menu-footer{display:grid;grid-template-columns:17% 1fr auto;gap:18px;font-size:15px;position:relative;z-index:3}.menu-footer>a:hover{text-decoration:underline}#theme-toggle{display:flex;gap:9px;align-items:center;width:max-content}#theme-toggle i{width:9px;height:9px;border-radius:100%;background:currentColor}.clock{font-variant-numeric:tabular-nums}
.chapter-head{min-height:85svh;display:flex;justify-content:flex-end;flex-direction:column;padding:160px var(--gutter) 75px}.chapter-eyebrow{display:flex;gap:80px;font-size:14px;color:var(--muted);margin-bottom:40px}.chapter-head h1{font-weight:400;letter-spacing:-.065em;font-size:clamp(68px,11.3vw,200px);line-height:1.13;max-width:100%;overflow-wrap:break-word}.chapter-head h1.latin{letter-spacing:-.075em;font-size:clamp(100px,20vw,350px)}.chapter-intro{padding:40px var(--gutter) 120px;font-size:clamp(24px,3.35vw,56px);line-height:1.4;letter-spacing:-.035em}.chapter-intro .aside-label{display:inline-block;font-size:14px;letter-spacing:0;color:var(--muted);width:17%;vertical-align:top;padding-top:15px}.chapter-intro p{display:inline}.section{padding:110px var(--gutter)}.section + .section{padding-top:50px}.section-top{display:grid;grid-template-columns:17% 1fr;gap:18px;align-items:start;margin-bottom:55px}.section-top .aside-label{color:var(--muted);font-size:14px;line-height:1.7}.section-top h2{font-size:clamp(30px,4vw,72px);line-height:1.22;letter-spacing:-.045em;font-weight:400}.section-top p{font-size:17px;line-height:1.8;max-width:790px;margin-top:25px;color:var(--muted)}.prose{display:grid;grid-template-columns:17% 1fr;gap:18px}.prose-content{max-width:990px}.prose p{font-size:clamp(18px,2.15vw,34px);line-height:1.7;margin:0 0 45px;letter-spacing:-.02em}.prose p:last-child{margin-bottom:0}.media{background:#e9e9e3;width:100%;overflow:hidden}.media button{width:100%;display:block;cursor:zoom-in}.media img{width:100%;height:auto;max-height:90svh;object-fit:contain}.media-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:14px;line-height:1.5;color:var(--muted)}.bleed{margin:0 var(--gutter)}.bleed>.media{background:transparent}.blue-field{background:var(--blue);color:#fff;padding:100px var(--gutter)}.blue-field .section-top .aside-label,.blue-field .section-top p{color:#d4e1ff}.blue-field .stats{border-color:#ffffff50}.blue-field .stats small{color:#d4e1ff}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;gap:35px}.stats.two{grid-template-columns:repeat(2,1fr)}.stats strong{display:block;font-weight:400;font-size:clamp(65px,9vw,170px);letter-spacing:-.065em;white-space:nowrap}.stats strong em{font-size:.33em;font-style:normal;margin-left:5px;letter-spacing:-.04em}.stats p{font-size:18px;line-height:1.6;margin-top:6px}.stats small{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}.timeline{display:flex;justify-content:space-between;margin-top:70px;padding-top:20px;border-top:1px solid currentColor;gap:25px;font-size:17px}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-cell{min-height:145px;display:grid;place-items:center;background:#fff;padding:35px;border-right:1px solid #dedfd9;border-bottom:1px solid #dedfd9}.logo-cell img{max-width:140px;width:100%;height:62px;object-fit:contain}.artist-names{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 16px;color:#205ee6;font-size:clamp(16px,1.8vw,29px);line-height:1.3}.artist-names span:first-child{grid-column:span 2}.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:65px;align-items:center}.photo-strip img{height:220px;object-fit:contain;width:100%}.business-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.business-links a{background:var(--paper);padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:130px;font-size:clamp(22px,2.7vw,42px);letter-spacing:-.04em}.business-links a:hover{background:var(--blue);color:white}.business-links small{font-size:12px;letter-spacing:.05em;display:block;margin-bottom:15px;color:var(--muted)}.business-links a:hover small{color:inherit}
.work-carousel{position:relative}.work-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:15px}.work-controls>div{display:flex;align-items:center;gap:28px}.work-controls button{min-width:42px;min-height:44px}.work-controls button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.work-slide .media{position:relative;background:#090909;height:67svh;min-height:330px}.work-slide[aria-busy=true] .media::after{content:"载入中…";position:absolute;left:14px;bottom:14px;padding:6px 9px;color:#fff;background:#151515cc;font-size:12px;pointer-events:none}.work-slide .media button{height:100%}.work-slide .media img{height:100%;object-fit:contain;max-height:none}.work-caption{padding:25px 0;display:grid;grid-template-columns:17% 1fr;gap:18px}.work-caption h3{font-size:clamp(24px,3vw,48px);font-weight:400;line-height:1.4;letter-spacing:-.04em}.work-caption p{font-size:15px;line-height:1.8;margin-top:16px;color:var(--muted)}.work-caption .external-link{margin-top:18px}.external-link{font-size:15px;display:inline-block;text-decoration:underline;text-underline-offset:6px;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.work-grid button{text-align:left;display:block}.work-grid .thumb{height:220px;background:#111;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;overflow:hidden}.work-grid img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.work-grid span{font-size:17px;line-height:1.6;display:block;margin-top:14px}.work-grid button:hover img{transform:scale(1.035);transition:transform .4s}.litu-window{position:relative;width:100%;aspect-ratio:2144/920;overflow:hidden;background:#090909}.litu-window>img{position:absolute!important;width:122.2948%!important;max-width:none!important;height:auto!important;left:-11.1474%;top:-15.5435%;max-height:none!important;object-fit:initial!important}.work-slide .litu-window{max-width:100%;width:min(100%,155svh);margin:auto}.work-slide .media button:has(.litu-window){display:grid;place-items:center}.work-grid .litu-window{width:100%}.work-slide .media:has(.yili-window){height:auto;aspect-ratio:16/9}.work-slide .media button:has(.yili-window){display:block;height:auto}.yili-window{width:100%;aspect-ratio:16/9;background:#000}.yili-window>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}.work-grid .yili-window{width:100%}.lightbox-image>.yili-window{width:min(100%,calc((100svh - 190px)*1.7778));aspect-ratio:16/9}.lightbox-image>.yili-window>img{width:100%;height:100%;object-fit:contain}.phase-title{font-size:clamp(26px,3.2vw,54px);font-weight:400;letter-spacing:-.045em;margin:75px 0 38px}.learner-initials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:75px}.learner-initials .media{background:transparent}.learner-initials .media img{height:52svh;object-fit:contain}.learner-initials figcaption{font-size:14px;color:var(--muted);padding:15px 0}.student-solo{padding:50px 0;border-top:1px solid var(--line)}.student-solo h3{font-size:28px;font-weight:400;margin-bottom:30px}.student-solo h3 small{font-size:15px;margin-left:20px;color:var(--muted)}.student-solo .media{background:transparent}.student-solo .media img{max-height:82svh}.trophies{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;margin:65px 0 45px}.trophies img{height:200px;width:100%;object-fit:contain}.awards-list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid var(--line);padding-top:26px}.awards-list strong{font-size:19px;font-weight:500;line-height:1.6}.awards-list p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:15px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.pair .media img{height:65svh;object-fit:contain}.pair h3{font-size:28px;font-weight:400;margin:20px 0 12px}.pair p{line-height:1.8;font-size:16px;color:var(--muted)}.writer{padding-block:70px;border-top:1px solid var(--line);margin-top:70px;display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.writer h3{font-size:clamp(65px,7vw,120px);font-weight:400;letter-spacing:-.06em}.writer small{font-size:15px;color:var(--muted);display:block;margin-top:20px}.writer p{font-size:23px;line-height:1.6}.writer .stats{grid-template-columns:1fr 1fr;margin-top:30px}.writer .stats strong{font-size:65px}.writer .stats p{font-size:14px}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:60px}.three-up .media img{height:63svh;object-fit:contain}.training-collage{display:grid;grid-template-columns:1fr 1fr;gap:25px}.training-collage .media{background:transparent}.training-collage img{height:400px;object-fit:contain}.program{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--line);padding-top:35px}.program small{font-size:15px;color:var(--muted)}.program h3{font-size:clamp(30px,3.7vw,60px);font-weight:400;letter-spacing:-.04em;line-height:1.3;margin:25px 0}.program p{font-size:18px;line-height:1.9;color:var(--muted);margin-top:25px}.student{padding:55px 0;border-top:1px solid var(--line)}.student h3{font-size:28px;font-weight:400;margin-bottom:32px}.student h3 small{font-size:15px;margin-left:20px;color:var(--muted)}.student .media{background:transparent}.student img{height:46svh;object-fit:contain}.student figcaption{font-size:14px;color:var(--muted);padding:17px 0}.closing-copy{text-align:center;font-size:clamp(35px,6vw,100px);letter-spacing:-.065em;line-height:1.4}.closing-actions{display:flex;justify-content:center;gap:40px;margin-top:50px}.next-chapter{display:block;padding:60px var(--gutter) 80px;background:var(--next-bg);color:var(--next-ink);min-height:62svh;display:flex;flex-direction:column;justify-content:space-between;gap:65px;overflow:hidden}.next-chapter>.next-label{font-size:15px;display:flex;justify-content:space-between}.next-chapter .next-name{display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:clamp(45px,8.3vw,150px);line-height:1.2;letter-spacing:-.055em}.next-name .next-arrow{font-size:1.2em;transition:transform .4s var(--ease)}.next-chapter:hover .next-arrow{transform:translateX(15px)}.chapter-footer{padding:25px var(--gutter);display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:25px}.chapter-footer a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in-view{opacity:1;transform:none}
#lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;background:#090909;color:#fff;padding:80px var(--gutter) 30px}#lightbox::backdrop{background:#090909}.lightbox-close{position:absolute;right:var(--gutter);top:25px;min-height:44px;font-size:17px}.lightbox-image{height:calc(100% - 60px);display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center}.lightbox-image>img{width:100%;height:100%;object-fit:contain;max-height:calc(100svh - 175px)}.lightbox-image>.litu-window{width:min(100%,calc((100svh - 190px)*2.33))}.lightbox-caption{padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:15px;line-height:1.6}.no-script{position:fixed;inset:0;z-index:150;display:grid;place-content:center;padding:40px;background:var(--paper);line-height:2}
@media(min-width:1800px){.section,.chapter-intro{padding-inline:max(var(--gutter),calc((100vw - 1800px)/2))}}
@media(max-width:900px){.artist-names{grid-template-columns:repeat(4,1fr)}.work-grid{grid-template-columns:1fr 1fr}.logo-grid{grid-template-columns:repeat(4,1fr)}.logo-cell{padding:25px;min-height:110px}.logo-cell img{height:50px}.home-hint{display:none}.home-footer{grid-template-columns:17% 1fr auto}.section-top,.prose,.work-caption{grid-template-columns:1fr;gap:25px}.chapter-intro .aside-label{display:block;width:auto;padding:0;margin-bottom:25px}.menu-footer{grid-template-columns:auto 1fr;row-gap:22px}.menu-footer>a{grid-column:2;text-align:right}.clock{text-align:right}.photo-strip{grid-template-columns:1fr 1fr}.awards-list{grid-template-columns:1fr 1fr}.writer{grid-template-columns:1fr}.training-collage img{height:290px}.section{padding-block:75px}.chapter-head{min-height:72svh}.chapter-intro{padding-bottom:75px}.next-chapter{min-height:50svh}}
@media(max-width:600px){.site-header{padding-top:20px;padding-bottom:20px;font-size:17px;gap:10px}.home-link>span{font-size:14px;margin-left:5px}#menu-toggle{gap:6px}#menu-toggle>span{font-size:13px}#home{min-height:280px}.hero-panel{padding:92px 20px 104px}.hero-panel[data-kind=cover] .hero-art,.hero-panel[data-kind=closing] .hero-art{width:100%;height:calc(100% - 168px)}.hero-panel[data-kind=film] .hero-art{width:100%;height:100%}.hero-panel[data-kind=training] .hero-art{width:100%;height:100%}.hero-panel[data-kind=talent] .hero-art{width:100%;height:100%}.hero-waicy-word{font-size:26vw;left:5%;top:28%}.hero-panel[data-kind=waicy] .hero-art img{width:88%;height:35%;right:6%;bottom:21%}.hero-waicy-sub{left:6%;bottom:14%;font-size:12px;line-height:1.5}.hero-waicy-sub br{display:none}.home-footer{grid-template-columns:28px 1fr auto;gap:12px;font-size:15px;bottom:max(21px,env(safe-area-inset-bottom))}.arrows{gap:0}.arrows button{font-size:25px;min-width:36px}#slide-title{font-size:14px}.intro-screen span{font-size:27px}.intro-screen small{font-size:11px}.explore-cursor{display:none!important}#index-menu{padding-top:100px;padding-bottom:24px}#chapter-nav{gap:19px;padding-bottom:55px;justify-content:center}#chapter-nav a{font-size:clamp(24px,min(8.7vw,6svh),48px);gap:17px;line-height:1.3}#chapter-nav a>small{opacity:.5;font-size:11px;min-width:15px;transform:none}#menu-preview{right:0;top:27%;width:80%;height:40%;opacity:.09}.menu-footer{font-size:12px;gap:23px 10px}.menu-footer>a{font-size:12px}.chapter-head{min-height:64svh;padding-top:145px;padding-bottom:55px}.chapter-eyebrow{gap:35px;margin-bottom:35px;font-size:12px}.chapter-head h1{font-size:16vw;letter-spacing:-.07em}.chapter-head h1.latin{font-size:27vw}.chapter-intro{padding-top:15px;font-size:25px;line-height:1.55;letter-spacing:-.035em}.section{padding-block:65px}.section-top{margin-bottom:35px;gap:18px}.section-top h2{font-size:33px}.section-top p{font-size:15px;margin-top:20px}.section-top .aside-label{font-size:12px}.prose p{font-size:18px;line-height:1.9;margin-bottom:30px}.stats{grid-template-columns:1fr;gap:40px}.stats.two{grid-template-columns:1fr 1fr;gap:12px}.stats strong{font-size:75px}.stats.two strong{font-size:57px}.stats p{font-size:16px}.stats small{font-size:12px}.timeline{font-size:12px;gap:12px;margin-top:45px}.blue-field{padding-block:65px}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-cell{min-height:88px;padding:18px}.logo-cell img{height:40px}.artist-names{grid-template-columns:repeat(3,1fr);font-size:16px;gap:22px 10px}.photo-strip{gap:12px;margin-top:40px}.photo-strip img{height:140px}.business-links{grid-template-columns:1fr;margin-top:40px}.business-links a{font-size:28px;padding:25px;min-height:100px}.business-links small{font-size:11px}.work-slide .media{height:46svh;min-height:230px}.work-caption{gap:15px}.work-caption h3{font-size:26px}.work-caption p{font-size:14px}.work-controls{font-size:12px}.work-controls>div{gap:15px}.work-grid{gap:30px 15px}.work-grid .thumb{height:140px}.work-grid span{font-size:13px}.trophies{gap:15px;margin-top:35px}.trophies img{height:105px}.awards-list{gap:30px 20px}.awards-list strong{font-size:17px}.awards-list p{font-size:13px}.pair{gap:25px}.pair .media img{height:37svh}.pair h3{font-size:22px}.pair p{font-size:14px}.writer{gap:30px;margin-top:45px;padding-block:40px}.writer p{font-size:19px}.writer .stats{gap:25px 15px}.writer .stats strong{font-size:53px}.writer .stats p{font-size:12px}.three-up{gap:12px;margin-bottom:35px}.three-up .media img{height:34svh}.training-collage{gap:12px}.training-collage img{height:175px}.program{grid-template-columns:1fr;gap:50px}.program h3{font-size:32px}.program p{font-size:16px}.student{padding:40px 0}.student h3{font-size:25px}.student .pair{grid-template-columns:1fr}.student img{height:auto;max-height:60svh}.media-caption{font-size:11px;padding-block:13px}.next-chapter{min-height:44svh;padding-top:35px;padding-bottom:50px;gap:60px}.next-chapter>.next-label{font-size:12px}.next-chapter .next-name{font-size:13vw;gap:10px}.closing-actions{flex-direction:column;gap:25px;align-items:center}.chapter-footer{font-size:11px;line-height:1.7;flex-wrap:wrap}.lightbox-caption{font-size:12px;gap:15px;flex-wrap:wrap}.lightbox-close{font-size:15px}.clock{font-size:11px}.phase-title{font-size:26px;margin:55px 0 26px}.learner-initials{gap:12px;margin-bottom:50px}.learner-initials .media img{height:26svh}.learner-initials figcaption{font-size:11px;padding:10px 0}.student-solo{padding:36px 0}.student-solo h3{font-size:24px;margin-bottom:22px}}
@media(max-height:600px){.hero-panel{padding-top:88px;padding-bottom:86px}.hero-waicy-word{top:22%;font-size:min(20vw,29svh)}.hero-panel[data-kind=waicy] .hero-art img{bottom:25%;height:38%;width:48%}.hero-waicy-sub{bottom:27%;font-size:12px}.hero-waicy-sub br{display:block}.hero-panel[data-kind=cover] .hero-art,.hero-panel[data-kind=closing] .hero-art{height:calc(100% - 184px)}#index-menu{padding-top:84px}#chapter-nav{padding-bottom:25px;gap:5px}#chapter-nav a{font-size:clamp(22px,6svh,36px)}.menu-footer{row-gap:8px}}
@media(hover:hover) and (pointer:fine){.hero-panel[data-kind=cover] .hero-art,.hero-panel[data-kind=closing] .hero-art{will-change:transform}}
/* Phone and portrait tablet composition: artwork above, context and controls below. */
.portrait-only,.reading-nav{display:none}
#slide-title::before{content:"（"}#slide-title::after{content:"）"}
.chapter-head h1:focus{outline:none}
.work-slide .media{touch-action:pan-y pinch-zoom}
@media(max-width:1100px) and (orientation:portrait){
  :root{--gutter:clamp(20px,4.5vw,36px)}
  html{scrollbar-gutter:auto}
  .site-header{padding:calc(16px + env(safe-area-inset-top)) var(--gutter) 12px;font-size:17px;gap:12px}
  .home-link{display:flex;align-items:baseline;gap:7px;min-height:44px;align-items:center}
  .home-link>span{font-size:13px;margin:0}
  #menu-toggle{min-height:44px;gap:6px;font-size:16px;align-items:center}#menu-toggle>span{font-size:12px}
  #home{height:100svh;min-height:500px}
  .hero-panel,.hero-panel:is([data-kind=cover],[data-kind=closing],[data-kind=waicy]){inset:calc(88px + env(safe-area-inset-top)) 0 calc(290px + env(safe-area-inset-bottom));padding:0 var(--gutter)}
  .hero-panel:is([data-kind=cover],[data-kind=closing]) .hero-art{width:100%;height:100%}
  .hero-panel[data-kind=film] .hero-art,.hero-panel[data-kind=training] .hero-art,.hero-panel[data-kind=talent] .hero-art{width:100%;height:100%;max-height:100%}
  .hero-panel[data-kind=waicy] .hero-art{width:100%;height:100%}
  .hero-waicy-word{left:0;top:8%;font-size:clamp(72px,24vw,210px)}
  .hero-panel[data-kind=waicy] .hero-art img{width:88%;height:58%;right:0;bottom:13%;background:transparent}
  .hero-waicy-sub{left:0;bottom:1%;font-size:11px;line-height:1.5}.hero-waicy-sub br{display:none}
  .home-footer{bottom:calc(22px + env(safe-area-inset-bottom));min-height:246px;grid-template-columns:1fr auto;gap:12px 16px;font-size:16px}
  .portrait-only{display:block}
  #slide-link{grid-column:1/-1;grid-row:1;width:fit-content;font-size:clamp(30px,8.4vw,52px);line-height:1.3;letter-spacing:-.045em}
  #slide-title{font-size:inherit}#slide-title::before,#slide-title::after{content:none}
  #slide-summary{grid-column:1/-1;grid-row:2;min-height:3.2em;max-width:36em;font-size:clamp(14px,3.8vw,18px);line-height:1.6;opacity:.92;letter-spacing:0}
  #slide-explore{grid-column:1;grid-row:3;display:flex;align-items:center;gap:26px;min-height:48px;width:fit-content;font-size:15px}
  #slide-explore>span{font-size:22px}
  .home-footer .arrows{grid-column:2;grid-row:3;gap:8px}.home-footer .arrows button{min-width:48px;min-height:48px;font-size:29px}
  #slide-number{grid-column:1;grid-row:4;font-size:12px;font-variant-numeric:tabular-nums}
  #slide-number::after{content:" / 06";opacity:.8}
  .home-hint{grid-column:2;grid-row:4;display:block;font-size:11px;margin:0;opacity:.85}.hint-desktop{display:none}
  .slide-progress{grid-column:1/-1;grid-row:5;display:flex;gap:7px;margin-top:3px}
  .slide-progress i{height:2px;flex:1;background:currentColor;opacity:.2;transition:opacity .2s}.slide-progress i.active{opacity:1}
  #index-menu{padding:calc(108px + env(safe-area-inset-top)) var(--gutter) calc(24px + env(safe-area-inset-bottom))}
  #chapter-nav{justify-content:center;gap:3px;padding-bottom:38px;flex-shrink:0}
  #chapter-nav a{font-size:clamp(27px,6.8vw,50px);gap:18px;line-height:1.35;min-height:55px;padding:9px 0;width:100%}
  #chapter-nav a>small{font-size:11px;min-width:18px;opacity:.4;transform:none}
  #chapter-nav a[aria-current=page]>small{opacity:1}#chapter-nav a[aria-current=page]>small::after{content:" ·"}
  #menu-preview{opacity:.05;right:0;top:30%;width:80%;height:35%}
  .menu-footer{grid-template-columns:auto 1fr;font-size:13px;gap:16px 12px;margin-top:auto}
  #theme-toggle,.menu-footer>a{min-height:44px;display:flex;align-items:center}.menu-footer>a{justify-content:flex-end;font-size:12px}
  .clock{align-self:center;font-size:11px}.menu-footer>a{grid-column:2}.menu-footer #theme-toggle{grid-row:1/3}
  .chapter-head{min-height:0;padding:calc(128px + env(safe-area-inset-top)) var(--gutter) 35px}
  .chapter-eyebrow{gap:26px;margin-bottom:26px;font-size:11px;line-height:1.5}
  .chapter-head h1{font-size:clamp(46px,12.8vw,92px);line-height:1.13;letter-spacing:-.055em}
  .chapter-head h1.latin{font-size:clamp(76px,25vw,175px)}
  .chapter-intro{font-size:clamp(21px,5.4vw,31px);line-height:1.6;padding:10px var(--gutter) 48px;letter-spacing:-.02em}
  .chapter-intro .aside-label{font-size:12px;margin-bottom:17px}
  .section{padding-block:60px}.section + .section{padding-top:24px}.section-top{gap:16px;margin-bottom:30px}.section-top h2{font-size:clamp(29px,7.5vw,45px)}
  .prose p{font-size:17px;line-height:1.85}.section-top p{font-size:15px;line-height:1.85}
  .media-caption{font-size:12px;line-height:1.7;flex-wrap:wrap;gap:7px}
  .work-controls{position:sticky;top:calc(74px + env(safe-area-inset-top));z-index:3;background:var(--paper);padding:9px 0;margin-bottom:14px;font-size:12px;gap:12px}
  .work-controls>div{gap:12px}.work-controls button{min-width:44px;min-height:48px}
  .work-slide .media{height:auto;min-height:0;aspect-ratio:16/10;max-height:60svh}
  .work-slide .media button{height:100%;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr)}
  .work-slide .media img{min-height:0;min-width:0;height:100%;width:100%}
  .work-slide .litu-window{width:100%}
  .work-caption{padding:20px 0 12px;gap:10px}.work-caption h3{font-size:23px;line-height:1.4}.work-caption p{font-size:14px;line-height:1.8;margin-top:12px}
  .work-caption .aside-label{font-size:11px;color:var(--muted)}
  .work-grid{gap:28px 14px}.work-grid .thumb{height:auto;aspect-ratio:4/3}.work-grid span{font-size:13px;line-height:1.6}
  .work-touch-hint{margin:0 0 14px;color:var(--muted);font-size:11px}
  .pair .media img{height:auto;max-height:60svh}.pair h3{font-size:23px}.pair p{font-size:14px}
  .writer .stats strong{font-size:clamp(34px,10vw,56px)}
  .three-up,.student .pair{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 12px;gap:16px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .three-up>*,.student .pair>*{scroll-snap-align:start;min-width:0}
  .three-up .media img{height:56svh;max-height:540px}
  .student h3{font-size:25px;margin-bottom:10px}.student .work-touch-hint{margin:0 0 20px}.student h3 small{font-size:13px;margin-left:15px}
  .student .pair .media img{height:32svh;max-height:360px;object-fit:contain}.student figcaption{font-size:12px;padding-block:10px}
  .training-collage{grid-template-columns:1fr;gap:20px}.training-collage img{height:auto;max-height:55svh}
  .program{grid-template-columns:1fr;gap:40px}.program h3{font-size:30px}.program p{font-size:16px;line-height:1.8}
  .next-chapter{min-height:280px;padding:34px var(--gutter) 46px;gap:60px}
  .next-chapter .next-name{font-size:clamp(30px,8vw,64px);gap:20px}.next-name>span:first-child{max-width:80%}
  .chapter-footer{font-size:11px;padding-bottom:25px}
  .on-chapter #chapter{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .reading-nav{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:20px;padding:7px var(--gutter) calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);font-size:13px}
  .reading-nav button,.reading-nav a{min-height:46px;display:flex;align-items:center;gap:9px}.reading-nav button{max-width:65%;text-align:left;line-height:1.4}.reading-nav a{white-space:nowrap}
  .reading-progress{position:absolute;top:-1px;left:0;right:0;height:2px;overflow:hidden}.reading-progress i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
  .menu-open .reading-nav{visibility:hidden}
  #lightbox{padding:calc(80px + env(safe-area-inset-top)) var(--gutter) calc(25px + env(safe-area-inset-bottom))}
  #lightbox[open]{display:flex;flex-direction:column;gap:20px}
  .lightbox-close{top:calc(16px + env(safe-area-inset-top));min-height:48px;font-size:15px}
  .lightbox-image{flex:1;min-height:0;height:auto}.lightbox-image>img{min-height:0;max-height:100%;width:100%;height:100%}
  .lightbox-image>.litu-window{width:100%}
  .lightbox-caption{flex-shrink:0;max-height:24svh;overflow:auto;font-size:14px;line-height:1.6;padding:0;gap:12px}
  .external-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
  .explore-cursor{display:none!important}
}
@media(max-width:600px) and (max-height:680px) and (orientation:portrait){
  .hero-panel,.hero-panel:is([data-kind=cover],[data-kind=closing],[data-kind=waicy]){inset:80px 0 calc(263px + env(safe-area-inset-bottom))}
  .home-footer{min-height:224px;gap:8px 12px;bottom:calc(16px + env(safe-area-inset-bottom))}#slide-link{font-size:27px}#slide-summary{font-size:13px}#slide-explore{font-size:14px}
  .hero-waicy-word{font-size:min(22vw,14svh);top:0}.hero-waicy-sub{font-size:9px}
  #index-menu{padding-top:calc(84px + env(safe-area-inset-top));padding-bottom:16px}#chapter-nav{padding-bottom:15px;gap:0}#chapter-nav a{min-height:47px;font-size:25px;padding-block:6px}.menu-footer{gap:6px 10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.intro-screen{display:none}.hero-art{will-change:auto}}