.a11y{max-width:calc(var(--front-width) + 2 * var(--front-gutter));padding:clamp(40px, 7vw, 96px) var(--front-gutter) var(--front-section-space);--a11y-measure:38rem;margin:0 auto;display:grid}.a11y-hero{align-items:center;gap:clamp(40px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);display:grid}@media (min-width:900px){.a11y-hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.a11y-hero-words{justify-items:start;gap:20px;display:grid}.a11y-title{font:600 clamp(2.5rem, 1.5rem + 4vw, 4.5rem) / 1.02 var(--font-display);letter-spacing:-.035em}.a11y-lead{max-width:34rem;color:var(--ink-muted);text-wrap:pretty;font-size:clamp(1.125rem,1.02rem + .4vw,1.3125rem);line-height:1.6}.a11y-date{margin-top:4px}.a11y-looks{aspect-ratio:4/3;justify-self:center;width:min(100%,480px);position:relative}.a11y-look{border-radius:var(--front-radius-card);width:68%;box-shadow:inset 0 0 0 1px var(--glass-edge), var(--elev-2);align-content:start;gap:14px;padding:18px;display:grid;position:absolute}.a11y-look[data-look=contrast]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink), var(--elev-2);top:0;right:0;rotate:4deg}.a11y-look[data-look=solid]{background:var(--surface-raised);top:27%;left:15%;rotate:-2deg}.a11y-look[data-look=glass]{top:52%;left:0;rotate:-5deg}.a11y-look-name{font:650 .75rem / 1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.a11y-look[data-look=contrast] .a11y-look-name{color:var(--ink)}.a11y-look-block{background:color-mix(in oklab, var(--habitat-wash) 24%, var(--surface));box-shadow:inset 3px 0 0 color-mix(in oklab, var(--habitat-wash) 80%, var(--habitat));border-radius:12px;gap:2px;padding:12px 14px 12px 16px;display:grid}.a11y-look[data-look=glass] .a11y-look-block{background:color-mix(in oklab, color-mix(in oklab, var(--habitat-wash) 24%, var(--surface)) 82%, transparent);outline:var(--focus-width) solid var(--focus);outline-offset:3px}.a11y-look[data-look=contrast] .a11y-look-block{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink), inset 6px 0 0 color-mix(in oklab, var(--habitat-wash) 80%, var(--habitat))}.a11y-look-title{font:600 1rem / 1.3 var(--font-display);color:var(--ink)}.a11y-look-time{color:color-mix(in oklab, var(--habitat-wash) 55%, var(--ink));font-size:.8125rem}.a11y-look[data-look=contrast] .a11y-look-time{color:var(--ink)}@media (max-width:520px){.a11y-looks{aspect-ratio:1}.a11y-look{gap:10px;width:76%;padding:12px}.a11y-look-block{padding:10px 12px 10px 14px}.a11y-look-title{font-size:.875rem}}@keyframes a11y-fan{0%{opacity:0;translate:0 24px;rotate:0deg}}@media (prefers-reduced-motion:no-preference){.a11y-look{animation:a11y-fan 1.1s var(--ease-out) both}.a11y-look[data-look=solid]{animation-delay:.14s}.a11y-look[data-look=glass]{animation-delay:.28s}}.a11y-part{background:var(--legal-line) top left / 100% 1px no-repeat;gap:20px;padding:clamp(32px,4vw,48px) 0;display:grid}@media (min-width:900px){.a11y-part{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(48px,6vw,96px)}}.a11y-part-title{max-width:16ch;font:600 clamp(1.5rem, 1.25rem + 1vw, 2.125rem) / 1.15 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.a11y-part-body{max-width:var(--a11y-measure);color:var(--ink);align-content:start;gap:18px;font-size:clamp(1.0625rem,1.02rem + .2vw,1.1875rem);line-height:1.7;display:grid}.a11y-key{font:500 clamp(1.25rem, 1.1rem + .6vw, 1.625rem) / 1.4 var(--font-display);letter-spacing:-.015em}.a11y-subtitle{font:650 .8125rem / 1.4 var(--font-body);letter-spacing:.01em;color:var(--primary-text);margin-top:10px}.a11y-points{margin:0;padding:0;list-style:none;display:grid}.a11y-points li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:12px 0;display:grid}.a11y-points li+li{background:var(--legal-line) top left / 100% 1px no-repeat}.a11y-point-bead{border-radius:var(--radius-full);background:var(--legal-bead-fill);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 var(--glass-rim-dim);color:var(--ink-muted);place-items:center;margin-top:1px;display:grid}.a11y-points[data-tone=works] .a11y-point-bead{color:var(--success)}.a11y-points[data-tone=known] .a11y-point-bead{color:var(--warning)}.a11y-point-bead svg{stroke-width:2px;width:15px;height:15px}.a11y-ways{max-width:none}.legal-card .a11y-card-line{font:400 1rem / 1.6 var(--font-body);letter-spacing:0;color:var(--ink-muted)}.a11y-part .legal-links{margin-top:8px}@media (prefers-contrast:more){.a11y-lead,.a11y-look-name,.legal-card .a11y-card-line,.a11y-point-bead{color:var(--ink)}.a11y-point-bead{box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--ink) 55%, transparent)}}@media (forced-colors:active){.a11y-look,.a11y-look-block,.a11y-point-bead{border:1px solid canvastext}}@media print{.a11y-looks,.a11y-point-bead{display:none}.a11y{max-width:none;color:var(--black);padding:0}.a11y :is(.a11y-lead,.a11y-part-body,.a11y-subtitle,.a11y-card-line,.legal-card p){color:var(--black)}.a11y-points li{grid-template-columns:minmax(0,1fr)}}
