.hero-section{isolation:isolate;position:relative}.hero-section:after{content:"";z-index:-1;background-image:linear-gradient(to bottom, #fff0, var(--color-bg));pointer-events:none;height:10rem;position:absolute;inset:auto 0 0}.hero-line{display:block}.hero-word{margin:-.1em -.08em -.16em;padding:.1em .08em .16em;display:inline-block;overflow:clip}.hero-word-text{display:inline-block}.hero-stage-frame{container:hero-stage/inline-size}.hero-stage{--hero-e:min(66vw, 20rem);isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:1rem;display:grid;position:relative}.hero-emblem{width:var(--hero-e);perspective:75rem}.hero-card{width:100%;max-width:26rem}.hero-card-start{margin-top:1rem}@media not (min-width:64rem){.hero-stage{--hero-e:min(60vw, 20rem)}.hero-card{container:hero-card/inline-size}@container hero-stage (min-width:20rem){.hero-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:.75rem}.hero-emblem{grid-column:1/-1}.hero-card{z-index:1;max-width:none;margin-top:calc(var(--hero-e) * -.08)}.hero-card-end{margin-top:calc(var(--hero-e) * -.08 + 1.5rem)}}@container hero-card (max-width:17.5rem){.hero-card [data-ui]{--ui-pad:1rem}.hero-card-detail{display:none}.hero-card-figure{flex-direction:column;align-items:flex-start;gap:.75rem}}}@media (min-width:64rem){@container hero-stage (min-width:56rem){.hero-stage{--hero-e:clamp(20rem, 30.5vw, 27.5rem);--hero-card:clamp(17rem, 23.6vw, 21.25rem);--hero-reach:calc(var(--hero-e) * .06);grid-template-columns:minmax(0, 1fr) var(--hero-e) minmax(0, 1fr);place-items:start stretch;row-gap:0}.hero-emblem{z-index:0;grid-area:1/2}.hero-card{z-index:1;width:min(var(--hero-card), 100% + var(--hero-reach));grid-row:1;max-width:none}.hero-card-start{margin-top:calc(var(--hero-e) * .08);margin-right:calc(-1 * var(--hero-reach));grid-column:1;justify-self:end}.hero-card-end{margin-top:calc(var(--hero-e) * .22);margin-left:calc(-1 * var(--hero-reach));grid-column:3;justify-self:start}}}@media (orientation:landscape) and (max-height:30rem) and (not (min-width:64rem)){.hero-top{padding-top:calc(var(--nav-h) + 1rem)}.hero-top h1{margin-top:.75rem}.hero-sub,.hero-supporting{margin-top:.5rem}.hero-supporting{max-width:48rem;font-size:var(--text-body);line-height:var(--text-body--line-height)}.hero-actions{margin-top:1.25rem}@container hero-stage (min-width:46rem){.hero-stage{--hero-e:15rem;--hero-card:16rem;--hero-reach:calc(var(--hero-e) * .06);grid-template-columns:minmax(0, 1fr) var(--hero-e) minmax(0, 1fr);justify-items:stretch;gap:0}.hero-emblem{grid-area:1/2}.hero-card{width:min(var(--hero-card), 100% + var(--hero-reach));grid-row:1}.hero-card-start{margin-top:calc(var(--hero-e) * .08);margin-right:calc(-1 * var(--hero-reach));grid-column:1;justify-self:end}.hero-card-end{margin-top:calc(var(--hero-e) * .22);margin-left:calc(-1 * var(--hero-reach));grid-column:3;justify-self:start}}}.hero-stage:before,.hero-stage:after{content:"";z-index:-1;pointer-events:none;position:absolute;left:50%}.hero-stage:before{top:calc(var(--hero-e) * .12);aspect-ratio:1;width:max(165vw,96rem);box-shadow:0 -1px 0 color-mix(in srgb, var(--color-royal) 7%, transparent);background:radial-gradient(closest-side,#fff0 86%,#ffffff6b 97%,#ffffffb3);border-top:1px solid #fffffff2;border-radius:50%;translate:-50%}.hero-stage:after{top:calc(var(--hero-e) * .5);width:calc(var(--hero-e) * 1.75);aspect-ratio:1;background:radial-gradient(closest-side,#fffffff2,#ffffffb3 38%,#eaf1fb61 62%,#eaf1fb1f 80%,#eaf1fb00);translate:-50% -50%}.hero-ring{stroke-dasharray:var(--ring) 999}.hero-still{opacity:0;width:100%;height:100%;position:absolute;inset:0}.hero-dissolve{isolation:isolate}.hero-dissolve>img,.hero-dissolve>.hero-still{mix-blend-mode:plus-lighter}.hero-dissolve>img:not([data-on]){opacity:0}.hero-still[data-on]{opacity:1}@media (prefers-reduced-motion:no-preference){.hero-dissolve>img,.hero-still{transition:opacity var(--t-crossfade) cubic-bezier(.25, 0, .75, 1)}.hero-fade{animation:hero-fade .3s var(--ease-out) both}.hero-rise{animation:hero-rise .45s var(--ease-out) both;animation-delay:calc(80ms + var(--r,0) * 60ms)}.hero-settle{animation:hero-settle .6s var(--ease-expo) both}.hero-float{animation:hero-float 7s var(--ease-in-out) .6s infinite}.hero-card[data-reveal=hidden] :is(.hero-bar,.ui-fill){clip-path:inset(0 100% 0 0)}.hero-card[data-reveal=hidden] .hero-ring{stroke-dasharray:0 999}.hero-card[data-reveal=shown] :is(.hero-bar,.ui-fill){transition:clip-path .5s var(--ease-expo) calc(var(--reveal-delay,0s) + .12s)}.hero-card[data-reveal=shown] .hero-ring{transition:stroke-dasharray .5s var(--ease-expo) calc(var(--reveal-delay,0s) + .12s)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:64rem){@container hero-stage (min-width:56rem){.hero-card-start,.hero-card-end{animation:linear both hero-drift;animation-timeline:view();animation-range:cover}.hero-card-start{--drift:24px}.hero-card-end{--drift:12px}}}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes hero-settle{0%{opacity:.4;transform:scale(1.04)}}@keyframes hero-float{50%{transform:translateY(-10px)}}@keyframes hero-drift{0%{translate:0 var(--drift)}to{translate:0 calc(-1 * var(--drift))}}