@layer components{.page-story{& .page-story__layout{display:grid;gap:var(--space-l);align-items:start;@media(min-width:1024px){grid-template-columns: 4fr 8fr; gap: var(--space-xl);}}& .page-story__portrait{@media(min-width:1024px){position: sticky; inset-block-start: 7rem;}}& .page-story__text{font-size:var(--size-step-1);color:var(--color-text-muted)}& .page-story__claim-band{padding-block:var(--space-xl);text-align:center}& .page-story__claim{font-size:var(--size-step-3)}& .page-story__photos-heading{font-size:var(--size-step-2)}& .page-story__photos{display:grid;gap:var(--space-s);margin-block-start:var(--space-m);@media(min-width:640px){grid-template-columns: repeat(3,1fr);}}}}