*{box-sizing:border-box} :root{--blue:#101C37;--gray:#707070} body{margin:0;background:#fff;color:#111;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}nav{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #BCC4CE;gap:25px}nav .brand{font-weight:700;font-size:14px;letter-spacing:.5px}nav div{display:flex;gap:30px;font-size:13px}nav a[aria-current]{color:var(--blue)}main{max-width:1500px;margin:auto;padding:0 5%}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:500;line-height:1.03;letter-spacing:-3px}h1{font-size:clamp(55px,7vw,105px);margin:30px 0 40px}h2{font-size:clamp(48px,6vw,80px);margin:20px 0 30px}h3{font-size:36px;letter-spacing:-1px}em{font-style:normal;color:var(--blue)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--blue)}.intro{padding:75px 0 55px;min-height:calc(100vh - 155px)}.intro-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:10%}.intro-copy{padding-top:40px;color:#555}.intro-copy p{margin:0 0 22px;font-size:18px}.discipline{font-size:12px;color:#777}.work-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.work-links a{border-top:1px solid #bbb;padding:18px 0;display:flex;justify-content:space-between;font-size:15px}.work-links a:hover{color:var(--blue);border-color:var(--blue)}.section{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head p{max-width:380px;color:#666}.filters{display:flex;gap:24px;margin:25px 0 35px;flex-wrap:wrap}button{font:inherit;cursor:pointer}.filter{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;color:#777;font-size:13px}.filter.active{color:var(--blue);border-color:var(--blue)}.gallery{columns:3;column-gap:24px}.photo{margin:0 0 28px;break-inside:avoid}.zoom{display:block;width:100%;border:0;padding:0;background:#f4f4f4;cursor:zoom-in}.zoom img{width:100%;display:block}.photo figcaption,.caption{display:flex;justify-content:space-between;font-size:10px;color:#777;letter-spacing:1px;margin-top:12px}.project{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.project p{max-width:470px;color:#666}.character{max-height:620px;object-fit:contain}.tags{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#777;margin:25px 0}.tags span{border-bottom:1px solid #BCC4CE;padding-bottom:7px}.comic{margin-top:75px}.comic .caption{margin-bottom:15px}.note{font-size:12px;color:#777}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:75px}.duo p{color:#666;max-width:420px}.social{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.social p{font-size:20px;max-width:480px;color:#666}.social-image{max-height:680px;object-fit:contain}.link{display:inline-block;color:var(--blue);border-bottom:1px solid var(--blue);padding:8px 0;margin-top:20px}.page-next{display:flex;justify-content:space-between;border-top:1px solid #BCC4CE;margin-top:60px;padding:22px 0;font-size:13px;color:var(--blue)}footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #BCC4CE;font-size:11px;color:#777}dialog{padding:55px 20px 20px;border:0;background:#111;color:white;max-width:96vw;max-height:96vh;width:1200px}dialog::backdrop{background:#000d}dialog img{max-width:100%;max-height:78vh;display:block;object-fit:contain;margin:auto}dialog p{text-align:center;font-size:13px}dialog .close{position:absolute;right:15px;top:10px;background:none;color:white;border:0;padding:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}@media(max-width:700px){nav{align-items:start;flex-direction:column;gap:14px}nav div{gap:20px;font-size:12px;flex-wrap:wrap}.intro{padding:45px 0}.intro-grid,.project,.duo,.social{display:block}h1,h2{letter-spacing:-2px}.intro-copy{padding-top:0}.work-links{grid-template-columns:1fr;gap:0;margin-top:35px}.section{padding:40px 0}.section-head{display:block}.gallery{columns:2;column-gap:12px}.project .zoom,.social .zoom,.duo .zoom{margin-top:30px}.social p{font-size:18px}.comic,.duo{margin-top:45px}.character{max-height:500px}}

/* Refined blue-gray palette and tightly fitted artwork frames. */
:root{--navy:#101C37;--mist:#E4E8EB;--silver:#BCC4CE;--slate:#7B8AA0;--steel:#3D4D6B}
body{background:#fff}nav{background:#fff}nav a[aria-current]{box-shadow:0 2px 0 var(--navy)}.eyebrow,.link,.work-links a:hover{color:var(--steel)}.intro h1 em{color:var(--navy)}.discipline{color:var(--steel)}.zoom{background:transparent;overflow:hidden}.project>.zoom{width:min(100%,449px);justify-self:end;aspect-ratio:930/1374;position:relative}.project>.zoom .character{position:absolute;width:111.83%;max-height:none;height:auto;left:-11.29%;top:-2.33%;object-fit:initial}.social>.zoom{width:min(100%,382px);justify-self:center}.social-image{max-height:none;height:auto;object-fit:initial}.character{max-height:none}.tags span{border-color:var(--silver)}.filter.active{color:var(--navy);border-color:var(--navy)}.filter:hover{color:var(--steel)}.comic>.zoom{clip-path:inset(1% 0);background:transparent}.photo .zoom img{height:auto}.intro-copy{color:#555}footer{background:var(--mist);color:var(--steel)}@media(max-width:700px){.project>.zoom{margin-left:auto;margin-right:auto;width:min(100%,400px)}.social>.zoom{margin-left:auto;margin-right:auto;width:min(100%,360px)}}

.education-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:500px}.education-tags span{font-size:12px;line-height:1.5;padding:7px 11px;background:var(--mist);color:var(--steel);border:1px solid #d9dfe5}.intro-copy p{font-size:17px}.intro-grid{align-items:start}

.education-tags{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%;margin-top:8px}.education-tags span{background:none;border:0;padding:0;font-size:14px;line-height:1.6;color:#73777e}.education-tags span:first-child{font-size:15px;font-weight:500;color:var(--navy);margin-bottom:3px}

.work-links{grid-template-columns:repeat(4,1fr)}.film-chinese{font-size:20px;color:var(--steel);letter-spacing:3px}.film-player{aspect-ratio:16/9;background:var(--navy);width:100%}.film-player iframe{width:100%;height:100%;border:0;display:block}.film-source{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px;color:var(--steel)}.film-notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:70px 0}.film-notes p{color:#60646b}.small-source,.credits{font-size:12px}.small-source{text-decoration:underline;color:var(--steel)}.film-impact{border-top:1px solid var(--silver);padding-top:45px;max-width:900px}.film-impact>p{font-size:20px;color:#555}.film-impact .note{font-size:11px;color:#777;max-width:700px}.film-impact .note a{text-decoration:underline}@media(max-width:700px){.work-links{grid-template-columns:1fr}.film-notes{grid-template-columns:1fr;gap:35px;margin:40px 0}.film-source{flex-direction:column;gap:8px}.film-impact>p{font-size:17px}nav div{gap:15px}}

nav div{flex-wrap:wrap;justify-content:flex-end;column-gap:24px;row-gap:10px}.work-links{grid-template-columns:repeat(3,minmax(0,1fr))}.more-intro{max-width:620px;color:#666;font-size:19px;margin-bottom:55px}.more-studio{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.more-studio>.zoom{aspect-ratio:4/4.5;overflow:hidden}.more-studio img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.more-studio p,.more-interests p{color:#62666d;max-width:510px}.more-interests{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--silver);padding-top:50px;margin-top:65px}.more-page h3{font-size:32px}@media(max-width:800px){nav{align-items:flex-start}nav div{gap:12px 18px}.more-studio,.more-interests{grid-template-columns:1fr;gap:35px}.more-studio>.zoom{max-width:550px}.work-links{grid-template-columns:1fr}.more-intro{font-size:17px}}@media(max-width:700px){nav div{justify-content:flex-start}}

.contact-links{display:flex;gap:28px;align-items:center;margin-top:30px}.contact-links a{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--steel)}.contact-links a:hover{color:var(--navy)}.contact-links a span{border-bottom:1px solid var(--silver)}.contact-links svg{flex-shrink:0}.more-studio>.zoom{width:86%;justify-self:start}.more-studio{grid-template-columns:.9fr 1.1fr;gap:7%}@media(max-width:800px){.more-studio{grid-template-columns:1fr}.more-studio>.zoom{width:86%;max-width:440px}.contact-links{margin-top:25px}}