:root{color-scheme:light;--ink: #101414;--muted: #687777;--paper: #f1f5f4;--surface: #fafcfc;--line: rgba(17, 17, 17, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Optima,Avenir Next,Avenir,Helvetica Neue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.45}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;padding:clamp(24px,5vw,72px);background:#151311}.hero-media{position:absolute;inset:0}.hero-media:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0b0a099e,#0b0a0914 62%),linear-gradient(0deg,#0b0a098c,#0b0a0905 56%)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;width:min(920px,100%);color:#fff}.brand{margin-bottom:clamp(18px,3vw,34px);font-size:.78rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}h1{max-width:850px;font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-size:clamp(2.9rem,7vw,7.4rem);font-weight:400;letter-spacing:0;line-height:.93}.works-section{padding:clamp(92px,12vw,170px) clamp(16px,2.4vw,34px)}.works-list{display:grid;gap:clamp(92px,13vw,190px)}.work-card{display:grid;grid-template-columns:minmax(0,950px) minmax(250px,360px);gap:clamp(72px,11vw,300px);align-items:start;justify-content:center;animation:rise-in .9s ease both}.work-media{display:grid;gap:clamp(6px,1vw,12px)}.work-cover{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:#ded8cc;animation:slow-float 9s ease-in-out infinite}.work-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.work-secondary{display:flex;gap:clamp(6px,.8vw,10px);align-items:stretch;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}.work-detail{flex:0 0 auto;height:clamp(180px,18vw,260px);overflow:hidden;background:#ded8cc;scroll-snap-align:start}.work-detail img{width:auto;max-width:none;height:100%;object-fit:contain}.work-secondary .work-detail:nth-child(3n){width:auto}.placeholder-row .work-detail{width:clamp(106px,10vw,152px);aspect-ratio:4 / 5}.placeholder{position:relative;overflow:hidden}.placeholder:before{position:absolute;inset:16%;border-radius:50% 50% 46% 46%;content:"";opacity:.88}.placeholder:after{position:absolute;left:22%;right:22%;bottom:17%;height:1px;content:"";background:#11111129}.work-info{position:sticky;top:36px;max-width:430px;padding-bottom:clamp(6px,2vw,28px)}.work-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--line)}.work-index,.work-year{color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.18em}.work-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px}.work-index{margin:0}.work-status{position:relative;display:inline-block;width:9px;height:9px;flex:0 0 auto;border-radius:999px}.work-status-reserved{background:var(--ink)}.work-status-not-available{border:1px solid var(--ink)}.work-status-not-available:after{position:absolute;top:50%;left:50%;width:12px;height:1px;content:"";background:var(--ink);transform:translate(-50%,-50%) rotate(-38deg)}.work-year{flex:0 0 auto;padding-top:4px}.work-title-row h3{font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-size:clamp(2rem,3.6vw,4.5rem);font-weight:400;letter-spacing:0;line-height:.95}.work-title-cn{display:inline-block;margin-left:.42rem;transform:translateY(-.12em);color:var(--muted);font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:.88rem;font-weight:350;letter-spacing:.08em;white-space:nowrap}dl{display:grid;gap:16px;margin:0}dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:22px}dt{color:var(--muted);font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}dd{margin:0;color:#292723;font-size:.9rem}.tone-warm{background:linear-gradient(145deg,#d1b08a,#8a6048)}.tone-warm:before{background:radial-gradient(circle at 48% 8%,#ddb887 0 8%,transparent 9%),linear-gradient(145deg,#bc7d52,#6d4635)}.tone-ash{background:linear-gradient(145deg,#d8d2c4,#8b897f)}.tone-ash:before{background:radial-gradient(circle at 50% 8%,#e8e0ce 0 8%,transparent 9%),linear-gradient(145deg,#c7c0ab,#77776d)}.tone-dark{background:linear-gradient(145deg,#625d58,#181715)}.tone-dark:before{background:radial-gradient(circle at 50% 8%,#77706a 0 8%,transparent 9%),linear-gradient(145deg,#4a4641,#11100f)}.tone-celadon{background:linear-gradient(145deg,#c5d2c4,#769486)}.tone-celadon:before{background:radial-gradient(circle at 50% 8%,#d9e0d5 0 8%,transparent 9%),linear-gradient(145deg,#a9c2b2,#638879)}.tone-white{background:linear-gradient(145deg,#eee9df,#c7bfb2)}.tone-white:before{background:radial-gradient(circle at 50% 8%,#fffaf2 0 8%,transparent 9%),linear-gradient(145deg,#eee8da,#b8afa1)}.site-footer{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:clamp(24px,5vw,80px);min-height:250px;padding:96px clamp(16px,2.4vw,34px);border-top:1px solid var(--line);color:var(--muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.footer-mark{color:var(--ink);font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-size:clamp(.95rem,1.25vw,1.25rem);font-weight:400;letter-spacing:0;line-height:1;text-transform:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:980px){.work-card{grid-template-columns:1fr}.work-info{position:static;max-width:860px;order:-1}.work-media{width:min(100%,860px);justify-self:center}}@media(max-width:640px){.hero{min-height:92svh}h1{font-size:clamp(3.1rem,15vw,5.8rem)}.works-section{padding-inline:16px}.works-list{gap:104px}.work-media{gap:12px}.work-cover{aspect-ratio:4 / 3;width:min(100%,380px);justify-self:center}.work-secondary{gap:10px;width:min(100%,380px);justify-self:center}.work-detail{height:112px}.work-secondary .work-detail:nth-child(3n){width:auto}.work-title-row{margin-bottom:26px}dl div{grid-template-columns:1fr;gap:4px}.site-footer{grid-template-columns:1fr;align-content:center;gap:14px;min-height:240px}}