.about-intro{overflow-x:clip}.about-intro .about-intro__grid{grid-template-areas:"side""main""portrait"}.about-intro .page-lead__side{grid-area:side}.about-intro__main{grid-area:main}.about-intro__portrait{--frame-offset:14px;width:100%;max-width:calc(320px + var(--frame-offset));padding:0 var(--frame-offset) var(--frame-offset) 0;grid-area:portrait;margin-top:12px}@media (min-width:720px){.about-intro .about-intro__grid{grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-template-areas:"side side""main portrait";column-gap:44px}.about-intro__portrait{--frame-offset:20px;align-self:center;max-width:none;margin-top:0}}@media (min-width:1024px){.about-intro .about-intro__grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(260px,340px);grid-template-areas:"side main portrait";column-gap:56px}}.about-folio{margin-inline:0;margin-bottom:0}.about-folio__stage{position:relative}.about-folio__print{z-index:2;width:46%;position:absolute;bottom:-6%;left:-12%}.about-folio__card{aspect-ratio:4/5;background:var(--paper);box-shadow:0 26px 44px -24px rgba(var(--ink-rgb), .55);transition:rotate .6s cubic-bezier(.34, 1.56, .64, 1), scale .6s cubic-bezier(.34, 1.56, .64, 1), box-shadow .5s var(--ease-soft);border-radius:12px;padding:7px;rotate:-6deg}.about-folio__card picture,.about-folio__card img{width:100%;height:100%;display:block}.about-folio__card img{object-fit:cover;object-position:50% 30%;border-radius:7px}.about-folio__caption{font:italic 400 14px/1.45 var(--serif);color:var(--ink-2);text-align:right;margin-top:56px}@media (max-width:719px){.about-folio__print{width:42%;left:-3%}}@media (prefers-reduced-motion:no-preference){.about-folio__card{animation:1.1s cubic-bezier(.34,1.56,.64,1) 1.7s backwards folio-drop}.about-folio__caption{animation:rise-after .9s var(--ease-soft) 2.3s backwards}@media (hover:hover){.about-folio__card:hover{box-shadow:0 34px 56px -26px rgba(var(--ink-rgb), .6);rotate:none;scale:1.06}}}@keyframes folio-drop{0%{opacity:0;translate:0 -48px;rotate:-18deg}}.about-intro__title{flex-wrap:wrap;align-items:baseline;gap:.08em .3em;display:flex}.about-intro__cjk{font-size:.5em;line-height:1.2}.about-section{padding-block:clamp(36px,4.5vw,56px);overflow-x:clip}.about-section--last{padding-block-end:clamp(72px,9vw,112px)}.about-section__head{flex-direction:column;gap:16px;margin-bottom:clamp(20px,3vw,32px);display:flex}.about-roles{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.about-role{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:10px;padding:28px 0;display:grid}@media (min-width:720px){.about-role{grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:baseline;column-gap:40px}}.about-role__label{font-family:var(--display);letter-spacing:-.01em;font-variation-settings:"SOFT" 50, "WONK" 0;color:var(--ink);transition:color .3s var(--ease-soft), font-variation-settings .6s var(--ease-soft), transform .5s var(--ease-soft);margin:0;font-size:26px;font-weight:360;line-height:1.2}.about-role:hover .about-role__label{color:var(--jade);font-variation-settings:"SOFT" 100, "WONK" 1}@media (prefers-reduced-motion:no-preference){.about-role:hover .about-role__label{transform:translate(6px)}}.about-role__body{min-width:0}.about-role__text{max-width:32em;font-family:var(--serif);color:var(--ink);text-wrap:pretty;margin:0;font-size:19px;line-height:1.6}@media (max-width:720px){.about-role__text{font-size:18px}}.about-areas{flex-direction:column;gap:14px;margin-top:26px;display:flex}.about-areas__list{grid-template-columns:minmax(0,1fr);gap:20px 36px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.about-areas__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-areas__item{border-top:1px solid var(--rule);flex-direction:column;gap:4px;padding-top:14px;display:flex;position:relative}.about-areas__item:before{content:"";background:var(--ochre);width:28px;height:2px;transition:width .6s var(--ease-soft);position:absolute;top:-1px;left:0}@media (prefers-reduced-motion:no-preference){.about-areas__item:hover:before{width:100%}}.about-areas__title{font-family:var(--display);letter-spacing:-.01em;font-variation-settings:"SOFT" 50;color:var(--ink);font-size:20px;font-weight:380;line-height:1.25}.about-areas__summary{font-family:var(--serif);color:var(--ink-2);text-wrap:pretty;font-size:16.5px;line-height:1.5}.about-path{max-width:780px;position:relative}.about-path__rule{background:linear-gradient(var(--ochre) calc(100% - 32px), transparent);transform-origin:50% 0;border-radius:1px;width:2px;position:absolute;top:30px;bottom:0;left:5px}@keyframes about-path-draw{0%{transform:scaleY(0)}}.about-path__steps{margin:0;padding:0;list-style:none}.about-path__step{grid-template-columns:minmax(0,1fr);padding:16px 0 16px 34px;display:grid;position:relative}@media (min-width:720px){.about-path__step{grid-template-columns:132px minmax(0,1fr);align-items:baseline;column-gap:24px}}.about-path__dot{background:var(--jade);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);transition:transform .5s var(--ease-soft);border-radius:50%;position:absolute;top:24px;left:0}.about-path__step--now .about-path__dot{box-shadow:0 0 0 4px var(--bg), 0 0 0 5.5px rgba(var(--jade-rgb), .45)}@media (prefers-reduced-motion:no-preference){.about-path__step:hover .about-path__dot{transform:scale(1.3)}}.about-path__years{font-family:var(--sans);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--jade);font-size:14px;font-weight:600;line-height:28px}.about-path__role{font-family:var(--serif);color:var(--ink);text-wrap:pretty;font-size:19px;line-height:28px}@media (max-width:720px){.about-path__role{font-size:18px}}.about-path__call{margin-top:14px;padding-left:34px}.card.about-write{border-radius:var(--radius-media);box-shadow:0 34px 70px -44px rgba(var(--ink-rgb), .42);flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(28px,5vw,64px);display:flex}.about-write .caption{max-width:44em}.about-role{position:relative}.about-role:before{content:"";background:var(--ochre);transform-origin:0;pointer-events:none;height:2px;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.about-path__step--now .about-path__dot:after{content:"";border:1.5px solid var(--jade);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.about-areas__item:hover .about-areas__title{color:var(--jade)}.about-areas__title,.about-path__years{transition:color .3s var(--ease-soft), translate .5s cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:no-preference){.about-role:before{transition:transform .6s var(--ease-soft)}.about-role:hover:before{transform:scaleX(1)}.about-areas__item:hover .about-areas__title,.about-path__step:hover .about-path__years{translate:5px}.card.about-write{transition:transform .5s var(--ease-soft), box-shadow .5s var(--ease-soft)}.card.about-write:hover{box-shadow:0 46px 84px -46px rgba(var(--ink-rgb), .5);transform:translateY(-4px)}.about-section__head[data-arrive=pending] .eyebrow,.about-role[data-arrive=pending] :is(.about-role__label,.about-role__text),.about-areas[data-arrive=pending] :is(.eyebrow,.about-areas__item),.about-path[data-arrive=pending] :is(.about-path__dot,.about-path__years,.about-path__role),.about-write[data-arrive=pending]{opacity:0}.about-path[data-arrive=pending] .about-path__rule{transform:scaleY(0)}.about-section__head[data-arrive=seen] .eyebrow,.about-areas[data-arrive=seen] .eyebrow{animation:about-unfold .9s var(--ease-soft) backwards}.about-role[data-arrive=seen]:before{animation:about-sweep 1.4s var(--ease-soft) backwards}.about-role[data-arrive=seen] .about-role__label{animation:1s cubic-bezier(.34,1.56,.64,1) .12s backwards about-swing-in}.about-role[data-arrive=seen] .about-role__text{animation:about-rise .85s var(--ease-soft) .3s backwards}.about-role[data-arrive=seen] .about-role__text+.about-role__text{animation-delay:.42s}.about-areas[data-arrive=seen] .about-areas__item{animation:.9s cubic-bezier(.34,1.56,.64,1) backwards about-tip-in;animation-delay:calc(.15s + var(--i,0) * .12s)}.about-areas[data-arrive=seen] .about-areas__item:before{animation:about-mark .7s var(--ease-soft) backwards;animation-delay:calc(.45s + var(--i,0) * .12s)}.about-path[data-arrive=seen] .about-path__rule{animation:1.6s cubic-bezier(.45,0,.25,1) .1s backwards about-path-draw}.about-path[data-arrive=seen] .about-path__dot{animation:about-dot-pop .7s var(--ease-soft) backwards;animation-delay:calc(.2s + var(--i,0) * .38s)}.about-path[data-arrive=seen] .about-path__years{animation:about-slide .7s var(--ease-soft) backwards;animation-delay:calc(.3s + var(--i,0) * .38s)}.about-path[data-arrive=seen] .about-path__role{animation:about-rise .8s var(--ease-soft) backwards;animation-delay:calc(.38s + var(--i,0) * .38s)}.about-path[data-arrive=seen] .about-path__step--now .about-path__dot:after{animation:1.4s ease-out 2 about-ring;animation-delay:calc(.7s + var(--i,0) * .38s)}.about-write[data-arrive=seen]{animation:1.1s cubic-bezier(.34,1.56,.64,1) backwards about-card-in}}@keyframes about-unfold{0%{opacity:0;letter-spacing:.4em;transform:translate(-20px)}}@keyframes about-sweep{0%{opacity:1;transform:scaleX(0)}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes about-swing-in{0%{opacity:0;transform:translate(-40px)rotate(-5deg)}}@keyframes about-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes about-tip-in{0%{opacity:0;transform:translateY(26px)rotate(2deg)}}@keyframes about-mark{0%{width:0}}@keyframes about-slide{0%{opacity:0;transform:translate(-16px)}}@keyframes about-dot-pop{0%{transform:scale(0)}60%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes about-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes about-card-in{0%{opacity:0;transform:translateY(48px)rotate(-1.5deg)scale(.96)}}