/* =========================================================================
   Atelier at PurpleBlossom.ai — print/PDF brand system
   Ported from the live site (atelier-website → website/atelier/src/styles/
   global.css, 2026-06-16). Editorial / refined-minimal: ink-on-warm-paper,
   mulberry accent. Type: Fraunces (display) · Newsreader (body) ·
   Spline Sans Mono (labels). Serif fallbacks render if web fonts are offline.

   This is the LOCAL approximation of what BG SlideWare is meant to produce.
   It is NOT SlideWare output. See README.md.
   ========================================================================= */

:root{
  --paper:#F7F3EA; --paper-raised:#FBF9F2; --ink:#1C1A17; --ink-soft:#57524A;
  --rule:#DCD5C6; --accent:#6B2D5C; --accent-ink:#4E1F44; --accent-wash:#EFE7EC;
  --display:"Fraunces",Georgia,serif; --body:"Newsreader",Georgia,serif; --mono:"Spline Sans Mono",ui-monospace,monospace;
}
@page{ size:Letter; margin:0; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--paper); color:var(--ink);
  font-family:var(--body); font-size:10.2pt; line-height:1.42; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
.page{ width:8.5in; min-height:11in; padding:0.62in 0.72in 0.5in; background:var(--paper); position:relative; }
.page + .page{ page-break-before:always; }

h1,h2,h3{ font-family:var(--display); font-weight:460; line-height:1.08; letter-spacing:-0.012em; margin:0; }
p{ margin:0 0 6pt; }
strong{ font-weight:600; color:var(--ink); }
em{ color:var(--ink-soft); }
code{ font-family:var(--mono); font-size:0.92em; }

/* Masthead */
.mast{ display:flex; align-items:center; justify-content:space-between;
  border-bottom:2px solid var(--accent); padding-bottom:8pt; margin-bottom:10pt; }
.mast .mark{ display:flex; align-items:center; gap:9pt; }
.mast svg{ display:block; }
.mast .name{ font-family:var(--display); font-size:15pt; font-weight:520; letter-spacing:-0.01em; color:var(--ink); line-height:1.05; white-space:nowrap; }
.mast .name span{ color:var(--accent); }

/* Download-PDF affordance. Hidden in print/PDF; visible only in a browser
   (see the @media screen block near the bottom of this file). */
.pdf-dl{ display:none; }

.lede{ font-family:var(--display); font-weight:400; font-size:15.5pt; line-height:1.22; color:var(--accent-ink); margin-bottom:8pt; letter-spacing:-0.01em; }
.intro{ font-size:10.6pt; max-width:64ch; margin-bottom:10pt; }

.label{ font-family:var(--mono); font-size:7pt; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); margin:0 0 5pt; }

.why{ display:grid; grid-template-columns:1fr 1fr; gap:5pt 22pt; margin-bottom:10pt; }
.why .item{ border-left:2px solid var(--accent-wash); padding-left:9pt; }
.why .item b{ font-family:var(--display); font-weight:520; font-size:10.6pt; display:block; color:var(--accent-ink); margin-bottom:1pt; }
.why .item span{ font-size:9.4pt; color:var(--ink-soft); line-height:1.3; }

.lines{ display:grid; grid-template-columns:1fr 1fr; gap:18pt; margin-bottom:4pt; }
.line h3{ font-size:12.5pt; color:var(--ink); margin-bottom:1pt; }
.line .sub{ font-size:9pt; color:var(--ink-soft); font-style:italic; margin-bottom:6pt; line-height:1.3; }
.sku{ margin-bottom:4pt; padding-bottom:4pt; border-bottom:1px solid var(--rule); }
.sku:last-child{ border-bottom:none; }
.sku .top{ display:flex; justify-content:space-between; align-items:baseline; gap:8pt; }
.sku .nm{ font-family:var(--display); font-weight:520; font-size:9.8pt; color:var(--ink); }
.sku .pr{ font-family:var(--mono); font-size:8.2pt; color:var(--accent); white-space:nowrap; }
.sku .ds{ font-size:8.7pt; color:var(--ink-soft); line-height:1.28; margin-top:1pt; }

/* Page 2 */
table{ border-collapse:collapse; width:100%; font-size:9.4pt; margin-bottom:13pt; }
th,td{ text-align:left; padding:5pt 9pt; border-bottom:1px solid var(--rule); vertical-align:top; }
th{ font-family:var(--mono); font-size:6.8pt; letter-spacing:0.13em; text-transform:uppercase; color:var(--ink-soft); border-bottom:1.5px solid var(--accent-wash); }
td:last-child{ font-family:var(--display); font-weight:500; color:var(--accent-ink); white-space:nowrap; }

.two{ display:grid; grid-template-columns:1fr 1fr; gap:22pt; margin-bottom:13pt; }
.box{ background:var(--paper-raised); border:1px solid var(--rule); border-radius:3px; padding:11pt 13pt; }
.box p{ font-size:9.6pt; line-height:1.4; }
.box p:last-child{ margin-bottom:0; }

.cta{ background:var(--accent); color:#FBF9F2; border-radius:3px; padding:14pt 16pt; display:flex; justify-content:space-between; align-items:center; gap:16pt; margin-bottom:13pt; }
.cta .l b{ font-family:var(--display); font-weight:520; font-size:13pt; display:block; color:#FBF9F2; margin-bottom:2pt; }
.cta .l span{ font-size:9.4pt; color:#E7C9DE; }
.cta .r{ font-family:var(--mono); font-size:11pt; color:#FBF9F2; white-space:nowrap; }

/* Inline URL affordance (Find us). No underline in the PDF; browsers get one
   via the screen-media block below so the link nature is obvious on screen. */
a.url{ font-family:var(--mono); font-size:9pt; color:var(--accent); text-decoration:none; }

.foot{ position:absolute; bottom:0.4in; left:0.72in; right:0.72in; border-top:1px solid var(--rule);
  padding-top:6pt; font-family:var(--mono); font-size:6.6pt; letter-spacing:0.08em; color:var(--ink-soft);
  display:flex; justify-content:space-between; text-transform:uppercase; }
/* PDF-only chrome — noise when previewing the HTML in a browser.
   Footers are hidden; pages collapse to content height instead of holding
   the 11in Letter-page footprint that creates a visible gap between sections.
   Vertical padding is also trimmed so the section transition reads as a
   natural gap rather than a full sheet-margin of blank paper. */
@media screen {
  .foot{ display:none; }
  .page{ min-height:0; padding-top:0.35in; padding-bottom:0.2in; }
  a.url{ text-decoration:underline; text-decoration-thickness:1px;
    text-underline-offset:2px; text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent); }
  a.url:hover{ text-decoration-color:var(--accent); }
  .pdf-dl{ display:inline-flex; align-items:baseline;
    font-family:var(--mono); font-size:8pt; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--accent); border:1px solid var(--accent); border-radius:3px;
    padding:5pt 10pt; text-decoration:none; }
  .pdf-dl:hover{ background:var(--accent); color:var(--paper); }
}