/* A deliberate choice opens one business area; hidden areas occupy no space. */
:root{--site-header-height:88px}
@media(max-width:900px){:root{--site-header-height:78px}}
[data-business-view][hidden]{display:none!important}
/* Route headings retain accessible focus without the browser's default text outline. */
[data-business-view] :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
html[data-view="start"] .desktop-nav,
html[data-view="start"] .header-contact,
html[data-view="start"] #menu-toggle,
html[data-view="start"] #mobile-nav{display:none!important}
html[data-view="start"] .header-actions{margin-left:auto}
html[data-view="start"] .scroll-progress{visibility:hidden}
/* Shared page edges follow the active business area's reading surface. */
.site-header{transition:background-color .45s ease,box-shadow .3s}
body,footer,#mobile-nav{transition:background-color .45s ease}
html[data-view="nuriwa"] body,
html[data-view="nuriwa"] .site-header,
html[data-view="nuriwa"] footer,
html[data-view="nuriwa"] #mobile-nav{background-color:var(--nui-cream)}
body.motion-paused,body.motion-paused :is(.site-header,footer,#mobile-nav){transition:none}
.business-choice{position:relative;cursor:pointer}
.business-choice-link:after{content:"";position:absolute;inset:0;z-index:1}
/* Contact follows the complete consulting animation, without an intervening section. */
#beratung{padding-bottom:0}
.consulting-followup{min-height:0;padding-top:48px;padding-bottom:48px}
@media(max-width:680px){.consulting-followup{padding-top:28px;padding-bottom:28px}}

/* Draw the footer arrow as geometry, independent of font and symbol fallback. */
.footer-return-icon{display:block;width:22px;height:22px;flex-shrink:0}

/* A temporary visual bridge between the selection card and the business hero. */
.choice-transition{position:fixed;inset:0;z-index:45;overflow:hidden;pointer-events:none;isolation:isolate}
.choice-transition-veil,.choice-transition-panel{position:absolute;inset:0;pointer-events:none}
.choice-transition-veil{background:var(--eq-white);opacity:0}
.choice-transitioning .business-choice{transition:none!important}
.choice-transitioning .site-header a,.choice-transitioning .site-header button{pointer-events:none}
@media(prefers-reduced-motion:reduce){.choice-transition{display:none!important}}

/* Contact submission status stays readable in either business area. */
#contact-form [type="submit"]:disabled{opacity:.65;cursor:wait}
#form-result[data-state="error"],#form-result[data-state="spam"]{border-left:3px solid #a54343;padding-left:16px}
#form-result[data-state="success"],#form-result[data-state="pending"]{border-left:3px solid #65725b;padding-left:16px}
