.hero-notes{z-index:5;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.hero-note{left:var(--note-left);top:var(--note-top);width:0;height:0;position:absolute}.hero-note-body{transform:translate(-50%, -50%) rotate(var(--note-tilt));font-family:var(--font-hand), "Caveat", cursive;white-space:nowrap;color:hsl(var(--color-orange));opacity:0;animation:.4s ease-out forwards hero-note-in;animation-delay:calc(1.1s + var(--note-index) * .18s);align-items:center;gap:.25em;font-size:clamp(1.1rem,2.3vw,2.4rem);font-weight:600;line-height:1;display:flex;position:absolute;top:0;left:0}.hero-note-aside{opacity:.8;font-size:.7em}.hero-note-arrow{flex-shrink:0;width:2.2em;height:1.1em}.hero-note--down-left .hero-note-body,.hero-note--up-left .hero-note-body{flex-direction:row-reverse}.hero-note--down-left .hero-note-arrow{transform:scaleX(-1)}.hero-note--up-right .hero-note-arrow{transform:scaleY(-1)}.hero-note--up-left .hero-note-arrow{transform:scale(-1)}@keyframes hero-note-in{to{opacity:1}}@media (max-width:767px){.hero-note{left:var(--note-left-mobile);top:var(--note-top-mobile)}.hero-note-body{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.hero-note-body{opacity:1;animation:none}}
.hero-corner-text{opacity:0;letter-spacing:clamp(.0625rem,.2vw,.075rem);text-transform:uppercase;color:hsl(var(--text-secondary));z-index:10;font-family:PP-Neue-Montreal-Book,sans-serif;font-size:clamp(.5rem,1.5vw,.625rem);line-height:1.4;position:absolute}.hero-corner-text-bottom{bottom:clamp(3.75rem,10vw,5rem);left:var(--page-gutter)}.hero-corner-text-top{top:clamp(3.75rem,10vw,5rem);right:var(--page-gutter);text-align:right}.hero-corner-text-line{margin-bottom:.125rem;font-weight:400}.hero-corner-socials{gap:0;margin-top:.25rem;margin-left:-.5rem;display:flex}.hero-corner-social{color:hsl(var(--text-secondary));justify-content:center;align-items:center;padding:.5rem;transition:color .2s,transform .2s;display:flex}.hero-corner-social svg{width:1rem;height:1rem;display:block}@media (hover:hover) and (pointer:fine){.hero-corner-social:hover{color:hsl(var(--text-primary));transform:translateY(-.125rem)}}
.hero-section{width:100%;max-width:120rem;height:100svh;height:calc(min(1svh, var(--vh,1svh)) * 100);z-index:1;-webkit-user-select:none;user-select:none;padding:0 var(--page-gutter);margin:0 auto;position:relative}
.distortion-filter{pointer-events:none;width:0;height:0;position:absolute}