/* The opening double beat replaces the original whole-page fade. */
body{animation:none!important;-webkit-animation:none!important}
body.intro-loading{overflow:hidden}
.site-intro{position:fixed;inset:0;z-index:20000;background:var(--color-background-color,#fff);color:var(--color-font,#000);display:flex;align-items:center;justify-content:center;padding:3vw;outline:0;overflow:hidden;animation:intro-safety-exit .4s 7s forwards}
.intro-name{width:100%;text-align:center;font-family:Walla,sans-serif;font-weight:500;line-height:.82;letter-spacing:-.045em;opacity:0;transform-origin:center}
.intro-name span{display:block;white-space:nowrap;font-size:20vw}
.intro-name span:first-child{font-size:32vw;margin-bottom:.035em}
@keyframes intro-safety-exit{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.intro-name{opacity:1}.site-intro{animation-duration:0s;animation-delay:1s}}

.information-intro{pointer-events:none;opacity:1}

.idle-heartbeat{position:fixed;inset:0;z-index:19000;display:flex;align-items:center;justify-content:center;padding:6vw;background:var(--color-background-color,#fff);color:var(--color-font,#000);pointer-events:none;opacity:0}
.idle-heartbeat p{max-width:18ch;margin:0;text-align:center;font-family:Walla,sans-serif;font-size:clamp(32px,7vw,120px);line-height:1.02;letter-spacing:-.035em}
 .mail-hint{position:fixed;inset:0;z-index:18000;pointer-events:none;color:var(--color-font,#000)}
.mail-hint svg{overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mail-hint-line{stroke-dasharray:1;animation:mail-hint-draw .6s ease-out both}
.mail-hint-head{stroke-dasharray:none;animation:mail-hint-head-in .16s .6s ease-out both}
.mail-hint-first{animation:mail-hint-out .8s 1.8s ease-out forwards}
.mail-hint-leaving .mail-hint-arrow{animation:mail-hint-out 1s var(--arrow-fade-delay,0ms) ease-out both}
@keyframes mail-hint-head-in{from{opacity:0}to{opacity:1}}
@keyframes mail-hint-out{from{opacity:1}to{opacity:0}}
@keyframes mail-hint-draw{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(prefers-reduced-motion:reduce){.mail-hint{display:none}}

.information-loupe{position:fixed;width:64px;height:64px;border-radius:50%;overflow:hidden;z-index:18500;pointer-events:none;opacity:0;background:var(--color-background-color,#fff);box-shadow:0 0 0 1px currentColor,0 3px 18px #0000000c;color:var(--color-font,#000);transition:opacity .22s ease;contain:paint}
.information-loupe.is-visible{opacity:1}
.information-loupe-content{position:absolute;left:0;top:0;transform-origin:0 0}
@media(hover:none),(prefers-reduced-motion:reduce){.information-loupe{display:none}}