/* Colours, fonts and spacing can be changed here. No build tools needed. */
:root { --paper:#f6f5ef; --ink:#233c38; --muted:#64736b; --accent:#29776b; --line:#d6ddd3; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }
.site-header, main, footer { width:min(1120px, calc(100% - 80px)); margin-inline:auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding-block:32px; border-bottom:1px solid var(--line); }
.wordmark { font-size:25px; font-weight:700; letter-spacing:-1px; text-decoration:none; color:var(--ink); }
.dot { color:var(--accent); }
.site-label, .eyebrow { font-size:12px; text-transform:uppercase; letter-spacing:1.8px; }
.site-label { color:var(--muted); }
.welcome { padding:76px 0 52px; }
.eyebrow { margin:0 0 20px; font-weight:700; color:var(--accent); }
h1 { font-family:Georgia, 'Times New Roman', serif; font-weight:400; font-size:clamp(40px, 5.5vw, 68px); line-height:1.09; letter-spacing:-2px; margin:0; }
.intro { max-width:520px; font-size:18px; line-height:1.65; color:var(--muted); margin:24px 0 0; }
.pictures { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
figure { margin:0; min-width:0; }
.image-wrap { border-radius:8px; overflow:hidden; border:1px solid var(--line); }
img { display:block; width:100%; height:auto; aspect-ratio:18/13; object-fit:cover; }
figcaption { display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; font-size:12px; line-height:1.5; padding-top:14px; }
.placeholder-label { color:var(--muted); }
.next { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:60px; padding-block:36px 44px; border-top:1px solid var(--line); }
.next .eyebrow { margin-bottom:13px; }
h2 { margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:30px; font-weight:400; letter-spacing:-.5px; }
.future-pages > div { display:flex; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid var(--line); font-size:15px; }
.status { color:var(--muted); font-size:12px; white-space:nowrap; padding-top:2px; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:6px; }
.future-pages a { color:var(--ink); text-underline-offset:4px; }
footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-block:24px 32px; font-size:12px; color:var(--muted); }
@media (max-width:650px) { .site-header, main, footer { width:calc(100% - 40px); } .site-header { padding-block:24px; } .welcome { padding:48px 0 36px; } h1 { letter-spacing:-1.4px; } .intro { font-size:16px; } .pictures, .next { grid-template-columns:1fr; } .pictures { gap:30px; } .next { margin-top:40px; gap:22px; } h2 { font-size:28px; } }

/* Keep the complete supplied illustration visible. */
.assistant-image { object-fit:contain; background:#03101f; }