@font-face{font-family:HND;src:url(assets/fonts/HelveticaNowDisplay-Regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:HND;src:url(assets/fonts/HelveticaNowDisplay-Bold.otf) format("opentype");font-weight:700;font-display:swap}
@font-face{font-family:HND;src:url(assets/fonts/HelveticaNowDisplay-ExtraBold.otf) format("opentype");font-weight:800;font-display:swap}
@font-face{font-family:HNT;src:url(assets/fonts/HelveticaNowText-Medium.otf) format("opentype");font-weight:500;font-display:swap}
:root{
  --coral:#F9423A;--cink:#C2312B;--ink:#212322;--g:#63666A;--w:#FFFFFF;--line:#E6E6E6;
  /* 1u = 1/100 of a 16:9 stage that fits the viewport (19.2px @1920x1080) */
  --u:min(1vw,1.7778vh);
  --pad:calc(var(--u)*4.2);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--ink);overflow:hidden}
body{font-family:HNT,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.s{position:fixed;inset:0;background:var(--w);color:var(--ink);padding:calc(var(--pad)*1.9) var(--pad) calc(var(--pad)*1.6);display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;overflow:hidden}
.s.on{opacity:1;visibility:visible}
.s.dark{background:var(--ink);color:var(--w)}
.hd,.ft{position:absolute;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center}
.hd{top:calc(var(--u)*2.9)}.ft{bottom:calc(var(--u)*2.5)}
.hd img{height:clamp(12px,calc(var(--u)*1.25),40px);width:auto}
.lab{font:700 clamp(10px,calc(var(--u)*.72),22px)/1.2 HND,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
.dark .lab{color:rgba(255,255,255,.66)}
.t1{font:800 clamp(40px,calc(var(--u)*8.3),260px)/.94 HND,Arial,sans-serif;letter-spacing:-.055em}
.t2{font:800 clamp(32px,calc(var(--u)*6.25),200px)/1 HND,Arial,sans-serif;letter-spacing:-.05em}
.t3{font:800 clamp(26px,calc(var(--u)*4.6),150px)/1.02 HND,Arial,sans-serif;letter-spacing:-.045em}
.t4{font:800 clamp(20px,calc(var(--u)*3.33),110px)/1.05 HND,Arial,sans-serif;letter-spacing:-.03em}
.t5{font:700 clamp(17px,calc(var(--u)*2.1),70px)/1.12 HND,Arial,sans-serif;letter-spacing:-.02em}
.t6{font:700 clamp(15px,calc(var(--u)*1.45),48px)/1.22 HND,Arial,sans-serif;letter-spacing:-.01em}
.lead{font:500 clamp(14px,calc(var(--u)*1.25),40px)/1.45 HNT,Arial,sans-serif}
.cap{font:500 clamp(11px,calc(var(--u)*.85),28px)/1.45 HNT,Arial,sans-serif;color:var(--g)}
.dark .cap{color:rgba(255,255,255,.62)}
.g{color:var(--g)}.dark .g{color:rgba(255,255,255,.6)}
.coral{color:var(--coral)}.cink{color:var(--cink)}
.hr{height:1px;background:var(--line)}.hr.k{background:var(--ink)}
.dark .hr{background:rgba(255,255,255,.22)}
.mat{height:3px;width:calc(var(--u)*5);background:var(--coral)}
.num{font:800 clamp(11px,calc(var(--u)*.8),26px)/1 HND,Arial;letter-spacing:.08em;color:var(--g)}
.dark .num{color:rgba(255,255,255,.62)}
.mt1{margin-top:calc(var(--u)*1)}.mt2{margin-top:calc(var(--u)*2)}.mt3{margin-top:calc(var(--u)*3)}.mt4{margin-top:calc(var(--u)*4.2)}
.grid{display:grid;column-gap:calc(var(--u)*2.2);row-gap:calc(var(--u)*2)}
.c2{grid-template-columns:1fr 1fr}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c5{grid-template-columns:repeat(5,1fr)}
.col .hr{margin-bottom:calc(var(--u)*1.1)}
.col .num{margin-bottom:calc(var(--u)*.9)}
.mw60{max-width:60%}.mw75{max-width:75%}
/* cover */
.cover-mark{position:absolute;left:var(--pad);bottom:calc(var(--u)*7.6);width:calc(var(--u)*18.75)}
.cover-foot{position:absolute;left:var(--pad);bottom:calc(var(--u)*3.7);width:calc(var(--u)*32)}
.cover-foot .row{display:flex;justify-content:space-between;margin-top:calc(var(--u)*.95)}
/* ratio */
.ratio{display:flex;align-items:flex-end;gap:calc(var(--u)*3)}
.ratio .big{font:800 clamp(64px,calc(var(--u)*15),480px)/.85 HND,Arial;letter-spacing:-.06em}
/* de-para */
.dp{display:grid;grid-template-columns:1fr auto 1fr;column-gap:calc(var(--u)*3);align-items:start}
.dp .arrow{font:800 clamp(40px,calc(var(--u)*7),220px)/1 HND;color:var(--coral);align-self:center}
.item{padding:calc(var(--u)*1) 0;border-top:1px solid var(--line)}
.dark .item{border-color:rgba(255,255,255,.22)}
.item:last-child{border-bottom:1px solid var(--line)}
.dark .item:last-child{border-bottom-color:rgba(255,255,255,.22)}
.tag{display:inline-block;font:700 clamp(9px,calc(var(--u)*.62),20px)/1 HND;letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;padding:.45em .7em;margin-left:.6em;vertical-align:middle;color:var(--g)}
.bandk{background:var(--ink);color:#fff;padding:calc(var(--u)*1.4) calc(var(--u)*1.8);display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*2)}
/* erro */
.strike{position:relative;display:inline-block}
.strike::after{content:"";position:absolute;left:-1%;right:-1%;top:54%;height:3px;background:var(--coral)}
.chips{display:flex;gap:calc(var(--u)*1);flex-wrap:wrap}
.chip{font:700 clamp(14px,calc(var(--u)*1.6),52px)/1 HND;border:1px solid rgba(255,255,255,.35);padding:calc(var(--u)*1.1) calc(var(--u)*1.6);min-width:calc(var(--u)*7);text-align:center}
.chip.ghost{border-style:dashed;color:rgba(255,255,255,.6)}
/* flow */
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.flow div{border-top:1px solid rgba(255,255,255,.3);padding-top:calc(var(--u)*1)}
/* diagram (legacy img) */
.diag{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin-top:calc(var(--u)*1.2)}
.diag img{max-width:100%;max-height:100%;height:auto;display:block;object-fit:contain;box-shadow:0 0 0 1px var(--line)}
.diagwrap{padding-top:calc(var(--u)*6.2);padding-bottom:calc(var(--u)*5.6);justify-content:flex-start}
.dcap{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*2);margin-top:calc(var(--u)*1.1)}
/* pod anatomy (slide 09) */
.pod{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;column-gap:calc(var(--u)*1.4);align-items:stretch}
.pod-node{border-top:3px solid var(--ink);padding-top:calc(var(--u)*1.4)}
.pod-motor{background:var(--ink);color:var(--w);padding:calc(var(--u)*1.8) calc(var(--u)*1.6);display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--u)*18)}
.pod-plus{font:800 clamp(28px,calc(var(--u)*4),120px)/1 HND,Arial;color:var(--coral);align-self:center}
@media (max-aspect-ratio:1/1){
  .pod{grid-template-columns:1fr}
  .pod-plus{transform:none;justify-self:start;padding:calc(var(--u)*.4) 0}
}
/* gantt */
.gantt{display:grid;grid-template-columns:calc(var(--u)*16) 1fr;row-gap:calc(var(--u)*1.4);column-gap:calc(var(--u)*1.6);align-items:stretch}
.gscale{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}
.gscale span{padding-bottom:calc(var(--u)*.6)}
.gtrack{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*.4);position:relative}
.gbar{background:var(--ink);color:#fff;padding:calc(var(--u)*1.1) calc(var(--u)*1.2);min-height:calc(var(--u)*5.2)}
.gbar.lt{background:#fff;color:var(--ink);border:1px solid var(--ink)}
.gname{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);padding-top:calc(var(--u)*.6)}
.gmark{position:absolute;right:0;top:calc(var(--u)*-1);bottom:calc(var(--u)*-1);width:3px;background:var(--coral)}
/* pedidos */
.ped{display:grid;grid-template-columns:calc(var(--u)*4.5) 1fr auto;align-items:baseline;padding:calc(var(--u)*1.05) 0;border-top:1px solid rgba(255,255,255,.22)}
.ped:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
/* table */
.tb{display:flex;flex-direction:column;width:100%}
.tb-row{display:grid;grid-template-columns:minmax(calc(var(--u)*12),calc(var(--u)*16)) minmax(0,1fr) calc(var(--u)*3) minmax(0,1.35fr);align-items:center;column-gap:0;padding:calc(var(--u)*1.05) 0;border-top:1px solid var(--line)}
.tb-row.hdr{border-top:none;padding-top:0;padding-bottom:calc(var(--u)*.6)}
.tb-row>.lab{white-space:nowrap}
.tb .ar{color:var(--g);text-align:center}
@media (max-aspect-ratio:1/1){
  .tb-row{grid-template-columns:1fr 1fr}
  .tb-row>.ar,.tb-row.hdr>:nth-child(3){display:none}
}
/* chrome */
#bar{position:fixed;left:0;bottom:0;height:2px;background:rgba(99,102,106,.55);transition:width .35s ease;z-index:20}
#nav{position:fixed;right:var(--pad);bottom:calc(var(--u)*2.5);z-index:21;display:flex;gap:6px}
#nav button{all:unset;cursor:pointer;width:6px;height:6px;border-radius:50%;background:rgba(99,102,106,.45)}
#nav button.on{background:#63666A;width:18px;border-radius:3px}
.pgn{font-variant-numeric:tabular-nums;margin-right:240px}
/* portrait / small */
@media (max-aspect-ratio:1/1){
  :root{--u:1.9vw;--pad:5vw}
  .s{justify-content:flex-start;overflow-y:auto;padding-top:16vw;padding-bottom:16vw}
  .c2,.c3,.c4,.c5,.dp,.flow{grid-template-columns:1fr}
  .dp .arrow{transform:rotate(90deg);justify-self:start}
  .mw60,.mw75{max-width:100%}
  .gantt{grid-template-columns:1fr}
  .ratio{flex-wrap:wrap}
  #nav{display:none}.pgn{margin-right:0}
}
@media print{html,body{overflow:visible;height:auto}.s{position:relative;opacity:1;visibility:visible;width:100vw;height:100vh;page-break-after:always}#bar,#nav{display:none}}