/* One reading start per section, following approved concept18. */
.art-experience { --art-study-ground:#14130f; }
.art-experience .art-looking { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:110px; padding:80px var(--gutter); background:var(--art-study-ground); }
.art-looking__copy { min-width:0; }
.art-experience .art-looking h2 { font-size:72px; line-height:.97; letter-spacing:-.035em; margin:0 0 28px; }
.art-experience .art-looking__lead { max-width:31ch; margin:0; font-size:24px; line-height:1.45; color:var(--text-primary); }
.art-looking__study { min-width:0; margin:0; }
.art-experience .art-study-link { display:block; width:100%; height:360px; overflow:hidden; background:#1e1b15; }
.art-experience .art-study-link img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 28%; }
.art-experience .art-study-link:focus-visible { outline-offset:5px; }
.art-experience .art-looking__caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px 26px; padding-top:14px; margin:0; font:400 13px/1.6 var(--body); color:var(--text-secondary); }
.art-looking__caption a { display:inline-flex; align-items:center; gap:18px; min-height:44px; color:var(--accent-gold); }
.art-looking__caption a:hover { color:var(--gold-bright); }
.art-experience .art-invitation { display:block; padding:82px var(--gutter) 74px; }
.art-invitation__copy { max-width:660px; }
.art-experience .art-invitation h2 { max-width:none; margin:0 0 24px; font-size:76px; line-height:1; letter-spacing:-.035em; }
.art-experience .art-invitation__copy > p { max-width:42ch; margin:0 0 28px; font-size:24px; line-height:1.45; color:var(--text-primary); }
.art-experience .art-invitation .button { min-height:48px; text-transform:none; letter-spacing:0; }
.art-practical { max-width:620px; margin-top:38px; border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle); }
.art-practical summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:68px; padding:12px 0; cursor:pointer; list-style:none; font:400 16px/1.5 var(--body); }
.art-practical summary::-webkit-details-marker { display:none; }
.art-practical summary > span { color:var(--accent-gold); font-size:20px; }
.art-practical__content { padding-top:8px; }
.art-experience .art-practical__content h3 { margin:20px 0 12px; font-size:24px; line-height:1.3; }
.art-experience .art-practical__content p { max-width:57ch; margin:0 0 22px; font:400 15px/1.75 var(--body); color:var(--text-secondary); }
@media(max-width:1000px) and (min-width:701px) {
  .art-experience .art-looking { gap:54px; grid-template-columns:1fr 1fr; }
  .art-experience .art-looking h2 { font-size:58px; }
  .art-experience .art-looking__lead { font-size:22px; }
  .art-experience .art-study-link { height:310px; }
  .art-experience .art-invitation h2 { font-size:68px; }
}
@media(max-width:700px) {
  .art-experience .art-looking { display:flex; flex-direction:column; gap:25px; align-items:stretch; padding:46px var(--gutter); }
  .art-experience .art-looking h2 { font-size:49px; line-height:1; margin-bottom:22px; }
  .art-experience .art-looking__lead { font-size:22px; line-height:1.4; }
  .art-experience .art-study-link { height:200px; }
  .art-experience .art-looking__caption { display:block; padding-top:10px; }
  .art-looking__caption a { display:flex; justify-content:flex-start; min-height:44px; margin-top:2px; }
  .art-experience .art-invitation { padding:48px var(--gutter); }
  .art-experience .art-invitation h2 { max-width:290px; font-size:54px; line-height:1; margin-bottom:22px; }
  .art-experience .art-invitation__copy > p { font-size:22px; line-height:1.4; margin-bottom:24px; }
  .art-practical { margin-top:30px; }
  .art-practical summary { min-height:66px; font-size:15px; }
}
@media(max-width:360px) {
  .art-experience .art-looking h2 { font-size:45px; }
  .art-experience .art-looking__lead { font-size:21px; }
  .art-experience .art-invitation h2 { font-size:49px; }
}