.ph { background: var(--card); }
.ph-in { display: grid; gap: 28px; padding: 44px 20px 52px; align-items: center; }
.ph h1 { max-width: 15ch; }
.ph-sub { font-size: 20px; max-width: 36ch; }
.ph-micro { margin-top: 12px; font-size: 16px; color: var(--ink-2); }
.ph-shot { justify-self: center; width: min(300px, 78vw); height: auto; border-radius: 32px; box-shadow: 0 30px 60px -28px rgba(21,23,28,.45); }
.ph-how { padding-top: 48px; max-width: 760px; }
.ph-how ol { padding-left: 1.2em; display: grid; gap: 12px; margin: 0 0 20px; }
@media (min-width: 900px) { .ph-in { grid-template-columns: 1.15fr .85fr; padding: 72px 20px; } }