*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafa;color:#111;font-family:Arial,'PingFang SC',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d4d4}.brand{font-size:32px;font-weight:bold;letter-spacing:-2px}nav{display:flex;gap:36px}nav a{padding:12px 0;color:#777;font-size:15px}nav a[aria-current]{color:#1455f5;border-bottom:2px solid #1455f5}.header-note{font-size:12px;letter-spacing:1.2px}main{padding:0 4vw}.masthead{padding:40px 0 20px;min-height:220px}.masthead svg{width:100%;height:auto;max-height:270px;display:block;overflow:visible}.intro{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:14px 0 48px;gap:24px;border-bottom:1px solid #bbb}.intro p{margin:0;line-height:1.65}.intro>:last-child{justify-self:end}.textlink{font-size:15px;border-bottom:1px solid;padding:5px 0}.section-head{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.section-head h1{font-size:16px;font-weight:normal;margin:0}.section-head span{font-size:13px;color:#777}.featured{display:grid;grid-template-columns:1fr 1fr;gap:46px 22px}.work{border:0;background:none;display:block;padding:0;text-align:left;min-width:0;width:100%;break-inside:avoid}.work .image{overflow:hidden;background:#e4e4e4}.featured .work:nth-child(6n+1){grid-column:span 2}.featured .image{height:46vw;max-height:640px}.featured .work:nth-child(6n+1) .image{height:48vw;max-height:700px}.work img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.work:hover img{transform:scale(1.025)}.work>span{display:flex;justify-content:space-between;font-size:13px;padding:13px 0}.work>span span{color:#777}.all-work{display:flex;justify-content:space-between;font-size:28px;padding:38px 0;margin-top:40px;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.all-work span{font-size:16px}.sections{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:40px 0 70px}.sections a{padding:35px;background:#1455f5;color:#fff;display:grid;gap:36px}.sections a:last-child{background:#141414}.sections span,.sections small{font-size:14px}.sections strong{font-size:34px;font-weight:normal}.archive{columns:3;column-gap:22px}.archive .work{margin-bottom:26px}.archive .work img{height:auto}.empty{min-height:45vh;padding:40px 0 100px;border-top:1px solid #bbb}.empty>span{font-size:13px;color:#777}.empty h1{font-size:48px;font-weight:normal;letter-spacing:-2px}.empty p{color:#777;margin-bottom:40px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bbb;margin:0 4vw;padding:30px 0;font-size:13px}dialog{position:fixed;inset:0;margin:auto;border:0;padding:20px 30px;width:100vw;height:100dvh;max-width:none;max-height:none;background:#101010;color:#fff}dialog::backdrop{background:#101010}dialog[open]{display:flex;flex-direction:column;align-items:center}#large{width:100%;height:calc(100dvh - 120px);object-fit:contain;min-height:0}.viewer-top,.viewer-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;height:40px;flex-shrink:0}.viewer-top button,.viewer-bottom button{background:none;border:0;color:white;padding:10px}.viewer-top span,.viewer-bottom span{font-size:13px}body:has(dialog[open]){overflow:hidden}:focus-visible{outline:2px solid #1455f5;outline-offset:6px}@media(max-width:700px){header{height:76px;gap:18px}.header-note{display:none}nav{gap:18px}nav a{font-size:14px}.brand{font-size:27px}.masthead{min-height:140px;padding:36px 0 20px}.intro{grid-template-columns:1fr 1fr;padding-bottom:30px;font-size:14px}.intro>:last-child{grid-column:span 2;justify-self:start}.featured{gap:22px 12px}.featured .image{height:58vw}.featured .work:nth-child(6n+1) .image{height:75vw}.work>span span{display:none}.work>span{font-size:12px}.archive{columns:2;column-gap:12px}.sections{gap:12px}.sections a{padding:22px 16px}.sections strong{font-size:24px}.all-work{font-size:22px}.all-work span{font-size:14px}footer{flex-wrap:wrap}.empty h1{font-size:36px}dialog{padding:12px}.masthead svg{max-height:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img{transition:none}}
