@layer components{.about{gap:clamp(3.5rem,8vw,6rem);display:grid}.ab-hero{align-items:center;gap:2.5rem;padding-block-start:clamp(.5rem,3vw,2rem);display:grid}@media (width>=52rem){.ab-hero{grid-template-columns:minmax(0,1fr) 17rem;gap:4rem}}.ab-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.75rem;font-size:.875rem}.page .ab-name{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.75rem,1.4rem + 6vw,5.5rem);font-weight:650;line-height:1}.ab-role{color:var(--muted);margin-block-start:1.1rem;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-style:italic;line-height:1.3}.ab-facts-inline{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex;& li{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);border-radius:999px;padding:.3rem .8rem;font-size:.8125rem}}.ab-status:before{content:"";background:var(--green);border-radius:50%;block-size:.5rem;inline-size:.5rem;margin-inline-end:.5rem;display:inline-block}.ab-hero__photo{inline-size:min(100%,17rem);margin:0;margin-inline:auto .75rem;position:relative;& img{aspect-ratio:3/4;object-fit:cover;outline:2px solid var(--accent);outline-offset:.65rem;border-radius:8.5rem 8.5rem 1rem 1rem;block-size:auto;inline-size:100%;display:block}& .ab-tile{border:1.5px solid var(--blue);block-size:4rem;inline-size:4rem;color:var(--blue);border-radius:.45rem;position:absolute;inset-block-end:-1rem;inset-inline-end:-1.4rem;overflow:clip}& .ab-tile__bg{fill:var(--bg)}}@media (width<=51.99rem){.ab-hero__photo{order:-1;inline-size:min(70%,14rem);margin-inline:.75rem auto;& img{border-radius:7rem 7rem 1rem 1rem}}}.ab-stats{border-block:1px solid var(--border-strong);grid-template-columns:repeat(4,1fr);margin:0;display:grid;&>div{border-inline-start:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1.75rem 1.25rem;display:flex}&>div:first-child{border-inline-start:0;padding-inline-start:0}& dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:-1;margin:0;font-size:clamp(2.75rem,2rem + 3vw,4.25rem);font-weight:650;line-height:1}& dd svg{block-size:1em;inline-size:1em;color:var(--red);display:block}& dt{color:var(--muted);font-family:var(--font-mono);font-size:.8125rem}}@media (width<=43.99rem){.ab-stats{grid-template-columns:repeat(2,1fr);&>div{padding:1.5rem 1.25rem}&>div:nth-child(odd){border-inline-start:0;padding-inline-start:0}&>div:nth-child(n+3){border-block-start:1px solid var(--border)}}}.ab-heading{letter-spacing:-.02em;align-items:baseline;gap:1rem;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.1;display:flex;&:after{content:"";background:var(--border-strong);flex:1;align-self:center;block-size:1px}}.ab-heading__n{color:var(--accent);font-family:var(--font-mono);letter-spacing:0;font-size:.875rem;font-weight:400}.ab-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex;& li{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);border-radius:999px;padding:.15rem .7rem;font-size:.75rem;line-height:1.6}}.ab-chips--hue li{border-color:var(--hue);background:var(--hue);color:var(--bg);font-weight:500}.ab-timeline{margin:2rem 0 0;padding:0;list-style:none}.ab-era{--dot:.875rem;--when-lh:1.5rem;--lead-size:clamp(1.25rem, 1.05rem + .8vw, 1.6rem);--lead-lh:1.3;border-inline-start:2px solid var(--border-strong);gap:1.1rem;padding:0 0 2.75rem 1.5rem;display:grid;position:relative;&:before{content:"";inline-size:var(--dot);block-size:var(--dot);border:2px solid var(--accent);background:var(--bg);border-radius:50%;position:absolute;inset-block-start:calc(var(--when-lh) / 2 - var(--dot) / 2);inset-inline-start:-.5rem}&[data-now]:before{background:var(--accent)}&:last-child{padding-block-end:0}}.ab-era__when{color:var(--accent);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;line-height:var(--when-lh)}.ab-era__title{text-transform:lowercase;margin-block:.2rem .1rem;font-size:1.5rem;line-height:1.15}.ab-era__where{color:var(--muted);font-family:var(--font-mono);font-size:.8125rem}.ab-era__body{align-content:start;gap:1rem;display:grid;& p{max-inline-size:62ch;line-height:1.7}}.ab-era__body .ab-era__lead{font-size:var(--lead-size);font-weight:550;line-height:var(--lead-lh);letter-spacing:-.01em;text-wrap:balance}@media (width>=52rem){.ab-era{border-inline-start:0;grid-template-columns:12rem minmax(0,1fr);gap:0 3rem;padding:0;&:before{display:none}}.ab-era__head{align-self:start;padding-block-start:calc((var(--lead-size) * var(--lead-lh) - var(--when-lh)) / 2);padding-block-end:2rem;position:sticky;inset-block-start:5rem}.ab-era__body{border-inline-start:2px solid var(--border-strong);padding:0 0 3rem 2.25rem;position:relative;&:before{content:"";inline-size:var(--dot);block-size:var(--dot);border:2px solid var(--accent);background:var(--bg);border-radius:50%;position:absolute;inset-block-start:calc(var(--lead-size) * var(--lead-lh) / 2 - var(--dot) / 2);inset-inline-start:-.5rem}}.ab-era[data-now] .ab-era__body:before{background:var(--accent)}.ab-era:last-child .ab-era__body{padding-block-end:0}}.ab-stack{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;margin:2rem 0 0;overflow:clip;& .ab-stack__row{gap:.75rem;padding:1.1rem clamp(1rem,.8rem + 1vw,1.5rem);display:grid}& .ab-stack__row+.ab-stack__row{border-block-start:1px solid var(--border)}& dt{font-family:var(--font-mono);align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;display:flex}& dt:before{content:"";background:var(--hue);border-radius:2px;block-size:.6rem;inline-size:.6rem}& dd{margin:0}}@media (width>=48rem){.ab-stack .ab-stack__row{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:1.5rem}.ab-stack dt{padding-block-start:.2rem}}.ab-life{gap:2.5rem;margin-block-start:2rem;display:grid}@media (width>=60rem){.ab-life{grid-template-columns:minmax(0,1fr) 25rem;align-items:start;gap:3.5rem}}.ab-life__text{gap:1.1rem;display:grid;& p{max-inline-size:62ch;font-size:1.05rem;line-height:1.75}& p:first-child{text-wrap:balance;font-size:1.3rem;font-weight:500;line-height:1.55}}.ab-cloud{aspect-ratio:1/1.14;filter:url(#ab-ink);inline-size:100%;max-inline-size:26rem;margin-inline:auto;position:relative;container-type:inline-size}@media (width>=60rem){.ab-cloud{align-self:center}}.ab-cloud__glyph{inset:calc(var(--y) * 1cqw) auto auto calc(var(--x) * 1cqw);inline-size:var(--s);aspect-ratio:1;translate:-50% -50%;rotate:var(--r);color:var(--hue);position:absolute;& svg{shape-rendering:geometricprecision;block-size:100%;inline-size:100%;display:block}}.ab-next{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.ab-cta{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);border-radius:.75rem;gap:.2rem;padding:1.4rem clamp(1rem,.8rem + 1vw,1.5rem);padding-inline-end:3.25rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative;&:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)}&:hover .ab-cta__note{color:inherit}&:hover .ab-cta__arrow{translate:.35rem}}.ab-cta__label{letter-spacing:-.015em;font-size:1.6rem;font-weight:600;line-height:1.1}.ab-cta__note{color:var(--muted);font-family:var(--font-mono);font-size:.8125rem}.ab-cta__arrow{place-items:center;font-size:1.5rem;transition:translate .15s;display:grid;position:absolute;inset-block:0;inset-inline-end:1.25rem}@media (prefers-reduced-motion:reduce){.ab-cta,.ab-cta__arrow{transition:none}}}