.accessibility-hero{position:relative;isolation:isolate;overflow:visible;padding:clamp(var(--space-xl),6vw,var(--space-2xl));border-radius:var(--radius-md, 12px);background:radial-gradient(1200px 600px at 10% 0%,color-mix(in oklab,var(--color-primary, var(--color-accent-teal)) 8%,transparent),transparent 60%) no-repeat,radial-gradient(900px 500px at 100% 100%,color-mix(in oklab,var(--text) 8%,transparent),transparent 60%) no-repeat,linear-gradient(to bottom,color-mix(in oklab,var(--bg) 96%,transparent),color-mix(in oklab,var(--bg) 96%,transparent))}.accessibility-hero:after{content:"";position:absolute;inset:-2%;z-index:-1;opacity:.35;background:radial-gradient(1px 1px at 8px 8px,color-mix(in oklab,var(--text) 10%,transparent) 99%,transparent) 0 0 / 16px 16px;mask:linear-gradient(to bottom,black,transparent 95%);pointer-events:none}.a11y-hero-grid{display:grid;gap:clamp(var(--space-lg),4vw,var(--space-2xl));align-items:center}@media (min-width: 900px){.a11y-hero-grid{grid-template-columns:1.08fr .92fr}}.hero-content{display:grid;align-content:center;gap:var(--space-md);max-width:62ch}.hero-title{margin:0;color:var(--text);font-weight:var(--weight-bold, 700);line-height:1.06;letter-spacing:-.01em;font-size:clamp(2rem,5vw,3rem)}.hero-sub{margin:0;color:var(--text-secondary);font-size:var(--font-size-md, 1rem);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-action{min-height:44px;display:inline-flex;align-items:center;padding-inline:var(--space-md)}.hero-note{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.hero-media{display:grid;place-items:center}.media-card{border-radius:var(--radius-lg, 16px);overflow:clip;border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));background:color-mix(in oklab,var(--bg) 92%,transparent);box-shadow:0 10px 30px -10px color-mix(in oklab,var(--text) 20%,transparent),0 1px 2px color-mix(in oklab,var(--text) 6%,transparent);padding:var(--space-lg);inline-size:min(520px,100%)}.marks{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 480px){.marks{grid-template-columns:1fr 1fr 1fr}}.mark{display:grid;gap:.25rem;padding:var(--space-md);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));border-radius:var(--radius-sm, 8px);background:var(--surface);box-shadow:0 1px 2px color-mix(in oklab,var(--text) 6%,transparent)}.mark-title{color:var(--text);font-weight:var(--weight-semibold, 600);font-size:clamp(.9375rem,1.8vw,1rem);line-height:1.2}.mark-sub{color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem);line-height:1.4}.media-caption{margin:var(--space-sm) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.accessibility-hero :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px;border-radius:var(--radius-sm, 8px)}@keyframes ac-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ac-stagger-0{animation:ac-fade-up .18s var(--ease-standard, ease) both}.ac-stagger-1{animation:ac-fade-up .18s var(--ease-standard, ease) 80ms both}.ac-stagger-2{animation:ac-fade-up .18s var(--ease-standard, ease) .14s both}.ac-stagger-3{animation:ac-fade-up .18s var(--ease-standard, ease) .2s both}@media (prefers-reduced-motion: reduce){.ac-stagger-0,.ac-stagger-1,.ac-stagger-2,.ac-stagger-3{animation:none}}#a11y-statement{scroll-margin-top:clamp(64px,10vh,120px)}.a11y-wrap{display:grid;gap:var(--space-xl)}.a11y-title{margin:0;color:var(--text);font-weight:var(--weight-bold, 700);letter-spacing:-.01em;line-height:1.1;font-size:clamp(1.75rem,3.8vw,2.25rem)}.a11y-card{background:var(--surface);color:var(--text);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));border-radius:var(--radius-md, 12px);padding:var(--space-xl);box-shadow:0 1px 2px color-mix(in oklab,var(--text) 6%,transparent),0 16px 36px -22px color-mix(in oklab,var(--text) 18%,transparent)}@media (max-width: 640px){.a11y-card{padding:var(--space-lg)}}.card--accent{position:relative}.card--accent:after{content:"";position:absolute;left:var(--space-xl);right:var(--space-xl);top:.6rem;height:3px;border-radius:999px;background:color-mix(in oklab,var(--color-primary, var(--color-accent-teal)) 70%,transparent);opacity:.8}@media (max-width: 640px){.card--accent:after{left:var(--space-lg);right:var(--space-lg)}}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.card-title{margin:0;color:var(--text);font-weight:var(--weight-semibold, 600);line-height:1.2;letter-spacing:-.005em;font-size:clamp(1.125rem,2.2vw,1.25rem)}.card-body{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:var(--font-size-md, 1rem);line-height:1.6}.small-note{color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.status-chip{display:inline-flex;align-items:center;gap:.5ch;padding:.25rem .5rem;border-radius:var(--radius-pill, 999px);background:color-mix(in oklab,var(--bg) 92%,transparent);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));color:var(--text);font-weight:var(--weight-medium, 600);font-size:var(--font-size-sm, .9375rem)}.meta{display:grid;gap:var(--space-xs);margin:var(--space-md) 0 0}.meta-row{display:grid;grid-template-columns:minmax(8ch,12ch) 1fr;gap:var(--space-md);padding-top:var(--space-xs);border-top:1px dashed color-mix(in oklab,var(--text) 12%,transparent)}.meta dt{color:var(--text);font-weight:var(--weight-medium, 600)}.meta dd{margin:0;color:var(--text-secondary)}.subblock{margin-top:var(--space-md)}.subblock:first-of-type{margin-top:0}.subhead{margin:0 0 var(--space-2xs, .25rem);color:var(--text);font-weight:var(--weight-semibold, 600);font-size:var(--font-size-md, 1rem)}.grid-2,.grid-3{display:grid;gap:var(--space-md)}@media (min-width: 840px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.grid-3{grid-template-columns:repeat(3,1fr)}}.dot-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.dot-list>li{position:relative;padding-left:1.25rem;color:var(--text-secondary);line-height:1.6}.dot-list>li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:color-mix(in oklab,currentColor 70%,transparent)}.kbd{display:inline-block;min-width:1.25em;padding:0 .375em;border-radius:var(--radius-xs, 6px);border:1px solid var(--border, color-mix(in oklab, var(--text) 18%, var(--bg) 82%));background:color-mix(in oklab,var(--bg) 92%,transparent);box-shadow:0 1px color-mix(in oklab,var(--text) 6%,transparent) inset;font:inherit;font-size:.9em;line-height:1.6;color:var(--text)}.callout{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm, 8px);border:1px solid color-mix(in oklab,var(--color-primary, var(--color-accent-teal)) 40%,transparent);background:color-mix(in oklab,var(--color-primary, var(--color-accent-teal)) 10%,var(--surface))}.callout-text{margin:0;color:var(--text);font-weight:var(--weight-medium, 600)}.text-link{color:var(--text);text-decoration:underline;text-underline-offset:2px;font-weight:var(--weight-medium, 600)}.text-link:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px;border-radius:var(--radius-xs, 6px)}.a11y-card :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px}@keyframes st-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.st-stagger-0{animation:st-fade-up .18s var(--ease-standard, ease) both}.st-stagger-1{animation:st-fade-up .18s var(--ease-standard, ease) 80ms both}.st-stagger-2{animation:st-fade-up .18s var(--ease-standard, ease) .14s both}.st-stagger-3{animation:st-fade-up .18s var(--ease-standard, ease) .2s both}.st-stagger-4{animation:st-fade-up .18s var(--ease-standard, ease) .26s both}.st-stagger-5{animation:st-fade-up .18s var(--ease-standard, ease) .32s both}.st-stagger-6{animation:st-fade-up .18s var(--ease-standard, ease) .38s both}@media (prefers-reduced-motion: reduce){.st-stagger-0,.st-stagger-1,.st-stagger-2,.st-stagger-3,.st-stagger-4,.st-stagger-5,.st-stagger-6{animation:none}}.a11y-feedback{position:relative;isolation:isolate;overflow:clip}.a11y-feedback:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(120% 90% at 50% 20%,color-mix(in oklab,var(--bg) 56%,transparent),color-mix(in oklab,var(--bg) 68%,transparent) 60%,color-mix(in oklab,var(--bg) 76%,transparent)),linear-gradient(to bottom,color-mix(in oklab,var(--bg) 52%,transparent),color-mix(in oklab,var(--bg) 70%,transparent)),url(/assets/images/people/mother-and-son-picking-peppers.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}html[data-theme=dark] .a11y-feedback:before{background:linear-gradient(to bottom,color-mix(in oklab,var(--text) 4%,transparent) 0% 100%),linear-gradient(to bottom,color-mix(in oklab,var(--bg) 12%,transparent),color-mix(in oklab,var(--bg) 14%,transparent)),url(/assets/images/people/mother-and-son-picking-peppers.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.a11y-feedback .container{position:relative;z-index:1}.card.feedback{width:min(100%,760px);margin-inline:auto;background:var(--surface);color:var(--text);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));border-radius:var(--radius-md, 12px);padding:var(--space-xl);text-align:center;box-shadow:0 1px 2px color-mix(in oklab,var(--text) 6%,transparent),0 16px 36px -22px color-mix(in oklab,var(--text) 18%,transparent)}@media (max-width: 640px){.card.feedback{padding:var(--space-lg)}}.fb-title{margin:0 0 var(--space-sm);color:var(--text);font-weight:var(--weight-semibold, 600);line-height:1.2;letter-spacing:-.005em;font-size:clamp(1.25rem,2.6vw,1.5rem)}.fb-text{margin:0 auto var(--space-lg);max-width:65ch;color:var(--text-secondary);font-size:var(--font-size-md, 1rem);line-height:1.6}.fb-actions{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.fb-mail,.fb-alt{min-height:44px;display:inline-flex;align-items:center;padding-inline:var(--space-md);text-decoration:none}.fb-mail{box-shadow:0 0 0 1px color-mix(in oklab,var(--text) 16%,transparent),0 8px 24px color-mix(in oklab,var(--text) 14%,transparent)}.fb-utilities{margin-top:var(--space-md);display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.util-btn{appearance:none;background:color-mix(in oklab,var(--bg) 92%,transparent);color:var(--text);border:1px solid var(--border, color-mix(in oklab, var(--text) 12%, var(--bg) 88%));border-radius:var(--radius-sm, 8px);padding:.5rem .75rem;font-weight:var(--weight-medium, 600);cursor:pointer}.util-btn:focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px}.util-help{color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.fb-note{margin:var(--space-md) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem)}.sr-live{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.a11y-feedback :focus-visible{outline:2px solid var(--color-accent-teal);outline-offset:3px}@keyframes af-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.af-stagger-0{animation:af-fade-up .18s var(--ease-standard, ease) both}.af-stagger-1{animation:af-fade-up .18s var(--ease-standard, ease) .11s both}.af-stagger-2{animation:af-fade-up .18s var(--ease-standard, ease) .22s both}.af-stagger-3{animation:af-fade-up .18s var(--ease-standard, ease) .33s both}.af-stagger-4{animation:af-fade-up .18s var(--ease-standard, ease) .44s both}@media (prefers-reduced-motion: reduce){.af-stagger-0,.af-stagger-1,.af-stagger-2,.af-stagger-3,.af-stagger-4{animation:none}}
