/* Small progressive-enhancement overrides kept separate for easy client edits. */
.why-section{background:var(--ink);color:#fff}.eyebrow-light{color:var(--lavender)}

/* Content must remain visible when JavaScript is blocked or delayed. */
[data-reveal]{opacity:1;transform:none}

/* CTA labels stay clean and typographic; links and tracking remain unchanged. */
.button span,.floating-cta .icon{display:none}

/* The header keeps only the language switcher. */
.site-nav>a{display:none}

/* Let the Hero typography sit directly on the image. */
.hero-copy{background:transparent;backdrop-filter:none;box-shadow:none;padding:38px 0}

/* Editorial hero treatment: one full-bleed image instead of a split card. */
.hero{min-height:720px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(251,248,248,.97) 0%,rgba(251,248,248,.84) 44%,rgba(251,248,248,.22) 100%),url('https://images.unsplash.com/photo-1632345031435-8727f6897d53?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=88&w=2200');background-size:cover;background-position:center 42%}
.hero-grid{display:block;width:min(1180px - 80px,calc(100% - 80px))}
.hero-copy{max-width:610px;padding:38px 44px;background:rgba(255,255,255,.62);backdrop-filter:blur(7px);box-shadow:0 20px 60px rgba(36,16,46,.08)}
.hero-visual{display:none}
.hero h1{font-size:clamp(44px,7vw,78px)}
.about-section{background:#fff}
.section-image{min-height:480px;background-image:linear-gradient(180deg,rgba(79,40,105,.08),rgba(79,40,105,.32)),url('https://images.unsplash.com/photo-1693776528752-87380377775a?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=86&w=1200');background-size:cover;background-position:center}
.section-image img{visibility:hidden}
.image-note{font-family:var(--font-head);letter-spacing:.1em}
@media(max-width:699px){.hero{min-height:720px;background-position:60% center}.hero-grid{width:calc(100% - 40px)}.hero-copy{padding:28px 0;background:transparent}.hero h1{font-size:clamp(40px,12vw,62px)}.section-image{min-height:360px}}

/* Final cascade: remove the Hero panel at every breakpoint. */
.hero-copy{background:transparent;backdrop-filter:none;box-shadow:none;padding:38px 0}
@media(max-width:699px){.hero-copy{padding:28px 0}}

/* White header with the language switcher always visible on mobile. */
.site-header{background:#fff}
.menu-toggle{display:none}
.site-nav{position:static;display:flex;align-items:center;gap:0;padding:0;background:transparent;box-shadow:none;border-radius:0}
.site-nav.open{display:flex;flex-direction:row;gap:0}
.language-switcher{padding:0;border:0;gap:5px}

/* Mobile sticky CTAs appear only after the Hero CTAs leave the viewport. */
.floating-cta{opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.floating-cta.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.brand{width:153px;height:44px;background:url('/assets/images/logo-dark.svg') left center/contain no-repeat}.brand-light{background-image:url('/assets/images/logo-light.svg')}.brand>span{opacity:0}
.contact-stamp{display:none!important}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.social-links a{display:inline-flex;flex-direction:column;gap:2px;color:#fff;font-size:11px;font-weight:600;border-bottom:1px solid var(--mauve);padding-bottom:5px}.social-links span{color:#c5abc9;font-size:10px;font-weight:400}