.phi-composition{position:relative;overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:clamp(72px,10vw,150px) var(--pad);margin-top:clamp(34px,5vw,76px);margin-bottom:clamp(34px,5vw,76px);background:transparent}.phi-composition .phi-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:clamp(32px,7vw,110px);align-items:center}.phi-composition h2{font-size:clamp(38px,6vw,88px);line-height:.95;letter-spacing:-.035em;margin:0 0 22px}.phi-composition p{max-width:42ch;margin:0 0 24px;font-size:clamp(15px,1.5vw,19px);line-height:1.55}.phi-composition .phi-meta{display:flex;flex-wrap:wrap;gap:18px 28px;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.phi-composition .phi-art{position:relative;min-height:360px}.phi-composition svg{position:absolute;inset:0;width:100%;height:100%}.phi-composition path,.phi-composition line,.phi-composition circle,.phi-composition rect{fill:none;stroke:currentColor;stroke-width:1;opacity:.28}@media(max-width:860px){.phi-composition .phi-grid{grid-template-columns:1fr}.phi-composition .phi-art{min-height:300px;order:-1}}
/* Keep the giant footer wordmark legible against the recovered cream background. */
footer .bigmark{opacity:.24;position:relative;z-index:2}