@layer component{.hero-artisan{padding:clamp(1rem, 2vw, 2rem) var(--s-section-pad-x) var(--s-section-pad-y);background:radial-gradient(42rem 32rem at 74% 38%, color-mix(in srgb, var(--s-accent) 18%, transparent), transparent 72%), radial-gradient(34rem 25rem at 10% 90%, color-mix(in srgb, var(--s-accent) 8%, transparent), transparent 74%), var(--s-surface-clay-bg);position:relative;overflow:hidden}.hero-artisan__halo{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--s-accent) 22%, transparent);width:37rem;box-shadow:0 0 0 2.5rem color-mix(in srgb, var(--s-accent) 4%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:auto auto -15rem -12rem}.hero-stack{z-index:1;width:min(100%,86rem);margin-inline:auto;position:relative}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(26rem,1fr);align-items:center;gap:clamp(1rem,3vw,3.5rem);display:grid}.hero-main{align-content:center;gap:var(--s-gap-content);padding-block:clamp(1rem,2vw,2rem);display:grid}.hero-main__badge{justify-self:start}.hero-heading,.hero-heading span,.hero-heading strong,.hero-journey p,.hero-journey h3{margin:0}.hero-heading{max-width:13ch;color:var(--s-text-1);font-family:var(--s-font-heading);font-size:clamp(2.55rem,4.6vw,4.6rem);font-weight:var(--s-weight-heading);letter-spacing:var(--s-tracking-heading);line-height:.98;display:grid}.hero-heading strong{color:var(--s-accent);font:inherit}.hero-description{max-width:51ch;color:var(--s-text-2);font-size:var(--s-text-lg);line-height:var(--s-leading-body);margin:0}.hero-proofs{gap:var(--s-gap-atom);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hero-proofs li{gap:var(--s-inline-sm);color:var(--s-text-1);font-size:var(--s-text-sm);font-weight:var(--s-weight-ui);grid-template-columns:2.6rem minmax(0,1fr);align-items:center;line-height:1.35;display:grid}.hero-proofs__icon{border:1px solid color-mix(in srgb, var(--s-accent) 12%, transparent);border-radius:var(--s-radius-md);background:color-mix(in srgb, var(--s-accent) 9%, var(--s-surface-clay-bg));width:2.6rem;height:2.6rem;box-shadow:inset 0 1px 1px #ffffffb8, var(--s-surface-clay-shadow);display:grid}.hero-proofs__icon:after{border-bottom:2px solid var(--s-accent);border-left:2px solid var(--s-accent);content:"";width:.75rem;height:.45rem;margin:auto;transform:rotate(-45deg)translate(.05rem,-.1rem)}.hero-actions{gap:var(--s-gap-atom);flex-wrap:wrap;align-items:center;display:flex}.hero-actions .btn{border-radius:var(--s-radius-lg);min-height:3.75rem}.hero-phone{gap:var(--s-gap-atom);min-height:3.75rem;padding-inline:var(--s-card-pad-standard);color:var(--s-accent);font:var(--s-font-label);font-size:var(--s-text-lg);border-radius:var(--s-radius-lg);align-items:center;text-decoration:none;display:inline-flex}.hero-note{color:var(--s-text-2);font-size:var(--s-text-sm);margin:0}.hero-visual{place-items:center;min-height:clamp(30rem,40vw,38rem);display:grid;position:relative}.hero-visual:before{aspect-ratio:1;background:color-mix(in srgb, var(--s-accent) 12%, transparent);content:"";border-radius:50%;width:min(100%,35rem);position:absolute}.hero-visual img{z-index:1;opacity:0;pointer-events:none;user-select:none;-webkit-user-drag:none;width:min(122%,48rem);max-width:none;height:auto;transition:opacity .48s ease-out,transform .62s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:translate(2rem)}.hero-visual img[data-loaded=true]{opacity:1;transform:none}.hero-journey{gap:var(--s-gap-content);padding:var(--s-card-pad-standard);grid-template-columns:minmax(12rem,.85fr) minmax(0,2.5fr);align-items:center;margin-top:0;display:grid}.hero-journey>p{max-width:16ch;color:var(--s-text-1);font:var(--s-font-label);font-size:var(--s-text-lg);line-height:1.35}.hero-journey>p strong{color:var(--s-accent);display:block}.hero-journey ol{gap:var(--s-inline-xs);grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.hero-journey ol>li:not(.hero-journey__separator){gap:var(--s-inline-md);grid-template-columns:3.75rem minmax(0,1fr);align-items:center;display:grid;position:relative}.hero-journey ol>li:not(.hero-journey__separator)>div{max-inline-size:16ch}.hero-journey__separator{width:2rem;color:color-mix(in srgb, var(--s-accent) 62%, var(--s-text-3));opacity:.8;align-self:center;place-items:center;display:grid}.hero-journey__number{color:#fff;width:3.75rem;height:3.75rem;font-family:var(--s-font-heading);font-size:1.25rem;font-weight:var(--s-weight-heading);background:linear-gradient(145deg,#7fbeff,#3c84e6);border:1px solid #ffffff7a;border-radius:.75rem;place-items:center;line-height:1;display:grid;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px #185cb533,0 .45rem .9rem #2c7adc33}.hero-journey h3{color:var(--s-text-1);font:var(--s-font-label);font-weight:var(--s-weight-heading)}.hero-journey ol>li:not(.hero-journey__separator) p{margin:var(--s-gap-atom) 0 0;color:var(--s-text-2);font-size:var(--s-text-sm);line-height:1.4}@media (width<=64rem){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(23rem,.9fr)}.hero-proofs{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-proofs li{text-align:center;grid-template-columns:1fr;justify-items:center}.hero-journey{grid-template-columns:1fr}}@media (width<=48rem){.hero-artisan{padding-block:var(--s-space-md) var(--s-space-fluid-lg)}.hero-grid{row-gap:var(--s-gap-content);grid-template-columns:minmax(0,1fr)}.hero-main{display:contents}.hero-main__badge{grid-row:1}.hero-heading{grid-row:2;max-width:none;font-size:clamp(2.6rem,12.5vw,4.1rem)}.hero-description{grid-row:3}.hero-proofs{grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-actions{grid-row:6;justify-content:center}.hero-note{grid-row:7}.hero-visual{min-height:0;margin-block:calc(-1 * var(--s-gap-atom)) calc(-1 * var(--s-gap-content));grid-row:4;justify-items:center}.hero-visual img{width:min(100%,28rem);max-width:100%;margin-inline:auto}.hero-journey{margin-top:var(--s-gap-content)}.hero-journey ol{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-journey ol>li:not(.hero-journey__separator){text-align:center;grid-template-columns:1fr;justify-items:center}.hero-journey ol>li:not(.hero-journey__separator)>div{max-inline-size:12ch}.hero-journey__separator{display:none}}@media (prefers-reduced-motion:reduce){.hero-visual img{opacity:1;transition:none;transform:none}}}