.hero{--hero-pad:clamp(2.5rem, 1rem + 5vw, 5.5rem);padding-block:var(--hero-pad);background:var(--brand-ground);position:relative;overflow:clip;container:hero/inline-size}.hero__inner{gap:var(--ui-space-16,4rem);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@container hero (width>=992px){.hero__inner{gap:var(--ui-space-12,3rem);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.hero__copy{z-index:1;position:relative}.hero__eyebrow{font-weight:var(--ui-font-weight-semibold,600);text-transform:uppercase;letter-spacing:.08em;font-size:var(--ui-font-size-sm,.875rem);color:var(--brand-accent-strong);gap:var(--ui-space-3,.75rem);align-items:center;margin:0;display:flex}.hero__eyebrow:before{content:"";background:currentColor;block-size:1.5px;inline-size:2rem}.hero__eyebrow{margin-block-end:var(--ui-space-4,1rem)}.hero__intro{font-family:var(--brand-font-serif);font-size:clamp(var(--ui-font-size-xl,1.25rem), 1rem + 1cqi, var(--ui-font-size-3xl,1.875rem));color:var(--brand-text);margin-block-end:var(--ui-space-3,.75rem);font-style:italic}.hero__title{font-size:clamp(2.5rem,1.25rem + 4.2cqi,4.5rem);font-weight:var(--ui-font-weight-bold,700);color:var(--brand-text);letter-spacing:-.02em;text-wrap:balance;margin-block-end:var(--ui-space-6,1.5rem);line-height:1.04}.hero__accent{color:var(--brand-accent-strong)}.hero__lead{max-width:18.5em;font-family:var(--brand-font-serif);color:var(--brand-text);text-wrap:pretty;font-size:clamp(1.25rem,1rem + 1cqi,1.625rem);line-height:1.45}.hero__actions{gap:var(--ui-space-3,.75rem);flex-wrap:wrap;margin-block-start:var(--ui-space-8,2rem);display:flex}.hero__actions .ui-btn{white-space:normal}.hero__sketch{inline-size:14rem;color:var(--brand-sage-strong);margin-block-start:var(--ui-space-12,3rem);display:none}.hero__sketch path{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.hero__sketch .hero__sketch-grain,.hero__sketch .hero__sketch-dim{stroke-width:1px}@container hero (width>=992px){.hero__sketch{display:block}}.hero__media{z-index:1;inline-size:min(100%,30rem);justify-self:center;margin-inline-end:var(--ui-space-6,1.5rem);position:relative}.hero__media:before{content:"";inset:var(--ui-space-6,1.5rem) calc(-1 * var(--ui-space-6,1.5rem)) calc(-1 * var(--ui-space-6,1.5rem)) var(--ui-space-6,1.5rem);border:1.5px solid var(--brand-sage-strong);position:absolute}.hero__media>.ui-media{aspect-ratio:4/5;position:relative}.hero__media .ui-media__img{object-fit:cover;block-size:100%}@container hero (width<768px){.hero__media{inline-size:min(100% - var(--ui-space-6,1.5rem), 30rem)}}@container hero (width>=992px){.hero__media{justify-self:end}}.hero__badge{z-index:2;gap:var(--ui-space-3,.75rem);max-inline-size:15rem;padding:var(--ui-space-4,1rem) var(--ui-space-6,1.5rem);box-shadow:var(--brand-shadow-float);align-items:center;display:flex;position:absolute}.hero__badge--accent{color:var(--brand-on-accent);background:var(--brand-accent);inset-block-end:12%;inset-inline-start:calc(-1 * var(--ui-space-8,2rem))}@container hero (width<768px){.hero__badge--accent{inset-inline-start:calc(-1 * var(--ui-space-2,.5rem))}}.hero__badge--card{color:var(--brand-text);background:var(--ui-color-surface,#fff);inset-block-start:8%;inset-inline-end:calc(-1 * var(--ui-space-6,1.5rem))}.hero__badge--card .ui-icon-box{flex:none}.hero__badge-value{font-family:var(--brand-font-display);font-size:2.75rem;font-weight:var(--ui-font-weight-bold,700);line-height:1}.hero__badge-text{font-size:var(--ui-font-size-sm,.875rem);font-weight:var(--ui-font-weight-semibold,600);line-height:1.3}a.hero__badge:focus-visible{outline:2px solid var(--ui-color-focus-ring,#746d6c);outline-offset:2px}a.hero__badge{text-decoration:none;transition:box-shadow .2s}a.hero__badge:hover{box-shadow:var(--brand-shadow-float), 0 0 0 1.5px var(--brand-accent)}.hero__badge:has(.hero__badge-text--named){max-inline-size:min(18rem,100%)}.hero__badge-text--named{gap:var(--ui-space-px,1px);display:grid}.hero__badge-label{font-weight:var(--ui-font-weight-semibold,600);text-transform:uppercase;letter-spacing:.08em;font-size:var(--ui-font-size-xs,.75rem);color:var(--ui-color-text-muted,#5f574c);margin:0}.hero__badge-name{font-family:var(--brand-font-display);font-size:var(--ui-font-size-lg,1.125rem);font-weight:var(--ui-font-weight-bold,700);text-wrap:balance;line-height:1.2}