.about-hero{isolation:isolate;position:relative;overflow:hidden}.about-hero .about-header{z-index:1;pointer-events:none;border-top:0;align-content:center;min-height:clamp(26rem,68svh,42rem);display:grid;position:relative}.about-header .breadcrumbs,.about-header h1,.about-header .about-intro{pointer-events:auto}.about-portrait{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:0;--fade:linear-gradient(to right, transparent 18%, #0000004d 42%, #000c 62%, #000 76%);--fade-y:linear-gradient(to bottom, transparent, #000 20%, #000 70%, transparent);width:min(64%,60rem);-webkit-mask-image:var(--fade), var(--fade-y);-webkit-mask-composite:source-in;mask-image:var(--fade), var(--fade-y);position:absolute;inset:0 0 0 auto;overflow:hidden;mask-composite:intersect;container-type:size}.about-portrait pre{font-family:var(--font-mono);font-size:max(calc(100cqw / (var(--cols) * .6)), calc(100cqh / var(--rows)));white-space:pre;color:var(--ascii-fg);-webkit-user-select:none;user-select:none;--pre-w:calc(var(--cols) * .6em);--pre-h:calc(var(--rows) * 1em);--ax:.62;--ay:.5;left:clamp(calc(100cqw - var(--pre-w)), calc(var(--ax) * 100cqw - var(--fx) * var(--pre-w)), 0px);top:clamp(calc(100cqh - var(--pre-h)), calc(var(--ay) * 100cqh - var(--fy) * var(--pre-h)), 0px);margin:0;line-height:1;transition:opacity .6s;position:absolute}@container (aspect-ratio<1){.about-portrait pre{--ax:.5;--ay:.33}}.about-portrait .portrait-dark{display:none}[data-theme=dark] .about-portrait .portrait-dark,[data-theme=hacker] .about-portrait .portrait-dark{display:block}[data-theme=dark] .about-portrait .portrait-light,[data-theme=hacker] .about-portrait .portrait-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]) .about-portrait .portrait-dark{display:block}:root:not([data-theme]) .about-portrait .portrait-light{display:none}}[data-theme=light] .about-portrait{opacity:.78}@media (prefers-color-scheme:light){:root:not([data-theme]) .about-portrait{opacity:.78}}.about-portrait:has(.ascii-canvas.is-ready) pre{opacity:0}@media (width<=640px){.about-hero .about-header{align-content:end;min-height:0;padding-top:min(84vw,24rem)}.about-portrait{--fade:linear-gradient(to right, transparent, #0009 25%, #000 50%);--fade-y:linear-gradient(to bottom, transparent, #000 12%, #000 58%, transparent 92%);width:100%;height:min(104vw,29rem);inset:0 0 auto}}.about-header h1{letter-spacing:-.04em;margin:0 0 .6rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:600;line-height:1.05}.about-intro{max-width:55ch;color:var(--muted);margin:0}.about-story p{max-width:62ch;margin:0 0 1rem}.about-story p:first-child{font-size:1.2rem;line-height:1.45}.now-list,.where-used ul{margin:0;padding:0;list-style:none}.now-list li{border-top:1px dotted var(--line);grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:.6rem 0;display:grid}.now-list li:first-child{border-top:0;padding-top:0}.now-key,.now-updated,.where-used-period{color:var(--muted);font-size:.75rem}.now-updated{margin:.75rem 0 0}.skills-row-items{color:var(--muted);margin:0}.skills-row-items strong{color:var(--fg);font-weight:600}.inline-list-sep{color:var(--muted)}.skills-legend{border:1px solid var(--line);color:var(--muted);margin:1rem 0 0;padding:.6rem .9rem;font-size:.75rem}.skills-legend strong{color:var(--fg);font-weight:600}.where-used{border:1px solid var(--line);margin-top:1rem;padding:.6rem .9rem}.where-used summary{cursor:pointer;font-size:.8rem}@supports selector(::details-content){.where-used{interpolate-size:allow-keywords}.where-used::details-content{opacity:0;block-size:0;transition:block-size .3s ease, opacity .3s ease, content-visibility .3s allow-discrete;overflow:clip}.where-used[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:reduce){.where-used::details-content{transition:none}}}.where-used li{padding:.4rem 0}.about-contact a{color:var(--fg)}.certifications-title{font-size:.95rem}@media (width<=640px){.now-list li{grid-template-columns:minmax(0,1fr);gap:.2rem}}.testimonials{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.testimonial figure{border:1px solid var(--line);background:var(--bg);flex-direction:column;justify-content:space-between;gap:1rem;height:100%;margin:0;padding:1.1rem 1.2rem;display:flex}.testimonial blockquote{margin:0}.testimonial blockquote p{margin:0;line-height:1.55}.testimonial blockquote p:before{content:"“"}.testimonial blockquote p:after{content:"”"}.testimonial figcaption{flex-direction:column;gap:.15rem;font-size:.75rem;display:flex}.testimonial-role{color:var(--muted)}.testimonial-pending{color:var(--accent)}.testimonials-more{margin:1.25rem 0 0;font-size:.8rem}