.bg-image{width:196px;height:302px;@media screen and (min-width:1920px){position:absolute;top:0;right:0;z-index:0;width:320px;height:530px}}.hero-title-end{color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke:1px #000;@media screen and (min-width:1920px){color:transparent;text-shadow:none;-webkit-text-stroke:3px #000;display:inline-block}}:root{--hue:223;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--primary:hsl(var(--hue),90%,55%);--trans-dur:0.3s}.coffee{font-size:.6em;position:relative;width:21.5em;height:9em}.coffee:before{border-bottom:.25em dashed;content:"";display:block;position:absolute;top:7.5em;width:100%}.coffee__cup,.coffee__cup-handle,.coffee__cup-part,.coffee__steam-part{animation-duration:8s;animation-iteration-count:infinite}.coffee__cup,.coffee__cup-handle,.coffee__cup-part{animation-timing-function:cubic-bezier(.9,0,.1,1)}.coffee__cup{animation-name:cup;position:relative;width:11.25em;height:9em}.coffee__cup-part{background-color:var(--bg);position:absolute;transition:background-color var(--trans-dur),box-shadow var(--trans-dur)}.coffee__cup-part--a{animation-name:cup-part-a;border-radius:5.625em 5.625em 5.625em 5.625em/2em 2em 2.7em 2.7em;box-shadow:0 0 0 .3em var(--fg) inset;top:4.3em;width:11.25em;height:4.7em}.coffee__cup-part--b{animation-name:cup-part-b;background-color:transparent;border-radius:5.625em/2em;box-shadow:0 0 0 .2em var(--fg) inset;top:4.3em;width:11.25em;height:4em}.coffee__cup-part--c{animation-name:cup-part-c;border-radius:1.7em/.45em;box-shadow:0 0 0 .2em var(--fg) inset;top:7.1em;left:3.925em;width:3.4em;height:.9em}.coffee__cup-part--d,.coffee__cup-part--e,.coffee__cup-part--f{z-index:1}.coffee__cup-part--d{animation-name:cup-part-d;border-radius:3.6em 3.6em 3.3em 3.3em/1em 1em 3.5em 3.5em;box-shadow:0 0 0 .2em var(--fg) inset;top:2.55em;left:2.025em;width:7.2em;height:5.15em}.coffee__cup-part--e{animation-name:cup-part-e;background-color:var(--fg);box-shadow:0 0 0 .2em var(--fg) inset,0 1em 0 var(--bg) inset;border-radius:3.5em/1em;top:2.65em;left:2.125em;width:7em;height:2em}.coffee__cup-part--f{animation-name:cup-part-f;background-color:transparent;top:4.1em;left:5.925em;width:4.8em;height:3em}.coffee__cup-handle{animation-name:cup-handle}.coffee__cup,.coffee__steam{transform:translateX(-50%)}.coffee__steam{display:block;position:absolute;top:0;left:0;width:3.5em;height:3.5em}.coffee__steam--right{right:0;left:auto;transform:translateX(50%)}.coffee__steam-part{animation-name:steam-left;stroke-dashoffset:48}.coffee__steam--right .coffee__steam-part{animation-name:steam-right;stroke-dashoffset:35}.coffee__steam-part--a{stroke-dasharray:24 142}.coffee__steam-part--b{stroke-dasharray:30 8 10 130}.coffee__steam-part--c{stroke-dasharray:15 6 1 134}.coffee__steam-part--d{stroke-dasharray:18 6 1 90}.coffee__steam-part--e{stroke-dasharray:25 6 4 76}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),10%,10%);--fg:hsl(var(--hue),10%,90%)}}@keyframes cup{0%,25%,75%,to{left:0}50%{left:21.5em}}@keyframes cup-part-a{0%,50%,to{width:11.25em}25%,75%{width:calc(11.25em + 21.5em)}}@keyframes cup-part-b{0%,50%,to{width:11.25em}25%,75%{width:calc(11.25em + 21.5em)}}@keyframes cup-part-c{0%,50%,to{width:3.4em}25%,75%{width:calc(3.4em + 21.5em)}}@keyframes cup-part-d{0%,50%,to{width:7.2em}25%,75%{width:calc(7.2em + 21.5em)}}@keyframes cup-part-e{0%,50%,to{box-shadow:0 0 0 .2em var(--fg) inset,0 1em 0 var(--bg) inset;width:7em}25%,75%{box-shadow:0 0 0 .2em var(--fg) inset,0 1.5em 0 var(--bg) inset;width:calc(7em + 21.5em)}}@keyframes cup-part-f{0%{left:5.925em;z-index:0}25%{left:calc(5.925em + 8.35em);z-index:0}50%{left:.525em;z-index:0}50.01%{left:.525em;z-index:1}75%{left:calc(5.925em + 8.35em);z-index:1}to{left:5.925em;z-index:1}}@keyframes cup-handle{0%,to{animation-timing-function:ease-in;d:path("M64,4.413s6.64-2.913,11-2.913c11.739,0,19.5,10.759,19.5,22.497,0,23.475-45,22.497-45,22.497");transform:translate(0)}10%,40%,60%,90%{animation-timing-function:ease-out;d:path("M48.036,4.415s-.03-2.913-.049-2.913c-.052,0-.087,10.759-.087,22.497,0,23.475,.2,22.497,.2,22.497");transform:translateY(15px)}50%{animation-timing-function:ease-in;d:path("M32,4.413s-6.64-2.913-11-2.913C9.261,1.5,1.5,12.259,1.5,23.997c0,23.475,45,22.497,45,22.497");transform:translate(0)}}@keyframes steam-left{0%{stroke-dashoffset:48}25%,to{stroke-dashoffset:-66}}@keyframes steam-right{0%,50%{stroke-dashoffset:35}75%,to{stroke-dashoffset:-76}}.loader{width:15px;aspect-ratio:1;border-radius:50%;animation:l5 1s linear infinite alternate}@keyframes l5{0%{box-shadow:20px 0 #000,-20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}to{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}