@layer components{.landing-trail ol{font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--color-umber-soft);flex-wrap:wrap;gap:.25rem .5rem;display:flex}.landing-trail li+li:before{content:"/";color:var(--color-umber-faint);margin-right:.5rem}.landing-art{width:100%;height:auto;box-shadow:var(--shadow-matte);background:var(--color-gesso-deep);display:block}.landing-art-lead{width:auto;max-width:100%;max-height:min(72svh,44rem);margin-inline:auto}.landing-examples{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.landing-examples>.landing-art-wide{grid-column:1/-1}.landing-examples>.landing-cell-solo{grid-column:1/-1;justify-self:center;width:calc(50% - .625rem)}@media (min-width:48rem){.landing-examples{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem}.landing-examples>.landing-cell-third{grid-column:span 4}.landing-examples>.landing-cell-half{grid-column:span 6}.landing-examples>.landing-cell-full{grid-column:1/-1}.landing-examples>.landing-cell-solo{grid-column:4/span 6;width:100%}}.landing-card{text-align:center;display:block}.landing-card-stage{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-gesso-deep);transition:box-shadow .3s var(--ease-brush);justify-content:center;align-items:center;padding:10%;display:flex}.landing-card:hover .landing-card-stage,.landing-card:focus-visible .landing-card-stage{box-shadow:var(--shadow-lifted)}.landing-card-stage img{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-matte);display:block}.landing-prose h2{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);line-height:var(--text-h2--line-height)}.landing-prose p{max-width:64ch;color:var(--color-umber-soft);margin-top:1rem}.landing-pieces{gap:2rem;margin-top:3rem;display:grid}@media (min-width:48rem){.landing-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-pieces h3{font-weight:500;font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.landing-pieces dl{margin-top:.5rem}.landing-pieces dl>div{font-size:var(--text-small);justify-content:space-between;gap:1rem;padding-block:.5rem;display:flex}.landing-pieces dd{font-variant-numeric:tabular-nums}}