/* ═══════════════════════════════════════════════════════════════════
   portfolio/portfolio.css — aaron.builtbycorvus.com, the page's ARRANGEMENT.
   Rewritten 2026-11-03 (wireframe § 1–2). Prefix `ap-`, the surface's own.

   Arrangement only: grid tracks, order of space, what shows at which band.
   Every type role, ink, plane and edge is brand.css's (`.page-prose`, `.lede`,
   `.terms`, `.figure`, `.chip`, `.link`); no value here is a colour or a face.
   The masthead offset is brand core's (`--masthead-h`, G3): nothing here.
   ═══════════════════════════════════════════════════════════════════ */

/* the bar's end holds the one theme control */
.ap-bar-end{display:flex;align-items:center;gap:var(--space-4)}

/* #top opens main; the masthead already draws the rule above it */
section.ap-top{border-top:0}

/* the link row: the middots are copy, and a break falls after one, never inside a link */
.ap-links a{white-space:nowrap}

/* ── Recent launches ── */
.ap-story{margin-top:var(--space-10)}
.ap-story + .ap-story{margin-top:var(--space-16)}
.ap-story-h{margin-top:0}
.ap-figure{margin-top:var(--space-6)}
.ap-story-body{margin-top:var(--space-6)}
.ap-story-terms{margin-top:0}
.ap-story-link{margin:var(--space-4) 0 0}

/* the SB 54 capture ships in its wide band only (its narrow capture failed the ink floor) */
.ap-figure--wide-only{display:none}

@media (min-width:1000px){
  .ap-figure--wide-only{display:flex}
}

/* The two-track story starts at 1200, not at the wide capture's 1000: below about 1190 the
   figure track renders the 1024-wide capture under 0.5× (0.42× at 1000, measured by
   verify-render A-IMG-04), and at that scale its text is texture. 1000–1199 shows the wide
   capture across the single track instead (about 0.9×). */
@media (min-width:1200px){
  /* text first in the eye's path, the picture as the confirming glance; DOM order unchanged */
  .ap-story--figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:var(--space-10);align-items:start}
  .ap-story--figure > .ap-story-h{grid-column:1 / -1;grid-row:1}
  .ap-story--figure > .ap-figure{grid-column:2;grid-row:2}
  .ap-story--figure > .ap-story-body{grid-column:1;grid-row:2}
}

/* ── footer ── */
.ap-contact{margin:0}