/* One restrained typographic voice throughout the Italian and English site. */
:root{--site-font:Arial,Helvetica,sans-serif}
html body,html button,html input,html select,html textarea,
html h1,html h2,html h3,html h4,html h5,html h6,
html .mf-feature-copy h2,html .fish-detail-buttons strong{
  font-family:var(--site-font)!important;
}
html body *{font-family:var(--site-font)!important}
html em,html i,html cite,html .hero h1 span{font-style:normal!important}

/* Let the photographs lead the composition; titles remain clear and readable. */
.category-pittura .painting-heading h1,
.category-illustrazione .painting-heading h1,
.category-sculture .painting-heading h1{font-size:clamp(48px,7vw,96px)!important;line-height:1!important}
.painting-detail-head h1{font-size:clamp(42px,6vw,76px)!important}
.home-first .interlude h2{font-size:clamp(42px,5.4vw,72px)!important}
.disciplines>a{font-size:clamp(30px,3.8vw,48px)!important}
.contact h2{font-size:clamp(38px,5vw,68px)!important}
.bot-hero h1,.bot-intro h2,.bot-dark h2,.bot-light h2,.bot-cats h2,.bot-cabinet-head h2{
  font-size:clamp(42px,5.4vw,76px)!important;
}
.mf-feature-copy h2{font-size:clamp(32px,3.5vw,50px)!important}
.mf-feature-copy>span:first-child,.mf-feature-enter b{color:#d68c98}
.mf-feature-enter{border-color:#d68c98}
body.story-mangiafuoco,body.story-presepe{--clay:#d68c98}
body.story-mangiafuoco .hero h1 span,
body.story-presepe .hero h1 span{color:#d68c98}
body.story-mangiafuoco .hero h1,
body.story-presepe .hero h1,
body.story-fish .hero h1{
  font-size:clamp(54px,7.8vw,106px)!important;
  line-height:.98!important;
  letter-spacing:-.055em;
}
body.story-mangiafuoco h2,
body.story-presepe h2,
body.story-fish h2{font-size:clamp(36px,4.5vw,64px)!important}
body.story-mangiafuoco .story-step h3,
body.story-presepe .story-step h3,
body.story-fish .fish-detail-buttons strong{font-size:clamp(28px,3vw,44px)!important}
body.story-mangiafuoco .hero-art,
body.story-presepe .hero-art{width:76%;right:-1%}
body.story-mangiafuoco .hero-copy,
body.story-presepe .hero-copy{max-width:41vw}

/* The Dreaming Fish: a neutral exhibition wall, with colour only in the work. */
body.fish-page{
  --bg:#fff;--fg:#151515;--muted:#4b4b4b;--clay:#880118;--line:#dedede;
  background:#fff;color:#151515;
}
.fish-page .hero{background:#fff}
.fish-page .hero-art{width:76%;right:-2%}
.fish-page .hero-art:after{display:none}
.fish-page .hero-copy{top:25%;max-width:39vw}
.fish-page .hero h1 span,.fish-page .hero .eyebrow,
.fish-page .fish-detail-buttons span{color:#880118}
.fish-page .hero-sub,.fish-page .hero-bottom,.fish-page .seo-breadcrumb{color:#393939}
.fish-page .text-link{border-color:#15151555}
.fish-page .fish-picture{background:#fff;border:1px solid #e6e6e6}
.fish-page .fish-picture>span{background:#fff;color:#151515}
.fish-page .chapter-nav{background:#fff;border-color:#dedede}
.fish-page .chapter-nav a{color:#4b4b4b}
.fish-page .chapter-nav a span{color:#151515}
.fish-page .chapter-nav a.active{color:#880118;background:#f7f2f3}
.fish-page .brand img{filter:none}

/* The same warm neutral canvas as the home page, including artwork pages. */
html body{--bg:#f2f2f0;--fg:#292928;--muted:#666660;--line:#d4d4cf;--clay:#880118;background:#f2f2f0;color:#292928}
html body.sculture-page,html body.sculpture-page,
html body.story-mangiafuoco,html body.story-presepe,html body.story-fish{
  --bg:#f2f2f0;--fg:#292928;--muted:#666660;--line:#d4d4cf;--clay:#880118;
  background:#f2f2f0;color:#292928;
}
body.story-mangiafuoco .hero,body.story-presepe .hero,body.story-fish .hero{background:#f2f2f0}
body.story-mangiafuoco .hero-art,body.story-presepe .hero-art{
  top:12%;bottom:13%;right:6vw;width:48%;height:auto;background:#080808;
  border-radius:16px;overflow:hidden;z-index:0;
}
body.story-mangiafuoco .hero-art:after,body.story-presepe .hero-art:after{display:none}
body.story-mangiafuoco .hero-copy,body.story-presepe .hero-copy{top:28%;max-width:42vw}
body.story-mangiafuoco .hero h1{font-size:clamp(44px,6vw,82px)!important;letter-spacing:-.06em;white-space:nowrap;margin:25px 0}
body.story-presepe .hero h1{font-size:clamp(46px,6vw,82px)!important;margin:25px 0}
body.story-mangiafuoco .hero h1 span,body.story-presepe .hero h1 span{color:#880118}
body.story-mangiafuoco .hero-bottom,body.story-presepe .hero-bottom,
body.story-mangiafuoco .topbar,body.story-presepe .topbar,
body.story-mangiafuoco .seo-breadcrumb,body.story-presepe .seo-breadcrumb{color:#292928}
body.story-mangiafuoco .brand img,body.story-presepe .brand img{filter:none}
body.story-mangiafuoco .chapter-nav,body.story-presepe .chapter-nav,
body.story-fish .chapter-nav{background:#f2f2f0e8;border:1px solid #d4d4cf;box-shadow:0 10px 30px #0002}
body.story-mangiafuoco .chapter-nav a,body.story-presepe .chapter-nav a{color:#555}
body.story-mangiafuoco .chapter-nav a.active,body.story-presepe .chapter-nav a.active{background:#e6e1e0;color:#880118}
body.story-mangiafuoco .story-visual,body.story-presepe .story-visual{background:#f2f2f0}
body.story-mangiafuoco .pause,body.story-presepe .pause{background:#f2f2f0;color:#292928}
body.story-mangiafuoco .pause:after,body.story-presepe .pause:after{background:linear-gradient(90deg,#f2f2f0 10%,#f2f2f0aa 55%,transparent)}
body.story-mangiafuoco .text-link,body.story-presepe .text-link{border-color:#999}
body.story-fish .fish-picture,body.story-fish .chapter-nav{background:#f2f2f0}
body.story-fish .hero-art{width:65%;right:3%;top:11%;bottom:10%}
body.story-fish .hero-copy{top:31%;max-width:32vw}
body.story-fish .hero h1{font-size:clamp(47px,5.4vw,76px)!important;letter-spacing:-.055em}
body.sculpture-page .brand img{filter:none}
body.sculpture-page .topbar,body.sculpture-page .back{color:#292928}
body.sculpture-page .sc-hero h1{font-size:clamp(40px,4.8vw,72px)!important}
body.sculpture-page .sc-hero{min-height:82svh}
body.sculpture-page .sc-gallery h2,body.sculpture-page .sc-facts h2{font-size:clamp(31px,3vw,48px)!important}
body.story-mangiafuoco .intro,body.story-presepe .intro{padding-block:75px 55px}
body.story-mangiafuoco .story-step,body.story-presepe .story-step{min-height:65svh}
body.story-mangiafuoco .story-step h3,body.story-presepe .story-step h3{font-size:clamp(25px,2.7vw,40px)!important}
body.story-mangiafuoco .outro,body.story-presepe .outro{padding-block:65px 100px}

/* Keep every exhibition surface on the same light canvas as the home page. */
.category-sculture .mangiafuoco-feature,
.mangiafuoco-feature,.presepe-feature,.presepe-feature:nth-child(even){background:#f2f2f0;color:#292928;border:1px solid #d4d4cf}
.mangiafuoco-feature .mf-feature-copy p,.presepe-feature .presepe-kicker,
.presepe-feature .mf-feature-copy small{color:#666660}
.mangiafuoco-feature .mf-feature-copy>span:first-child{color:#880118}
.mangiafuoco-feature .mf-feature-enter{border-color:#880118;color:#292928}
.mangiafuoco-feature .mf-feature-enter b{color:#880118}
.mangiafuoco-feature .mf-feature-picture,.sc-cover,.sc-photo img,.sc-photo:hover img,
.sc-card-image,.image-grid{background:#e8e8e4}
.sc-cover>span,.sc-card-image>span{background:#f2f2f0e8;color:#292928;border-color:#aaa}
body.story-mangiafuoco .hero-art,body.story-presepe .hero-art,
body.story-mangiafuoco .art-window,body.story-presepe .art-window,
body.story-mangiafuoco .process-image,body.story-presepe .process-image,
body.story-mangiafuoco .compare-frame,body.story-presepe .compare-frame,
body.story-mangiafuoco .compare-overlay img,body.story-presepe .compare-overlay img,
body.story-presepe .process-image img,body.story-presepe .compare-frame>img{background:#e8e8e4}
body.story-mangiafuoco .photo-card img,body.story-presepe .photo-card img{filter:none}
body.story-mangiafuoco dialog,body.story-presepe dialog,body.story-fish dialog,
body.sculpture-page dialog,.tour-dialog,#presepeExplorer{background:#f2f2f0;color:#292928}
body.story-mangiafuoco .viewer-stage,body.story-presepe .viewer-stage,
body.story-fish .viewer-stage,body.sculpture-page .viewer-stage,
.tour-viewport,.explorer-viewport{background:#e8e8e4;scrollbar-color:#aaa #e8e8e4}
body.story-mangiafuoco .viewer-bottom p,body.story-presepe .viewer-bottom p,
body.story-fish .viewer-bottom p,body.sculpture-page .viewer-bottom p{color:#292928}
.tour-controls button,.tour-controls select,.explorer-controls button{background:#f2f2f0;color:#292928;border-color:#c4c4be}
.explorer-top p,.explorer-help{color:#666660}
.tour-launch,.hero-copy>.tour-launch{background:#880118;color:#fff}
.image-action{background:#f2f2f0e8;color:#292928;border-color:#c4c4be}
dialog::backdrop,.tour-dialog::backdrop,body.story-mangiafuoco dialog::backdrop,
body.story-presepe dialog::backdrop,body.story-fish dialog::backdrop,
body.sculpture-page dialog::backdrop{background:#7777}
body.story-mangiafuoco .compare-label,body.story-presepe .compare-label,
body.story-mangiafuoco #processCounter,body.story-presepe #processCounter{background:#f2f2f0e8;color:#292928}

/* Photographs carry their own context through headings and accessible alt text. */
.home-first .caption,.artist-photo>span,.sc-photo>span,.photo-card>span,
.seo-art-images figcaption,.bot-feature figcaption,.bot-pair figcaption,
.bot-dark-grid figcaption,.bot-light-grid figcaption,.cabinet-item figcaption{display:none!important}

@media(max-width:800px){
  .category-pittura .painting-heading h1,
  .category-illustrazione .painting-heading h1,
  .category-sculture .painting-heading h1{font-size:clamp(43px,12vw,68px)!important}
  .home-first .interlude h2{font-size:clamp(38px,9vw,58px)!important}
  body.story-mangiafuoco .hero h1,
  body.story-presepe .hero h1,
  body.story-fish .hero h1{font-size:clamp(53px,13vw,82px)!important}
  body.story-mangiafuoco h2,
  body.story-presepe h2,
  body.story-fish h2{font-size:clamp(34px,9vw,52px)!important}
  body.story-mangiafuoco .hero-art,
  body.story-presepe .hero-art{width:100%;right:-8%}
  body.story-mangiafuoco .hero-copy,
  body.story-presepe .hero-copy{max-width:88vw}
  .fish-page .hero-art{width:100%;height:58%;top:8%;right:0}
  .fish-page .hero-copy{top:auto;bottom:95px;max-width:88vw}
  .fish-page .hero-sub{max-width:280px}
  body.story-mangiafuoco .hero,body.story-presepe .hero{min-height:740px}
  body.story-mangiafuoco .hero-art,body.story-presepe .hero-art{
    top:15%;left:6vw;right:auto;width:88vw;height:48%;bottom:auto;border-radius:12px;
  }
  body.story-mangiafuoco .hero-copy,body.story-presepe .hero-copy{top:auto;bottom:110px;max-width:88vw}
  body.story-mangiafuoco .hero h1{font-size:clamp(38px,10.4vw,65px)!important;white-space:nowrap}
  body.story-presepe .hero h1{font-size:clamp(40px,10vw,65px)!important}
  body.story-mangiafuoco .intro,body.story-presepe .intro{padding-block:55px 30px}
  body.story-mangiafuoco .story-visual,body.story-presepe .story-visual{background:#f2f2f0}
  body.sculpture-page .sc-hero{min-height:0}
  body.story-fish .hero-art{width:92%;right:4%;top:9%;height:54%;bottom:auto}
  body.story-fish .hero-copy{top:auto;bottom:92px;max-width:88vw}
  body.story-fish .hero h1{font-size:clamp(42px,10vw,64px)!important}
}

/* The 2025 artwork carries only the artist-supplied statement. */
.presepe-feature .presepe-statement{max-width:42ch;color:#55554f;font-size:13px;line-height:1.65;margin:0 0 24px}
body.story-presepe .artist-statement{font-size:clamp(16px,1.45vw,20px);line-height:1.7;max-width:58ch;white-space:normal}
@media(max-width:760px){.presepe-feature .presepe-statement{font-size:12px;line-height:1.6}}

/* Let the studio photograph fill the hero without a pale text panel. */
.bottega-page .bot-hero-shade{background:linear-gradient(0deg,#2d2524b8 0%,#2d252459 34%,transparent 73%)}
.bottega-page .bot-hero-copy{background:transparent;backdrop-filter:none;box-shadow:none;border:0;padding:0;width:min(700px,84vw);color:#fff}
.bottega-page .bot-hero .eyebrow,.bottega-page .bot-hero-copy p{color:#fff}
.bottega-page .bot-hero h1 .accent,.bottega-page .bot-hero h1 .period{color:#f5d9d9}
.bottega-page .bot-scroll{color:#fff}
@media(max-width:760px){.bottega-page .bot-hero-copy{left:7vw;bottom:15%;padding:0;width:86vw}.bottega-page .bot-hero-shade{background:linear-gradient(0deg,#2d2524c9 0%,#2d252459 48%,transparent 86%)}}

/* A restrained, consistent category layout across sculpture, painting and illustration. */
.category-sculture .painting-heading h1,.category-pittura .painting-heading h1,
.category-illustrazione .painting-heading h1{font-size:clamp(38px,4.3vw,62px)!important;line-height:1.05!important;letter-spacing:-.055em;margin:25px 0 0}
.category-sculture .painting-heading,.category-pittura .painting-heading,
.category-illustrazione .painting-heading{padding-bottom:48px}
.sculpture-grid{margin-bottom:82px}
.presepi-section{border-top:1px solid var(--line);padding-top:38px}
.presepi-section>h2{font:normal clamp(24px,2.5vw,34px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 38px}
.sculpture-card .painting-preview{display:block}
.sculpture-card .painting-title{margin:0}
.sculpture-card .painting-card-foot{align-items:center}
.sculpture-card .painting-open{flex:none;text-align:center}
@media(max-width:760px){
 .category-sculture .painting-heading h1,.category-pittura .painting-heading h1,
 .category-illustrazione .painting-heading h1{font-size:clamp(34px,8.5vw,48px)!important;margin:18px 0 0}
 .category-sculture .painting-heading,.category-pittura .painting-heading,
 .category-illustrazione .painting-heading{padding-bottom:34px}
 .sculpture-grid{margin-bottom:60px}
 .presepi-section{padding-top:28px}
 .presepi-section>h2{margin-bottom:26px}
}
.painting-card-foot .painting-action{width:auto;text-align:center;border:0;font-family:inherit;cursor:pointer;flex:none}
