*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#141414;font-family:Arial,Helvetica,sans-serif}header{padding:28px 28px 42px}h1{margin:0 auto;text-align:center;max-width:1250px;font-size:clamp(30px,4.6vw,76px);line-height:1.03;font-weight:400;letter-spacing:-.055em}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}.work{display:block;background:#fff;cursor:zoom-in}.work img{display:block;width:100%;height:auto}.work:focus-visible,button:focus-visible,footer a:focus-visible{outline:3px solid #315bff;outline-offset:-3px}footer{padding:60px 28px 28px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end}footer p{grid-column:2;text-align:center;font-size:clamp(34px,5vw,76px);letter-spacing:-.05em;margin:0}footer a{grid-column:3;justify-self:end;font-size:32px;color:inherit;text-decoration:none;padding:8px}dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:60px 54px 24px;background:#fff}dialog::backdrop{background:#fff}dialog[open]{display:flex;justify-content:center;align-items:center}dialog>img{max-height:100%;max-width:100%;object-fit:contain}.toolbar{position:absolute;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:13px}button{border:0;background:#fff;color:#141414;font:inherit;cursor:pointer;min-width:44px;min-height:44px}.arrow{position:absolute;top:50%;font-size:28px}.prev{left:6px}.next{right:6px}body:has(dialog[open]){overflow:hidden}@media(max-width:600px){header{padding:20px 16px 30px}h1{font-size:36px;line-height:1.06;letter-spacing:-.05em}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding:40px 16px 24px}dialog{padding:60px 36px 20px}.toolbar{padding:0 16px}.arrow{font-size:22px;min-width:32px}.prev{left:0}.next{right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}