.ab-hero{--intro:var(--intro-delay,0s);--ease:cubic-bezier(.22, 1, .36, 1)}.ab-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"portrait""text";row-gap:36px;display:grid}.ab-areaPortrait{grid-area:portrait}.ab-areaText{grid-area:text}@media (min-width:1024px){.ab-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-areas:"text portrait";align-items:center;column-gap:clamp(48px,6vw,96px)}}@media (min-width:1280px){.ab-grid{grid-template-columns:minmax(0,1fr) minmax(0,540px)}}.ab-wordMask{vertical-align:bottom;margin:0 -.06em -.12em;padding:0 .06em .12em;display:inline-block;overflow:clip}.ab-word{display:inline-block}.ab-gradWord{background:linear-gradient(90deg, var(--from), var(--to));color:#0000;-webkit-background-clip:text;background-clip:text}.ab-cardWrap{isolation:isolate;height:100%;position:relative}.ab-card{transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo);position:relative}.ab-glow{z-index:-1;background:radial-gradient(60% 60% at 50% 60%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 75%);filter:blur(28px);opacity:0;transition:opacity .5s var(--ease-out-expo);pointer-events:none;border-radius:32px;position:absolute;inset:18% 8% -6%}.ab-sweep{border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;padding:1.5px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ab-sweep:before{content:"";background:conic-gradient(from 0deg, transparent 0deg 250deg, var(--logo-ring-right-3) 300deg, var(--logo-ring-end) 330deg, var(--highlight) 360deg);position:absolute;inset:-60%}.ab-stages{gap:20px;padding-left:56px;display:grid;position:relative}.ab-num{position:absolute;top:0;left:-56px}.ab-stepper{display:none}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.ab-pin{height:350svh}.ab-pinStage{min-height:100svh;padding-top:var(--header-h);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0}.ab-vLine,.ab-num{display:none}.ab-stepper{display:block;position:relative}.ab-stepFill{transform-origin:top;transform:scaleY(var(--p,0))}.ab-stepNum{transition:transform .6s var(--ease-out-expo), background-color .4s, color .4s, box-shadow .4s}.ab-stepText{opacity:.55;transition:opacity .5s var(--ease-out-expo)}:is(.ab-pin:not([data-step]),.ab-pin[data-step="0"]) .ab-stepRow:nth-child(-n+1) .ab-stepText,.ab-pin[data-step="1"] .ab-stepRow:nth-child(-n+2) .ab-stepText,.ab-pin[data-step="2"] .ab-stepRow:nth-child(-n+3) .ab-stepText,.ab-pin[data-step="3"] .ab-stepRow:nth-child(-n+4) .ab-stepText{opacity:1}:is(.ab-pin:not([data-step]),.ab-pin[data-step="0"]) .ab-stepRow:first-child .ab-stepNum,.ab-pin[data-step="1"] .ab-stepRow:nth-child(2) .ab-stepNum,.ab-pin[data-step="2"] .ab-stepRow:nth-child(3) .ab-stepNum,.ab-pin[data-step="3"] .ab-stepRow:nth-child(4) .ab-stepNum{background-color:var(--accent);color:var(--white);box-shadow:var(--accent-shadow);transform:scale(1.3)}.ab-stages{perspective:1400px;min-height:26rem;padding:84px 0 0;display:block}.ab-stage{position:absolute;inset:84px 0 0}.ab-stage:nth-child(2){z-index:2}.ab-stage:nth-child(3){z-index:3}.ab-stage:nth-child(4){z-index:4}.ab-stageCard{transform-origin:50% 100%;height:100%;transition:transform .85s var(--ease-out-expo), opacity .6s var(--ease-out-expo)}.ab-stage .ab-stageCard{opacity:0;transform:translateY(48px)rotateX(64deg)}:is(.ab-pin:not([data-step]),.ab-pin[data-step="0"]) .ab-stage:first-child .ab-stageCard,.ab-pin[data-step="1"] .ab-stage:nth-child(2) .ab-stageCard,.ab-pin[data-step="2"] .ab-stage:nth-child(3) .ab-stageCard,.ab-pin[data-step="3"] .ab-stage:nth-child(4) .ab-stageCard{opacity:1;transform:none}.ab-pin[data-step="1"] .ab-stage:first-child .ab-stageCard,.ab-pin[data-step="2"] .ab-stage:nth-child(2) .ab-stageCard,.ab-pin[data-step="3"] .ab-stage:nth-child(3) .ab-stageCard{opacity:.7;transform:translateY(-42px)scale(.95)}.ab-pin[data-step="2"] .ab-stage:first-child .ab-stageCard,.ab-pin[data-step="3"] .ab-stage:nth-child(2) .ab-stageCard{opacity:.45;transform:translateY(-82px)scale(.9)}.ab-pin[data-step="3"] .ab-stage:first-child .ab-stageCard{opacity:.25;transform:translateY(-120px)scale(.85)}}.ab-qword{display:inline-block}@media (prefers-reduced-motion:no-preference){.ab-step{animation-delay:calc(var(--intro) + var(--d,0s));animation-duration:.8s;animation-fill-mode:both;animation-timing-function:var(--ease)}.ab-fadeDown{animation-name:ab-fadeDown}.ab-fadeUp{animation-name:ab-fadeUp}.ab-wordRise{animation-name:ab-wordRise;animation-duration:.95s}.ab-cardWrap:hover .ab-card{transform:translateY(-6px)}.ab-cardWrap:hover .ab-glow{opacity:1}.reveal:not([data-revealed]) .ab-iconDraw :is(path,circle,line,rect,polyline,polygon,ellipse){stroke-dasharray:150;stroke-dashoffset:150px}[data-revealed] .ab-iconDraw :is(path,circle,line,rect,polyline,polygon,ellipse){animation:1.1s cubic-bezier(.65,0,.35,1) backwards ab-iconDraw;animation-delay:calc(var(--reveal-delay,0s) + .25s)}[data-revealed] .ab-sweep{animation:1.9s ease-out both ab-sweepFade;animation-delay:calc(var(--reveal-delay,0s) + .35s)}[data-revealed] .ab-sweep:before{animation:1.6s cubic-bezier(.45,0,.25,1) both ab-spin;animation-delay:calc(var(--reveal-delay,0s) + .35s)}.ab-slide{opacity:0;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:translate(-40px)}.ab-stage:nth-child(2n) .ab-slide{transform:translate(40px)}.ab-slide[data-inview]{opacity:1;transform:none}.ab-qword{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transition-delay:calc(.35s + var(--i) * 60ms);transform:translateY(.35em)}[data-inview] .ab-qword{opacity:1;transform:none}.ab-qmark path{stroke-dasharray:1;stroke-dashoffset:1px}[data-inview] .ab-qmark path{animation:1.2s cubic-bezier(.65,0,.35,1) forwards ab-draw}[data-inview] .ab-qmark path+path{animation-delay:.25s}.ab-qmark circle{opacity:0}[data-inview] .ab-qmark circle{opacity:1;transition:opacity .6s var(--ease-out-expo) 1.1s}.ab-attribution{opacity:0;transition:opacity .8s var(--ease-out-expo);transition-delay:var(--after,1.5s)}[data-inview] .ab-attribution{opacity:1}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.ab-slide,.ab-stage:nth-child(2n) .ab-slide{opacity:1;transition:none;transform:none}}@keyframes ab-fadeUp{0%{opacity:0;transform:translateY(16px)}}@keyframes ab-fadeDown{0%{opacity:0;transform:translateY(-10px)}}@keyframes ab-wordRise{0%{transform:translateY(105%)}}@keyframes ab-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ab-iconDraw{0%{stroke-dasharray:150;stroke-dashoffset:150px}to{stroke-dasharray:150;stroke-dashoffset:0}}@keyframes ab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ab-sweepFade{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}.ab-tile{isolation:isolate;position:relative}.ab-tileShadow{z-index:-1;border-radius:inherit;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .4s ease-out;position:absolute;inset:0}.ab-tile:is(:hover,:focus-visible) .ab-tileShadow{opacity:1}.ab-ring{background:conic-gradient(from 0deg, var(--logo-ring-right-1), var(--logo-ring-right-2) 72deg, var(--logo-ring-right-3) 135deg, var(--logo-ring-end) 180deg, var(--logo-ring-left-3) 216deg, var(--logo-ring-left-2) 279deg, var(--logo-ring-left-1) 360deg);pointer-events:none;border-radius:999px;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.ab-point{transition:border-color .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), background-color .5s var(--ease-out-expo)}.ab-pointIcon{transition:background-color .5s var(--ease-out-expo), color .5s var(--ease-out-expo)}[data-active]>.ab-point{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:var(--shadow-lg)}[data-active]>.ab-point .ab-pointIcon{background-color:var(--accent);color:var(--white)}@media (prefers-reduced-motion:no-preference){.ab-tile{transition:transform .45s var(--ease-out-expo)}.ab-tile:is(:hover,:focus-visible){transform:translateY(-4px)}.ab-tilePhoto{transition:transform .9s var(--ease-out-expo)}.ab-tile:is(:hover,:focus-visible) .ab-tilePhoto{transform:scale(1.05)}.ab-tileArrow{transition:transform .35s var(--ease-out-expo)}.ab-tile:is(:hover,:focus-visible) .ab-tileArrow{transform:translate(6px)}.ab-ringSpin{animation:60s linear infinite ab-spin}.ab-ringSpin.ab-ringReverse{animation-duration:90s;animation-direction:reverse}.ab-band:is([data-paused],[data-offscreen]) .ab-ringSpin,.ab-bandNumber:hover~.ab-ringSpin{animation-play-state:paused}.ab-point{transition:border-color .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), transform .5s var(--ease-out-expo)}[data-active]>.ab-point{transform:translate(-8px)}}
