@layer components{.pen-hero-grid{align-items:center;gap:48px;display:grid}.pen-hero-grid>*{min-width:0}@media (min-width:1000px){.pen-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}.pen-hero-grid .figure{pointer-events:auto}.pen-contact{border-top:1px solid var(--line-2);margin:28px 0 0;padding:0}.pen-contact div{border-bottom:1px solid var(--line);padding:18px 0}.pen-contact dt{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px}.pen-contact dd{overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.5}.pen-contact a{color:var(--berry);align-items:center;min-height:44px;margin-block:-10px;text-decoration:none;display:inline-flex}.pen-contact a:hover{text-underline-offset:3px;text-decoration:underline}.pen-billing{margin-top:32px}.pen-billing h3{font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--berry);margin:0 0 12px}.pen-billing p{color:var(--ink-2);margin:0;font-size:16.5px;line-height:1.7}@media (min-width:1000px){.pen-sticky{align-self:start;position:sticky;top:112px}}.pen-filters{flex-wrap:wrap;gap:8px;margin:0 0 clamp(40px,5vw,64px);padding:0;list-style:none;display:flex}.pen-filters .chip{min-height:44px;padding-inline:16px}.pen-filters .chip:hover{border-color:var(--ink)}.pen-empty{color:var(--ink-2);padding-block:48px}.pen-ref{position:relative}.pen-ref h3 a{color:inherit;text-decoration:none}.pen-ref h3 a:after{content:"";position:absolute;inset:0}.pen-ref:hover h3{color:var(--berry)}.pen-ref__tag{font-weight:600;color:var(--ink)!important;margin-bottom:8px!important}.pen-ref__url{font:500 12.5px/1.4 var(--mono);letter-spacing:.04em;color:var(--berry);margin-top:14px;display:block}.pen-person__links{flex-wrap:wrap;gap:0 24px;margin-top:12px;display:flex}.pen-person__links a{font-size:16px}.person .pen-person__links{margin-bottom:0}.person p.pen-bio{color:var(--ink-2);margin:0;font-size:16.5px}.app p.pen-app-kicker{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--berry);margin:0 0 10px;padding:0}.work p.work__kicker{color:var(--berry);margin:0 0 10px;font-size:12px;line-height:1.4}}
