.hero{display:block;min-height:760px;position:relative;padding-top:140px}.hero-copy{position:relative;z-index:2;max-width:980px}.hero-art{position:absolute;inset:0;z-index:0;height:auto;margin:0;opacity:.3;pointer-events:none}.hero-image-main{right:8%;top:12%;width:44%;height:68%}.hero-image-float{left:54%;bottom:10%;width:23%;height:35%}.hero-caption{right:8%;bottom:6%;color:#c8edf2}.hero h1{font-size:clamp(80px,11vw,175px);animation:title-arrival 1.15s cubic-bezier(.2,.8,.2,1) both}.hero .lead{animation:copy-arrival 1s .22s cubic-bezier(.2,.8,.2,1) both}.hero .line-link{animation:copy-arrival 1s .38s cubic-bezier(.2,.8,.2,1) both}.work-grid .work-card[data-category="comics"]{order:1}.work-grid .work-card[data-category="motion"]{order:2}.work-grid .work-card[data-category="education"]{order:3}.ticker+section,.about,.contact,footer{background:rgba(3,14,35,.32)!important}.section-intro,.filters,.work-card{position:relative}#fluid-canvas{transform:scale(1.16);animation:fluid-drift 28s ease-in-out infinite alternate}@keyframes fluid-drift{from{transform:scale(1.16) translate3d(-2%,-1%,0)}to{transform:scale(1.16) translate3d(2%,2%,0)}}@keyframes title-arrival{from{opacity:0;transform:translateY(48px);letter-spacing:-.01em}to{opacity:1;transform:none;letter-spacing:-.065em}}@keyframes copy-arrival{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:800px){.hero{min-height:670px;padding-top:85px}.hero h1{font-size:16vw}.hero-art{opacity:.22}.hero-image-main{right:4%;top:34%;width:70%;height:45%}.hero-image-float{left:5%;bottom:4%;width:30%;height:25%}}