body:has(.page-grid){width:1080px;padding-top:0}.page-grid{--rail-col-w:200px;--rail-gap:2rem;display:grid;grid-template-columns:minmax(40px,1fr) var(--rail-col-w) minmax(0,572px) minmax(40px,1fr);grid-template-rows:repeat(var(--rows,2),auto);gap:var(--rail-gap);padding-top:120px}.page-grid>*{grid-column:3}@media (max-width:960px){.page-grid{display:block;padding-top:0}body:has(.page-grid){width:572px;padding-top:4rem}.page-grid>.back-header,.page-grid>.header{margin-bottom:2rem}.page-grid>.header{margin-top:var(--space-lg)}}.intro-main{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.page-grid>.rail{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;grid-area:2/2/-1;align-self:start}.page-grid>.rail-back,.page-grid>.rail-mark{grid-area:1/2;align-self:start}.page-grid>.rail-mark{display:block;font-family:var(--font-heading);font-size:1rem;font-weight:400;color:var(--text-link)}.rail .quick-links{flex-direction:column;align-items:flex-start;gap:6px;margin-top:0}.rail .quick-links .dot{display:none}.page-grid>.rail-back{margin-top:0}.page-grid:not(:has(.rail)) .rail-back{grid-row:1/-1;position:sticky;top:var(--space-lg);z-index:2}
/* !important used to live here, fighting a real specificity collision
   instead of fixing it: the back link renders with BOTH .rail-back and
   .quick-links (PageRail reuses the primary nav's link styling), so its
   hover state is also matched by globals.css's
   .quick-links a:not([aria-current="page"]):hover — which reapplies a
   wavy underline on hover, at a specificity this rule was tied with, not
   beating (source order between two separately-loaded stylesheets isn't
   guaranteed, the same hazard .page-grid > .rail-back was fixed for
   above). Compounding both classes plus the .page-grid ancestor gives an
   unambiguous win instead. */.page-grid>.rail-back.quick-links a,.page-grid>.rail-back.quick-links a:focus-visible,.page-grid>.rail-back.quick-links a:hover{text-decoration:none}@media (max-width:960px){.rail-mark .name-br{display:none}.rail{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.rail .quick-links{flex-direction:row;gap:0 .875rem}.rail .quick-links .dot{display:inline-block}}.name-wrapper{position:relative;display:inline-block;cursor:pointer}.name-detail{position:absolute;top:100%;left:0;white-space:normal;width:max-content;max-width:18rem;margin-top:.5rem;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.name-wrapper:focus-within .name-detail,.name-wrapper:hover .name-detail{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion:reduce){.name-detail{transition:none}}.name-detail.tooltip{background:var(--surface-dark);color:var(--surface-dark-fg);box-shadow:0 8px 24px color-mix(in srgb,var(--surface-dark) 35%,transparent)}.name-button{background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer}.name-note{font-family:var(--font-base);font-style:normal;font-weight:500;font-size:.5em;vertical-align:super;line-height:0;margin-left:.1em;color:var(--text-link)}.name-button:focus-visible .name-note,.name-button:hover .name-note{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--text-link) 50%,transparent)}.avatar{position:relative;width:64px;height:64px;flex-shrink:0}.avatar:before{content:"";position:absolute;inset:0}.avatar:hover:before{inset:0 -104px}.avatar-card{position:absolute;inset:0;border-radius:16px;overflow:hidden;background:var(--background-primary);border:2px solid color-mix(in srgb,var(--divider) 55%,var(--background-primary));box-shadow:0 1px 2px -.5px rgba(71,51,0,.08),0 4px 8px -3px rgba(71,51,0,.1),0 10px 16px -8px rgba(71,51,0,.1);transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform;animation-duration:1.8s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-delay:.9s;animation-fill-mode:backwards}.avatar-img{border-radius:14px;object-fit:cover}.avatar-card--1{z-index:1;transform:rotate(-13deg) translateX(-16px) translateY(3px);animation-name:avatar-fan-1}.avatar-card--2{z-index:2;transform:rotate(-3deg) translateX(0) translateY(-1px);animation-name:avatar-fan-2}.avatar-card--3{z-index:3;transform:rotate(9deg) translateX(16px) translateY(3px);animation-name:avatar-fan-3}@keyframes avatar-fan-1{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(-4deg) translateX(-72px) translateY(-2px)}to{transform:rotate(-13deg) translateX(-16px) translateY(3px)}}@keyframes avatar-fan-2{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(0deg) translateX(0) translateY(0)}to{transform:rotate(-3deg) translateX(0) translateY(-1px)}}@keyframes avatar-fan-3{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(4deg) translateX(72px) translateY(-2px)}to{transform:rotate(9deg) translateX(16px) translateY(3px)}}.avatar[data-settled=true] .avatar-card{animation:none}@media (prefers-reduced-motion:reduce){.avatar-card{animation:none;transition:none}}.avatar:has(:focus-visible) .avatar-card--1,.avatar:hover .avatar-card--1{transform:rotate(-4deg) translateX(-72px) translateY(-2px)}.avatar:has(:focus-visible) .avatar-card--2,.avatar:hover .avatar-card--2{transform:rotate(0deg) translateX(0)}.avatar:has(:focus-visible) .avatar-card--3,.avatar:hover .avatar-card--3{transform:rotate(4deg) translateX(72px) translateY(-2px)}@media (max-width:960px){.avatar-card--1{transform:rotate(-9deg) translateX(0) translateY(3px)}.avatar-card--2{transform:rotate(-2deg) translateX(15px) translateY(-1px)}.avatar-card--3{transform:rotate(7deg) translateX(30px) translateY(3px)}@keyframes avatar-fan-1{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(-4deg) translateX(0) translateY(-2px)}to{transform:rotate(-9deg) translateX(0) translateY(3px)}}@keyframes avatar-fan-2{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(0deg) translateX(72px) translateY(0)}to{transform:rotate(-2deg) translateX(15px) translateY(-1px)}}@keyframes avatar-fan-3{0%{transform:rotate(0deg) translateX(0) translateY(0)}45%{transform:rotate(4deg) translateX(144px) translateY(-2px)}to{transform:rotate(7deg) translateX(30px) translateY(3px)}}.avatar:focus-within .avatar-card--1,.avatar:hover .avatar-card--1{transform:rotate(-4deg) translateX(0) translateY(-2px)}.avatar:focus-within .avatar-card--2,.avatar:hover .avatar-card--2{transform:rotate(0deg) translateX(72px)}.avatar:focus-within .avatar-card--3,.avatar:hover .avatar-card--3{transform:rotate(4deg) translateX(144px) translateY(-2px)}.avatar:hover:before{inset:0 -176px 0 0}.avatar .avatar-hint{left:calc(50% + 72px);margin-top:.5rem}}.avatar-hint{position:absolute;top:100%;left:50%;margin-top:.875rem;transform:translate(-50%,-4px) rotate(-3deg);font-size:1.35rem;opacity:0;transition:opacity .25s ease,transform .25s ease}.avatar:focus-within .avatar-hint,.avatar:hover .avatar-hint{opacity:1;transform:translate(-50%) rotate(-3deg)}@media (prefers-reduced-motion:reduce){.avatar-hint{transition:opacity .15s ease;transform:translate(-50%) rotate(-3deg)}}