@font-face{font-family:dia;font-style:normal;font-weight:400;font-display:block;src:url("../fonts/ABCDiatype-Regular.woff2") format("woff2"),url("../fonts/ABCDiatype-Regular.woff") format("woff")}*{font-family:dia}html,body{height:100%;margin:0;padding:0;cursor:none}html{overflow:hidden}canvas{position:fixed;inset:0}h1,h2{margin:0;margin-bottom:2rem;font-size:72px;line-height:.85;font-weight:initial}@media(max-width: 767px){h1,h2{white-space:nowrap;font-size:32px;margin-bottom:1rem}}h1.hover,h2.hover{text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:10px}@media(max-width: 767px){h1.hover,h2.hover{text-decoration-thickness:2px;text-underline-offset:5px}}a{color:#000}[x-cloak]{display:none !important}main{width:100%;height:100vh;height:100svh;display:flex;justify-content:center;align-items:center}aside{position:fixed;top:0;left:0;font-size:28px;margin-inline:1rem;margin-top:.5rem;transition:transform .7s}@media(max-width: 767px){aside{font-size:20px}}aside p{margin:0;padding:0;line-height:1.15;transition:transform .7s}aside p.contact{line-height:1.2}aside p+p{margin-top:1em}aside p a{display:inline-block;transform:translateY(-6%)}aside.hidden{transform:translateY(-105%)}.rotation-overlay{display:none;height:100%;width:100%;position:fixed;inset:0;justify-content:center;align-items:center}.rotation-overlay img{height:40%;display:none}@media(hover: none)and (pointer: coarse)and (max-width: 767px)and (orientation: landscape){body aside,body canvas,body h1,body h2{display:none}body .rotation-overlay{display:flex}body .rotation-overlay[data-angle="270"] img.left{display:block}body .rotation-overlay[data-angle="90"] img.right{display:block}}
