.art-page{background:var(--paper)}.art-hero{padding:9rem clamp(1.2rem,8vw,8rem) 4rem;background:var(--deep);color:#fff}.art-hero h1{max-width:900px;font:600 clamp(3.8rem,8vw,7rem)/.92 var(--serif);letter-spacing:-.05em;margin:.5rem 0}.art-hero h1 em{color:var(--river)}.art-hero p:last-child{max-width:720px;color:#b7cac7;font-size:1.08rem}.gallery{padding:4rem clamp(1.2rem,8vw,8rem) 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.gallery figure{margin:0;background:#fff;border:1px solid var(--line)}.gallery a{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ink)}.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease;opacity:.9}.gallery a:hover img,.gallery a:focus img{transform:scale(1.035);opacity:1}.gallery figcaption{padding:1rem 1.1rem;font:500 .78rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.art-note{margin:0 clamp(1.2rem,8vw,8rem) 5rem;padding:1rem 1.2rem;border-left:3px solid var(--river);background:#d9e5e1;font-size:.9rem}.gallery-nav{display:flex;gap:1.5rem}.gallery-nav a{color:#d7e5e3;text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.gallery-nav a:hover,.gallery-nav a:focus{color:var(--river)}@media(max-width:900px){.gallery{grid-template-columns:1fr 1fr}}@media(max-width:700px){.gallery{grid-template-columns:1fr}.gallery-nav{gap:.8rem}.gallery-nav a{font-size:.68rem}}