.pe-hero{isolation:isolate;min-height:100vh;min-height:var(--pe-hero-height);background:var(--pe-night);color:var(--pe-paper);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pe-hero__media{z-index:-3;position:absolute;inset:0}.pe-hero__media img{object-fit:cover}.pe-hero__veil{z-index:-2;background:linear-gradient(to bottom, color-mix(in oklab, var(--pe-night) 55%, transparent) 0, transparent 10rem), linear-gradient(45deg, color-mix(in oklab, var(--pe-night) 85%, transparent), color-mix(in oklab, var(--pe-night) 40%, transparent));position:absolute;inset:0}.pe-hero__pattern{z-index:-1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pe-hero__ring{--pe-ring-x:6rem;transform:translateX(var(--pe-ring-x));animation:pe-hero-ring-in 1.2s var(--pe-ease) .3s both;flex:none}.pe-hero__ring--phone{width:6000px;height:6000px}.pe-hero__ring--wide{--pe-ring-x:0;width:1800px;height:1800px;display:none}.pe-hero__ring svg{animation:15s linear infinite pe-hero-spin}.pe-hero__cell{fill:color-mix(in oklab, var(--pe-sage) 25%, transparent)}.pe-hero__cell-line{stroke:color-mix(in oklab, var(--pe-ink) 15%, transparent);stroke-width:.5px}@media (min-width:40rem){.pe-hero__ring--phone{display:none}.pe-hero__ring--wide{display:block}}@media (min-width:48rem){.pe-hero__ring--wide{--pe-ring-x:12rem;width:2000px;height:2000px}}@media (min-width:64rem){.pe-hero__ring--wide{--pe-ring-x:22rem}}@keyframes pe-hero-ring-in{0%{opacity:0;transform:translateX(calc(var(--pe-ring-x) + 200px)) scale(.5) rotate(-90deg)}}@keyframes pe-hero-spin{to{transform:rotate(360deg)}}.pe-hero .pe-hero__content{letter-spacing:normal;flex-direction:column;align-items:flex-start;margin-top:1rem;line-height:1.5;display:flex}.pe-hero__tagline{border-radius:var(--pe-radius-pill);background:color-mix(in oklab, var(--pe-paper) 10%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:normal;margin:0 0 1rem;padding:.25rem .5rem;font-size:.625rem;line-height:1.5}.pe-hero__title{max-width:var(--pe-hero-measure);font-family:var(--pe-font-display);font-size:var(--pe-type-hero);font-weight:400;line-height:var(--pe-type-hero-leading);letter-spacing:var(--pe-tracking-title);margin:0}.pe-hero__line{text-wrap:balance;display:block}.pe-hero__highlight{color:var(--pe-accent)}.pe-hero__description{max-width:36rem;font-family:var(--pe-font-body);letter-spacing:var(--pe-tracking-body);color:var(--pe-mist);margin:1rem 0 1.5rem;font-size:.875rem;line-height:1.625;animation-delay:.2s}.pe-hero__actions{flex-direction:column;gap:.75rem;margin:.5rem 0 2rem;animation-delay:.4s;display:flex}.pe-hero .pe-hero__button,.pe-hero .pe-hero__mobile-button{height:2.75rem;font-family:var(--pe-font-body);letter-spacing:var(--pe-tracking-body);padding:0 1.5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;transition:none}.pe-hero .pe-hero__mobile-button{padding-block:.75rem}.pe-hero .pe-hero__button:before,.pe-hero .pe-hero__mobile-button:before{transition-timing-function:cubic-bezier(0,0,.2,1)}.pe-hero .pe-hero__button svg,.pe-hero .pe-hero__mobile-button svg{margin-left:0}.pe-hero .pe-hero__button:hover svg,.pe-hero .pe-hero__mobile-button:hover svg{animation:.8s ease-in-out infinite pe-hero-bounce-arrow}@keyframes pe-hero-bounce-arrow{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(5px)rotate(10deg)}75%{transform:translate(3px)rotate(-5deg)}}.pe-hero__mobile-button{align-self:flex-start}.pe-hero__actions[data-collapse] .pe-hero__button{display:none}@media (min-width:40rem){.pe-hero .pe-hero__content{margin-top:2rem}.pe-hero__tagline{margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8125rem}.pe-hero__description{margin:1.5rem 0 2rem;font-size:1rem}.pe-hero__actions{flex-direction:row;gap:1rem;margin:1rem 0 3rem}.pe-hero__mobile-button{display:none}.pe-hero__actions[data-collapse] .pe-hero__button{display:inline-flex}}@media (min-width:48rem){.pe-hero .pe-hero__content{margin-top:5rem}.pe-hero .pe-hero__button{padding-inline:2rem}.pe-hero__tagline{margin-bottom:2rem}.pe-hero__description{margin:2rem 0 3rem}.pe-hero__actions{gap:1.5rem;margin-bottom:5rem}}.pe-hero__quick{inset-inline:0;z-index:1;position:absolute;bottom:2rem}.pe-hero__quick ul{justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pe-hero__quick-link{background:var(--pe-accent);width:2.5rem;height:2.5rem;color:var(--pe-ink);transition:transform .2s var(--pe-ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.pe-hero__quick-link[data-tone=sage]{background:var(--pe-sage)}.pe-hero__quick-link:hover,.pe-hero__quick-link:focus-visible{transform:scale(1.1)}.pe-hero__quick-link:active{transform:scale(.95)}.pe-hero__quick-icon{width:1.5rem;height:1.5rem}.pe-hero__tip{z-index:1;border:var(--pe-border-hair) solid color-mix(in oklab, var(--pe-accent) 20%, transparent);white-space:nowrap;background:color-mix(in oklab, var(--pe-night) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 25px -5px color-mix(in oklab, var(--pe-night) 10%, transparent), 0 8px 10px -6px color-mix(in oklab, var(--pe-night) 10%, transparent);color:var(--pe-paper);letter-spacing:normal;text-align:center;opacity:0;visibility:hidden;transform:translateY(20px)scale(.6);translate:calc(-50% + var(--pe-tip-x,0) * 20px) 0;rotate:calc(var(--pe-tip-x,0) * 15deg);pointer-events:none;border-radius:.375rem;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.75rem;line-height:1rem;transition:opacity .2s ease-out,transform .2s ease-out,translate .6s cubic-bezier(.34,1.8,.64,1),rotate .6s cubic-bezier(.34,1.8,.64,1),visibility 0s linear .2s;display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%}.pe-hero__tip strong{font-family:var(--pe-font-display);letter-spacing:var(--pe-tracking-title);color:var(--pe-paper);font-size:1rem;font-weight:400;line-height:1.5rem}.pe-hero__tip span{font-family:var(--pe-font-body);letter-spacing:var(--pe-tracking-body);color:var(--pe-paper);font-size:.75rem;line-height:1rem}.pe-hero__tip:before,.pe-hero__tip:after{content:"";height:1px;position:absolute;bottom:-1px}.pe-hero__tip:before{background:linear-gradient(to right, transparent, var(--pe-accent), transparent);width:20%;left:2.5rem}.pe-hero__tip:after{background:linear-gradient(to right, transparent, var(--pe-sage), transparent);width:40%;left:2.5rem}.pe-hero__quick li{position:relative}.pe-hero__quick li:hover .pe-hero__tip,.pe-hero__quick-link:focus-visible+.pe-hero__tip{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s linear(0, .074, .263, .514, .779, 1.017, 1.2, 1.314, 1.358, 1.341, 1.28, 1.193, 1.098, 1.009, .939, .894, .873, .875, .894, .924, .958, .991, 1.017, 1.036, 1.045, 1.046, 1.04, 1.03, 1.017, 1.005, .995, .988, .984, .983, .985, .989, 1), transform .9s linear(0, .074, .263, .514, .779, 1.017, 1.2, 1.314, 1.358, 1.341, 1.28, 1.193, 1.098, 1.009, .939, .894, .873, .875, .894, .924, .958, .991, 1.017, 1.036, 1.045, 1.046, 1.04, 1.03, 1.017, 1.005, .995, .988, .984, .983, .985, .989, 1), translate .6s cubic-bezier(.34, 1.8, .64, 1), rotate .6s cubic-bezier(.34, 1.8, .64, 1), visibility 0s;transform:none}@media (prefers-reduced-motion:reduce){.pe-hero__tip,.pe-hero__quick li:hover .pe-hero__tip,.pe-hero__quick-link:focus-visible+.pe-hero__tip{transition:none;transform:translate(-50%)rotate(0)}}@media (min-width:48rem){.pe-hero__quick ul{gap:.75rem}.pe-hero__quick-link{width:3rem;height:3rem}}@media (min-width:64rem){.pe-hero__quick ul{gap:.875rem}.pe-hero__quick-link{width:3.5rem;height:3.5rem}}@media (prefers-reduced-motion:reduce){.pe-hero__ring svg{animation:none}}
