/* Header mark: a solid vector V, with coloured front and darker extruded faces. */
.hud-header .brand-name{display:inline-flex;align-items:center;gap:3px;line-height:1;letter-spacing:.095em;white-space:nowrap}
.brand-v-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:41px;flex:0 0 auto;margin-left:2px;line-height:0;vertical-align:middle;filter:drop-shadow(1px 3px 2px #000a) drop-shadow(0 0 7px #00e6ef25);transform:perspective(180px) rotateY(-12deg) rotateX(4deg);transform-origin:center;transition:transform .3s ease,filter .3s ease}
.brand-v-mark svg{display:block;width:100%;height:100%;overflow:visible}
.content-header .content-brand{display:inline-flex;align-items:center;gap:3px;line-height:1}
.hero-section .hero-headline{font-size:clamp(54px,6.3vw,104px);line-height:.99;letter-spacing:-.045em;margin-bottom:25px}
.hero-section .hero-lead{max-width:650px;font-size:1.08rem;line-height:1.8}
.hero-inline-link{color:inherit;text-decoration:underline;text-decoration-color:#ffffff30;text-underline-offset:4px;text-decoration-thickness:1px}
.hero-inline-link:hover{color:#d3f6fa;text-decoration-color:#80dbe5}
.hero-inline-link:focus-visible{outline:2px solid #88dfe7;outline-offset:4px}
html[lang=de] .hero-section .hero-headline,html[lang=fr] .hero-section .hero-headline{font-size:clamp(50px,5.8vw,92px);hyphens:none;word-break:normal;overflow-wrap:normal}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.brand-identity:hover .brand-v-mark,.content-brand:hover .brand-v-mark{transform:perspective(180px) rotateY(9deg) rotateX(-3deg) translateY(-1px);filter:drop-shadow(2px 4px 3px #000a) drop-shadow(0 0 10px #bc79ed40)}}
@media(max-width:1100px){.hud-nav{display:none}.mobile-menu-btn{display:flex}}
@media(max-width:780px){.brand-v-mark{width:27px;height:32px;margin-left:1px}.hud-header .brand-name{gap:1px;letter-spacing:.065em}.hero-section .hero-headline{font-size:clamp(38px,11.6vw,62px);line-height:1.04;letter-spacing:-.04em}.hero-section .hero-lead{font-size:1rem;line-height:1.8}html[lang=de] .hero-section .hero-headline,html[lang=fr] .hero-section .hero-headline{font-size:clamp(36px,10.9vw,58px);line-height:1.04}.hero-cta-group .btn-v-primary{max-width:100%;white-space:normal;text-align:center}}
@media(max-width:360px){.hud-header{padding-inline:12px;gap:8px}.hud-header .brand-name{font-size:.72rem;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.brand-v-mark{transition:none;transform:none}}