.page-hero{z-index:1;isolation:isolate;text-align:center;color:var(--secondary);padding:2.5rem 1.5rem 1rem;position:relative}.page-atmosphere{z-index:0;pointer-events:none;opacity:.8;height:max(240px,34svh);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 25%,#0000 100%),radial-gradient(75% 130% at 50% 0,#000 45%,#0000 100%);mask-image:linear-gradient(#000 25%,#0000 100%),radial-gradient(75% 130% at 50% 0,#000 45%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}body{position:relative}.site-frame{z-index:1;position:relative}.page-hero-kicker,.page-hero-title,.page-hero-description,.page-hero-actions{max-width:46rem;margin-inline:auto}.page-hero-kicker{font:400 .75rem/1.5 var(--font-space-mono),ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:#675946;margin-block:0 .75rem}.page-hero-kicker>span{background:color-mix(in srgb,var(--background)88%,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:.125rem .5rem}.page-hero-title{font:400 clamp(2.5rem,5vw,4rem)/1.1 var(--font-unna);letter-spacing:-.025em;color:var(--secondary);text-wrap:balance;margin-block:0}.page-hero-title em{color:#99512f;font-weight:700}.page-hero-description{font:400 1.0625rem/1.5 var(--font-carlito);color:color-mix(in srgb,var(--foreground)82%,transparent);text-wrap:balance;margin-block:.75rem 0}.page-hero-actions{min-height:44px;font:400 .875rem/1.5 var(--font-carlito);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:1.75rem;margin-block:.5rem 0;display:flex}.method-hero:before,.blog-hero:before{content:"";z-index:-1;background:radial-gradient(ellipse,var(--background)32%,transparent 72%);pointer-events:none;width:min(42rem,94%);height:15rem;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.page-hero-actions a{text-underline-offset:4px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);align-items:center;gap:.375rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.page-hero-actions a:hover{text-decoration-color:currentColor}}.page-hero-break{display:none}@media (max-width:30rem){.page-hero{padding-top:1.75rem}.page-hero-break{display:inline}.page-hero-title{max-width:20rem}.page-hero-description{max-width:21rem;font-size:1rem}}.site-nav{view-transition-name:site-nav}::view-transition-group(.page-exit){z-index:1}::view-transition-group(.page-enter){z-index:1}::view-transition-group(.hero-part){z-index:2}::view-transition-group(site-nav){z-index:3}::view-transition-old(site-nav){display:none}::view-transition-new(site-nav){animation:none}::view-transition-old(.page-exit){animation:.16s cubic-bezier(.4,0,1,1) both page-out}::view-transition-new(.page-enter){animation:.38s cubic-bezier(.2,0,0,1) 90ms both page-in}::view-transition-group(.hero-part){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(.hero-part){animation:.15s ease-in both hero-out}::view-transition-new(.hero-part){animation:.42s cubic-bezier(.2,0,0,1) both hero-in}::view-transition-new(hero-kicker){animation-delay:60ms}::view-transition-new(hero-title){animation-delay:.1s}::view-transition-new(hero-description){animation-delay:.14s}::view-transition-new(hero-actions){animation-delay:.18s}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes hero-out{to{opacity:0;filter:blur(3px)}}@keyframes hero-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}