:root{--ink:#141414;--muted:#686868;--line:#d9d9d9;--accent:#d8492c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:16px/1.65 Arial,Helvetica,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;display:block}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:500}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:10px;z-index:3}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:700;letter-spacing:-.04em}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:14px}#language{border:0;border-bottom:1px solid;background:none;padding:4px 0;cursor:pointer}.intro{padding:35px 5% 50px}.meta,.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.07em}.intro-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:end;margin-top:30px}h1{font-size:clamp(68px,8.8vw,130px);font-weight:650;letter-spacing:-.065em;line-height:.98}h1 em{font-style:normal;color:var(--accent)}.intro-grid>div{max-width:350px;padding-bottom:8px}.intro-grid p{font-size:24px;line-height:1.4;letter-spacing:-.025em}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px;margin-top:25px;font-size:14px}.section{padding:0 5% 75px}.section-label{padding-top:18px;border-top:1px solid;margin-bottom:30px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.wide{grid-column:1/-1}.photo{height:380px;position:relative;overflow:hidden;background:#111}.wide .photo{height:510px}.photo img{height:100%;object-fit:cover;transition:transform .5s}.wide img{object-position:50% 43%}.contain img{object-fit:contain}.photo>span{position:absolute;bottom:18px;right:18px;background:white;padding:10px 16px;font-size:14px}.project:hover img{transform:scale(1.025)}.project-info{display:grid;grid-template-columns:28px 1fr auto;gap:12px;margin-top:20px}.project h2{font-size:34px}.project p{color:var(--muted);font-size:14px;margin-top:8px}small{font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split img{height:340px;object-fit:cover}.split h2{font-size:46px;margin-bottom:25px}.split p{color:var(--muted);margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px;font-size:14px}.tags span{border-bottom:1px solid var(--line);padding-bottom:7px}.about{background:#141414;color:white;padding-top:35px}.about .section-label{border-color:#666}.about .split{align-items:start;padding:20px 0}.about h2{font-size:58px}.about p{color:#bbb}footer{padding:28px 5%;display:flex;justify-content:space-between;gap:20px;font-size:13px}footer a:first-child{font-weight:700}.case-hero{padding:35px 5% 0}.back{font-size:14px;color:var(--muted)}.case-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end;margin:40px 0 35px}.case-heading h1{font-size:clamp(52px,7vw,94px);line-height:1.03;font-weight:550}.case-heading p{font-size:18px;color:var(--muted)}.case-meta{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:25px;border-top:1px solid var(--line);padding:22px 0 28px;font-size:14px}.case-meta small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.08em}.cover{height:500px;object-fit:cover}.cover.contain{object-fit:contain;background:#111}.case-body{padding:50px 5%}.case-row{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;border-top:1px solid var(--line);padding:32px 0}.case-row>h2{font-size:22px;letter-spacing:-.02em}.case-row p{color:var(--muted);max-width:760px}.case-row h3{font-size:25px;margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps>div{border-top:1px solid;padding-top:16px}.steps b{font-size:12px;color:var(--accent);font-weight:400}.steps h3{font-size:22px;margin:14px 0}.evidence{margin:25px 0}.evidence img{max-height:520px;object-fit:cover}.caption{font-size:13px;color:var(--muted);margin-top:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px}.metrics strong{font-size:64px;line-height:1.1;font-weight:500;letter-spacing:-.06em}.metrics p{font-size:14px;margin-top:12px}details{margin-top:22px;font-size:13px;color:var(--muted)}summary{cursor:pointer}details p{padding-top:12px}.deliverables{list-style:none;padding:0;margin:0}.deliverables li{padding:15px 0;border-bottom:1px solid var(--line)}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.media-pair img{height:280px;object-fit:contain;background:black}.media-pair h3{font-size:25px;margin:20px 0 12px}.media-pair p{color:var(--muted)}.next{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#f0f0f0;padding:40px 5%}.next span{font-size:12px}.next strong{font-size:42px;font-weight:500;letter-spacing:-.04em}.next:hover{background:#e5e5e5}
@media(max-width:850px){.intro-grid{gap:30px}h1{font-size:80px}.intro-grid p{font-size:21px}.wide .photo{height:400px}.photo{height:290px}.split h2{font-size:36px}.about h2{font-size:44px}.steps{grid-template-columns:1fr}.case-heading{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){header{padding:20px 6%}.brand{font-size:16px}.brand span{display:none}nav{gap:18px}.intro{padding:28px 6% 40px}.meta span:last-child{display:none}.intro-grid{grid-template-columns:1fr;gap:25px}h1{font-size:clamp(56px,15vw,82px)}.intro-grid>div{max-width:none}.intro-grid p{font-size:21px}.section{padding-left:6%;padding-right:6%;padding-bottom:50px}.section-label{font-size:12px;letter-spacing:.01em}.projects,.split{grid-template-columns:1fr;gap:30px}.wide .photo,.photo{height:280px}.project h2{font-size:28px}.project-info{gap:8px;grid-template-columns:24px 1fr auto}.split img{height:260px}.about h2{font-size:45px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{order:3;width:100%;color:var(--muted)}.case-hero{padding:28px 6% 0}.case-heading h1{font-size:52px}.case-heading p{font-size:16px}.case-meta{grid-template-columns:1fr 1fr;gap:18px}.case-meta>div:last-child{grid-column:1/-1}.cover{height:300px}.case-body{padding:30px 6%}.case-row{grid-template-columns:1fr;gap:22px;padding:28px 0}.media-pair{grid-template-columns:1fr}.metrics strong{font-size:48px}.next{flex-direction:column;align-items:start;padding:30px 6%}.next strong{font-size:30px}html[lang=zh-CN] .case-heading h1{font-size:43px;line-height:1.2}}
.event-jump{display:flex;gap:28px;flex-wrap:wrap;font-size:14px;padding:22px 0;border-top:1px solid var(--line)}.event-jump a:hover{color:var(--accent)}.event-photos{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.event-photos img{height:400px;object-fit:cover}.event-photos figure:last-child img{object-position:center 35%}.event-photos figcaption{font-size:13px;color:var(--muted);padding:10px 0}.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin-bottom:48px}.event-card{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;flex-direction:column;min-height:205px}.event-sport{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:15px;margin-bottom:20px}.event-card h3{font-size:25px;line-height:1.2;margin-bottom:22px}.event-role{margin-top:auto;font-size:15px;color:var(--accent)}.media-date{font-size:13px;letter-spacing:.1em;margin-bottom:15px}#assignments,#craft,#media{scroll-margin-top:25px}
@media(max-width:850px){.event-cards{grid-template-columns:1fr 1fr}.event-photos img{height:300px}}
@media(max-width:560px){header{flex-wrap:wrap;gap:12px}nav{gap:17px;font-size:14px}.event-photos{grid-template-columns:1fr}.event-photos img{height:265px}.event-photos figure:last-child img{height:300px}.event-cards{grid-template-columns:1fr}.event-card{min-height:0}.event-jump{gap:12px 20px}.event-card h3{font-size:26px}}
.case-row p+p{margin-top:18px}.outcome-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:30px}.outcome-split h3{font-size:21px}.outcome-split p{font-size:16px}@media(max-width:650px){.outcome-split{grid-template-columns:1fr}}
.portrait-project .photo{height:620px;background:#eeedeb}.portrait-project .photo img,.portrait-lead{object-fit:contain;object-position:center;background:#eeedeb}.portrait-lead{height:660px}.portrait-gallery{margin-bottom:55px}.portrait-gallery h2,.process-photos h2{font-size:26px;letter-spacing:-.025em}.portrait-gallery .section-label{align-items:center}.portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portrait-grid img{height:340px;object-fit:contain;background:#f1f1ef}.portrait-grid figcaption{font-size:13px;color:var(--muted);margin-top:12px}.zoom-photo{display:block;cursor:zoom-in}.process-photos{margin:30px 0 45px}.process-photos h2{margin-bottom:24px}.process-photos .portrait-grid{grid-template-columns:1fr 1fr}.process-photos img{height:340px;object-fit:contain}#photo-viewer{border:0;padding:22px;background:#141414;color:white;width:min(94vw,1100px);max-height:94vh}#photo-viewer::backdrop{background:#000d}#viewer-image{width:100%;height:76vh;object-fit:contain}#viewer-caption{font-size:14px;margin-top:12px}.close-viewer{display:block;margin:0 0 12px auto;background:transparent;border:1px solid #777;padding:7px 15px;color:white;cursor:pointer}.viewing-photo{overflow:hidden}@media(max-width:900px){.portrait-grid{grid-template-columns:1fr 1fr}.portrait-grid img{height:380px}}@media(max-width:560px){.portrait-project .photo{height:440px}.portrait-lead{height:450px}.portrait-grid{gap:22px 12px}.portrait-grid img{height:250px}.portrait-gallery .section-label{display:block}.portrait-gallery .section-label h2{margin-bottom:12px}.process-photos .portrait-grid{grid-template-columns:1fr}.process-photos img{height:auto}.portrait-gallery h2,.process-photos h2{font-size:26px}#photo-viewer{padding:15px}#viewer-image{height:68vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.case-index{display:flex;flex-wrap:wrap;gap:16px 30px;padding:24px 0;border-bottom:1px solid #ddd;margin-bottom:36px}.case-index a{font-size:14px;text-decoration:none}.case-index a:hover{text-decoration:underline}.fan-chapter{margin-top:60px;padding-top:45px;border-top:1px solid #222}.chapter-heading h2{font-size:clamp(32px,5vw,60px);margin:18px 0}.chapter-heading p{font-size:18px}.fan-evidence{margin:36px 0}.fan-evidence img{display:block;width:100%;height:580px;object-fit:contain;background:#eeedeb}.fan-evidence figcaption{font-size:14px;margin-top:12px}#strategy,#interviews,#fan-meetup,#results{scroll-margin-top:100px}@media(max-width:560px){.fan-evidence img{height:440px}.case-index{gap:16px}.case-index a{width:calc(50% - 16px)}}
.project-chapters{display:block!important}.project-chapter{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:60px 0;border-top:1px solid #222}.project-chapter+.project-chapter{margin-top:36px}.project-chapter-copy h2{font-size:clamp(30px,3.6vw,52px);line-height:1.12;letter-spacing:-.035em;margin:24px 0}.project-chapter-copy p{font-size:17px;line-height:1.7}.project-chapter-copy small,.chapter-scope{font-size:14px!important;letter-spacing:.04em}.chapter-cover img{width:100%;height:570px;object-fit:contain;background:#eeedeb;display:block}.chapter-films{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapter-films a{text-decoration:none}.chapter-films img{display:block;width:100%;height:320px;object-fit:contain;background:#111}.chapter-films a>span{display:block;font-size:14px;line-height:1.5;margin-top:14px}#films{scroll-margin-top:100px}@media(max-width:800px){.project-chapter{grid-template-columns:1fr;gap:28px;padding:40px 0}.chapter-cover img{height:460px}.chapter-films img{height:280px}}@media(max-width:420px){.chapter-films{grid-template-columns:1fr}.chapter-films img{height:340px}}
.production-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.production-intro h2{font-size:clamp(28px,4vw,48px);line-height:1.15}.production-intro p{font-size:18px;line-height:1.7}.production-cards{display:grid;grid-template-columns:1fr 1fr;gap:36px}.production-cards>a{text-decoration:none;border-top:1px solid #222;padding-top:24px}.production-cards>a>img,.campus-card-images{width:100%;height:340px;object-fit:contain;background:#111}.campus-card-images{display:flex;gap:4px;justify-content:center}.campus-card-images img{width:calc(50% - 2px);height:100%;object-fit:contain}.production-cards small{display:block;margin-top:22px;font-size:14px}.production-cards h3{font-size:30px;margin:12px 0}.production-cards p,.production-cards>a>span{font-size:16px;line-height:1.6}.film-cover{object-fit:contain!important;background:#111;height:auto!important;max-height:700px}.film-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-bottom:1px solid #ccc;padding:30px 0}.film-facts strong{display:block;font-size:48px;font-weight:500}.film-facts span{display:block;font-size:14px}.film-stills-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.film-stills figure,.campus-frames figure{margin:0}.film-stills img{width:100%;height:auto;display:block}.film-stills figcaption,.campus-frames figcaption{font-size:14px;line-height:1.5;margin:12px 0 20px}.campus-frames{display:grid;grid-template-columns:1fr 1fr;gap:24px}.campus-frames img{width:100%;height:600px;object-fit:contain;background:#111}.film-stills h2{margin:36px 0}@media(max-width:700px){.production-intro,.production-cards,.film-stills-grid{grid-template-columns:1fr}.film-facts{grid-template-columns:repeat(3,1fr)}.campus-frames img{height:380px}.production-cards>a>img,.campus-card-images{height:300px}}@media(max-width:420px){.campus-frames{grid-template-columns:1fr}.film-facts strong{font-size:36px}}
.language-toggle{border:1px solid currentColor!important;border-radius:999px;padding:8px 13px!important;white-space:nowrap;font-size:14px!important;cursor:pointer}.language-toggle span{opacity:.55}.language-toggle .active{opacity:1;font-weight:700}.language-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}footer{flex-wrap:wrap;gap:18px}.contact-email{font-size:14px;overflow-wrap:anywhere}html[lang="zh-CN"]{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2{letter-spacing:0;line-height:1.25}
.about-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8%;padding:22px 0 8px}.about-position h2{font-size:clamp(32px,3.8vw,52px);line-height:1.15;letter-spacing:-.035em;max-width:470px;margin-bottom:25px;text-wrap:balance}.about-position .about-focus{font-size:14px;line-height:1.8;color:#999;letter-spacing:.025em}.about-summary p{font-size:17px;line-height:1.9;margin-bottom:24px;max-width:720px}.about-summary .profile-lead{font-size:21px;line-height:1.75;color:#f0f0f0}.about-summary .profile-education{border-top:1px solid #454545;padding-top:22px;margin-top:30px;margin-bottom:0;font-size:14px;line-height:1.7;color:#999}@media(max-width:760px){.about-profile{grid-template-columns:1fr;gap:26px}.about-position h2{max-width:600px;font-size:36px}.about-summary .profile-lead{font-size:19px}.about-summary p{font-size:16px}}