.inside-page .site-header{position:relative}
.inside-page h1{font-size:clamp(2.6rem,5.6vw,5rem);line-height:1.12;letter-spacing:-.02em;margin:27px 0 0;text-shadow:none}
.inside-page h3{margin:0;font-family:var(--serif);font-size:clamp(1.2rem,1.7vw,1.55rem);font-weight:400;line-height:1.25;letter-spacing:0}
.inside-page button{font:inherit}
.inside-page button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.inside-intro{padding-top:34px;padding-bottom:53px}
.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;min-height:40px}
.back-link:hover{color:var(--gold)}
.teaser-section{padding-bottom:76px;scroll-margin-top:32px}
.teaser-section .section-label{margin-bottom:39px}
.teaser-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:72px;align-items:start}
.teaser-heading h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.1}
.teaser-heading>p{font-size:14px;color:var(--muted);margin-top:22px}
.teaser-figure{border-left:1px solid #8c765350;padding-left:36px}
.reading-teaser{margin:0;font-family:var(--serif);font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.6;color:var(--cream)}
.reading-teaser p+p{margin-top:19px}
.reading-teaser .teaser-question{font-size:clamp(1.65rem,2.55vw,2.25rem);line-height:1.35;color:var(--gold)}
.teaser-figure figcaption{justify-content:flex-start;align-items:center;gap:18px;margin-top:26px;font-size:13px;letter-spacing:.12em}
.teaser-figure figcaption span{padding:0;font-size:12px;letter-spacing:.12em}
.art-section{padding:66px 0 76px;background:var(--surface);border-block:1px solid var(--line);scroll-margin-top:24px}
.art-section .section-label{margin-bottom:35px}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.gallery-heading h2{font-size:clamp(2rem,3.2vw,3rem)}
.gallery-heading>p{max-width:210px;color:var(--muted);font-size:14px;line-height:1.5}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.art-grid>li{min-width:0}
.artwork-link{position:relative;display:block;background:var(--ink);border:1px solid #8c765350;box-shadow:0 15px 35px #0005;transition:border-color .2s,transform .2s}
.artwork-link:hover{transform:translateY(-4px);border-color:var(--gold)}
.artwork-link img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.artwork-enlarge{position:absolute;right:12px;bottom:12px;padding:6px 10px;border:1px solid #bda67b6b;background:#0c0d0fe8;color:var(--cream);font-size:12px;letter-spacing:.03em;opacity:0;transition:opacity .2s}
.artwork-link:hover .artwork-enlarge,.artwork-link:focus-visible .artwork-enlarge{opacity:1}
.artwork figcaption{justify-content:flex-start;align-items:baseline;gap:15px;margin-top:21px;color:var(--cream)}
.artwork figcaption .artwork-index{padding:0;color:var(--gold);font-family:var(--serif);font-size:14px;letter-spacing:0}
.gallery-swipe{display:none}
.artwork-open{overflow:hidden}
.art-dialog{width:min(880px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:18px 22px 22px;box-sizing:border-box;background:#0c0d0f;color:var(--cream);border:1px solid #8c765380;overflow:auto;box-shadow:0 30px 90px #000c}
.art-dialog::backdrop{background:#000e}
.art-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.art-dialog-top h2{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.25;letter-spacing:0}
.art-dialog-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:86px;flex-shrink:0;padding:7px 10px;border:1px solid #8c765370;background:transparent;color:var(--cream);cursor:pointer;font-size:14px}
.art-dialog-close:hover{border-color:var(--gold);color:var(--gold)}
.art-dialog-close span{font-size:24px;line-height:1}
.art-dialog-image{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 140px);object-fit:contain;margin:auto}
@media(max-width:1100px){.teaser-layout{gap:40px;grid-template-columns:.8fr 1.6fr}.art-grid{gap:20px}.gallery-heading{align-items:start;flex-direction:column;gap:13px}.gallery-heading>p{max-width:none}}
@media(max-width:760px){
  .inside-intro{padding-top:21px;padding-bottom:39px}
  .inside-page h1{margin-top:17px;font-size:clamp(2.1rem,8.1vw,3.6rem)}
  .teaser-section{padding-bottom:49px}
  .teaser-section .section-label{margin-bottom:27px}
  .teaser-layout{grid-template-columns:1fr;gap:26px}
  .teaser-heading h2{font-size:2.3rem}
  .teaser-heading h2 br{display:none}
  .teaser-heading>p{margin-top:12px}
  .teaser-figure{padding-left:21px}
  .reading-teaser{font-size:1.15rem}
  .reading-teaser .teaser-question{font-size:1.6rem}
  .teaser-figure figcaption{flex-wrap:wrap;gap:8px 15px}
  .art-section{padding:44px 0 45px}
  .gallery-heading{margin-bottom:27px}
  .art-section .section-label{margin-bottom:27px}
  .art-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:5px 1px 20px;scrollbar-width:thin;scrollbar-color:var(--gold) var(--line)}
  .art-grid>li{flex:0 0 80%;max-width:340px;scroll-snap-align:start}
  .artwork-link:hover{transform:none}
  .artwork-enlarge{opacity:1;font-size:12px}
  .artwork figcaption{margin-top:17px;gap:12px}
  .artwork h3{font-size:1.3rem}
  .gallery-swipe{display:block;color:var(--muted);font-size:14px;margin-top:16px}
  .art-dialog{padding:12px 14px 17px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
  .art-dialog-top{gap:12px}
  .art-dialog-close{min-width:75px;padding-inline:8px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.artwork-link,.artwork-enlarge{transition:none}.artwork-link:hover{transform:none}}