:root{--paper:#f3f3ef;--ink:#122e42;--line:#c9d1d3;--teal:#087d88}body{background:var(--paper)}#top{height:74px;background:#fff}#top img{width:205px}#main{min-height:calc(100vh - 124px)}.editorial{max-width:1640px;margin:auto;padding:26px 4vw 22px}.editorial-head{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:32px}.chapter{font-size:72px;font-weight:250;letter-spacing:-5px;line-height:1;color:var(--teal)}.chapter-title p{font-size:12px;letter-spacing:2px;color:var(--teal);margin:0 0 9px}.chapter-title h1{font-size:clamp(24px,2.4vw,38px);margin:0;letter-spacing:-1px}.lecture-controls{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13px;white-space:nowrap}.lecture-controls button{background:transparent;border:0;border-radius:0;font-size:14px;padding:10px}.lecture-controls #prev,.lecture-controls #next{font-size:23px}.editorial-body{animation:spread-in .55s ease both}.art{display:block;position:relative;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;min-width:0;width:100%;text-align:left}.art-frame{display:block;position:relative;width:100%;overflow:hidden}.art img{position:absolute;left:50%;top:50%;object-fit:contain;max-width:none;display:block}.art:hover .zoom-hint,.art:focus-visible .zoom-hint{opacity:1}.zoom-hint{opacity:0;transition:opacity .2s;position:absolute;bottom:9px;right:9px;background:#112c43d9;color:#fff;font-size:12px;padding:6px 9px;pointer-events:none}.prose p{font-size:clamp(16px,1.25vw,20px);line-height:1.8;margin:0 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}.prose>div+div{margin-top:20px}.history{display:flex;gap:6%;align-items:flex-start}.history-photo{width:55%;padding-top:25px}.photo-note{display:block;font-size:12px;letter-spacing:3px;margin:13px 0 25px;color:var(--teal)}.positioning{border-top:1px solid var(--line);padding-top:22px}.positioning p:first-child{font-size:23px;font-weight:600}.positioning p{font-size:17px}.chronology{width:39%}.era{font-size:clamp(42px,4.5vw,66px);line-height:1.2;font-weight:600;letter-spacing:-3px;margin-bottom:23px}.era span{font-size:25px;font-weight:300;letter-spacing:-1px;margin-left:10px}.milestone{position:relative;display:flex;gap:19px;border-left:1px solid #b0c3c7;padding:0 0 18px 23px}.milestone:before{content:'';position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--teal)}.milestone strong{font-size:19px;color:var(--teal)}.milestone p{margin:0;font-size:16px;line-height:1.65}.industry{display:flex;align-items:start;gap:6%}.industry-evidence{width:42%;padding-top:12px}.industry-cases{width:52%}.section-kicker{font-size:48px;letter-spacing:-2px;font-weight:300;margin:0 0 24px}.poster-story{display:flex;gap:19px;align-items:flex-start}.poster-story .art{width:calc((100% - 38px)/3)}.poster-story .poster-two{margin-top:56px}.poster-story .poster-three{margin-top:112px}.image-note{font-size:13px;color:var(--muted);margin:26px 0;text-align:right}.reader-label{border-top:3px solid var(--ink);padding-top:12px;display:flex;justify-content:space-between;font-size:14px;margin-bottom:20px}.reader-label span{font-size:12px;color:var(--muted)}.reader-main{min-height:280px;display:flex;align-items:start;justify-content:center}.reader-main .art{max-width:100%;width:auto;flex:1}.reader-main .art-frame{max-height:470px;aspect-ratio:auto!important;height:400px}.reader-main img{width:100%!important;height:100%!important}.reader-tabs{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.reader-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 8px;border-radius:0;background:none;width:65px;opacity:.5}.reader-tabs button.chosen{opacity:1;border-color:var(--teal)}.reader-tabs img{height:56px;width:100%;object-fit:contain;display:block}.reader-tabs span{font-size:12px}.career{display:flex;gap:5%}.career-copy{width:35%;padding-top:8px}.companies p{font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #d5dddf}.career-visual{width:60%;position:relative;padding-right:17%}.people-strip{display:flex;align-items:flex-end;gap:12px;margin-bottom:25px}.people-strip .art{width:25%}.people-strip .art:nth-child(even){margin-bottom:20px}.folio{display:flex;align-items:start;gap:14px;flex-wrap:wrap}.career-scenes .art{width:calc(50% - 7px)}.career-scenes .art:nth-child(even){margin-top:22px}.game-posters{position:absolute;right:0;top:0;width:24%;display:flex;flex-direction:column;gap:25px}.full-spread{max-width:1240px;margin:0 auto}.study{display:flex;gap:5%;align-items:start}.study-schools{width:43%;padding-top:20px}.study-schools p{font-size:18px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:22px}.study-portraits{width:52%;display:flex;align-items:start;flex-wrap:wrap;gap:18px}.study-portraits .art{width:calc(33.333% - 12px)}.study-portraits .graduate-1{margin-top:38px}.study-portraits .graduate-2{margin-top:76px}.study-portraits .graduate-4{margin-top:30px}.screening{background:#102b3b;color:white;padding:28px 34px}.screening-label{display:flex;justify-content:space-between;color:#97cbd0;font-size:13px;letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid #ffffff30}.screening-stage{display:flex;gap:30px;padding:30px 0}.film{margin:0;width:50%;min-width:0}.film video{width:100%;height:400px;object-fit:contain;background:#07151f;display:block}.film figcaption{display:flex;justify-content:space-between;font-size:14px;padding-top:15px}.film a{color:#91dbe1;text-decoration:none}.works-foot{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff30;padding-top:25px}.works-foot .art{width:70px}.works-foot p{font-size:18px;line-height:1.8}.works-foot small{color:#9ab8c6;font-size:13px}.project-feature{display:flex;gap:5%}.project-intro{width:35%;padding-top:8px}.project-intro p{padding-bottom:19px;border-bottom:1px solid var(--line);font-size:21px}.project-map{display:flex;align-items:start;gap:17px;margin-top:30px}.project-map .art:first-child{width:64%}.project-map .art:last-child{width:36%;margin-top:30px}.project-hero{width:60%}.project-pair{display:flex;gap:19px;align-items:start;margin-top:19px}.project-pair .art{width:calc(50% - 9.5px)}.project-pair .art:last-child{margin-top:25px}.research{display:flex;gap:7%}.research-process{width:52%}.research-process section{position:relative;padding:0 0 25px 56px;border-bottom:1px solid var(--line);margin-bottom:25px}.process-num{position:absolute;left:0;color:var(--teal);font-size:25px}.research-process p{font-size:17px;line-height:1.85;margin:0 0 18px}.research-process .art{max-width:320px}.research-evidence{width:41%}.research .reader-main .art-frame{height:590px;max-height:590px}.fieldwork{display:flex;gap:5%;align-items:start}.fieldwork aside{width:23%}.field-photos{width:72%;display:flex;gap:22px;align-items:start;flex-wrap:wrap}.field-photos .art{width:calc(33.333% - 15px)}.field-photos .field-photo-1{margin-top:50px}.field-photos .field-photo-2{margin-top:100px}.field-photos .field-photo-3,.field-photos .field-photo-4{width:calc(50% - 11px)}.curriculum{display:flex;gap:4%;align-items:start}.curriculum-lead{width:58%;display:flex;flex-direction:column;gap:22px}.curriculum-lead>.art:first-child{width:63%}.curriculum-work{width:38%;padding-top:40px;display:flex;flex-direction:column;gap:30px}.courses section{margin-bottom:35px}.courses h2{font-size:23px;font-weight:500;border-left:4px solid var(--teal);padding-left:14px;margin-bottom:20px}.courses section>div{display:flex;align-items:start;gap:15px}.courses .art{width:50%}.platforms{columns:2;column-gap:60px}.platform{display:flex;gap:19px;padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid var(--line);break-inside:avoid}.platform>span{font-size:35px;line-height:1;color:var(--teal);font-weight:300}.platform h2{font-size:20px;line-height:1.5;margin:0 0 16px}.platform p{font-size:16px;line-height:1.85;margin:0 0 12px}.experience{display:flex;flex-wrap:wrap;gap:32px;align-items:start}.experience-piece{width:calc(33.333% - 22px);position:relative;padding-top:29px}.experience-piece>span{position:absolute;left:0;top:0;color:var(--teal);font-size:14px;letter-spacing:2px}.experience-1,.experience-4{margin-top:45px}.experience-2,.experience-5{margin-top:90px}.visit-map{display:flex;gap:35px;max-width:1000px;margin:auto;align-items:start}.visit-map .art:first-child{width:53%}.visit-map .art:last-child{width:47%;margin-top:55px}.original-sheet{display:block;width:100%;max-height:72vh;object-fit:contain}.lecture-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.page-dots{display:flex;gap:5px;overflow:auto}.page-dots button{padding:7px 8px;border:0;background:none;border-radius:0;font-size:12px}.page-dots button.active{background:var(--ink);color:white}.game canvas{height:auto;aspect-ratio:2}.game{min-height:0}.stage{max-width:1640px;margin:auto}dialog img{max-width:none}.video-error{color:#ffd99c;font-size:14px}@keyframes spread-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:1000px){.editorial{padding:22px}.editorial-head{gap:14px;flex-wrap:wrap}.chapter{font-size:52px}.chapter-title h1{font-size:26px}.lecture-controls{margin-left:auto}.industry,.history,.career,.study,.project-feature,.research{gap:4%}.chronology{width:45%}.history-photo{width:51%}.era{font-size:40px}.era span{font-size:20px}.milestone{gap:10px;padding-left:15px}.poster-story{gap:12px}.poster-story .art{width:calc((100% - 24px)/3)}.career-visual{padding-right:0}.game-posters{position:static;flex-direction:row;width:100%;margin-top:20px}.game-posters .art{width:30%}.film video{height:330px}.platforms{column-gap:30px}}@media(max-width:650px){.editorial-head{margin-bottom:22px}.chapter{font-size:44px}.chapter-title h1{font-size:21px}.chapter-title p{font-size:10px}.lecture-controls{width:100%;justify-content:flex-end}.history,.industry,.career,.study,.project-feature,.research,.fieldwork,.curriculum{display:block}.history-photo,.chronology,.industry-evidence,.industry-cases,.career-copy,.career-visual,.study-schools,.study-portraits,.project-intro,.project-hero,.research-process,.research-evidence,.fieldwork aside,.field-photos,.curriculum-lead,.curriculum-work{width:100%;margin-bottom:30px}.history-photo{padding-top:0}.chronology{margin-top:30px}.poster-story .poster-two{margin-top:25px}.poster-story .poster-three{margin-top:50px}.section-kicker{font-size:36px}.reader-main .art-frame{height:300px}.career-copy .companies{columns:1}.screening{padding:20px}.screening-stage{display:block}.film{width:100%;margin-bottom:30px}.film video{height:340px}.film figcaption{font-size:12px}.screening-label{font-size:11px;letter-spacing:0}.fieldwork aside{width:40%;margin:auto auto 30px}.platforms{columns:1}.courses section>div{display:block}.courses .art{width:100%;margin-bottom:18px}.experience{gap:20px}.experience-piece{width:calc(50% - 10px);margin-top:0}.experience-piece:nth-child(even){margin-top:30px}.visit-map{gap:15px}.lecture-bottom{display:block}.page-dots{margin-top:13px}.reader-label span{font-size:11px}.prose p{font-size:16px}}