@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{--black:#000;--ink:#161616;--mute:#606060;--white:#fff;--green:#204A40;--cream:#F6F2E9;--butter:#E9DFA9;--line:rgba(22,22,22,.14);--line-inv:rgba(246,242,233,.18)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400}
.deck{display:flex;flex-direction:column;align-items:center;gap:28px;padding:28px 0}
.slide{position:relative;width:min(1440px,100vw);aspect-ratio:16/9;overflow:hidden;background:var(--white);color:var(--ink);font-size:clamp(9px,1.1vw,16px)}
.slide.cream{background:var(--cream)}
.slide.green{background:var(--green);color:var(--cream)}
.slide.black{background:var(--black);color:var(--cream)}
.pad{position:absolute;inset:0;padding:6% 6.4%}
.foot{position:absolute;left:6.4%;right:6.4%;bottom:4%;display:flex;justify-content:space-between;align-items:center;font-size:.7em;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.55}
.foot img{height:1.1em}
.foot .num{font-variant-numeric:tabular-nums}
.eyebrow{font-size:.78em;letter-spacing:.18em;text-transform:uppercase;font-weight:500;opacity:.7}
.green .eyebrow,.black .eyebrow{opacity:.75}
h1{font-weight:500;letter-spacing:-.03em;line-height:1;font-size:4.6em}
h2{font-weight:500;letter-spacing:-.025em;line-height:1.02;font-size:3.4em;max-width:14em}
h3{font-weight:500;letter-spacing:-.01em;line-height:1.15;font-size:1.5em}
.lede{font-size:1.5em;line-height:1.35;max-width:26em;letter-spacing:-.01em}
.body{font-size:1.1em;line-height:1.5;max-width:34em;color:var(--mute)}
.green .body,.black .body{color:var(--cream);opacity:.82}
.small{font-size:.86em;line-height:1.45;color:var(--mute)}
.green .small,.black .small{color:var(--cream);opacity:.7}
.row{display:flex;gap:5%}
.col{flex:1;min-width:0}
.hr{height:1px;background:var(--line);margin:1.8em 0}
.green .hr,.black .hr{background:var(--line-inv)}
.art{overflow:hidden;background:#ddd;border-radius:2px}
.art img{display:block;width:100%;height:100%;object-fit:cover}
.art.bg{position:absolute;inset:0;border-radius:0}
.fade{position:absolute;inset:0}
.fade.green{background:linear-gradient(90deg,rgba(32,74,64,.96) 34%,rgba(32,74,64,.55) 60%,rgba(32,74,64,.05))}
.fade.black{background:linear-gradient(90deg,rgba(0,0,0,.94) 34%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.05))}
.fade.up{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.85))}
.wm{display:block}
ul.clean{list-style:none}
ul.clean li{padding:.7em 0;border-bottom:1px solid var(--line);font-size:1.02em;line-height:1.4}
ul.clean li:last-child{border-bottom:0}
.green ul.clean li,.black ul.clean li{border-color:var(--line-inv)}
ul.clean li b{font-weight:500}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:1.6em 2.2em}
.stat .v{font-weight:500;font-size:2.8em;letter-spacing:-.03em;line-height:1}
.stat .l{font-size:.78em;letter-spacing:.08em;text-transform:uppercase;margin-top:.6em;opacity:.7}
.stat .t{font-size:.74em;margin-top:.3em;opacity:.55;line-height:1.35}
.steps{display:flex;flex-direction:column}
.step{display:grid;grid-template-columns:3em 1fr;gap:.6em;padding:.8em 0;border-bottom:1px solid var(--line);align-items:baseline}
.green .step,.black .step{border-color:var(--line-inv)}
.step:last-child{border-bottom:0}
.step span{font-size:.74em;letter-spacing:.12em;font-weight:500;opacity:.6}
.step b{display:block;font-size:1.05em;font-weight:500}
.step p{font-size:.88em;line-height:1.45;opacity:.75;margin-top:.2em;grid-column:2}
.pieces{display:grid;grid-template-columns:1fr 1fr;gap:1.2em 2em}
.piece{border-top:1px solid currentColor;padding-top:.9em}
.piece span{font-size:.72em;letter-spacing:.12em;font-weight:500;opacity:.6}
.piece b{display:block;font-size:1.3em;font-weight:500;letter-spacing:-.01em;margin-top:.3em}
.piece p{font-size:.92em;line-height:1.45;opacity:.78;margin-top:.5em}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2em}
.tl{border-top:1px solid currentColor;padding-top:.9em}
.tl span{font-size:.7em;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.tl b{display:block;font-size:1.15em;font-weight:500;margin-top:.3em}
.tl p{font-size:.86em;line-height:1.42;opacity:.75;margin-top:.5em}
table{border-collapse:collapse;width:100%;font-size:.95em}
th{font-size:.7em;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:.6;text-align:left;padding:.5em .6em .6em 0;border-bottom:1px solid currentColor}
td{padding:.62em .6em .62em 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.3}
.green td,.black td{border-color:var(--line-inv)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}
.tag{display:inline-block;font-size:.68em;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:.45em .8em;border:1px solid currentColor;border-radius:2px;opacity:.8}
.swatches{display:flex;gap:.6em}
.swatches span{width:2.6em;height:2.6em;display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8em}
.ledger{display:grid;grid-template-columns:1fr auto auto;gap:.5em 2em;font-variant-numeric:tabular-nums;font-size:1.05em}
.ledger div{padding:.55em 0;border-bottom:1px solid var(--line-inv)}
.ledger .h{font-size:.7em;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.ledger .up{color:var(--butter)}
.ledger .dn{opacity:.6}
@media print{html,body{background:#fff}.deck{gap:0;padding:0}.slide{width:1440px;height:810px;page-break-after:always;break-after:page;font-size:16px}}
.step{align-content:start}
.step p{font-size:.84em}
table.led td,table.led th{padding-right:1em}
table.led td:first-child{white-space:nowrap;opacity:.7}
.foot img{height:1.6em}

