:root{--paper:#fcf8f3;--ink:#342218;--accent:#94532b;--stage:#eedac0;color-scheme:light}
.hero h1 span{display:block}.product-shot{display:grid;justify-items:center;align-content:start;gap:16px;min-width:0}.product-shot .shot-link{width:min(100%,280px)}.product-shot figcaption{text-align:center;max-width:34ch}.hero-visual{min-width:0}.story-content .product-shot{background:var(--stage);padding:28px}.story-content .product-shot .shot-link{max-width:240px}.reading-pair,.schedule-pair,.household-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-pair .product-shot,.schedule-pair .product-shot,.household-pair .product-shot{padding:20px 12px}.story-heading h2{max-width:23ch}@media(max-width:600px){.product-shot .shot-link{max-width:260px}.reading-pair,.schedule-pair,.household-pair{grid-template-columns:1fr;gap:28px}.story-content .product-shot .shot-link{max-width:250px}}
/* A coffee journal: today's reading, then label entry and history as a reading pair. */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(3rem,5.5vw,5.7rem);font-weight:400;letter-spacing:-.025em;max-width:12ch}.hero h1 span{color:var(--accent)}.hero-visual{padding:28px;background:var(--stage);border-top:6px solid var(--accent)}.hero-visual .shot-link{max-width:255px}.story-content{grid-template-columns:1.3fr 1fr;gap:48px}.reading-pair .product-shot{background:transparent;padding:0}.reading-pair{gap:24px}.story{border-top:1px solid var(--line)}.story h2{font-family:var(--serif);font-weight:400}.fact-band{border:0}.feature-number{font-family:var(--serif);font-size:1.2rem}@media(max-width:800px){.hero{gap:32px}.story-content{grid-template-columns:1fr}.reading-pair{max-width:630px;margin:auto}}@media(max-width:600px){.hero{grid-template-columns:1fr;gap:28px}.hero-visual{padding:24px}.hero h1{font-size:3.3rem}.reading-pair{grid-template-columns:1fr}}