/* Larger floral film, with depth shared by the surrounding orbital objects. */
.hero{--pointer-x:0;--pointer-y:0}.hero-art{right:4%;width:min(45vw,54svh);height:85svh;bottom:5%;transform:translate3d(calc(var(--pointer-x,0)*9px),calc(var(--pointer-y,0)*7px),0) rotate(calc(-3deg + var(--hero-progress)*6deg)) scale(calc(.98 + var(--hero-progress)*.02));border-radius:46% 46% 2px 2px}.hero-copy{top:27%;transform:translate3d(calc(var(--pointer-x,0)*-5px),calc(var(--hero-progress)*-35px + var(--pointer-y,0)*-4px),0)}.hero-meta{top:115px}.hero-art canvas{transform:scale(calc(1 + var(--hero-progress)*.015))}.hero .hero-grain{opacity:.05}.hero-sticky:before{content:'';position:absolute;width:40vw;height:40vw;left:calc(40% + var(--pointer-x,0)*2%);top:calc(10% + var(--pointer-y,0)*3%);background:radial-gradient(ellipse,#ab4c7622,transparent 65%);border-radius:50%;pointer-events:none;transform:translate3d(calc(var(--hero-progress)*90px),calc(var(--hero-progress)*-50px),0)}
.motion-heading .motion-title-part{display:inline-block;transform:translate3d(calc((var(--heading-progress,.5) - .5)*var(--part-direction)*28px),calc((1 - var(--heading-enter,1))*(28px + var(--part-index)*7px)),0) rotate(calc((var(--heading-progress,.5) - .5)*var(--part-direction)*1deg));transform-origin:left center}.hero h1 .motion-title-part{transform:translate3d(calc(var(--hero-progress)*var(--part-direction)*22px),calc(var(--hero-progress)*var(--part-index)*-4px),0)}.hero h1 em .motion-title-part{transform:translate3d(calc(var(--hero-progress)*-14px),calc(var(--hero-progress)*7px),0)}.section-label>span:first-child{transform:translateX(calc((var(--scene-progress,.5) - .5)*-20px))}.section-label>span:last-child{transform:translateX(calc((var(--scene-progress,.5) - .5)*20px))}.site-header .brand-star{transform:rotate(calc(var(--page-progress,0)*360deg));transform-origin:center}.discipline-line>span:nth-child(even){transform:rotate(calc(var(--scene-progress,0)*240deg))}.discipline-line>span:nth-child(odd){transform:translateY(calc((var(--scene-progress,.5) - .5)*-12px))}
/* The project artwork lifts and changes angle as it crosses the viewport. */
.featured-project .project-art{transform:perspective(1200px) rotateY(calc((var(--card-progress,.5) - .5)*-4deg)) rotateZ(calc((var(--card-progress,.5) - .5)*2deg));transform-origin:center}.featured-project .project-screen{transition:transform .2s ease-out;transform:rotate(calc(-11deg + var(--card-progress,.5)*10deg)) translateY(calc(var(--card-progress,.5)*-42px)) scale(calc(.96 + var(--card-progress,.5)*.08))}.featured-project:nth-child(even) .project-screen{transform:rotate(calc(12deg - var(--card-progress,.5)*11deg)) translateY(calc(var(--card-progress,.5)*-42px)) scale(calc(.96 + var(--card-progress,.5)*.08))}.featured-project .project-open:hover .project-screen{transform:rotate(0) translateY(-35px) scale(1.04)}.project-art h3{transform:translateX(calc((var(--card-progress,.5) - .5)*-22px))}.project-art .project-tagline{transform:translateX(calc((var(--card-progress,.5) - .5)*18px))}.project-meta>span:last-child{transform:rotate(calc((var(--card-progress,.5) - .5)*18deg))}.project-circle{animation:project-arrow-breathe 5s ease-in-out infinite}.featured-project:nth-child(even) .project-circle{animation-delay:-2.5s}@keyframes project-arrow-breathe{50%{box-shadow:0 0 0 8px #f2ede61c}}
.film .film-image{transform:rotate(calc((var(--reel-progress,.5) - .5)*(var(--film-index)*.5 - .7)*4deg));transform-origin:center;transition:transform .2s ease-out}.film .film-image img{transform:scale(1.13) translateY(calc((var(--reel-progress,.5) - .5)*-25px));transition:transform .5s ease-out}.film:hover .film-image img{transform:scale(1.19) translateY(calc((var(--reel-progress,.5) - .5)*-25px))}.film-title{transform:translateY(calc((var(--reel-progress,.5) - .5)*-12px))}.play{animation:play-halo 3.5s ease-in-out infinite}.film:nth-child(even) .play{animation-delay:-1.7s}@keyframes play-halo{50%{box-shadow:0 0 0 9px #e4b5c410;border-color:#e4b5c4cc}}
.about-body{transform:translateY(calc((var(--scene-progress,.5) - .5)*-32px))}.motion-fact{opacity:calc(.2 + var(--fact-enter,1)*.8);transform:translate3d(calc((1 - var(--fact-enter,1))*22px),calc((1 - var(--fact-enter,1))*25px),0)}.experience-mark{transform:translateY(calc((var(--scene-progress,.5) - .5)*-55px))}.experience-mark>span{transform:rotate(calc((var(--scene-progress,.5) - .5)*-9deg)) scale(calc(.94 + var(--scene-progress,.5)*.12));transform-origin:left center}.contact-arrow{transform:rotate(calc((var(--scene-progress,.5) - .5)*65deg)) scale(calc(.92 + var(--scene-progress,.5)*.16))}.contact-arrow:hover{transform:rotate(45deg) scale(1.08)}.contact-info{transform:translateY(calc((var(--scene-progress,.5) - .5)*-20px))}.contact:before{transform:rotate(calc(-10deg + var(--scene-progress,.5)*85deg)) scale(calc(.9 + var(--scene-progress,.5)*.2))}.contact-dot:before{animation:contact-pulse 3s ease-in-out infinite}@keyframes contact-pulse{50%{box-shadow:0 0 0 6px #e4b5c416}}footer .brand-star{animation:footer-star 24s linear infinite}@keyframes footer-star{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-art{right:7%}.hero-copy{top:29%}}
@media(max-width:1050px) and (min-width:701px){.hero-art{right:2%;height:83svh;width:46.5svh;max-width:45vw}.hero-copy{top:28%}.hero h1{font-size:7.5vw}}
@media(max-height:740px) and (min-width:701px){.hero-art{height:83svh;width:46.5svh}.hero-copy{top:24%}.hero-meta{top:103px}}
@media(max-width:700px){.hero-art{right:1%;width:60vw;height:106.6vw;max-width:none;max-height:61svh;bottom:9%;transform:rotate(calc(-3deg + var(--hero-progress)*6deg)) scale(calc(.98 + var(--hero-progress)*.02))}.hero-copy{top:141px;transform:translateY(calc(var(--hero-progress)*-18px))}.hero-meta{top:99px}.hero h1{font-size:14vw}.hero h1 .motion-title-part{transform:translate3d(calc(var(--hero-progress)*var(--part-direction)*7px),calc(var(--hero-progress)*var(--part-index)*-2px),0)}.hero h1 em .motion-title-part{transform:translate3d(calc(var(--hero-progress)*-5px),calc(var(--hero-progress)*3px),0)}.hero-sticky:before{width:90vw;height:90vw;left:30%;top:35%}.motion-heading .motion-title-part{transform:translate3d(calc((var(--heading-progress,.5) - .5)*var(--part-direction)*10px),calc((1 - var(--heading-enter,1))*(18px + var(--part-index)*4px)),0)}.section-label>span:first-child,.section-label>span:last-child{transform:none}.featured-project .project-art{transform:rotateZ(calc((var(--card-progress,.5) - .5)*1.1deg))}.featured-project .project-screen{transform:rotate(calc(-9deg + var(--card-progress,.5)*8deg)) translateY(calc(var(--card-progress,.5)*-30px))}.featured-project:nth-child(even) .project-screen{transform:rotate(calc(9deg - var(--card-progress,.5)*8deg)) translateY(calc(var(--card-progress,.5)*-30px))}.project-art h3,.project-art .project-tagline{transform:none}.film .film-image{transform:rotate(calc((var(--reel-progress,.5) - .5)*.7deg))}.about-body{transform:none}.experience-mark{transform:translateY(calc((var(--scene-progress,.5) - .5)*-25px))}.contact-info{transform:none}}
@media(max-width:700px) and (max-height:740px){.hero-copy{top:127px}.hero h1{font-size:12.5vw}.hero-art{width:54vw;height:96vw;max-height:58svh;bottom:9%}}
body.still .motion-title-part,body.still .section-label>span,body.still .hero-art,body.still .hero-art canvas,body.still .hero-copy,body.still .hero-sticky:before,body.still .brand-star,body.still .discipline-line>span,body.still .featured-project .project-art,body.still .project-art h3,body.still .project-tagline,body.still .project-meta>span,body.still .film .film-image,body.still .film .film-image img,body.still .film-title,body.still .about-body,body.still .motion-fact,body.still .experience-mark,body.still .experience-mark>span,body.still .contact-arrow,body.still .contact-info,body.still .contact:before{transform:none!important;animation:none!important}body.still .motion-fact{opacity:1}body.still .project-screen{transform:rotate(-5deg)!important}body.still .featured-project:nth-child(even) .project-screen{transform:rotate(5deg)!important}
@media(prefers-reduced-motion:reduce){.motion-title-part,.section-label>span,.hero-art,.hero-art canvas,.hero-copy,.hero-sticky:before,.brand-star,.discipline-line>span,.featured-project .project-art,.project-art h3,.project-tagline,.project-meta>span,.film .film-image,.film .film-image img,.film-title,.about-body,.motion-fact,.experience-mark,.experience-mark>span,.contact-arrow,.contact-info,.contact:before{transform:none!important;animation:none!important}.motion-fact{opacity:1}.play,.project-circle,.contact-dot:before{animation:none!important}}
@media(max-width:700px){.motion-fact{transform:translate3d(calc((1 - var(--fact-enter,1))*12px),calc((1 - var(--fact-enter,1))*25px),0)}}
@media(max-width:700px) and (max-height:740px){.decor-chip-story{bottom:10%}}