.about-hero{--marker:var(--color-lilac);padding-bottom:var(--spacing-section-sm);background:var(--tint-lilac);overflow:hidden}.about-hero__inner{display:grid;gap:var(--space-10)}.about-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.about-hero__heading .section-heading__text{max-width:46ch}.about-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.about-hero__actions .button--primary{--button-bg:var(--color-ink);--button-border:var(--color-ink)}.about-hero__actions .button--primary:hover{--button-bg:var(--color-marigold);--button-fg:var(--color-ink);--button-border:var(--color-ink)}.about-hero__actions .button--secondary{--button-bg:var(--color-cream);--button-border:var(--color-ink)}.about-hero__actions .button--secondary:hover{--button-bg:var(--color-marigold);--button-border:var(--color-ink)}.about-hero__scene{position:relative;container-type:inline-size;width:100%;max-width:20rem;margin-inline:auto;padding:2rem 1.5rem 1rem}.portrait{position:relative;display:flex;flex-direction:column;width:100%;margin:0;border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream);box-shadow:8px 8px 0 var(--color-ink);rotate:-2deg;overflow:hidden;transition:rotate var(--duration-base) var(--ease-spring)}.about-hero__scene:hover .portrait{rotate:0deg}.portrait__frame{display:grid;flex:none;place-items:center;width:100%;aspect-ratio:4 / 5;border-bottom:var(--border-ink);background:var(--color-lilac);overflow:hidden}.portrait__image{width:100%;height:100%;object-fit:cover}.portrait__placeholder{font-family:var(--font-display);font-size:clamp(6rem,45cqw,11rem);font-style:italic;line-height:1;color:var(--color-ink)}.portrait__caption{display:flex;flex-direction:column;gap:0.15rem;padding:var(--space-4) var(--space-5)}.portrait__caption strong{font-size:var(--text-base);font-weight:800;letter-spacing:-0.01em}.portrait__caption span{font-size:var(--text-sm);color:var(--color-muted)}.about-hero__sticker{position:absolute;top:0;right:0.25rem;display:grid;place-items:center;width:30cqw;aspect-ratio:1;border:var(--border-ink);border-radius:50%;background:var(--color-marigold);box-shadow:4px 4px 0 var(--color-ink);rotate:6deg}.about-hero__sticker svg{position:absolute;inset:0;width:100%;height:100%;animation:about-spin 18s linear infinite}.about-hero__sticker text{font-family:var(--font-primary);font-size:12.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;fill:var(--color-ink)}.about-hero__sticker-core{display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;background:var(--color-ink);color:var(--color-cream)}.about-hero__sticker-core .icon{width:55%;height:55%}@keyframes about-spin{to{transform:rotate(360deg)}}.about-hero__note{position:absolute;top:5rem;left:0;display:inline-flex;align-items:center;gap:var(--space-2);padding:0.45rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-xs);font-weight:700;white-space:nowrap;rotate:-4deg}.about-hero__note i{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--color-green-deep)}.story{--marker:var(--color-cobalt);--em:var(--color-cobalt)}.story .section-heading{margin-bottom:var(--space-6)}.story__aside{display:flex;flex-direction:column;gap:var(--space-2)}.story__quote{position:relative;margin:0;padding:var(--space-6) var(--space-6) var(--space-5);border:var(--border-ink);border-radius:var(--radius-large);background:var(--tint-butter);box-shadow:6px 6px 0 var(--color-ink)}.story__quote::before{content:"“";position:absolute;top:-1px;left:var(--space-5);display:grid;place-items:center;width:2.25rem;height:1.9rem;padding-top:0.45rem;border:var(--border-ink);border-top:0;border-radius:0 0 var(--radius-medium) var(--radius-medium);background:var(--color-coral);font-family:var(--font-display);font-size:2rem;line-height:0.5;color:var(--color-ink)}.story__quote p{margin-top:var(--space-2);font-family:var(--font-display);font-size:clamp(1.25rem,1.05rem + 0.8vw,1.6rem);line-height:1.3}.story__quote cite{display:block;margin-top:var(--space-3);font-size:var(--text-xs);font-style:normal;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.story__body{display:flex;flex-direction:column;gap:var(--space-8);max-width:62ch}.story__bio{display:flex;flex-direction:column;gap:var(--space-4);line-height:1.65}.story__bio .lead{color:var(--color-ink)}.story__facts{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:var(--border-ink);border-radius:var(--radius-large);background:var(--color-cream)}.story__facts-title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.story__facts-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.story__facts-list li{display:flex;gap:var(--space-3);align-items:flex-start;font-weight:500;line-height:1.4}.story__facts-list li::before{content:"✓";display:grid;place-items:center;flex:none;width:1.35rem;height:1.35rem;margin-top:0.1em;border:var(--border-ink);border-radius:50%;background:var(--color-mint);font-size:0.7rem;font-weight:700}.story__facts-list li:nth-child(4n + 2)::before{background:var(--color-sky)}.story__facts-list li:nth-child(4n + 3)::before{background:var(--color-marigold)}.story__facts-list li:nth-child(4n + 4)::before{background:var(--color-lilac)}.story__links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.story__links a{display:inline-flex;align-items:center;gap:var(--space-1);padding:0.45rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out)}.story__links a:hover{background:var(--color-marigold)}@media (min-width: 480px){.story__facts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.about-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-10)}.about-hero__scene{width:18rem;margin-inline:0}.story__facts{padding:var(--space-8)}}@media (min-width: 1024px){.about-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-16)}.about-hero__scene{width:100%;max-width:24rem;margin-inline:auto 0}.story .split{grid-template-columns:5fr 7fr}}@media (min-width: 1280px){.about-hero__scene{max-width:26rem}}@media (prefers-reduced-motion: reduce){.about-hero__sticker svg{animation:none}.portrait{transition:none}}