/* Navigation posée sur le paysage ; fond vert lors du défilement. */
.hero-scene { padding-top: 100px; background: linear-gradient(90deg, #bec5af 0%, #abb8a3 20%, #96a791 40%, #8b9d88 60%, #7e907a 80%, #748671 100%); }
.hero-image img { mask-image: linear-gradient(to bottom, transparent, #000 12px); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12px); }
.hero-copy { top: clamp(108px,8vw,160px); }
.entete.scrolled, .entete.ouvert { background: #173e34; color: #fff; --filet: #ffffff30; }
.entete.scrolled .logo text:first-of-type, .entete.ouvert .logo text:first-of-type { fill: #fff; }
.entete.scrolled .logo text:last-of-type, .entete.ouvert .logo text:last-of-type { fill: #d6b98b; }
.entete.scrolled .logo circle, .entete.ouvert .logo circle { stroke: #d6b98b; }
.entete.scrolled .cart-toggle, .entete.scrolled .menu, .entete.ouvert .cart-toggle, .entete.ouvert .menu { color: #fff; border-color: #ffffff40; }
.entete.scrolled .cart-count, .entete.ouvert .cart-count { color: #173e34; background: #e3eee5; }
.entete.scrolled .nav a:hover, .entete.ouvert .nav a:hover { color: #d6b98b; }
.entete.scrolled .nav a[aria-current="location"], .entete.ouvert .nav a[aria-current="location"] { color: #d6b98b; }
.entete.scrolled .cart-toggle:hover, .entete.ouvert .cart-toggle:hover { background: #ffffff15; }
.entete.scrolled :focus-visible, .entete.ouvert :focus-visible { outline-color: #d6b98b; }
@media (max-width: 1180px) { .entete.ouvert .nav { background: #173e34; color: #fff; } }
@media (min-width: 701px) and (max-width: 1050px) { .hero-copy { top: 94px; } }
@media (max-width: 700px) { .hero-copy { top: 88px; } .hero-scene { padding-top: 80px; background: linear-gradient(90deg, #c5cdb8 0%, #a6b7a4 20%, #98ab98 40%, #89a08d 60%, #809785 80%, #758a78 100%); } }