@property --r{syntax:"<percentage>";inherits:false;initial-value:0%}
@keyframes hx-photo-in{0%{opacity:0;transform:translateY(4%)}}@keyframes hx-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-1%,-.6%)}}@keyframes hx-fade{0%{opacity:0}to{opacity:1}}.cp-hero[data-hero] .cp-hero-photo img{transform-origin:70% 60%;animation:hx-photo-in 1s var(--pd,.9s) cubic-bezier(.2,.8,.2,1) both, hx-drift 12s 2.2s ease-in-out infinite alternate}.cp-hero[data-hero="1"]{touch-action:pan-y pinch-zoom;background:#fff}.cp-hero[data-hero="1"]:after{display:none}.hp-coats{z-index:0;pointer-events:none;position:absolute;inset:0}.hp-coat{pointer-events:none;position:absolute;inset:-14%;rotate:-4deg}.hp-coat.c0{--cc:var(--red)}.hp-coat.c1{--cc:var(--hot);--a:.02}.hp-coat.c2{--cc:var(--sky);--a:.17}.hp-coat.c3{--cc:#111;--a:.32}.hp-s{width:114%;left:calc(-4% + (var(--d) + 1)*-3%);top:calc(var(--k)*16.6% - 2%);background:var(--cc);height:20.8%;scale:calc(var(--d)*-1) 1;will-change:translate;position:absolute}@keyframes hp-in{0%{translate:calc(var(--d)*114%) 0}}.hp-coat.c0 .hp-s{will-change:auto;animation:.85s cubic-bezier(.3,.75,.2,1) both hp-in;animation-delay:calc(var(--k)*85ms + 40ms)}.hp-coat:not(.c0) .hp-s{translate:calc((1 - clamp(0, (var(--sp-o,0) - var(--a) - var(--k)*.016) / .15, 1))*var(--d)*114%) 0}@keyframes hp-ch{0%{opacity:0;transform:translateY(-.95em)scale(1.35,.65)rotate(-8deg)}55%{opacity:1;transform:translateY(.05em)scale(.92,1.1)}to{opacity:1;transform:none}}.cp-hero[data-hero="1"] .cp-line{translate:calc(var(--sp-o,0)*var(--dx,0px)) 0;animation:none}.cp-hero[data-hero="1"] .cp-line:first-child{--dx:-26vw}.cp-hero[data-hero="1"] .cp-line:nth-child(2){--dx:42vw}.cp-hero[data-hero="1"] .cp-line:nth-child(3){--dx:-14vw}.cp-ch{animation:.75s cubic-bezier(.34,1.56,.64,1) both hp-ch;animation-delay:calc(.75s + var(--c)*55ms);display:inline-block}.cp-hero[data-hero="1"] .cp-hero-sub{animation:1s 1.7s both hx-fade}.cp-hero[data-hero="1"] .cp-hero-sc{animation:1s 1.9s both hx-fade}.cp-hero[data-hero="1"] .cp-hero-tag{animation:1s 1.2s both hx-fade}.cp-hero[data-hero="1"]{--pd:1.1s}.cp-hero[data-hero="1"] .cp-hero-copy{translate:0 calc(var(--sp-o,0)*-90px);opacity:calc(1 - max(0, var(--sp-o,0) - .5)*2.4)}.hp-trail{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cp-hero.is-off .cp-hero-photo img{animation-play-state:paused}@media (max-width:900px){.cp-hero[data-hero="1"] .cp-line:first-child{--dx:-9vw}.cp-hero[data-hero="1"] .cp-line:nth-child(2){--dx:36vw}.cp-hero[data-hero="1"] .cp-line:nth-child(3){--dx:14vw}}@media (prefers-reduced-motion:reduce){.hp-coats,.hp-trail{display:none!important}.cp-hero[data-hero="1"]{background:var(--red)}.cp-hero[data-hero="1"]:after{display:block}.cp-hero[data-hero="1"] .cp-line,.cp-hero[data-hero="1"] .cp-hero-copy{opacity:1!important;translate:none!important}.cp-hero[data-hero] .cp-hero-photo img{transform:none}}
