@font-face{font-family:Soehne;src:url('assets/fonts/soehne-kraftig-kursiv.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Soehne;src:url('assets/fonts/soehne-kraftig.woff2') format('woff2');font-weight:500;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;background:#061b19}
body{color:#d8dfdc;font-family:Soehne,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.landing{position:relative;isolation:isolate;width:100%;min-height:100svh;overflow:hidden;background:#061b19}
.brand{position:relative;z-index:2;display:flex;justify-content:center;padding:clamp(26px,5.4svh,58px) 24px 0;text-align:center}
.brand-identity{width:min(760px,76vw);margin:0;line-height:0}
.brand-lockup{display:block;width:100%;height:auto}
.alice{position:absolute;z-index:1;right:0;bottom:-3svh;width:auto;height:103svh;margin:0;line-height:0;outline:none}
.alice img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right bottom;pointer-events:none}
.alice-hit{position:absolute;right:0;bottom:0;width:100%;height:24%;cursor:help}
.alice-tooltip{position:absolute;right:8px;bottom:calc(22.8svh + 12px);max-width:min(330px,68vw);padding:13px 17px;border:1px solid #cfba8190;background:#061b19f5;box-shadow:0 10px 30px #0008;color:#d8dfdc;font-size:12px;line-height:1.7;letter-spacing:.045em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}
.alice-hit:hover + .alice-tooltip,.alice:focus-visible .alice-tooltip{opacity:1;visibility:visible}
.alice:focus-visible{outline:2px solid #cfba81;outline-offset:3px}
.site-signoff{position:absolute;z-index:2;left:clamp(20px,3.6vw,58px);bottom:clamp(16px,2.8svh,30px);max-width:calc(100% - 80px)}
.company-line{color:#d8dfdc;font-size:clamp(11px,.9vw,13px);font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.12em;line-height:1.65;text-shadow:0 1px 6px #061b19}
.company-line span{padding:0 .35em;color:#cfba81}
@media(max-width:760px){
  .brand{padding-top:clamp(25px,5svh,45px)}
  .brand-identity{width:min(620px,94vw)}
  .site-signoff{left:18px;bottom:13px;max-width:calc(100% - 36px)}
  .company-line{font-size:10px;letter-spacing:.08em}
  .alice-tooltip{right:8px;white-space:normal;font-size:11px}
}
@media(max-width:420px){
  .company-line{max-width:44vw;font-size:9px;line-height:1.45}
}

[hidden]{display:none!important}

.alice-tooltip{white-space:normal;width:max-content}
.alice-tooltip em{display:inline-block;margin-top:4px;font-synthesis:none}

@media(max-width:760px){
  .brand{justify-content:flex-start;padding-left:18px;padding-right:0}
  .brand-identity{width:min(620px,calc(100vw - 22.15svh - 32px))}
}

.brand-name{width:100%;margin:0;line-height:0}
.brand-motto{margin:0 0 16px;color:#d8dfdc;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.14em;text-align:left;white-space:nowrap}
@media(max-width:760px){.brand-motto{font-size:9px;margin-bottom:12px;letter-spacing:.10em}}