:root { --content:720px; --rule:#dedede; color:#161616; background:#fff; font-family:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:#161616; }
a { color:inherit; text-decoration:none; }
img { display:block; }
.hidden { display:none !important; }
.hero { position:relative; min-height:clamp(390px,58vw,720px); overflow:hidden; background:#111; }
.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.02) 48%,rgba(0,0,0,.15)); pointer-events:none; }
.hero-inner { position:relative; z-index:1; width:min(100% - 34px,1180px); margin:0 auto; padding-top:16px; color:#fff; }
.top-nav { display:flex; gap:22px; font-size:10px; text-transform:lowercase; }
.top-nav a { padding:5px 0; }
.top-nav a:hover { text-decoration:underline; text-underline-offset:3px; }
.brand-wrap { margin-top:22px; width:80px; }
.site-logo { max-width:78px; max-height:78px; object-fit:contain; }
.logo-fallback { display:inline-block; font-size:30px; line-height:.72; letter-spacing:.08em; font-weight:300; }
main { background:#fff; }
.explore { width:min(var(--content),calc(100% - 30px)); margin:0 auto; padding:36px 0 5px; text-align:center; }
.spaced-heading { margin:0 0 20px; font-size:10px; font-weight:500; letter-spacing:.38em; text-transform:lowercase; }
.category-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 18px; max-width:700px; margin:0 auto; font-size:10px; line-height:1.7; }
.category-nav a:hover { text-decoration:underline; text-underline-offset:3px; }
.empty-gallery { margin:24px 0 4px; color:#777; font-size:11px; }
.gallery-sections { width:min(var(--content),calc(100% - 30px)); margin:0 auto; padding-bottom:48px; }
.gallery-section { scroll-margin-top:18px; padding:38px 0 7px; }
.gallery-section h2 { margin:0 0 19px; text-align:center; font-size:11px; line-height:1.35; font-weight:500; letter-spacing:.02em; }
.art-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px 9px; align-items:start; }
.art-card { margin:0; min-width:0; text-align:center; }
.art-image { width:100%; height:auto; object-fit:contain; object-position:center; background:#fafafa; }
.art-card figcaption { min-height:2.4em; margin-top:7px; padding:0 5px; font-size:9px; line-height:1.25; color:#242424; }
.about { border-top:1px solid var(--rule); width:min(var(--content),calc(100% - 30px)); margin:14px auto 0; padding:40px 0 34px; }
.about > h2,.footer h2 { margin:0 0 22px; text-align:center; font-size:11px; font-weight:500; text-transform:lowercase; }
.about-layout { display:grid; grid-template-columns:minmax(0,1fr) 108px; gap:32px; max-width:600px; margin:0 auto; align-items:center; }
.about-copy h3 { margin:0 0 12px; font-size:12px; font-weight:600; }
.about-copy p { margin:0 0 9px; font-size:10px; line-height:1.5; color:#333; }
.about-copy .contact-note { margin-top:14px; font-size:9px; color:#555; }
.about-image-wrap { width:108px; height:108px; border-radius:50%; overflow:hidden; background:#eee; }
.about-image { width:100%; height:100%; object-fit:cover; }
.about-placeholder { width:100%; height:100%; display:grid; place-items:center; color:#777; font-size:14px; }
.footer { border-top:1px solid var(--rule); background:#f1f1f1; text-align:center; padding:29px 15px 38px; }
.footer h2 { margin-bottom:13px; }
.contact-lines { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 16px; max-width:620px; margin:0 auto 20px; color:#555; font-size:9px; }
.footer small { color:#777; font-size:9px; }
.noscript { padding:20px; text-align:center; }
@media (max-width:560px) { .hero{min-height:390px}.hero-inner{width:calc(100% - 24px)}.top-nav{gap:16px}.explore,.gallery-sections,.about{width:calc(100% - 22px)}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 7px}.about-layout{grid-template-columns:1fr;text-align:center}.about-image-wrap{margin:0 auto;order:-1} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }