/* Product one-sheeters (#361). Shared by /products/*.html.
   No url() images here on purpose: relative URLs in an external stylesheet
   resolve against the stylesheet, which has bitten this family before. */
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-normal.woff2") format("woff2");
  font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-italic.woff2") format("woff2");
  font-weight:300 700;font-style:italic;font-display:swap}
:root{
  --cream:#13110f; --paper:#1d1a16; --wash:#171410;
  --ink:#f0ece6; --ink-2:#bab3a9; --muted:#8b8378;
  --line:#2a251f; --line-2:#3a342c;
  --coral:#d1663f; --coral-deep:#b4522f;
  --band:#0d0b09; --band-ink:#f3efe9; --band-mut:#9d958a;
  --nav-bg:rgba(19,17,15,.9);
  --serif:"Fraunces","Didot","Hoefler Text",Georgia,"Times New Roman",serif;
  --sans:"Helvetica Neue",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding:0 26px}
a{color:inherit;text-decoration:none}
.serif{font-family:var(--serif);font-optical-sizing:auto}

header.nav{border-bottom:1px solid var(--line);background:var(--nav-bg);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}
.nav .row{display:flex;align-items:center;height:74px;gap:20px}
.wm{font-family:var(--serif);font-size:23px;font-weight:400;white-space:nowrap;flex:none}
.wm .dot{color:var(--coral-deep)}
.brand-mark{height:19px;width:auto;display:inline-block;vertical-align:-1px;margin-right:10px}
.nav nav{display:flex;gap:21px;margin-left:auto;font-size:13.5px;letter-spacing:.3px;color:var(--ink-2);text-transform:uppercase;font-weight:600;white-space:nowrap}
.nav nav a:hover{color:var(--coral-deep)}
@media(max-width:900px){ .nav nav .hm{display:none} }
@media(max-width:560px){
  .nav .row{height:64px;gap:12px}
  .wm{font-size:18px}
  .brand-mark{height:16px;margin-right:8px}
  .nav nav{display:none}
}

.s-head{padding:64px 0 40px;border-bottom:1px solid var(--line)}
.kicker{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--coral)}
.kicker a{color:var(--muted)} .kicker a:hover{color:var(--coral-deep)}
.s-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;margin-top:6px}
.s-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.08;letter-spacing:-.4px;margin:14px 0 0}
.stand{font-size:17.5px;color:var(--ink-2);max-width:56ch;margin:16px 0 0;line-height:1.65}
.status{margin:18px 0 0;font-size:13.5px;color:var(--muted);display:flex;align-items:baseline;gap:9px;max-width:56ch}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none;align-self:center}
.s-art{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0d0b09;aspect-ratio:3/2}
.s-art img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){ .s-grid{grid-template-columns:1fr} .s-art{max-width:520px} }

.wgrid{padding:48px 0 8px}
.w-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wc{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px 24px}
.wc h2{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--coral);margin:0}
.wc p{font-size:15px;color:var(--ink-2);line-height:1.62;margin:10px 0 0}
@media(max-width:700px){ .w-cards{grid-template-columns:1fr} }

.how{padding:48px 0 16px}
.how-title{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,36px);letter-spacing:-.3px;margin:0 0 8px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;margin-top:18px}
.fgroup h3{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:-.2px;margin:26px 0 6px}
.fgroup ul{margin:0;padding:0;list-style:none}
.fgroup li{font-size:14.5px;color:var(--ink-2);line-height:1.55;padding:8px 0 8px 20px;border-bottom:1px solid var(--line);position:relative}
.fgroup li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;background:var(--coral);}
@media(max-width:760px){ .fgrid{grid-template-columns:1fr} }

.cta{padding:44px 0 8px;display:block}
.cta .wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cta .pill{display:inline-flex;border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:600;background:var(--coral);color:#211008}
.cta .pill:hover{background:var(--coral-deep);color:#fff}
.cta span{font-size:14px;color:var(--muted);max-width:52ch}

footer{background:var(--band);color:var(--band-mut);padding:40px 0 48px;font-size:13.5px;margin-top:64px}
footer .row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer .links{display:flex;gap:22px;flex-wrap:wrap} footer a:hover{color:var(--band-ink)}

/* ---- print: a true one-sheet. Fit is bought with layout and spacing,
   never zoom or scale, and nothing drops below 10.1pt (KB #18 s1.2a). ---- */
@media print{
  :root{--cream:#ffffff; --paper:#ffffff; --ink:#16130f; --ink-2:#3c362e; --muted:#6b6257;
        --line:#d8d3ca; --coral:#b4522f; --coral-deep:#b4522f; color-scheme:light}
  html{background:#fff}
  body{background:#fff;color:var(--ink);font-size:10.5pt}
  header.nav,.no-print,.cta{display:none !important}
  .s-head{padding:0 0 10pt;border-bottom:1.5pt solid var(--ink)}
  .s-grid{grid-template-columns:1fr;gap:0}
  .s-head h1{font-size:22pt;margin:4pt 0 0}
  .stand{font-size:11.5pt;margin:6pt 0 0}
  .status{font-size:10.1pt;margin:6pt 0 0}
  .status .dot{background:var(--coral)}
  .kicker{font-size:10.1pt;letter-spacing:.1em}
  .wgrid{padding:8pt 0 0}
  .w-cards{grid-template-columns:1fr 1fr;gap:6pt}
  .wc{border:.75pt solid var(--line);border-radius:4pt;padding:6pt 8pt}
  .wc h2{font-size:10.1pt}
  .wc p{font-size:10.1pt;line-height:1.32;margin:3pt 0 0}
  .how{padding:8pt 0 0}
  .how-title{font-size:14pt}
  /* columns pack better than a grid: no tall-neighbor gaps, one sheet stays one sheet */
  .fgrid{display:block;column-count:2;column-gap:16pt;margin-top:2pt}
  .fgroup{break-inside:avoid;page-break-inside:avoid}
  .fgroup h3{font-size:11.5pt;margin:7pt 0 1pt}
  .fgroup li{font-size:10.1pt;line-height:1.3;padding:2.5pt 0 2.5pt 11pt;border-bottom:.5pt solid var(--line)}
  .fgroup li::before{top:6pt;width:4.5pt;height:4.5pt}
  footer{display:none}
  .wrap{max-width:none;padding:0}
  @page{margin:12mm}
}