.section{position:relative;padding-block:var(--section-pad)}.section--pad-tight{padding-block:calc(var(--section-pad) * .66)}.section--pad-none{padding-block:0}.section--band{background:var(--ground-2)}.container{width:100%;max-width:calc(var(--column) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section__head{display:grid;gap:var(--head-gap);margin-bottom:var(--head-gap)}.section__head--center{text-align:center;justify-items:center}.container--narrow{max-width:calc(760px + var(--gutter) * 2)}.ph{position:relative;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,179,71,.06) 0 1px,transparent 1px 12px),var(--ph-fill);border:1px dashed rgba(255,179,71,.45);border-radius:inherit;padding:12px}.ph--round{border-radius:50%}.section__ph{min-height:96px;border-radius:var(--r-card)}.ph__label{font:400 10px/15px var(--font-mono);letter-spacing:.12em;color:#85390f;text-align:center;max-width:100%;overflow-wrap:anywhere}.ph--round .ph__label{font-size:8px;line-height:11px;letter-spacing:.06em}html.ph-debug .ph,html.ph-debug [data-ph-id]{outline:2px solid #ffb347;outline-offset:2px}.ph-panel{position:fixed;right:12px;top:12px;z-index:200;max-width:min(360px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:#121317f5;border:1px solid #ffb347;border-radius:12px;padding:12px 14px;font:400 10px/16px var(--font-mono);color:#ffb347;letter-spacing:.06em}.ph-panel b{display:block;margin-bottom:6px;letter-spacing:.16em}