/* Art channel only. The shared editorial system and home remain unchanged. */
.art-page .art-intro{padding-bottom:38px;max-width:870px}
.art-page .art-intro .eyebrow{font-size:9px;letter-spacing:1.7px;color:#746d63}
.art-page .art-intro h2{margin-top:16px}
.art-page .art-section-heading{text-align:center;margin:0 auto 26px;padding:0 24px}
.art-page .art-section-heading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15;margin:0 0 12px;letter-spacing:-.6px}
.art-page .art-section-heading p{font-size:12px;line-height:1.6;color:#746d63;margin:0}
.art-page .art-collection{padding:10px 0 40px;overflow:hidden}
.art-page .art-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(24px,5.5vw) 18px;scroll-padding-left:max(24px,5.5vw);scrollbar-width:thin;scrollbar-color:#c8bfb1 transparent;overscroll-behavior-x:contain}
.art-page .art-rail::-webkit-scrollbar{height:3px}.art-page .art-rail::-webkit-scrollbar-thumb{background:#c8bfb1;border-radius:5px}
.art-page .art-card{flex:0 0 calc((100vw - 15vw - 56px)/3);min-width:260px;scroll-snap-align:start;text-align:center;margin:0}
.art-page .art-open{display:block;width:100%;border:0;border-radius:0;background:none;padding:0;color:inherit;cursor:pointer;font:inherit;text-align:center}
.art-page .art-card-photo{display:block;overflow:hidden;border-radius:18px;background:#f7f5f1;aspect-ratio:1.5}
.art-page .art-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.art-page .art-open:hover img{transform:scale(1.035)}
.art-page .art-card h3{font-size:clamp(23px,2.2vw,30px);font-weight:500;line-height:1.2;margin:18px 8px 8px;letter-spacing:-.35px}
.art-page .art-card-caption{display:block;font-size:12px;line-height:1.5;color:#6b655c}
.art-page .art-card-link{display:inline-block;font-size:10px;letter-spacing:.4px;line-height:1.5;margin-top:12px;padding-bottom:5px;border-bottom:1px solid #c8bfb1}
.art-page .art-position{display:flex;gap:11px;justify-content:center;align-items:center;margin:19px auto 0}
.art-page .art-dot{width:21px;height:28px;padding:10px 7px;background:none;border:0;cursor:pointer}
.art-page .art-dot:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#d9d3c8;transition:background .2s}
.art-page .art-dot[aria-current=true]:after{background:#6c5945}
.art-page .art-place{display:grid;grid-template-columns:1.08fr 1fr;gap:5vw;align-items:center;padding:50px 5.5vw;background:#171715;color:#fff}
.art-page .art-place>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:18px}
.art-page .art-place>div{text-align:center;max-width:510px;margin:auto}
.art-page .art-place .eyebrow{color:#cfc8bb;font-size:9px;letter-spacing:1.6px}
.art-page .art-place h2{font-size:clamp(32px,3.3vw,47px);line-height:1.12;letter-spacing:-.6px;margin:18px 0 22px}
.art-page .art-place p{font-size:13px;color:#e0dbd2;line-height:1.7;margin:14px auto}
.art-page .art-visit{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;padding:52px 5.5vw;max-width:1500px;margin:auto}
.art-page .art-visit>div{max-width:500px;margin:auto;text-align:center}
.art-page .art-visit h2{font-size:clamp(31px,3.2vw,44px);letter-spacing:-.6px;line-height:1.15;margin:18px 0}
.art-page .art-visit p{font-size:13px;color:#60594f;line-height:1.7}
.art-page .art-visit img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:18px}
.art-page .art-visit-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:22px}
.art-page .art-visit-actions .text-link{border-bottom:1px solid #b8afa1;padding:12px 0 9px}
.art-page #art-dialog{width:min(94vw,800px);max-height:90dvh;border:0;border-radius:20px;padding:0;background:#fff;color:#1d1c1a;box-shadow:0 18px 80px #0005;overflow:auto}
.art-page #art-dialog::backdrop{background:rgba(14,14,12,.72);backdrop-filter:blur(7px)}
.art-page .art-close{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;background:rgba(255,255,255,.97);border:0;border-bottom:1px solid #ebe7df;padding:14px 23px;cursor:pointer;color:#302820;font:11px var(--sans)}
.art-page .art-close>span:last-child{font-size:26px;font-weight:300;line-height:1}
.art-page .art-dialog-content>img{display:block;width:100%;height:auto;max-height:52dvh;object-fit:contain;background:#fff}
.art-page .art-dialog-copy{padding:28px 40px 35px;text-align:center}
.art-page .art-dialog-copy .eyebrow{font-size:9px;color:#817466;letter-spacing:1.5px}
.art-page .art-dialog-copy h2{font-size:clamp(28px,3vw,39px);line-height:1.14;margin:15px 0 20px}
.art-page .art-dialog-copy p{max-width:630px;margin:14px auto;font-size:14px;line-height:1.7;color:#514c46}
.art-page.art-dialog-open{overflow:hidden}
.art-page .art-open:focus-visible,.art-page .art-dot:focus-visible,.art-page .art-close:focus-visible,.art-page .art-rail:focus-visible{outline:2px solid #8b6b49;outline-offset:5px}
@media(max-width:760px){
 .art-page .art-intro{padding-bottom:32px}.art-page .art-collection{padding-bottom:30px}.art-page .art-section-heading h2{font-size:30px}.art-page .art-section-heading p{font-size:11px}
 .art-page .art-rail{gap:18px;padding-left:24px;padding-right:24px;scroll-padding-left:24px}.art-page .art-card{flex-basis:79vw;min-width:0}.art-page .art-card h3{font-size:27px}.art-page .art-card-photo{border-radius:16px}.art-page .art-position{gap:8px;margin-top:10px}
 .art-page .art-place{display:flex;flex-direction:column;gap:28px;padding:32px 24px}.art-page .art-place>img{border-radius:16px}.art-page .art-place h2{font-size:34px;margin-top:14px}.art-page .art-place p{font-size:13px}
 .art-page .art-visit{display:flex;flex-direction:column-reverse;gap:28px;padding:32px 24px}.art-page .art-visit h2{font-size:32px}.art-page .art-visit img{border-radius:16px}.art-page .art-visit-actions{gap:18px}.art-page .art-visit-actions a{font-size:11px}
 .art-page #art-dialog{width:calc(100vw - 24px);max-height:92dvh;border-radius:16px}.art-page .art-dialog-copy{padding:23px 23px 28px}.art-page .art-dialog-copy p{font-size:13px}.art-page .art-dialog-content>img{max-height:40dvh}.art-page .art-close{padding:12px 20px}
}
@media(prefers-reduced-motion:reduce){.art-page .art-card img{transition:none}}

/* Restore card focus without a pointer-generated selection frame. */
.art-page .art-open:focus{outline:none}
.art-page.art-keyboard-navigation .art-open:focus-visible{outline:2px solid #8b6b49;outline-offset:5px}
