.hx[data-intro]{--blue-touch:#c8dbe9;--amber-l:#e8b57a;--ex:25%;--ey:33%;--arc:260px;--r0:150px;--r1:760px}@media (min-width:768px) and (max-width:1179px){.hx[data-intro]{--ex:17%;--arc:clamp(120px, 16vw, 200px);--r0:120px;--r1:640px}}@media (max-width:767px){.hx[data-intro]{--ex:32%;--arc:clamp(110px, 18vw, 200px);--r0:70px;--r1:400px}}.hx-fx{z-index:1;pointer-events:none;position:absolute;inset:0}.hx[data-intro="1"] .hw{display:inline-block}.motion .hx[data-hero][data-intro="1"] .hw{animation:hi-focus .8s linear calc(var(--i,0) * 70ms) backwards}@keyframes hi-focus{0%,30%{filter:blur(6px);transform:scale(1.035)}34%,60%{filter:blur(2.2px);transform:scale(1.012)}64%,to{filter:blur();transform:none}}.hx[data-intro="1"] .hx-fx{border-left:2px solid var(--amber-l);border-bottom:2px solid var(--amber-l);border-bottom-left-radius:calc(var(--arc) - 16px);inset:-2px -2px 16px 16px;-webkit-mask:linear-gradient(135deg,#000 45%,#0000 55%) 0 0/300% 300% no-repeat;mask:linear-gradient(135deg,#000 45%,#0000 55%) 0 0/300% 300% no-repeat}.motion .hx[data-hero][data-intro="1"] .hx-fx{animation:.8s cubic-bezier(.45,.05,.35,1) .35s backwards hi-draw}@keyframes hi-draw{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}}@property --rr{syntax:"<length>";inherits:true;initial-value:2000px}.hx[data-intro="2"] .photo{filter:drop-shadow(-18px 18px 0 var(--blue-touch))}@media (max-width:767px){.hx[data-intro="2"] .photo{filter:drop-shadow(-12px 12px 0 var(--blue-touch))}}.motion .hx[data-hero][data-intro="2"] .photo{animation:hi-iris .95s cubic-bezier(.55, 0, .25, 1) backwards, hi-touch .7s var(--ease) .4s backwards}@keyframes hi-iris{0%{--rr:var(--r0)}to{--rr:var(--r1)}}@keyframes hi-touch{0%{filter:drop-shadow(0 0 0 var(--blue-touch))}}.motion .hx[data-hero][data-intro="2"] .photo>img{clip-path:circle(var(--rr) at var(--ex) var(--ey));animation:mo-settle 1.2s var(--ease) both}.hx[data-intro="2"] .hx-fx{opacity:0}.motion .hx[data-hero][data-intro="2"] .hx-fx{background:radial-gradient(circle at var(--ex) var(--ey), transparent calc(var(--rr) + 4px), #ffffffe6 calc(var(--rr) + 5px), #ffffffe6 calc(var(--rr) + 7px), transparent calc(var(--rr) + 9px));animation:.95s linear backwards hi-ring}@keyframes hi-ring{0%{opacity:1}70%{opacity:.6}to{opacity:0}}.motion .hx[data-hero][data-intro="2"] :is(.eyebrow,h1){animation:hi-up .7s var(--ease) backwards}.motion .hx[data-hero][data-intro="2"] h1{animation-delay:60ms}@keyframes hi-up{0%{transform:translateY(12px)}}.motion .hx[data-hero][data-intro="2"] .photo .cap{animation:mo-rise .45s var(--ease) .55s backwards}.motion .hx[data-hero][data-intro="3"] h1{background:linear-gradient(100deg, var(--navy) 42%, var(--blue-touch) 47%, var(--paper) 50%, var(--blue-touch) 53%, var(--navy) 58%) 0 0 / 250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:.8s cubic-bezier(.45,.05,.35,1) .1s backwards hi-glint}@keyframes hi-glint{0%{color:#0000;background-position:100% 0}to{color:#0000;background-position:0 0}}.hx[data-intro="3"] .hx-fx{background:radial-gradient(closest-side, #ffffff8c, #ffffff47 55%, color-mix(in srgb, var(--blue-touch) 40%, transparent) 80%, transparent);mix-blend-mode:screen;border-radius:50%;width:46%;inset:-25% auto -25% 0;transform:translate(-130%)rotate(16deg)}.motion .hx[data-hero][data-intro="3"] .hx-fx{animation:.85s cubic-bezier(.45,.05,.35,1) .35s hi-sweep}@keyframes hi-sweep{to{transform:translate(280%)rotate(16deg)}}.motion .hx[data-hero][data-intro="3"] .acts{animation:none}.motion .hx[data-hero][data-intro="3"] .acts>*{animation:mo-rise .55s var(--ease) .12s backwards}.motion .hx[data-hero][data-intro="3"] .acts>:nth-child(2){animation-delay:.2s}.motion .hx[data-hero][data-intro="3"] .rbC{animation-delay:.28s}.motion .hx[data-hero][data-intro="3"] .rbC li{animation:mo-rise .5s var(--ease) .38s backwards}.motion .hx[data-hero][data-intro="3"] .rbC li+li{animation-delay:.46s}.motion .hx[data-hero]:is([data-intro="1"],[data-intro="3"]) .eyebrow:before{transform-origin:0;animation:hi-rule .55s var(--ease) backwards}@keyframes hi-rule{0%{transform:scaleX(0)}}@media (max-width:767px){@supports (animation-timeline:view()){.hx[data-intro],.hx[data-intro] .photo{overflow:clip}.motion .hx[data-hero][data-intro] .hx-fx,.motion .hx[data-hero][data-intro="2"] .photo{animation-delay:0s;animation-fill-mode:both;animation-timeline:view();animation-range:entry 15% cover 50%}.motion .hx[data-hero][data-intro="2"] .photo{animation-timeline:view(),view();animation-range:entry 15% cover 50%,cover 35% cover 55%}.motion .hx[data-hero][data-intro="2"] .photo .cap{animation-delay:0s;animation-fill-mode:both;animation-timeline:view();animation-range:cover 35% cover 50%}}}
