.home-section{padding:3rem 0}@media (width>=30em){.home-section{padding:4rem 0}}@media (width>=48em){.home-section{padding:5rem 0}}.intro{flex-wrap:wrap;justify-content:center;align-items:flex-end;width:100%;max-width:1525px;margin:0 auto;padding-top:0;display:flex}.intro-images{justify-content:space-evenly;align-items:flex-end;gap:.5rem;width:100%;display:flex;& img{min-width:0}& .ryan{flex:20%;max-width:265px}& .sam{flex:13%;max-width:225px}}.intro-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin:0 auto;display:flex;& .lead{color:var(--muted);padding-top:2rem;font-size:1.5rem;line-height:1.1}& .sub{color:var(--muted);margin-top:.5rem;padding-bottom:1rem;font-size:1.5rem;line-height:1.1}}#banner-text{padding:1rem 0;font-size:clamp(32px,8.64865vw + 4.32432px,160px);line-height:1.1}.intro-buttons{padding:1rem 0;display:flex;& .contact-button{display:none}}.intro-sam{display:none}@media (width>=48em){.intro-buttons{gap:2rem;& .contact-button{display:inline-flex}}}@media (width>=62em){#banner-text{line-height:1.2}}@media (width>=80em){.intro{align-items:center}.intro-images{width:20%;& .sam{display:none}}.intro-content{width:60%}#banner-text{line-height:1}.intro-sam{width:17%;display:flex;& img{width:100%;max-width:400px}}}.section-header{justify-content:space-between;align-items:center;display:flex}.view-all{justify-content:center;margin-top:6rem;display:flex}@media (width>=30em){.view-all{margin-top:8rem}}@media (width>=48em){.view-all{margin-top:10rem}}.teaser{flex-wrap:wrap;display:flex}.teaser-text{flex-direction:column;align-items:flex-start;display:flex;& p{padding:2rem 0 1rem}}.teaser-art{flex:1 1 0;justify-content:center;align-items:center;display:none;position:relative}@media (width>=48em){.teaser-text{margin:4rem 0 0 8rem;& p{padding:0 0 2rem}}}@media (width>=62em){.teaser-text p{max-width:600px}.teaser-art{display:flex}}.morph{background:currentColor;border-radius:20%;width:150px;height:150px;animation:3s ease-in-out infinite morph}@keyframes morph{0%{border-radius:20%;transform:scale(1)rotate(0)}13.3%{border-radius:20%;transform:scale(2)rotate(0)}33.3%{border-radius:50%;transform:scale(2)rotate(270deg)}53.3%{border-radius:50%;transform:scale(1)rotate(270deg)}66.7%,to{border-radius:20%;transform:scale(1)rotate(0)}}.ufo{font-size:10vmin}.monster{box-sizing:content-box;user-select:none;border:.07em solid #0000;border-radius:.5em .5em 0 0/.6em .6em 0 0;width:1em;height:1.3em;font-size:.7em;position:relative}.body{border-radius:inherit;transform-origin:bottom;background-color:currentColor;width:100%;height:100%;animation:.4s ease-in-out 40ms infinite alternate bouncebody;position:relative}.eyes,.eye-lid{text-align:center;width:1em;height:1em;font-size:.65em;display:flex;position:absolute;top:.3em;left:.25em}.eye{background-color:#000;border-radius:50%;width:75%;height:75%;display:inline-block;position:relative;&:after{--pupil-size:.2em;width:var(--pupil-size);height:var(--pupil-size);content:" ";background:#fff;border-radius:50%;position:absolute;top:.05em;left:.3em}}.eye-lid{background-color:#fff;border-radius:.5em/.6em .6em .4em .4em;animation:10s ease-in-out infinite forwards blink;box-shadow:.03em .14em #0000001a}.vampi-mouth{background:#000;border-radius:.7em .7em 1.2em 1.2em;width:1em;height:.7em;font-size:.3em;position:absolute;bottom:.3em;left:50%;overflow:hidden;transform:translate(-50%);&:before{content:"";background:#f80;border-radius:50% 50% 0 0;width:100%;height:.2em;display:block;position:absolute;bottom:0}}.vampi-tooth,.vampi-tooth:before,.vampi-tooth:after{--teeth-size:.25em;width:0;height:0;font-size:inherit;border-left:calc(var(--teeth-size) / 2) solid transparent;border-right:calc(var(--teeth-size) / 2) solid transparent;border-top:var(--teeth-size) solid #fff;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.vampi-tooth:before{content:"";transform:translate(-150%)translateY(-100%)}.vampi-tooth:after{content:"";transform:translate(50%)translateY(-100%)}.ear{transform-origin:bottom;width:.8em;height:1.5em;font-size:.3em;animation:5s infinite antena_e;position:absolute;top:-1.2em;left:18%;transform:rotate(-10deg);&:before{content:"";z-index:2;background:currentColor;border-radius:50%;width:.8em;height:.8em;display:block;position:absolute;left:0;box-shadow:inset -.1em -.08em #0000001a}&:after{content:"";background:currentColor;width:.3em;height:100%;display:block;position:absolute;top:.2em;left:.3em}}.ear+.ear{animation:5s infinite antena_d;left:auto;right:18%;transform:rotate(10deg)}@keyframes blink{0%,2%,60%,62%,to{transform:scaleX(1)scaleY(1)}1%,61%{transform:scaleX(1.3)scaleY(.1)}}@keyframes bouncebody{to{transform:scaleX(1.03)scaleY(.97)}}@keyframes antena_d{50%{transform:rotate(20deg)}}@keyframes antena_e{50%{transform:rotate(-20deg)}}.contact-cta{flex-direction:column;justify-content:center;align-items:center;margin:4rem 0 2rem;display:flex;& span{color:var(--muted)}& a{text-align:center;align-items:center;gap:.25rem;font-size:1.8rem;line-height:1;display:flex;&:hover{text-decoration:underline}}& svg{width:1em;height:1em;animation:.6s ease-in-out infinite alternate wiggle}}@keyframes wiggle{to{transform:translate(50%)}}@media (width>=30em){.contact-cta{margin-bottom:3rem;& a{font-size:2.4rem}}}@media (width>=48em){.contact-cta{margin:6rem 0 5rem;& a{font-size:3rem}}}
