@charset "UTF-8";
:root{--purple:#5014ff;--black:#090909;--white:#fff;--paper:#f5f5f3;--rule:#cdcdcc;--display:"GLD Display",Impact,"Arial Black",sans-serif;--sans:"Noto Sans SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--black);background:var(--purple);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--black);color:white}
.site-header{position:absolute;z-index:5;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:25px 3.5vw;color:var(--white)}.wordmark{font-family:var(--display);font-size:42px;line-height:1;transform:rotate(-9deg)}.wordmark span{display:inline-block;font:28px var(--sans);vertical-align:top;margin-left:3px}.site-header nav{font-size:14px}.site-header nav span{margin-left:22px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;min-height:740px;height:100svh;overflow:hidden;padding:108px 3.5vw 90px;isolation:isolate}.hero-caption{position:absolute;top:124px;right:3.5vw;font:11px Arial,sans-serif;letter-spacing:.13em;color:var(--white)}.hero-title{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;margin:0;font-family:var(--display);font-weight:700;font-size:clamp(170px,28.6vw,510px);letter-spacing:-.045em;line-height:.76}.title-port{display:block;align-self:flex-start;transform:rotate(-3deg);transform-origin:left bottom}.title-folio{display:block;align-self:flex-end;margin-top:-.015em;color:var(--white);transform:rotate(2deg);transform-origin:right top}.period{display:inline-block;width:.21em;margin-left:-.03em;color:var(--black)}.scroll-link{position:absolute;bottom:31px;left:3.5vw;display:flex;align-items:center;gap:16px;color:var(--white);font:10px Arial,sans-serif;letter-spacing:.12em}.scroll-arrow{font:35px Arial,sans-serif;transition:transform .2s}.scroll-link:hover .scroll-arrow{transform:translateY(6px)}.chinese-signature{position:absolute;right:3.5vw;bottom:28px;color:var(--white);font-size:clamp(26px,3vw,44px);font-weight:900;letter-spacing:-.08em;transform:scaleX(.89) rotate(-3deg);transform-origin:right bottom}
.work-index{background:var(--paper);padding:42px 3.5vw 0;min-height:100svh}.index-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:30px}.index-heading h2{font-family:Arial,var(--sans);font-weight:400;font-size:15px;line-height:1.35;letter-spacing:-.025em;margin:0}.index-heading>span{font-size:11px;color:#646464}.category-list{border-top:1px solid var(--black)}.category{width:100%;display:grid;grid-template-columns:1fr 175px 56px;align-items:center;gap:20px;position:relative;text-align:left;padding:17px 0 21px;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--black);cursor:pointer;transition:color .2s,padding .25s,background .25s}.category-name{font-size:clamp(25px,4.1vw,68px);font-weight:900;letter-spacing:-.065em;line-height:1.15}.category-name.english{font-family:var(--display);font-size:clamp(43px,6vw,96px);line-height:.77;letter-spacing:-.03em}.category-meta{font:10px Arial,var(--sans);letter-spacing:.025em}.category-arrow{justify-self:end;font:clamp(28px,3.7vw,58px) Arial,sans-serif;line-height:1;transition:transform .25s}.category:hover,.category:focus-visible{color:var(--purple);padding-left:17px;padding-right:14px}.category:hover .category-arrow{transform:rotate(45deg)}.latin{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.07em}.work-index footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:11px}.work-index footer a{font-family:var(--display);font-size:24px}.work-index footer a span{margin-left:14px;font:20px Arial,sans-serif}
dialog{border:0;background:var(--paper);color:var(--black);width:min(950px,94vw);max-height:88svh;padding:35px;overflow:auto}dialog::backdrop{background:rgba(15,0,45,.72);backdrop-filter:blur(8px)}.dialog-topline{display:flex;justify-content:space-between;align-items:center;font:11px Arial,var(--sans);letter-spacing:.04em}.dialog-topline button{border:0;padding:8px;background:transparent;cursor:pointer}.dialog-topline button span{font-size:27px;vertical-align:middle;margin-left:12px}dialog h2{font-size:clamp(30px,6vw,70px);font-weight:900;letter-spacing:-.06em;margin:50px 0 20px}dialog h2.english{font-family:var(--display);font-size:80px}dialog p{font-size:15px;line-height:1.9;max-width:600px;color:#535353}.project-list{margin-top:35px}.empty-state{padding:25px 0;border-top:1px solid var(--rule);font-size:12px;color:#777}.project-card{display:block;margin:20px 0}.project-card img{width:100%;display:block}.project-card h3{font-size:18px}.project-card p{font-size:13px}
@media(min-width:1500px){.hero-title{font-size:27vw}.hero{min-height:850px}.category{padding-top:20px;padding-bottom:24px}}
@media(max-width:700px){.site-header{padding:22px 6vw}.wordmark{font-size:34px}.site-header nav{font-size:12px}.hero{padding:130px 5vw 110px;min-height:600px;height:100svh;max-height:1000px}.hero-caption{top:132px;right:6vw;font-size:9px}.hero-title{font-size:32vw;line-height:.93;justify-content:center}.title-port{transform:rotate(-5deg);margin-left:1vw}.title-folio{margin-top:.03em;transform:rotate(3deg)}.scroll-link{left:6vw;bottom:31px;font-size:8px;gap:10px}.chinese-signature{right:6vw;font-size:30px}.work-index{padding:32px 6vw 0}.index-heading{padding-bottom:26px}.index-heading h2{font-size:12px}.index-heading>span{font-size:9px}.category{grid-template-columns:1fr 30px;gap:8px;padding:25px 0}.category-name{font-size:clamp(24px,6.8vw,46px)}.category-name.english{font-size:13vw}.category-meta{display:none}.category-arrow{font-size:32px}.category:hover,.category:focus-visible{padding-left:5px;padding-right:3px}.work-index footer{padding:25px 0}dialog{padding:22px}dialog h2{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}