
/* V184 CLEAN: crema totale #FAF8EB, nessun bianco nei layout */
:root{
  --paper:#FAF8EB!important;
  --paper-2:#FAF8EB!important;
  --beige:#FAF8EB!important;
  --beige-light:#FAF8EB!important;
  --canary:#FAF8EB!important;
  --cream:#FAF8EB!important;
  --white:#FAF8EB!important;
}

html,body,main,
.site-header,.hero,.page-hero,.page-hero.slim,
.section,.switchboard,.door,.catalogue-section,.catalogue-intro,
.how-section,.affinity-section,.project-grid,.print-grid,
.journal-section,.contact-section,.bio-section,.prizes-section,
.container,.section-grid,.card,.product,.award,.quote-card,
.home-three-real,.home-three-real > div,
.setaccio-card,.setaccio-result,.setaccio-panel,.affinity-card,.panel,
.gerla-wrap,.gerla-wrap-inline,.gerla-today,.gerla-today-inline,
.gerla-copy,.gerla-color-info,.gerla-info-inline,
.meta-list,.meta-list div,.journal-list,.journal-item,
.modal,.popup,.popup-inner,.popup-copy,.popup-meta,.popup-aside,
.lightbox,.lightbox-card,.lightbox-copy,
.site-footer,footer,
input,textarea,select,button,
.link-pill,.link-pill:hover,.link-pill:focus,.link-pill:active{
  background:#FAF8EB!important;
  background-color:#FAF8EB!important;
  background-image:none!important;
}

body[style],
body.home,body.section-home,
body.section-design,body.section-illustrazioni,body.section-stampe,
body.section-studio,body.section-journal,body.section-contatti,
body.section-gerla,
body.section-gerla main,
body.section-gerla .page-hero.slim,
body.section-gerla .gerla-wrap,
body.section-gerla .gerla-wrap-inline,
body.section-gerla .gerla-today,
body.section-gerla .gerla-today-inline,
body.section-gerla .gerla-color-info,
body.section-gerla .gerla-info-inline{
  background:#FAF8EB!important;
  background-color:#FAF8EB!important;
  background-image:none!important;
}

body.section-gerla .gerla-color,
body.section-gerla .gerla-color-inline{
  background-image:initial!important;
}

body.section-gerla .gerla-color-info *,
body.section-gerla .gerla-info-inline *{
  background:transparent!important;
  background-color:transparent!important;
}

img,picture,video,canvas,svg{
  background:transparent!important;
  background-color:transparent!important;
}

.site-header .main-nav a,
.site-header .main-nav a::before,
.site-header .main-nav a::after,
.site-header nav a::before,
.site-header nav a::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

.site-header .main-nav a,
.site-header nav a{
  display:inline-flex!important;
}

/* Home outline a destra, dimensione simulazione */
body.home .hero,
body.section-home .hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:calc(100vh - 58px)!important;
  padding-top:calc(clamp(42px,6vw,86px) + 4px)!important;
  padding-bottom:clamp(30px,5vw,74px)!important;
}

body.home .hero > .eyebrow,
body.section-home .hero > .eyebrow,
body.home .hero-title,
body.section-home .hero-title,
body.home .hero-bottom,
body.section-home .hero-bottom{
  position:relative!important;
  z-index:2!important;
}

body.home .hero-title,
body.section-home .hero-title{
  font-size:clamp(48px,8.6vw,118px)!important;
  line-height:1.12!important;
  letter-spacing:-.07em!important;
  margin:26px 0 28px!important;
  max-width:780px!important;
  overflow:visible!important;
  padding-top:.10em!important;
  padding-bottom:.22em!important;
}

body.home .home-outline,
body.section-home .home-outline{
  position:absolute!important;
  right:clamp(26px,3.2vw,64px)!important;
  top:clamp(70px,9.5vw,122px)!important;
  width:min(48vw,880px)!important;
  height:auto!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.88!important;
}

body.home .hero-bottom > div,
body.section-home .hero-bottom > div{
  max-width:620px!important;
}

@media(max-width:980px){
  body.home .hero,
  body.section-home .hero{
    min-height:auto!important;
    overflow:hidden!important;
  }
  body.home .home-outline,
  body.section-home .home-outline{
    display:none!important;
  }
  body.home .hero-title,
  body.section-home .hero-title{
    font-size:clamp(46px,15vw,96px)!important;
    line-height:1.16!important;
    letter-spacing:-.072em!important;
    padding-top:.14em!important;
    padding-bottom:.30em!important;
    margin:22px 0 22px!important;
    max-width:none!important;
    overflow:visible!important;
  }
}

@media(max-width:560px){
  body.home .hero-title,
  body.section-home .hero-title{
    font-size:clamp(43px,15.3vw,74px)!important;
    line-height:1.18!important;
    letter-spacing:-.07em!important;
    padding-top:.16em!important;
    padding-bottom:.34em!important;
  }
}
