.pp-legend{border-block:1px solid var(--line);gap:.9rem;margin-block:0 clamp(28px,3.5vw,44px);padding-block:1.25rem;display:grid}.pp-hero{padding-top:calc(var(--header-h) + clamp(40px, 6.5vw, 96px));padding-bottom:clamp(32px,4vw,56px)}.pp-hero h1{font-size:clamp(2.9rem,7vw,7rem)}.pp-shelf{margin-top:clamp(28px,3.5vw,44px)}.pp-shelf-label{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.pp-hero .photo-credit{margin-top:.5rem}.pp-legend li{justify-items:start;gap:.5rem;display:grid}.pp-legend p{color:var(--mute);max-width:40ch;font-size:.9rem}@media (min-width:760px){.pp-legend{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}.pp-feature{align-items:center;gap:clamp(36px,5vw,72px);display:grid}.pp-feature-art{gap:1.25rem;display:grid}@media (min-width:900px){.pp-feature{grid-template-columns:1fr 1fr}}.pp-tools{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-frame);gap:1px;display:grid;overflow:hidden}.pp-tool{background:var(--night);transition:background-color var(--t-ui) var(--ease-out);align-content:start;gap:.75rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid;position:relative}.pp-tool:hover{background:var(--night-2)}.pp-tool p{color:var(--mute)}.pp-feature-art .artifact{justify-self:center;width:min(100%,340px)}@media (min-width:760px){.pp-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}