:root{--ink:#090909;--paper:#f5f3ef;--muted:#aba69c;--line:#504d48;--serif:"Bodoni 72","Didot","Times New Roman","Songti SC",serif;--sans:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ink);color:var(--paper);font:300 15px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.case-mast{display:flex;justify-content:space-between;align-items:center;padding:27px 6.6%;border-bottom:1px solid var(--line)}.company{font:400 28px/1.2 var(--serif);letter-spacing:.12em}.company small{display:block;font:8px var(--sans);letter-spacing:.3em;margin-top:9px}.back{font-size:11px;letter-spacing:.12em}.case-intro{padding:85px 6.6% 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--muted)}h1{font:400 clamp(62px,9vw,140px)/1.05 var(--serif);margin:25px 0 12px;letter-spacing:.06em}.english{font:400 clamp(24px,3vw,42px) var(--serif);letter-spacing:.18em}.concept{font:400 30px/1.5 var(--serif);margin:0 0 22px;letter-spacing:.08em}.description{color:#c6c1b8;line-height:2.1;margin:0;max-width:470px}.case-meta{margin:0 6.6%;border-top:1px solid var(--line);padding:25px 0 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case-meta dt{font-size:10px;color:var(--muted);letter-spacing:.16em;margin-bottom:8px}.case-meta dd{margin:0;font-size:12px;letter-spacing:.04em}.page-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 6.6%;background:#090909f5;backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.page-nav .links{display:flex;gap:32px}.page-nav a{font-size:11px;color:#aaa59d;letter-spacing:.06em;white-space:nowrap}.page-nav a[aria-current]{color:var(--paper)}.page-nav .count{font:14px var(--serif);letter-spacing:.14em;white-space:nowrap}.portfolio{background:var(--paper);color:var(--ink);padding:55px 4% 65px}.spread{margin:0 auto 65px;max-width:1600px;scroll-margin-top:85px}.spread:last-child{margin-bottom:0}.spread figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:0 0 18px;padding:0 1%;font-size:11px;letter-spacing:.06em}.spread figcaption strong{font:400 24px var(--serif);letter-spacing:.05em}.spread figcaption span{color:#67635d}.spread button{display:block;width:100%;padding:0;border:0;background:#e5e1d9;color:var(--ink);cursor:zoom-in;position:relative}.spread img{display:block;width:100%;height:auto;aspect-ratio:3/2}.spread .zoom-hint{position:absolute;bottom:16px;right:16px;padding:7px 13px;background:#090909df;color:#fff;font-size:10px;letter-spacing:.12em;opacity:0;transition:opacity .2s}.spread button:hover .zoom-hint,.spread button:focus-visible .zoom-hint{opacity:1}.case-story{padding:65px 6.6%;display:grid;grid-template-columns:.6fr 1fr;gap:13%;border-bottom:1px solid var(--line)}.case-story h2{font:400 35px var(--serif);margin:0;letter-spacing:.07em}.case-story p{margin:0;color:#bcb7ae;max-width:650px;line-height:2.1}.other-projects{padding:70px 6.6%}.other-projects h2{font:400 36px var(--serif);margin:0 0 32px;letter-spacing:.06em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;transition:opacity .2s}.related-grid a:hover img{opacity:.8}.related-grid h3{font:400 25px var(--serif);margin:15px 0 5px}.related-grid p{font-size:11px;color:var(--muted);margin:0}.case-footer{background:var(--paper);color:var(--ink);padding:42px 6.6%;display:flex;justify-content:space-between;gap:25px;align-items:center}.case-footer>a{font:400 clamp(22px,3vw,38px) var(--serif)}.case-footer small{font-size:9px;letter-spacing:.1em}dialog{padding:0;border:1px solid #555;background:#121212;color:#fff;width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;overflow:hidden}dialog::backdrop{background:#000d}.viewer-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid #555;font-size:12px;height:60px}.viewer-bar>div{display:flex;gap:14px}.viewer-bar button{border:0;background:transparent;color:inherit;padding:4px 8px}.viewer-stage{height:calc(100% - 60px);overflow:auto;display:block;overscroll-behavior:contain}.viewer-stage img{display:block;width:100%;max-width:none;height:auto;margin:auto}.viewer-bar button:disabled{opacity:.3;cursor:default}@media(max-width:760px){html{scroll-padding-top:70px}.case-mast{padding:22px 6%}.company{font-size:21px}.company small{font-size:7px}.back{font-size:10px}.case-intro{padding:55px 6% 35px;grid-template-columns:1fr;gap:40px}.concept{font-size:27px}.case-meta{margin:0 6%;grid-template-columns:1fr;gap:18px;padding:23px 0 30px}.case-meta dt{margin-bottom:3px}.page-nav{padding:16px 6%;gap:8px}.page-nav .links{gap:14px}.page-nav a{font-size:10px}.page-nav .count{font-size:10px}.portfolio{padding:30px 0 40px}.spread{margin-bottom:38px;scroll-margin-top:65px}.spread figcaption{padding:0 6%;margin-bottom:14px}.spread figcaption strong{font-size:21px}.spread figcaption span{display:none}.spread .zoom-hint{opacity:1;bottom:8px;right:8px;font-size:9px;padding:4px 8px}.case-story{padding:42px 6%;grid-template-columns:1fr;gap:22px}.case-story h2{font-size:29px}.other-projects{padding:45px 6%}.related-grid{grid-template-columns:1fr;gap:35px}.case-footer{padding:35px 6%;display:block}.case-footer small{display:block;margin-top:25px}.viewer-bar{padding:10px;gap:6px;font-size:10px}.viewer-bar>div{gap:3px}.viewer-bar button{padding:6px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:430px){.page-nav .count{display:none}.page-nav .links{width:100%;justify-content:space-between;gap:6px}.page-nav a{font-size:10px}}