@font-face { font-family:'Canela'; src:url('https://www.chromawest.com/fonts/CanelaText-Bold-Trial.otf') format('opentype'); font-weight:700; font-style:normal; }
@font-face { font-family:'Canela'; src:url('https://www.chromawest.com/fonts/CanelaText-RegularNo2Italic-Trial.otf') format('opentype'); font-weight:400; font-style:italic; }
@font-face { font-family:'NHG'; src:url('https://www.chromawest.com/fonts/neuehaasgrotdisp-65medium-trial.otf') format('opentype'); font-weight:500; }
@font-face { font-family:'NHGRoman'; src:url('https://www.chromawest.com/fonts/neuehaasgrotdisp-55roman-trial.otf') format('opentype'); font-weight:400; }

:root{
  --ink:#161513; --soft:#57544e; --muted:#9a968e; --line:#e7e4dd; --hair:#efece5;
  --red:#C8391E; --paper:#ffffff; --cream:#faf8f3;
}
*{margin:0;padding:0;box-sizing:border-box;}
@page{ size:A4; margin:0; }
html,body{ background:var(--paper); color:var(--ink); font-family:'NHGRoman','Helvetica Neue',sans-serif; -webkit-font-smoothing:antialiased; }
.page{ width:210mm; min-height:297mm; padding:20mm 19mm 16mm; background:var(--paper); position:relative; }
.page + .page{ margin-top:0; }

.doc-head{ display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1.5px solid var(--ink); padding-bottom:13px; margin-bottom:26px; }
.doc-head .mark{ font-family:'Canela',serif; font-weight:700; font-size:18px; letter-spacing:-0.02em; line-height:1; }
.doc-head .mark span{ font-style:italic; font-weight:400; color:var(--red); }
.doc-head .eyebrow{ font-family:'NHGRoman',sans-serif; font-size:8.5px; letter-spacing:0.22em; text-transform:uppercase; color:var(--red); text-align:right; padding-top:4px; }

.title{ font-family:'Canela',serif; font-weight:700; font-size:39px; line-height:1.0; letter-spacing:-0.02em; margin-bottom:15px; }
.title span{ font-style:italic; font-weight:400; color:var(--red); }
.lede{ font-family:'NHGRoman',sans-serif; font-size:12px; line-height:1.75; color:var(--soft); max-width:150mm; margin-bottom:8px; }

h2.sec{ font-family:'NHG',sans-serif; font-weight:500; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--ink); margin:22px 0 11px; padding-bottom:7px; border-bottom:1px solid var(--line); display:flex; align-items:baseline; gap:10px; }
h2.sec .n{ color:var(--red); font-size:10px; }

p{ font-family:'NHGRoman',sans-serif; font-size:11px; line-height:1.72; color:var(--ink); margin-bottom:8px; }
p.muted{ color:var(--soft); }
strong{ font-weight:400; font-family:'NHG',sans-serif; }
em{ font-family:'Canela',serif; font-style:italic; color:var(--red); }
.fill{ font-family:'NHG',sans-serif; color:var(--red); font-weight:500; }

ul{ margin:2px 0 8px; padding:0; list-style:none; }
ul li{ font-family:'NHGRoman',sans-serif; font-size:11px; line-height:1.66; color:var(--ink); padding-left:16px; position:relative; margin-bottom:6px; }
ul li::before{ content:''; position:absolute; left:1px; top:7px; width:5px; height:5px; background:var(--red); border-radius:50%; }
ol{ margin:2px 0 8px 0; padding-left:0; list-style:none; counter-reset:s; }
ol li{ font-family:'NHGRoman',sans-serif; font-size:11px; line-height:1.66; color:var(--ink); padding-left:24px; position:relative; margin-bottom:6px; counter-increment:s; }
ol li::before{ content:counter(s); position:absolute; left:0; top:0; font-family:'NHG',sans-serif; font-size:9.5px; color:var(--red); }

table{ width:100%; border-collapse:collapse; margin:4px 0 12px; }
td,th{ font-family:'NHGRoman',sans-serif; font-size:10.5px; line-height:1.5; text-align:left; padding:9px 10px; border-bottom:1px solid var(--hair); vertical-align:top; }
th{ font-family:'NHG',sans-serif; font-size:8.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); }
tr td:first-child{ color:var(--soft); width:40%; }
tr:last-child td{ border-bottom:none; }
table.tight tr td:first-child{ width:34%; }

.note{ background:var(--cream); border-left:2px solid var(--red); padding:12px 15px; font-family:'NHGRoman',sans-serif; font-size:10px; line-height:1.65; color:var(--soft); margin:14px 0; }

.callout{ background:var(--ink); color:#fff; padding:16px 18px; border-radius:3px; margin:16px 0; }
.callout .k{ font-family:'NHGRoman',sans-serif; font-size:8.5px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(255,255,255,0.45); margin-bottom:6px; }
.callout .v{ font-family:'NHG',sans-serif; font-size:12px; line-height:1.4; color:#fff; }
.callout .v em{ color:#e88a76; }

.blk{ background:var(--cream); border:1px solid var(--hair); border-radius:3px; padding:15px 18px; margin:10px 0; }
.blk .subj{ font-family:'NHG',sans-serif; font-size:10px; color:var(--ink); margin-bottom:9px; }
.blk .subj b{ color:var(--muted); font-family:'NHGRoman',sans-serif; letter-spacing:0.06em; text-transform:uppercase; font-size:8.5px; margin-right:6px; }
.blk p{ font-size:10.5px; line-height:1.7; color:var(--soft); margin-bottom:7px; }
.blk p:last-child{ margin-bottom:0; }

.sign{ display:flex; gap:34px; margin-top:18px; }
.sign .col{ flex:1; }
.sign .line{ border-bottom:1px solid var(--ink); height:34px; }
.sign .lbl{ font-family:'NHGRoman',sans-serif; font-size:8.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-top:7px; }

.foot{ margin-top:30px; padding-top:13px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.foot .made{ font-family:'NHGRoman',sans-serif; font-size:9px; line-height:1.65; color:var(--muted); max-width:128mm; }
.foot .made b{ font-family:'NHG',sans-serif; color:var(--ink); font-weight:500; }
.foot .cw{ font-family:'Canela',serif; font-weight:700; font-size:13px; white-space:nowrap; line-height:1; }
.foot .cw span{ font-style:italic; font-weight:400; color:var(--red); }
.disc{ font-family:'NHGRoman',sans-serif; font-size:8px; line-height:1.5; color:var(--muted); margin-top:9px; max-width:150mm; }
