/*
 * Subpages (press kit, proposal template, 404): the homepage blueprint and pixel layer
 * on a simple one-column layout. Type stays 24px (h1, h2, h3) and 14px (everything else),
 * weight 400, from case-studies.css. Paper artifacts, the departures board, and clocks
 * come from blueprint.css and blueprint.js.
 */
html body h1{font-size:var(--type-display)!important}
.sub_body{margin:0;background:#1d1d1f;color:#ffffffbf}
.sub_body a{color:inherit}
.sub{box-sizing:border-box;width:100%;max-width:68rem;margin:0 auto;padding:0 1rem 5rem}
.sub h1,.sub h2,.sub h3{margin:0 0 1rem;color:#fff;line-height:1.3}
.sub p{margin:0 0 1rem;max-width:40rem;line-height:1.7}
.sub code{color:#d7b4ff}
.sub-dim{color:var(--bp-dim)}

/* ---------- Top bar ---------- */
.sub-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1rem;border-bottom:1px solid var(--bp-line);text-transform:uppercase;letter-spacing:.08em}
.sub-nav a{text-decoration:none;color:#ffffffbf}
.sub-nav a:hover,.sub-nav a:focus-visible{color:#fff}
.sub-nav_brand{display:inline-flex;align-items:center;gap:.6rem;color:#fff!important}
.sub-nav_brand img{width:28px;height:28px;image-rendering:auto}
.sub-nav_links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none}
.sub-nav_links a[aria-current="page"]{color:#d7b4ff}
.sub-nav_links a[aria-current="page"]:before{content:"▶ ";color:#b87bfb}

/* ---------- Sections ---------- */
.sub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,28rem);gap:3rem;align-items:center;padding:4.5rem 0 3.5rem}
.sub-hero .cta-actions{justify-content:flex-start;margin-top:1.5rem}
.sub-section{padding:3.5rem 0;border-top:1px solid var(--bp-line)}
.sub-section>p{margin-bottom:2rem}
@media(max-width:991px){.sub-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding:3rem 0 2.5rem}}

/* ---------- Ghost button (like "Copy email", without the email script) ---------- */
.cta-actions .button-work.is-ghost{color:var(--white);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff30,inset 2px 2px 0 var(--px-hi,#ffffff30),inset -2px -2px 0 var(--px-lo,#00000060),4px 4px 0 var(--px-drop,#0b0a0e)}
.cta-actions .button-work.is-ghost:hover{background:#ffffff20}
.cta-actions .button-work.is-ghost:before{content:"["}
.cta-actions .button-work.is-ghost:after{content:"]"}

/* ---------- Press: bios with a fact sheet ---------- */
.press-bios{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2rem 3rem;align-items:start}
.press-bio_list{display:grid;gap:1.5rem}
.press-bio{margin:0;border:1px solid #ffffff26;background:#181818 radial-gradient(circle at 1px 1px,#ffffff0b 1px,transparent 0) 0 0/1rem 1rem}
.press-bio_head{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid #ffffff20;text-transform:uppercase;letter-spacing:.08em}
.press-bio_head span:last-child{color:#b87bfb}
.press-bio_text{margin:0!important;padding:1rem;max-width:none!important;color:#ffffffd9}
.press-bio .cta-actions{justify-content:flex-start;padding:0 1rem 1rem}
.press-facts{position:sticky;top:2rem}
.press-facts .bp-receipt_items dd{text-align:right}
@media(max-width:991px){.press-bios{grid-template-columns:minmax(0,1fr)}.press-facts{position:static;max-width:30rem}}

/* ---------- Press: photos as taped prints ---------- */
.press-photos{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:2rem 3rem;align-items:start}
.press-print{position:relative;margin:0;padding:10px 10px 0;background:var(--bp-paper);color:var(--bp-ink);box-shadow:6px 6px 0 var(--bp-ink)}
.press-print:before{content:"";position:absolute;z-index:2;top:-10px;left:50%;width:72px;height:20px;transform:translateX(-50%);background:repeating-conic-gradient(#b87bfbb3 0 25%,#d7b4ff80 0 50%) 0 0/6px 6px}
.press-print img{display:block;width:100%;height:auto;background:#d9d8d4}
.press-print figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding:.7rem 0 .8rem}
.press-print figcaption a{color:var(--bp-ink);text-decoration:underline;text-underline-offset:3px}
.press-print figcaption a:hover,.press-print figcaption a:focus-visible{color:#6d3fb0}
@media(max-width:767px){.press-photos{grid-template-columns:minmax(0,1fr)}}

/* ---------- Press: links ---------- */
.press-links{margin:0;padding:0;list-style:none;border-top:1px solid var(--bp-line)}
.press-links a{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem .25rem;border-bottom:1px solid var(--bp-line);text-decoration:none;text-align:left}
.press-links a span:nth-child(2){color:var(--bp-dim);overflow-wrap:anywhere}
.press-links a span:last-child{color:#b87bfb}
.press-links a:hover,.press-links a:focus-visible{background:#b87bfb14;color:#fff}
@media(max-width:600px){.press-links a{grid-template-columns:minmax(0,1fr) auto}.press-links a span:nth-child(2){grid-column:1;grid-row:2}}

/* ---------- Proposal template: what's inside ---------- */
.magic-inside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:2rem 3rem;align-items:start}
.magic-list{margin:0;padding:0;list-style:none}
.magic-list li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem;padding:.55rem 0;border-bottom:1px dashed #0b0a0e40}
.magic-list li:before{content:"✓";color:#6d3fb0}
.magic-list li:last-child{border-bottom:0}
@media(max-width:991px){.magic-inside{grid-template-columns:minmax(0,1fr)}}

/* ---------- Departures boards on subpages: left-aligned like the homepage board ---------- */
.sub .bp-board_row{text-align:left}

/* ---------- 404 ---------- */
.lost .bp-board{margin-top:2rem}
.lost .bp-board_row--cancelled .bp-board_status i{background:#ff6b6b}
.lost .bp-board_row--cancelled .bp-board_dest,.lost .bp-board_row--cancelled .bp-board_status{color:#ff9b9b}

/* ---------- End card ---------- */
.sub-end{margin-top:1rem;padding:2.5rem 2rem;border:1px solid var(--bp-line);text-align:center;background:#181818}
.sub-end p{margin-left:auto;margin-right:auto}
.sub-end .cta-actions{justify-content:center}
.sub-end_nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:2rem 0 0;padding:0;list-style:none;text-transform:uppercase;letter-spacing:.08em}
.sub-end_nav a{text-decoration:none;color:var(--bp-dim)}
.sub-end_nav a:hover,.sub-end_nav a:focus-visible{color:#fff}

@media print{.sub-nav,.sub-end .cta-actions,.press-bio .cta-actions{display:none}.sub_body{background:#fff;color:#000}.sub h1,.sub h2,.sub h3,.press-bio_text{color:#000}}