.creative-header{gap:16px;display:grid}.creative-header__mark{border-radius:calc(var(--r-card) * (44 / 12));block-size:44px;inline-size:44px;overflow:hidden}.creative-header__mark img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.creative-header__name{margin:0}.creative-header__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.creative-header__meta .t-data{color:var(--ink-3)}.creative-header__tagline{color:var(--ink-2)}.creative-header__sample{justify-self:start}.creative-header__actions{margin-block-start:4px}.creative-header__capabilities{gap:8px;max-width:52ch;margin:8px 0 0;padding:0;list-style:none;display:grid}.creative-header__capabilities li{color:var(--ink-2);align-items:baseline;gap:10px;display:flex}
.profile-frame{border-block-end:1px solid var(--profile-accent,var(--line));margin-block-end:32px;padding-block-end:28px}
.plate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.plate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.plate-grid{grid-template-columns:minmax(0,1fr)}}.plate{color:inherit;display:block}.plate__media{aspect-ratio:var(--plate-ratio,4 / 3);border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);transition:border-color .16s;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.plate:hover .plate__media{border-color:var(--line-strong)}}.plate__code{z-index:1;position:absolute;inset-block-start:8px;inset-inline-start:8px}.plate__caption{justify-content:space-between;align-items:baseline;gap:8px;margin-block-start:10px;display:flex}.plate__title{min-width:0}.plate__year{color:var(--ink-3);flex-shrink:0}.plate__sample{margin-block-start:4px}
.creative-page{max-width:900px;padding-inline:var(--gutter);margin-inline:auto;padding-block:clamp(128px,12vw,168px) 120px}.creative-work{margin-block-start:40px}.creative-work__heading{margin-block-end:16px}.creative-mdx{max-width:68ch;color:var(--ink-2);margin-block:32px}.creative-mdx :is(h2,h3){font-family:var(--font-display);color:var(--ink);margin-block:1.4em .6em;font-weight:500}.creative-mdx p{margin-block:0 1em}@media (max-width:760px){.creative-page{padding-block-start:104px}}