/* Raccords de couleurs continus, indépendants du mouvement au scroll. */
body::before{background:var(--cream)}
main{background:var(--cream)}
/* La photographie du hero garde son masque et son fondu existants. */
.visit-section{
 --section-fade:clamp(100px,10vw,150px);
 padding-top:calc(var(--section-fade) + 60px);
 padding-bottom:calc(var(--section-fade) + 60px);
 background:linear-gradient(to bottom,var(--cream),transparent var(--section-fade)),linear-gradient(to top,var(--cream),transparent var(--section-fade)),radial-gradient(60% 50% at 85% 0%,rgba(183,131,73,.22),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(183,131,73,.14),transparent 70%),var(--espresso);
}
/* Le récit photographique se fond aussi dans l'ivoire autour de lui. */
.editorial{
 --editorial-fade:clamp(70px,8vw,120px);
 padding-top:calc(var(--editorial-fade) + 50px);
 padding-bottom:calc(var(--editorial-fade) + 50px);
 background:linear-gradient(to bottom,var(--cream),var(--espresso) var(--editorial-fade),var(--espresso) calc(100% - var(--editorial-fade)),var(--cream));
 box-shadow:none;
}
.editorial>img,.editorial::after{
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--editorial-fade),#000 calc(100% - var(--editorial-fade)),transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 var(--editorial-fade),#000 calc(100% - var(--editorial-fade)),transparent);
}
/* Même raccord vers le pied de page sur l'accueil, la collection et l'atelier. */
body>footer{
 padding-top:160px;
 background:linear-gradient(to bottom,var(--cream),transparent 120px),radial-gradient(50% 80% at 100% 0%,rgba(183,131,73,.25),transparent 70%),var(--espresso);
 box-shadow:0 24px 45px -38px rgba(42,27,16,.35);
}
.agency-credit{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;line-height:1.6}
.idn-credit{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--on-dark);text-decoration:none;border-radius:8px}
.idn-credit img{display:block;width:38px;height:27px;object-fit:contain;flex:none}
.idn-credit>span{font-weight:600;letter-spacing:.01em;border-bottom:1px solid transparent;transition:border-color .2s}
.idn-credit:hover>span{border-bottom-color:currentColor}
.idn-credit:focus-visible{outline:2px solid var(--caramel);outline-offset:5px}
@media(max-width:720px){
 .visit-section{padding-top:150px;padding-bottom:150px}
 .editorial{padding-top:120px;padding-bottom:120px}
 body>footer{padding-top:135px}
 .agency-credit{justify-content:flex-start}
}