.painting-main{padding-top:155px;padding-bottom:105px}
.painting-heading{position:relative;border-top:1px solid var(--line);padding:26px 0 86px}
.painting-heading h1{font-size:clamp(75px,15vw,190px);margin:40px 0 25px;line-height:.8}
.category-illustrazione .painting-heading h1{font-size:clamp(62px,8.4vw,116px)}
.category-la-bottega .painting-heading h1{font-size:clamp(66px,11vw,150px)}
.painting-heading h1 .period{display:inline}
.painting-heading h1 .period{color:var(--accent)}
.painting-heading p{font-size:16px;margin:0;color:var(--muted)}
.painting-count{position:absolute;right:0;bottom:90px;font-size:11px;color:var(--muted)}
.painting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:85px 28px}
.painting-card{display:block;min-width:0;width:100%;padding:0;text-align:left}
.painting-frame{display:flex;align-items:center;justify-content:center;position:relative;height:clamp(330px,43vw,550px);background:#e9e8e4;border-radius:22px;overflow:hidden;padding:25px}
.painting-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 25px #0002);transition:transform .5s ease}
.painting-card:hover .painting-frame img{transform:scale(1.035)}
.painting-open{display:inline-block;font-size:11px;background:#292928;color:#fff;padding:11px 16px;border-radius:22px;white-space:nowrap}
.painting-card-foot{display:flex;justify-content:space-between;gap:20px;padding:20px 5px;border-bottom:1px solid var(--line)}
.painting-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;flex:none}
.painting-card-foot strong{font-size:21px;font-weight:400;letter-spacing:-.035em}
.painting-meta{font-size:11px;color:var(--muted);margin:8px 0 0}
.painting-meta{display:block}
.painting-card-foot small{font-size:10px;color:var(--muted);white-space:nowrap}
.painting-bottom-nav{border-top:1px solid var(--line);margin-top:110px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.painting-bottom-nav a:hover,.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs{display:flex;gap:12px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.breadcrumbs>a,.painting-bottom-nav>a{display:inline}
.painting-detail-head{padding:85px 0 55px;text-align:center}
.painting-detail-head .eyebrow{margin-bottom:20px}
.painting-detail-head h1{font-size:clamp(55px,8.5vw,115px);line-height:.95;margin:0 auto;max-width:950px;letter-spacing:-.07em}
.painting-detail-meta{font-size:14px;color:var(--muted);margin:30px 0 0}
.painting-description{font-size:14px;line-height:1.6;max-width:520px;margin:24px auto 0;color:#151515}
.painting-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.painting-shot{min-width:0;display:grid;place-items:center;min-height:360px;background:#e9e8e4;border-radius:22px;padding:30px;overflow:hidden}
.painting-shot:first-child{grid-column:1/-1;min-height:560px}
.painting-shot img{display:block;max-width:100%;max-height:530px;width:auto;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 24px #0002);transition:transform .5s}
.painting-shot:not(:first-child) img{max-height:400px}
.painting-shot:hover img{transform:scale(1.025)}
#paintingGallery{background:#181a18;color:#f2f2f0}
#paintingGallery .gallery-bottom{color:#b7b9b4}
#paintingGallery .gallery-media img{filter:drop-shadow(0 12px 35px #0008)}
#paintingGallery .gallery-bottom{min-height:70px;height:auto;padding:8px 0;align-items:flex-start;gap:20px}
#paintingGallery .gallery-bottom>div{max-width:75%}
#paintingGallery .gallery-bottom p{max-width:none;margin:0 0 5px;line-height:1.4}
#paintingGallery .gallery-media{height:calc(100% - 150px)}
#paintingGallery .gallery-viewport{flex:1;height:100%;min-width:0;overflow:auto;display:flex;overscroll-behavior:contain;scrollbar-color:#666 #171717}
#paintingGallery .gallery-viewport img{display:block;flex:none;max-width:none;max-height:none;width:auto;height:auto;margin:auto;object-fit:contain;user-select:none}
#paintingGallery .gallery-arrow{flex:none}
#paintingGallery .gallery-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:nowrap}
#paintingGallery .zoom-tools{display:flex;align-items:center;gap:10px}
#paintingGallery .zoom-tools button{border:1px solid #ffffff55;border-radius:50%;width:30px;height:30px;padding:0}
#paintingGallery .zoom-tools label{display:flex;align-items:center;gap:7px}
#paintingGallery .zoom-tools input{width:95px;accent-color:#e6e6df}
#paintingGallery .zoom-tools output{min-width:35px}
#presepeExplorer{background:#151715;color:#f2f2f0}
.menu-inner{margin-top:110px}
.menu-inner>a{font-size:clamp(26px,4.5vw,58px);line-height:1.12;padding:8px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
.menu-inner>a span{font-size:19px;align-self:center;color:var(--muted)}
header{background:var(--paper);border-bottom:1px solid var(--line)}
@media(max-width:760px){
  .painting-main{padding-top:115px;padding-bottom:60px}
  .painting-heading{padding-bottom:55px}
  .painting-heading h1{font-size:18vw;margin:28px 0 20px}
  .category-illustrazione .painting-heading h1{font-size:9.2vw}
  .category-la-bottega .painting-heading h1{font-size:12vw}
  .painting-heading p{font-size:13px}
  .painting-count{bottom:58px;font-size:9px}
  .painting-grid{grid-template-columns:1fr;gap:45px}
  .painting-frame{height:min(110vw,470px);padding:18px}
  .painting-frame img,.painting-shot img{margin-inline:auto;object-position:center}
  .painting-card-foot strong{font-size:19px}
  .painting-detail-head{padding:55px 0 38px}
  .painting-detail-head h1{font-size:13vw}
  .painting-detail-meta{font-size:12px}
  .painting-shots{grid-template-columns:1fr;gap:16px}
  .painting-shot,.painting-shot:first-child{grid-column:auto;min-height:0;height:430px;padding:18px}
  .painting-shot img,.painting-shot:not(:first-child) img{max-height:100%}
  .painting-bottom-nav{margin-top:70px;flex-wrap:wrap;font-size:10px}
  #paintingGallery .gallery-media{height:calc(100% - 180px)}
  #paintingGallery .gallery-bottom{flex-direction:column;gap:4px}
  #paintingGallery .gallery-bottom>div{max-width:100%}
  #paintingGallery .gallery-tools{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  #paintingGallery .zoom-tools input{width:75px}
  .painting-card-foot{gap:10px}
  .painting-open{font-size:10px;padding:10px 12px}
  .menu-inner{width:86vw;margin-top:105px}
  .menu-inner>a{font-size:clamp(25px,8vw,36px);padding:9px 0}
  .menu-inner>a span{font-size:15px}
}