@layer components{.fx-ring{display:none}@media(prefers-reduced-motion:no-preference){.section__rule[data-fx-ring=armed],.section__rule[data-fx-ring=playing]{--fx-ring-nib: min(2.5rem, 24%);position:relative;overflow:hidden;overflow:clip;background-color:transparent}.section__rule[data-fx-ring=armed]:before,.section__rule[data-fx-ring=playing]:before,.section__rule[data-fx-ring=armed]:after,.section__rule[data-fx-ring=playing]:after{content:"";position:absolute;inset:0}.section__rule[data-fx-ring=armed]:before,.section__rule[data-fx-ring=playing]:before{background-color:var(--w-hairline);transform-origin:calc(50% - 50% * var(--fx-ring-dir, 1)) 50%;transform:scaleX(0)}.section__rule[data-fx-ring=armed]:after,.section__rule[data-fx-ring=playing]:after{background-image:linear-gradient(calc(90deg * var(--fx-ring-dir, 1)),transparent 0,transparent calc(100% - var(--fx-ring-nib)),color-mix(in srgb,var(--w-accent) 62%,transparent) 100%);transform:translate(calc(-100% * var(--fx-ring-dir, 1)))}.section__rule[data-fx-ring=playing]:before{animation-name:fx-ring-draw;animation-duration:var(--fx-ring-dur, .56s);animation-timing-function:var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));animation-delay:var(--fx-ring-delay, 0ms);animation-fill-mode:both;will-change:transform}.section__rule[data-fx-ring=playing]:after{animation-name:fx-ring-nib,fx-ring-lift;animation-duration:var(--fx-ring-dur, .56s),var(--fx-ring-dur, .56s);animation-timing-function:var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),linear;animation-delay:var(--fx-ring-delay, 0ms),var(--fx-ring-delay, 0ms);animation-fill-mode:both,both;will-change:transform,opacity}}}@media print{.section__rule[data-fx-ring=armed],.section__rule[data-fx-ring=playing]{background-color:var(--w-hairline)}.section__rule[data-fx-ring=armed]:before,.section__rule[data-fx-ring=playing]:before,.section__rule[data-fx-ring=armed]:after,.section__rule[data-fx-ring=playing]:after{content:none}}@keyframes fx-ring-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fx-ring-nib{0%{transform:translate(calc(-100% * var(--fx-ring-dir, 1)))}to{transform:translate(0)}}@keyframes fx-ring-lift{0%{opacity:1}55%{opacity:1}to{opacity:0}}@property --fx-cta-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --fx-cta-draw{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@layer components{.fx-cta{--fx-cta-radius: var(--w-radius-button, 10px);--fx-cta-ring: 1px;--fx-cta-outset: 0px;--fx-cta-x: 50%;--fx-cta-y: 50%;position:relative;display:inline-flex;isolation:isolate;border-radius:var(--fx-cta-radius);background-color:transparent}.fx-cta:hover,.fx-cta:focus-within{background-color:color-mix(in srgb,var(--w-accent) 12%,transparent)}.fx-cta__fx{position:absolute;inset:0;pointer-events:none}.fx-cta__rim,.fx-cta__walk{position:absolute;inset:calc(var(--fx-cta-outset) * -1);border-radius:calc(var(--fx-cta-radius) + var(--fx-cta-outset));padding:var(--fx-cta-ring);opacity:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.fx-cta:hover .fx-cta__rim,.fx-cta:focus-within .fx-cta__rim{opacity:1}.fx-cta--ember .fx-cta__rim{--fx-cta-ring: 1px;background:var(--w-highlight)}.fx-cta--ember .fx-cta__walk{--fx-cta-ring: 2px;background:conic-gradient(from calc(-90deg + var(--fx-cta-sweep)),transparent 0deg,transparent 300deg,color-mix(in srgb,var(--w-accent) 55%,transparent) 340deg,var(--w-highlight) 359deg,transparent 360deg)}.fx-cta__burst{position:absolute;inset-inline-start:var(--fx-cta-x);inset-block-start:var(--fx-cta-y);inline-size:0;block-size:0}.fx-cta__mote{position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:var(--fx-mote-size, 2px);block-size:var(--fx-mote-size, 2px);border-radius:50%;background:var(--fx-mote-ink, currentColor);opacity:0;transform:translate3d(-50%,-50%,0)}.fx-cta__mote:nth-child(1){--fx-dx: -22px;--fx-dy: -19px;--fx-mote-size: 3px;--fx-mote-ink: var(--w-highlight);animation-delay:0ms}.fx-cta__mote:nth-child(2){--fx-dx: 19px;--fx-dy: -25px;--fx-mote-size: 2.5px;--fx-mote-ink: var(--w-highlight);animation-delay:60ms}.fx-cta__mote:nth-child(3){--fx-dx: -9px;--fx-dy: -31px;--fx-mote-size: 2px;--fx-mote-ink: var(--w-accent);animation-delay:30ms}.fx-cta__mote:nth-child(4){--fx-dx: 27px;--fx-dy: -13px;--fx-mote-size: 2px;--fx-mote-ink: var(--w-accent);animation-delay:.11s}.fx-cta__mote:nth-child(5){--fx-dx: -16px;--fx-dy: 10px;--fx-mote-size: 2.5px;--fx-mote-ink: var(--w-ground);animation-delay:90ms}.fx-cta__mote:nth-child(6){--fx-dx: 13px;--fx-dy: 15px;--fx-mote-size: 3px;--fx-mote-ink: var(--w-ground);animation-delay:.16s}.fx-cta--lift{--fx-cta-rise: 38px}.fx-cta--lift .fx-cta__rim{background:color-mix(in srgb,var(--w-accent) 70%,var(--w-ink))}.fx-cta__bubble{position:absolute;inset-inline-start:var(--fx-cta-x);inset-block-start:0;inline-size:11px;block-size:11px;opacity:0;transform:translate3d(-50%,-30%,0)}.fx-cta__bubble:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--fx-days-glint, #fff7e8) 0%,transparent 44%),radial-gradient(circle,transparent 52%,var(--fx-days-thin-film, #dcc8e4) 66%,var(--fx-days-thick-film, #e8c9a0) 82%,color-mix(in srgb,var(--w-ink) 26%,transparent) 92%,transparent 100%)}.fx-cta__bubble:after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;background:radial-gradient(circle,transparent 56%,color-mix(in srgb,var(--w-ink) 62%,transparent) 76%,transparent 100%)}.fx-cta--machined .fx-cta__rim{--fx-cta-ring: 1px;--fx-cta-outset: 2px;--fx-cta-draw: 348deg;background:conic-gradient(from -90deg,var(--w-accent) 0deg,var(--w-accent) var(--fx-cta-draw),transparent var(--fx-cta-draw))}.fx-cta--machined .fx-cta__fx:after{content:"";position:absolute;inset-inline-start:calc((var(--fx-cta-outset) + 3px) * -1);inset-block-start:50%;inline-size:8px;block-size:2px;background:var(--w-accent);opacity:0;transform:translate3d(0,-50%,0)}.fx-cta--machined:hover .fx-cta__fx:after,.fx-cta--machined:focus-within .fx-cta__fx:after{opacity:1}html[dir=rtl] .fx-cta__walk,html[dir=rtl] .fx-cta--machined .fx-cta__rim{transform:scaleX(-1)}@media(prefers-reduced-motion:no-preference){.fx-cta:not([data-fx-cta]){transition:background-color .22s var(--ease-out-quart, cubic-bezier(.25, 1, .5, 1))}.fx-cta:not([data-fx-cta]) .fx-cta__rim{transition:opacity .18s linear}.fx-cta--ember:not([data-fx-cta]):hover .fx-cta__rim,.fx-cta--ember:not([data-fx-cta]):focus-within .fx-cta__rim{transition:opacity .62s cubic-bezier(.66,0,.86,.35)}.fx-cta--lift:not([data-fx-cta]):hover .fx-cta__rim,.fx-cta--lift:not([data-fx-cta]):focus-within .fx-cta__rim{transition:opacity .35s var(--ease-out-quart, cubic-bezier(.25, 1, .5, 1))}.fx-cta--machined:not([data-fx-cta]):hover .fx-cta__rim,.fx-cta--machined:not([data-fx-cta]):focus-within .fx-cta__rim{transition:opacity 60ms linear}.fx-cta--machined:not([data-fx-cta]) .fx-cta__fx:after{transition:opacity .12s linear}.fx-cta--ember:not([data-fx-cta]):hover .fx-cta__walk,.fx-cta--ember:not([data-fx-cta]):focus-within .fx-cta__walk{animation:fx-cta-walk .76s linear}.fx-cta--ember:not([data-fx-cta]):hover .fx-cta__mote,.fx-cta--ember:not([data-fx-cta]):focus-within .fx-cta__mote{animation:fx-cta-mote .52s var(--ease-out-quart, cubic-bezier(.25, 1, .5, 1))}.fx-cta--lift:not([data-fx-cta]):hover .fx-cta__bubble,.fx-cta--lift:not([data-fx-cta]):focus-within .fx-cta__bubble{animation:fx-cta-rise .78s cubic-bezier(.42,.06,.58,1)}.fx-cta--lift:not([data-fx-cta]):hover .fx-cta__bubble:before,.fx-cta--lift:not([data-fx-cta]):focus-within .fx-cta__bubble:before{animation:fx-cta-thin .78s linear}.fx-cta--lift:not([data-fx-cta]):hover .fx-cta__bubble:after,.fx-cta--lift:not([data-fx-cta]):focus-within .fx-cta__bubble:after{animation:fx-cta-black-film .78s linear}.fx-cta--machined:not([data-fx-cta]):hover .fx-cta__rim,.fx-cta--machined:not([data-fx-cta]):focus-within .fx-cta__rim{animation:fx-cta-draw .42s cubic-bezier(.2,.5,.2,1) forwards}}}@keyframes fx-cta-walk{0%{--fx-cta-sweep: 0deg;opacity:0}8%{opacity:1}74%{opacity:1}to{--fx-cta-sweep: 360deg;opacity:0}}@keyframes fx-cta-mote{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.35)}14%,62%{opacity:1}to{opacity:0;transform:translate3d(calc(-50% + var(--fx-dx, 0px)),calc(-50% + var(--fx-dy, 0px)),0) scale(.9)}}@keyframes fx-cta-rise{0%{opacity:0;transform:translate3d(-50%,-30%,0) scale(.55)}18%{opacity:.95}72%{opacity:.9}to{opacity:0;transform:translate3d(-50%,calc(-30% - var(--fx-cta-rise, 38px)),0) scale(1.3)}}@keyframes fx-cta-thin{0%,40%{opacity:1}to{opacity:.15}}@keyframes fx-cta-black-film{0%,52%{opacity:0}84%{opacity:1}to{opacity:.2}}@keyframes fx-cta-draw{0%{--fx-cta-draw: 0deg}to{--fx-cta-draw: 348deg}}@layer components{.fx-phone{position:relative;display:block}.fx-phone__frame{position:relative;z-index:1}.fx-phone[data-fx-phone=armed] .fx-phone__frame{opacity:0;transform:translate3d(0,var(--fx-phone-from-y, 0px),0) scale(var(--fx-phone-from-scale, 1))}.fx-phone[data-fx-phone=armed] .fx-phone__frame,.fx-phone[data-fx-phone=playing] .fx-phone__frame,.fx-phone[data-fx-phone=playing] .fx-phone__cast{will-change:transform,opacity}.fx-phone__cast{position:absolute;inset:-16% -26%;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse 78% 46% at 50% 40%,color-mix(in srgb,var(--w-accent, #20e3b2) 52%,transparent),color-mix(in srgb,var(--w-accent, #20e3b2) 20%,transparent) 52%,transparent 78%)}[data-ground=paper] .fx-phone__cast{display:none}}@media(prefers-reduced-motion:reduce){.fx-phone[data-fx-phone=armed] .fx-phone__frame{opacity:1;transform:none}.fx-phone__cast{display:none}}@media print{.fx-phone[data-fx-phone] .fx-phone__frame{opacity:1;transform:none}.fx-phone__cast{display:none}}