.gallery-header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111}
.gallery-header .brand{width:145px}
.gallery-back{font-size:14px;font-weight:600;letter-spacing:.04em}
.gallery-back:hover{color:var(--red)}
.gallery-page{max-width:1550px;margin:auto;padding:clamp(40px,6vw,90px) 6% 110px}
.gallery-intro{display:grid;grid-template-columns:1fr minmax(220px,340px);align-items:end;gap:2rem;margin-bottom:48px}
.gallery-intro .eyebrow{grid-column:1/-1;color:var(--red)}
.gallery-intro h1{font:800 clamp(4.5rem,12vw,11rem)/.78 var(--display);letter-spacing:-.04em}
.gallery-intro h1 span{color:transparent;-webkit-text-stroke:1px var(--ink)}
.gallery-intro>p:last-child{max-width:28ch;color:var(--muted);font-size:17px}
.gallery-viewer{background:#211d1b;padding:clamp(14px,3vw,36px)}
.gallery-image-button{width:100%;height:min(67svh,760px);min-height:370px;padding:0;position:relative;display:flex;align-items:center;justify-content:center;background:#151515;overflow:hidden}
.gallery-image-button img{width:100%;height:100%;object-fit:contain}
.gallery-image-button>span{position:absolute;right:20px;bottom:20px;background:#151515df;padding:9px 14px;font-size:13px;font-weight:700}
.gallery-image-button:hover>span{background:var(--red);color:#151515}
.gallery-meta{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:26px}
.gallery-meta .eyebrow{color:var(--red)}
.gallery-meta h2{font-size:clamp(2.6rem,5vw,5rem);margin:10px 0}
.gallery-meta p{color:var(--muted);font-size:15px}
.gallery-controls{display:flex;gap:10px}
.gallery-controls button{width:48px;height:48px;border:1px solid #777;border-radius:50%;background:transparent;font-size:22px}
.gallery-controls button:hover{background:var(--red);border-color:var(--red);color:#151515}
.gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.gallery-thumbs button{min-width:0;text-align:left;background:#211d1b;padding:10px;border:1px solid transparent}
.gallery-thumbs button[aria-pressed=true]{border-color:var(--red)}
.gallery-thumbs button:hover{border-color:#b8aaa3}
.gallery-thumbs img{width:100%;height:clamp(120px,20vw,270px);object-fit:cover}
.gallery-thumbs span{display:block;margin:11px 4px 3px;font-size:13px;font-weight:600}
#art-lightbox{position:fixed;inset:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;padding:55px 20px 18px;border:0;background:#101010;color:var(--ink);text-align:center}
#art-lightbox::backdrop{background:#000e}
#art-lightbox img{width:100%;height:calc(100% - 70px);object-fit:contain}
.lightbox-close{position:absolute;right:18px;top:12px;background:transparent;font-size:36px;line-height:1}
.lightbox-footer{display:flex;justify-content:center;gap:30px;align-items:center;flex-wrap:wrap;margin-top:16px;font-size:14px}
.lightbox-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.gallery-header{height:76px}.gallery-header .brand{width:110px}.gallery-back{font-size:12px}.gallery-page{padding:45px 6% 80px}.gallery-intro{display:block;margin-bottom:30px}.gallery-intro h1{font-size:clamp(3.9rem,17vw,7rem);margin:20px 0}.gallery-intro>p:last-child{font-size:15px}.gallery-image-button{height:52svh;min-height:320px}.gallery-meta{align-items:center}.gallery-meta h2{font-size:2.5rem}.gallery-meta p{font-size:13px}.gallery-controls button{width:40px;height:40px}.gallery-thumbs{gap:8px}.gallery-thumbs button{padding:5px}.gallery-thumbs img{height:105px}.gallery-thumbs span{font-size:10px;line-height:1.2}#art-lightbox{padding:54px 10px 20px}.lightbox-footer{font-size:12px;gap:12px}}

.gallery-intro{display:block}.gallery-intro h1{font-size:clamp(3.8rem,8vw,8rem);line-height:.9}.gallery-intro .eyebrow{display:block;margin-bottom:1.5rem}@media(max-width:720px){.gallery-intro h1{font-size:clamp(3.1rem,13vw,5rem);line-height:.92}}