/* Reversible hero/footer background trial. */
.phase1 .hero-shell{background:#101c19 url('assets/hero-portail-test.png') center center/cover no-repeat;color:#f5f4ed}
.phase1 .hero-shell::before{background:linear-gradient(180deg,#07100e55,#07100e38)}
.phase1 .hero-shell::after{display:none}
.phase1 .hero-shell header{border-bottom-color:#f5f4ed35}
.phase1 .hero-shell .site-nav a,.phase1 .hero-shell .menu-toggle,
.phase1 .immersive-hero h1,.phase1 .immersive-hero h1 em,
.phase1 .immersive-position,.phase1 .immersive-description,.phase1 .immersive-footnote{color:#f5f4ed;text-shadow:none}
.phase1 .immersive-actions .product-button,.phase1 .immersive-actions .product-contact{background:#edf3ed24;border-color:#f5f4ed70;color:#f5f4ed}
.phase1 .immersive-actions a:focus-visible{outline-color:#f5f4ed}
.contact+.site-footer{background:#101c19 url('assets/hero-portail-test.png') center 75%/cover no-repeat;color:#f5f4ed}
.site-footer:before{background:#07100e66}
.site-footer .footer-description{color:#f5f4ed}
@media(hover:hover){.phase1 .immersive-actions .product-button:hover,.phase1 .immersive-actions .product-contact:hover{background:#edf3ed38;color:#f5f4ed}}
@media(max-width:760px){.phase1 .hero-shell{background-position:58% center}.contact+.site-footer{background-image:url('assets/hero-portail-test.png');background-position:60% 70%}}

/* Warm ink highlights and softened image-to-ivory transitions. */
.phase1 .hero-shell .site-nav a,.phase1 .hero-shell .menu-toggle,
.phase1 .immersive-position,.phase1 .immersive-description,.phase1 .immersive-footnote,
.phase1 .immersive-actions .product-button,.phase1 .immersive-actions .product-contact,
.site-footer .footer-description,.site-footer .footer-copyright{color:#eee7dc}
.phase1 .immersive-hero h1{color:#f6f1e8}
.phase1 .immersive-hero h1 em{color:#f0d5c5}
.phase1 .hero-shell::after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;height:95px;background:linear-gradient(180deg,transparent 0%,#f5f4ed55 45%,#f5f4ed 100%);pointer-events:none;z-index:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000)}
.phase1 .product-hero.immersive-hero{padding-bottom:100px}
.contact+.site-footer{padding-top:90px;isolation:isolate}
.contact+.site-footer::after{content:'';position:absolute;top:-1px;left:0;right:0;height:75px;background:linear-gradient(180deg,#edf1ef 0%,#edf1ef88 40%,transparent 100%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);pointer-events:none;z-index:-1}
@media(max-width:760px){.phase1 .product-hero.immersive-hero{padding-bottom:88px}.phase1 .hero-shell::after{height:70px}.contact+.site-footer{padding-top:75px}}

/* Alternate hero image only; footer keeps the portal image. */
.phase1 .hero-shell{background-image:url('assets/hero-portes-ambre.png');background-position:center center}
@media(max-width:760px){.phase1 .hero-shell{background-position:62% center}}