*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f2eddf;color:#24231e;font-family:Arial,Helvetica,sans-serif;transition:background 1s,color 1s}main{height:100svh;position:relative;cursor:pointer;isolation:isolate;outline:none}h1{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);margin:0;width:61vw;font-size:clamp(60px,8.5vw,170px);font-weight:800;line-height:.91;letter-spacing:-.07em;text-wrap:balance;pointer-events:none;transition:opacity .65s,filter .65s,translate .65s}h1.long{font-size:clamp(38px,6.1vw,110px);width:65vw}h1.very-long{font-size:clamp(31px,4.6vw,85px);width:66vw}#art{position:absolute;width:57vw;height:88svh;right:-3vw;top:6svh;transition:opacity .65s,transform .9s;z-index:1}svg{width:100%;height:100%;overflow:visible}.signature{position:fixed;bottom:4vh;left:6vw;z-index:3;font-size:11px;font-weight:bold;letter-spacing:.05em;opacity:.35;pointer-events:none}.leaving h1{opacity:0;filter:blur(7px);translate:0 -14px}.leaving #art{opacity:0;transform:translateY(18px) rotate(3deg)}.float{transform-origin:300px 300px;animation:float 8s ease-in-out infinite}.steam{animation:steam 4s ease-in-out infinite}.orbit{transform-origin:300px 290px;animation:orbit 25s linear infinite}@keyframes float{50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes steam{50%{transform:translateY(-14px);opacity:.35}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:700px){h1{top:auto;bottom:10svh;transform:none;left:7vw;width:86vw;font-size:clamp(54px,13vw,90px);line-height:.94;letter-spacing:-.065em}h1.long{font-size:clamp(37px,9.5vw,66px);width:86vw}h1.very-long{font-size:clamp(29px,7.7vw,50px);width:86vw}#art{width:94vw;height:57svh;top:0;right:-7vw}.signature{bottom:3.4svh;left:7vw;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::after{animation:none!important;transition:none!important}}