/* Peak Residency only (moved from the old site, 2026-10-13). Built from site.css tokens and components; this file holds what site.css does not have. */

/* hero: the site's pale sky ground, centered copy, the drawn peak underneath */
.pr-hero{background:#F4FAFD;border-bottom-color:var(--dash)}
.pr-hero > .in{padding-block:clamp(40px,5vw,60px) clamp(28px,3.4vw,44px)}
.pr-hero-copy{display:grid;gap:0;justify-items:center;text-align:center;max-width:1160px;margin:0 auto}
.pr-chips{justify-content:center;margin-bottom:20px}
.pr-hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;letter-spacing:-.042em;margin-bottom:22px}
.pr-hero .lead{max-width:690px;margin-inline:auto;font-size:17px;line-height:1.55}
.pr-hero .cta-row{justify-content:center;margin-top:24px}
.pr-hero .facts{justify-content:center;margin-top:16px}
.pr-peak{max-width:1040px;margin:clamp(10px,2vw,22px) auto 0}
.pr-peak canvas{display:block;width:100%;height:auto}
.pr-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:6px;font-size:10.5px;color:var(--ink-faint)}
.pr-legend span{display:inline-flex;align-items:center;gap:8px}
.pr-legend .sq{width:10px;height:10px;background:var(--sky);border:1px solid var(--ink);flex:none}
.pr-legend .sq.pk{background:var(--flag-tint);border-color:var(--flag)}

/* money cards: units */
.m b small{font-size:.42em;font-weight:700;letter-spacing:-.01em;margin-left:.3em}

/* cells that follow a centered section head */
.pr-crit{background:var(--panel)}
.pr-when{display:inline-flex;align-items:center;gap:8px;margin-bottom:1.1rem;font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.pr-when::before{content:"";width:10px;height:10px;background:var(--sky);border:1px solid var(--ink);flex:none}

/* tag rows */
.pr-works{border-top:1px dashed var(--dash);padding:clamp(24px,3vw,36px) var(--pad);display:grid;gap:16px;justify-items:center;text-align:center}
.pr-works .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px}
.tag{display:inline-block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;background:var(--paper);border:1px solid var(--hairline);border-radius:2px;padding:4px 8px;white-space:nowrap}
.tag--strong{border-color:var(--ink);font-size:12px;padding:6px 10px}
@media (max-width:420px){.tag--strong{white-space:normal;text-align:center}}
.pr-note{border-top:1px dashed var(--dash);padding:20px var(--pad);text-align:center;font-size:15px;color:var(--ink-faint)}

/* questions */
.pr-faq{max-width:860px;margin-inline:auto;width:100%}

/* apply: the form sits in a paper card on the panel band */
#apply{scroll-margin-top:calc(var(--nav-h) + 16px)}
.pr-card{width:100%;max-width:560px;margin-inline:auto;background:var(--paper);border:1px solid var(--ink);padding:clamp(20px,2.4vw,32px);display:grid;gap:12px}
.pr-card .h3{margin:0}
.pr-card .form{max-width:none;margin-top:4px}
.pr-card .field textarea{min-height:110px}