:root{--ink:#172e32;--paper:#f5f3ed;--line:#d6dcd7;--accent:#a66137;--muted:#53666a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{border-bottom:1px solid var(--line);padding:21px max(5vw,20px);display:flex;justify-content:space-between;gap:20px;background:var(--paper)}header a{text-decoration:none}.brand{font-weight:650}.brand:before{content:"";display:inline-block;width:15px;height:15px;margin-right:12px;border:2px solid var(--ink);transform:rotate(45deg)}nav{display:flex;gap:28px;font-size:14px}main{max-width:1440px;margin:auto;padding:0 max(5vw,20px)}.hero{padding:72px 0 50px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:650;color:var(--accent)}h1{font-size:clamp(40px,5.2vw,76px);line-height:1.05;font-weight:500;letter-spacing:-.045em;margin:24px 0}h2{font-size:clamp(28px,3vw,44px);line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:12px 0 22px}h3{font-size:20px;line-height:1.3;font-weight:600}.lead{max-width:570px;font-size:20px;color:var(--muted)}.address{color:var(--muted);font-size:14px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;padding:13px 22px;border:1px solid var(--ink);text-decoration:none;font-size:14px;background:transparent}.button.primary{background:var(--ink);color:white}.hero-art{position:relative;border:1px solid var(--line);background:white;padding:18px;box-shadow:14px 18px 0 #e6e8df}.hero-art img{display:block;width:100%;aspect-ratio:1.15;object-fit:contain}.hero-art small{display:block;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;font-size:11px}.section{padding:60px 0;border-top:1px solid var(--line)}.work{display:grid;grid-template-columns:1fr 2fr;gap:64px}.work-items{display:grid;grid-template-columns:1fr 1fr;gap:26px 36px}.work-item{border-top:1px solid var(--line);padding-top:12px}.work-item span{font-size:12px;color:var(--accent)}.work-item h3{margin:8px 0}.work-item p{margin:0;color:var(--muted);font-size:15px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}.intro p{max-width:410px;color:var(--muted);font-size:15px}.examples{display:grid;grid-template-columns:1fr 1fr;gap:28px}.example{margin:0;background:#fff;border:1px solid var(--line)}.example .preview{display:block;padding:14px;background:white;overflow:hidden}.example img{width:100%;height:320px;object-fit:contain;display:block;transition:transform .25s}.example .preview:hover img{transform:scale(1.02)}figcaption{padding:20px 24px;border-top:1px solid var(--line)}figcaption h3{margin:5px 0 8px}figcaption p{color:var(--muted);font-size:14px;margin:0 0 14px}figcaption a{font-size:14px;text-underline-offset:4px}.album-toolbar{display:flex;gap:12px;margin:22px 0;align-items:center}.album-toolbar input{padding:12px 15px;background:white;border:1px solid var(--line);font:inherit;flex:1;min-width:0}.album-toolbar span{font-size:13px;color:var(--muted)}.albums{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.album{border-top:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:65px 1fr auto;gap:15px;align-items:center;text-decoration:none}.album:hover .album-title{text-decoration:underline}.album-code{font-size:12px;font-weight:650;color:var(--accent)}.album-title{font-size:15px;line-height:1.4}.album-meta{display:block;font-size:12px;color:var(--muted);margin-top:5px}.album-arrow{font-size:22px}footer{border-top:1px solid var(--line);padding:25px max(5vw,20px);font-size:13px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}[hidden]{display:none!important}.empty{padding:24px;color:var(--muted)}
@media(max-width:900px){.hero{gap:30px;padding-top:45px}.work{grid-template-columns:1fr;gap:20px}.intro{display:block}.hero-art{box-shadow:8px 10px 0 #e6e8df}.example img{height:260px}.albums{gap:0 20px}}
@media(max-width:600px){header{padding:18px 20px;display:block}nav{margin-top:12px;gap:20px;font-size:12px}.hero{display:block;padding:35px 0}.hero-art{margin-top:35px}.hero-art img{aspect-ratio:1.5}.lead{font-size:18px}.section{padding:36px 0}.work-items,.examples,.albums{grid-template-columns:1fr}.example img{height:245px}.intro p{max-width:none}.album{grid-template-columns:60px 1fr auto}.album-toolbar{display:block}.album-toolbar input{width:100%;margin-bottom:8px}footer{display:block}.buttons{gap:10px}.button{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.example img{transition:none}}

.hero-art img{height:auto}