/* Selected gallery design only. Imported from the delivered local concept; no other sections targeted. */
.art-section{background:#fff;color:#111}
.art-section{--art-height:clamp(260px,26vw,360px);padding-top:40px;padding-bottom:72px}
.art-section .section-top{padding-top:16px;border-color:#111}
.art-section .eyebrow,.art-section .section-index,.art-section .art-year{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.art-section .editorial-heading{display:block;padding-top:38px;padding-bottom:36px;position:relative}
.art-section h2{max-width:none;font-size:inherit;line-height:.83;letter-spacing:-.07em;font-weight:800;margin:0}
.art-section .gallery-small{display:block;font-size:clamp(24px,3vw,40px);line-height:1;letter-spacing:-.05em;margin-bottom:10px}
.art-section .gallery-mega{display:block;font-size:clamp(65px,15.3vw,220px);line-height:.83;letter-spacing:-.075em}
.art-section .archive-intro{display:flex;justify-content:space-between;align-items:end;margin:30px 0 0;padding-left:33%;width:100%;font-size:14px;line-height:1.4;letter-spacing:-.015em}
.art-section .archive-intro span{margin:0;font:10px/1.6 'Courier New',monospace;letter-spacing:0;color:#666;text-align:right}
.art-section .art-track{counter-reset:works;gap:36px;padding-top:20px;padding-bottom:16px}
.art-section .art-item{counter-increment:works;position:relative}
.art-section .art-item:before{content:'0' counter(works);display:block;font:10px/1 'Courier New',monospace;letter-spacing:.05em;margin-bottom:12px;color:#666}
.art-section .art-item:nth-child(1){--art-offset:0px}
.art-section .art-item:nth-child(2){--art-offset:28px}
.art-section .art-item:nth-child(3){--art-offset:8px}
.art-section .art-item:nth-child(4){--art-offset:20px}
.art-section .art-item figcaption{border-top:1px solid #bbb;padding-top:13px;margin-top:20px;min-height:52px}
.art-section .art-artist{font-size:15px;font-weight:600;letter-spacing:-.025em}
.art-section .art-work-title{font-size:11px}
.art-section .artwork-link{transition:transform .25s cubic-bezier(.22,1,.36,1)}
.art-section .artwork-link:hover .art-image{opacity:1}
.art-section .archive-progress{height:2px;background:#e1e1e1;margin-top:24px;overflow:hidden}
.art-section .archive-progress i{display:block;width:25%;height:100%;background:#111;transform:translateX(var(--rail-progress,0%));transition:transform .12s linear}
.art-section .carousel-base{border:0;margin-top:0;padding-top:24px;align-items:center}
.art-section .carousel-buttons{border-radius:0;padding:0;border:0;gap:8px}
.art-section .carousel-buttons .circle-button{border:1px solid #111;border-radius:0;width:48px;height:44px}
.art-section .archive-source{font-size:11px;min-height:44px;gap:14px}
.art-section .carousel-controls>span{font-family:'Courier New',monospace;font-size:11px}
.art-section .swipe-hint{font-family:'Courier New',monospace;font-size:10px;margin-right:20px}
@media(hover:hover) and (pointer:fine){
.art-section .artwork-link:hover{transform:translateY(-4px)}
}
@keyframes wihh-gallery-settle{from{transform:translateY(18px)}to{transform:translateY(0)}}
.art-section .concept-settle{animation:wihh-gallery-settle .65s cubic-bezier(.22,1,.36,1) both}
@media(max-width:800px){
.art-section .archive-intro{padding-left:25%;font-size:13px}
.art-section .art-track{gap:26px}
}
@media(max-width:560px){
.art-section{--art-height:calc((100vw - 72px) / 1.855072464);padding-top:30px;padding-bottom:44px}
.art-section .section-top{font-size:9px;padding-top:14px}
.art-section .editorial-heading{padding-top:27px;padding-bottom:24px}
.art-section .gallery-small{font-size:24px;margin-bottom:7px}
.art-section .gallery-mega{font-size:15vw;letter-spacing:-.07em}
.art-section .archive-intro{padding-left:0;margin-top:22px;font-size:12px;gap:18px}
.art-section .archive-intro span{font-size:9px;max-width:144px}
.art-section .art-track{padding-top:8px;gap:24px;padding-bottom:8px}
.art-section .art-item:nth-child(1){--art-offset:0px}
.art-section .art-item:nth-child(2){--art-offset:18px}
.art-section .art-item:nth-child(3){--art-offset:5px}
.art-section .art-item:nth-child(4){--art-offset:12px}
.art-section .art-item:before{font-size:9px;margin-bottom:9px}
.art-section .art-item figcaption{margin-top:14px;padding-top:11px;min-height:48px}
.art-section .art-artist{font-size:13px}
.art-section .art-work-title,.art-section .art-year{font-size:10px}
.art-section .archive-progress{margin-top:18px}
.art-section .carousel-base{padding-top:16px;gap:12px}
.art-section .archive-links{gap:0}
.art-section .archive-source{font-size:10px;min-height:40px;max-width:175px}
.art-section .carousel-controls{gap:10px}
.art-section .carousel-controls>span{font-size:9px;margin-right:0}
.art-section .carousel-buttons{gap:4px}
.art-section .carousel-buttons .circle-button{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
.art-section .concept-settle{animation:none}
.art-section .archive-progress i,.art-section .artwork-link{transition:none}
.art-section .artwork-link:hover{transform:none}
}

/* Compact the selected exhibition layout so its title, full works and captions
   share a laptop-height view. No artwork cropping and no changes outside #art. */
.art-section{--art-height:clamp(170px,calc(100svh - 500px),320px);padding-top:20px;padding-bottom:24px}
.art-section .section-top{padding-top:10px}
.art-section .editorial-heading{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:end;padding-top:14px;padding-bottom:20px}
.art-section .gallery-small{font-size:20px;line-height:1;margin-bottom:5px}
.art-section .gallery-mega{font-size:clamp(72px,9.2vw,128px);line-height:.83}
.art-section .archive-intro{display:block;padding:0;margin:0;max-width:none;font-size:12px;line-height:1.4}
.art-section .archive-intro span{display:block;margin-top:12px;text-align:left;font-size:10px;line-height:1.5}
.art-section .art-track{padding-top:6px;padding-bottom:8px;gap:30px}
.art-section .art-item:before{font-size:10px;margin-bottom:8px}
.art-section .art-item:nth-child(2){--art-offset:18px}
.art-section .art-item:nth-child(3){--art-offset:6px}
.art-section .art-item:nth-child(4){--art-offset:14px}
.art-section .art-item figcaption{margin-top:12px;padding-top:10px;min-height:42px}
.art-section .art-item figcaption>div{gap:4px}
.art-section .archive-progress{margin-top:10px}
.art-section .carousel-base{padding-top:12px}
@media(max-width:800px){
 .art-section .editorial-heading{grid-template-columns:minmax(0,1fr) 205px;gap:24px}
 .art-section .gallery-mega{font-size:clamp(64px,9vw,96px)}
 .art-section .archive-intro{font-size:11px}
 .art-section .archive-intro span{font-size:9px}
 .art-section .art-track{gap:24px}
}
@media(max-width:560px){
 .art-section{--art-height:min(calc((100vw - 72px) / 1.855072464),max(100px,calc(100svh - 450px)));padding-top:20px;padding-bottom:24px}
 .art-section .editorial-heading{display:block;padding-top:16px;padding-bottom:18px}
 .art-section .gallery-small{font-size:20px;margin-bottom:5px}
 .art-section .gallery-mega{font-size:15vw}
 .art-section .archive-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:14px;padding:0;font-size:11px}
 .art-section .archive-intro span{max-width:140px;text-align:right;margin-top:0;font-size:9px;line-height:1.5}
 .art-section .art-track{padding-top:4px;padding-bottom:6px;gap:22px}
 .art-section .art-item:before{font-size:9px;margin-bottom:7px}
 .art-section .art-item:nth-child(2){--art-offset:12px}
 .art-section .art-item:nth-child(3){--art-offset:4px}
 .art-section .art-item:nth-child(4){--art-offset:10px}
 .art-section .art-item figcaption{margin-top:10px;padding-top:9px;min-height:42px}
 .art-section .archive-progress{margin-top:8px}
}
@media(min-width:561px) and (max-height:700px){
 .art-section{--art-height:clamp(130px,calc(100svh - 440px),230px);padding-top:16px;padding-bottom:20px}
 .art-section .gallery-mega{font-size:clamp(64px,8vw,96px)}
 .art-section .gallery-small{font-size:18px}
 .art-section .editorial-heading{padding-top:12px;padding-bottom:16px}
}

/* Reserve the fixed header's height when it returns at the end of the hero. */
.art-section{padding-top:100px}
@media(max-width:560px){.art-section{padding-top:80px}}
@media(min-width:561px) and (max-height:700px){.art-section{padding-top:100px}}

/* Archive extension: two-digit indices and the same quiet rhythm for later works. */
.art-section .art-item:before{content:counter(works,decimal-leading-zero)}
.art-section .art-item:nth-child(n+5):nth-child(4n+2){--art-offset:18px;--art-scale:.94}
.art-section .art-item:nth-child(n+5):nth-child(4n+3){--art-offset:6px}
.art-section .art-item:nth-child(n+5):nth-child(4n){--art-offset:14px;--art-scale:.97}
@media(max-width:560px){
 .art-section .art-item:nth-child(n+5):nth-child(4n+2){--art-offset:12px}
 .art-section .art-item:nth-child(n+5):nth-child(4n+3){--art-offset:4px}
 .art-section .art-item:nth-child(n+5):nth-child(4n){--art-offset:10px}
}


/* Use the existing hero-to-gallery header clearance; add no section height. */
.art-section{position:relative}
.art-section .art-transition{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.005em}
.art-section .art-transition>span{min-width:0}
.art-section .art-transition a{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;flex-shrink:0;color:#333;font-size:11px;scroll-margin-top:110px}
.art-section .art-transition a:hover{text-decoration:underline;text-underline-offset:4px}
.art-section .art-transition a:focus-visible{outline:2px solid #333;outline-offset:3px}
@media(max-width:560px){
 .art-section .art-transition{top:12px;gap:16px;font-size:10px}
 .art-section .art-transition a{font-size:10px;gap:5px;scroll-margin-top:88px}
}


/* Let the address occupy the existing band, without changing gallery geometry. */
.art-section .art-transition{top:0;min-height:100px;gap:clamp(16px,2vw,32px);color:#111;font-size:clamp(24px,4.8vw,82px);font-weight:600;line-height:1.05;letter-spacing:-.05em}
.art-section .art-transition>span{flex:1}
.art-section .art-transition a{color:#111;font-size:clamp(13px,1.1vw,17px);font-weight:600;line-height:1.4;letter-spacing:-.02em;gap:10px}
.art-section .art-transition .arrow-icon{width:16px;height:16px;flex-shrink:0;stroke-width:1.3}
@media(max-width:560px){
 .art-section .art-transition{min-height:80px;gap:12px;font-size:clamp(18px,5.1vw,28px);line-height:1.08;letter-spacing:-.04em}
 .art-section .art-transition a{font-size:11px;gap:6px}
 .art-section .art-transition .arrow-icon{width:13px;height:13px}
}