/* ============================================================
   Rescon Trading & Contracting WLL — rescon.css
   Single stylesheet. No framework. Mobile-first.
   ============================================================ */

/* ---- Tokens ------------------------------------------------ */
:root{
  --ink:#14181d;           /* structural dark - headers, footer   */
  --ink-2:#1d232b;         /* raised dark surface                 */
  --slate:#4a5561;         /* body copy on light                  */
  --slate-l:#5d6772;       /* muted copy - AA at small sizes      */
  --line:#dcddd8;          /* hairline rules on light             */
  --line-d:#2c333c;        /* hairline rules on dark              */
  --concrete:#efefec;      /* light section surface               */
  --concrete-2:#e6e7e2;
  --paper:#ffffff;
  --amber:#e8a93a;         /* brand accent, from the Rescon mark  */
  --amber-d:#c98f22;       /* accent hover                        */
  --amber-t:#74540e;       /* accent as text on light (AA, headroom) */

  --wrap:1200px;
  --gut:clamp(1.25rem,4vw,2.5rem);
  --r:3px;                 /* construction = square, not pill     */

  --f-display:"Archivo","Archivo Fallback",system-ui,sans-serif;
  --f-body:"IBM Plex Sans","IBM Plex Fallback",system-ui,sans-serif;

  --step--1:clamp(.82rem,.8rem + .1vw,.88rem);
  --step-0:clamp(1rem,.97rem + .15vw,1.06rem);
  --step-1:clamp(1.15rem,1.08rem + .35vw,1.35rem);
  --step-2:clamp(1.4rem,1.25rem + .7vw,1.85rem);
  --step-3:clamp(1.75rem,1.45rem + 1.4vw,2.6rem);
  --step-4:clamp(2.1rem,1.6rem + 2.4vw,3.6rem);
}

/* Fallback metrics so swap doesn't shift layout (CLS) */
@font-face{font-family:"Archivo Fallback";src:local("Arial");size-adjust:97%;ascent-override:92%;descent-override:24%}
@font-face{font-family:"IBM Plex Fallback";src:local("Arial");size-adjust:101%;ascent-override:95%;descent-override:25%}

/* ---- Reset ------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--f-body);font-size:var(--step-0);
  line-height:1.65;color:var(--slate);background:var(--paper);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{
  font-family:var(--f-display);color:var(--ink);
  line-height:1.12;letter-spacing:-.018em;font-weight:700;margin:0 0 .5em;
  text-wrap:balance;
}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-1)}
h4{font-size:var(--step-0)}
p{margin:0 0 1.1em;max-width:68ch}
a{color:var(--amber-t);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
/* Inline links inside dark sections need the light accent to reach AA. */
.sec--ink a:not(.btn),.hero a:not(.btn),.site-foot p a,.banner a{color:var(--amber)}
.sec--ink a:not(.btn):hover,.hero a:not(.btn):hover,.banner a:hover{color:#fff}
ul,ol{margin:0 0 1.1em;padding-left:1.15em}
li{margin-bottom:.4em}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
::selection{background:var(--amber);color:var(--ink)}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.9rem 1.4rem;z-index:999}
.skip:focus{left:0}

/* ---- Layout ------------------------------------------------ */
.wrap{width:min(100% - (var(--gut)*2),var(--wrap));margin-inline:auto}
.sec{padding-block:clamp(3.25rem,7vw,6rem)}
.sec--tight{padding-block:clamp(2.5rem,5vw,4rem)}
.sec--concrete{background:var(--concrete)}
.sec--ink{background:var(--ink);color:#b9c1c9}
.sec--ink h2,.sec--ink h3{color:#fff}
.lede{font-size:var(--step-1);line-height:1.5;color:var(--slate);max-width:60ch}
.sec--ink .lede{color:#a8b1bb}
.sec-head{max-width:66ch;margin-bottom:clamp(2rem,4vw,3rem)}
.sec-head p{margin-bottom:0}

/* The one repeated structural device: a short amber rule that
   marks a section start, echoing the strokes in the Rescon mark. */
.rule{width:52px;height:4px;background:var(--amber);border:0;margin:0 0 1.5rem;transform:skewX(-24deg)}

/* ---- Buttons ----------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--f-display);font-weight:600;font-size:var(--step--1);
  letter-spacing:.01em;padding:.95rem 1.7rem;border-radius:var(--r);
  border:2px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
  min-height:48px;
}
.btn--primary{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.btn--primary:hover{background:var(--amber-d);border-color:var(--amber-d);color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--onink{background:transparent;color:#fff;border-color:#4d5764}
.btn--onink:hover{background:#fff;color:var(--ink);border-color:#fff}

/* ---- Header ------------------------------------------------ */
.topbar{background:var(--ink);color:#9aa3ad;font-size:var(--step--1);border-bottom:1px solid var(--line-d)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;align-items:center;justify-content:space-between;padding-block:.55rem}
.topbar a{color:#d7dce1;text-decoration:none}
.topbar a:hover{color:var(--amber)}
.topbar-c{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem}
.topbar-c span{display:inline-flex;align-items:center;gap:.45rem}

.site-head{position:sticky;top:0;z-index:80;background:var(--paper);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex-shrink:0}
.brand img{width:44px;height:44px;object-fit:contain}
.brand b{font-family:var(--f-display);font-size:1.12rem;font-weight:700;color:var(--ink);line-height:1.05;display:block;letter-spacing:-.02em}
.brand small{display:block;font-size:.66rem;color:var(--slate-l);letter-spacing:.06em;font-weight:500}

.nav{display:flex;align-items:center;gap:.15rem}
.nav a{
  font-family:var(--f-display);font-weight:600;font-size:.93rem;color:var(--ink);
  text-decoration:none;padding:.65rem .8rem;border-radius:var(--r);display:block;
}
.nav a:hover{background:var(--concrete)}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--amber)}
.has-sub{position:relative}
.has-sub>button{
  font-family:var(--f-display);font-weight:600;font-size:.93rem;color:var(--ink);
  background:none;border:0;padding:.65rem .8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;
  border-radius:var(--r);
}
.has-sub>button:hover{background:var(--concrete)}
.has-sub>button svg{transition:transform .2s}
.has-sub[data-open="true"]>button svg{transform:rotate(180deg)}
.sub{
  position:absolute;top:calc(100% + 6px);left:0;min-width:262px;background:var(--paper);
  border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:var(--r);
  box-shadow:0 14px 34px rgba(20,24,29,.13);padding:.4rem;display:none;
}
.has-sub[data-open="true"] .sub{display:block}
.sub a{padding:.6rem .8rem;font-size:.9rem;font-weight:500;font-family:var(--f-body)}
.head-cta{display:flex;align-items:center;gap:.6rem}
.head-cta .btn{padding:.7rem 1.25rem}

.burger{
  display:none;background:none;border:1px solid var(--line);border-radius:var(--r);
  width:48px;height:48px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.burger span{display:block;width:21px;height:2px;background:var(--ink);transition:.22s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1040px){
  .burger{display:flex}
  .nav{
    position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--paper);
    flex-direction:column;align-items:stretch;gap:0;padding:5.5rem 1.25rem 2rem;
    transform:translateX(100%);visibility:hidden;
    transition:transform .26s ease,visibility .26s;overflow-y:auto;
    border-left:1px solid var(--line);z-index:70;
  }
  .nav[data-open="true"]{transform:none;visibility:visible}
  .nav a,.has-sub>button{padding:.85rem .6rem;width:100%;font-size:1rem}
  .has-sub>button{justify-content:space-between}
  .sub{position:static;display:none;box-shadow:none;border:0;border-left:3px solid var(--amber);
       border-radius:0;margin:0 0 .4rem .6rem;padding:0 0 0 .5rem;min-width:0}
  .has-sub[data-open="true"] .sub{display:block}
  .head-cta .btn--ghost{display:none}
  .nav-scrim{position:fixed;inset:0;background:rgba(20,24,29,.5);z-index:65;opacity:0;pointer-events:none;transition:opacity .26s}
  .nav-scrim[data-open="true"]{opacity:1;pointer-events:auto}
}
@media (max-width:900px){
  .topbar .tb-hours{display:none}
}
@media (max-width:620px){
  .topbar .tb-alt{display:none}
}
@media (max-width:560px){
  .head-cta .btn{display:none}
}

/* ---- Hero -------------------------------------------------- */
.hero{background:var(--ink);color:#c4ccd4;position:relative;overflow:hidden}
.hero .wrap{display:grid;gap:clamp(2rem,4vw,3.5rem);padding-block:clamp(3rem,7vw,5.5rem);align-items:center}
@media (min-width:920px){.hero .wrap{grid-template-columns:1.05fr .95fr}}
.hero h1{color:#fff;font-size:clamp(1.95rem,1.35rem+2.1vw,3.05rem);margin-bottom:1rem;max-width:17ch}
.hero p{color:#aab3bd;font-size:var(--step-1);max-width:46ch;line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}
.hero-fig{position:relative}
.hero-fig img{
  width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);
  /* The diagonal of the Rescon mark, used once, as the hero edge. */
  clip-path:polygon(4.5% 0,100% 0,100% 100%,0 100%);
}
@media (max-width:919px){.hero-fig img{aspect-ratio:16/9;clip-path:none}}
.hero-strip{border-top:1px solid var(--line-d);background:var(--ink-2)}
.hero-strip ul{display:grid;grid-template-columns:repeat(5,1fr);gap:0;list-style:none;margin:0;padding:0}
@media (max-width:1040px){.hero-strip ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.hero-strip ul{grid-template-columns:1fr}}
.hero-strip li{margin:0;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.hero-strip li:last-child{border-right:0}
@media (min-width:1041px){.hero-strip li{border-bottom:0}}
.hero-strip a{
  display:block;padding:1rem 1.1rem;height:100%;color:#cfd6dd;text-decoration:none;
  font-family:var(--f-display);font-weight:600;font-size:.92rem;
  border-top:3px solid transparent;transition:background .18s,border-color .18s,color .18s;
}
.hero-strip a:hover{background:#242b34;color:#fff;border-top-color:var(--amber)}
.hero-strip span{display:block;font-family:var(--f-body);font-weight:400;font-size:.8rem;color:#8b949e;margin-top:.2rem}

/* ---- Page banner (inner pages) ----------------------------- */
.banner{background:var(--ink);color:#fff;position:relative;isolation:isolate}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;z-index:-1}
.banner .wrap{padding-block:clamp(2.75rem,6vw,4.5rem)}
.banner h1{color:#fff;margin-bottom:.6rem}
.banner p{color:#c3cbd3;max-width:56ch;margin:0}
.crumbs{font-size:var(--step--1);margin-bottom:1.1rem;color:#939da7}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:#5c6771}
.crumbs a{color:#c3cbd3;text-decoration:none}
.crumbs a:hover{color:var(--amber)}

/* ---- Grids ------------------------------------------------- */
.grid{display:grid;gap:1.5rem}
.g-2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.g-3{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}
.g-4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.split{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (min-width:880px){.split{grid-template-columns:1fr 1fr}
  .split--wide{grid-template-columns:1.15fr .85fr}}
.split img{border-radius:var(--r);width:100%;object-fit:cover}

/* ---- Service index: a capability table, not a card deck ---- */
.caps{border-top:1px solid var(--line)}
.cap{
  display:grid;gap:.35rem 1.75rem;padding:1.6rem 0;border-bottom:1px solid var(--line);
  align-items:start;text-decoration:none;
}
@media (min-width:760px){.cap{grid-template-columns:minmax(210px,.9fr) 1.6fr auto;align-items:center}}
.cap h3{margin:0;font-size:var(--step-1);transition:color .18s}
.cap p{margin:0;font-size:var(--step--1);color:var(--slate)}
.cap-go{font-family:var(--f-display);font-weight:600;font-size:var(--step--1);color:var(--amber-t);white-space:nowrap}
.cap:hover{background:var(--concrete)}
.cap:hover h3{color:var(--amber-t)}
@media (min-width:760px){.cap:hover{padding-inline:1rem;margin-inline:-1rem}}

/* ---- Service cards (with imagery) -------------------------- */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:355/210;object-fit:cover}
.card-b{padding:1.35rem;display:flex;flex-direction:column;flex:1}
.card h3{font-size:var(--step-1);margin-bottom:.45rem}
.card p{font-size:var(--step--1);margin-bottom:1rem}
.card .cap-go{margin-top:auto;text-decoration:none}
a.card{text-decoration:none;transition:border-color .18s,transform .18s}
a.card:hover{border-color:var(--amber)}

/* ---- Feature list (why choose us) -------------------------- */
.feat{border-top:3px solid var(--amber);padding-top:1.1rem}
.feat h3{font-size:var(--step-0);margin-bottom:.35rem}
.feat p{font-size:var(--step--1);margin:0}
.sec--ink .feat p{color:#9ba4ae}

/* ---- Process: genuinely sequential, so numbered ------------ */
.steps{counter-reset:s;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.step{position:relative;padding-top:2.9rem;border-top:1px solid var(--line)}
.step::before{
  counter-increment:s;content:counter(s,decimal-leading-zero);
  position:absolute;top:1rem;left:0;font-family:var(--f-display);font-weight:700;
  font-size:.85rem;color:var(--amber-t);letter-spacing:.06em;
}
.step h3{font-size:var(--step-0);margin-bottom:.3rem}
.step p{font-size:var(--step--1);margin:0}

/* ---- Projects ---------------------------------------------- */
.proj{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.proj img{width:100%;aspect-ratio:370/232;object-fit:cover}
.proj-b{padding:1.1rem 1.15rem}
.proj h3{font-size:var(--step-0);margin-bottom:.2rem}
.proj p{font-size:var(--step--1);color:var(--slate-l);margin:0}
.tag{
  display:inline-block;font-family:var(--f-display);font-weight:600;font-size:.72rem;
  color:var(--ink);background:var(--amber);padding:.2rem .55rem;border-radius:2px;margin-bottom:.55rem;
}

/* ---- Stats / facts (only verifiable ones) ------------------ */
.facts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.fact{border-left:3px solid var(--amber);padding-left:1.1rem}
.fact b{display:block;font-family:var(--f-display);font-size:var(--step-2);color:#fff;line-height:1.1}
.fact span{font-size:var(--step--1);color:#9ba4ae}

/* ---- Clients ----------------------------------------------- */
.clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--ink);border:1px solid var(--ink);border-radius:var(--r);overflow:hidden}
.clients div{background:var(--amber);display:grid;place-items:center;padding:0}
.clients img{width:100%;height:auto;display:block}

/* ---- Checklist --------------------------------------------- */
.checks{list-style:none;padding:0;margin:0 0 1.5rem}
.checks li{position:relative;padding-left:1.85rem;margin-bottom:.7rem}
.checks li::before{
  content:"";position:absolute;left:0;top:.52em;width:11px;height:11px;
  background:var(--amber);transform:skewX(-24deg);
}

/* ---- FAQ --------------------------------------------------- */
.faq{border-top:1px solid var(--line);max-width:80ch;background:var(--concrete)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;padding:1.15rem 2.5rem 1.15rem 0;position:relative;list-style:none;
  font-family:var(--f-display);font-weight:600;color:var(--ink);font-size:var(--step-0);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:.4rem;top:1.55rem;width:11px;height:11px;
  border-right:2px solid var(--amber-t);border-bottom:2px solid var(--amber-t);
  transform:rotate(45deg);transition:transform .2s;
}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq summary:hover{color:var(--amber-t)}
.faq-a{padding:0 0 1.15rem;background:var(--concrete)}
.faq-a p:last-child{margin-bottom:0}

/* ---- CTA band ---------------------------------------------- */
.cta{background:var(--amber);color:var(--ink)}
.cta .wrap{display:grid;gap:1.5rem;align-items:center;padding-block:clamp(2.5rem,5vw,3.5rem)}
@media (min-width:820px){.cta .wrap{grid-template-columns:1.5fr auto}}
.cta h2{margin-bottom:.4rem;font-size:var(--step-2)}
.cta p{margin:0;color:#4a3a12;max-width:58ch}
.cta .btn--ghost{border-color:var(--ink)}
.cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}

/* ---- Contact / forms --------------------------------------- */
.form{display:grid;gap:1.1rem}
.field label{display:block;font-family:var(--f-display);font-weight:600;font-size:var(--step--1);color:var(--ink);margin-bottom:.35rem}
.field .req{color:#a8321f}
.field input,.field select,.field textarea{
  width:100%;padding:.85rem .95rem;border:1px solid #c3c6c0;border-radius:var(--r);
  font:inherit;font-size:var(--step-0);color:var(--ink);background:var(--paper);min-height:48px;
}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);outline:2px solid var(--amber);outline-offset:0}
.field .hint{font-size:.78rem;color:var(--slate-l);margin:.3rem 0 0}
.field .err{font-size:.8rem;color:#a8321f;margin:.32rem 0 0;display:none}
.field[data-invalid="true"] input,.field[data-invalid="true"] textarea,.field[data-invalid="true"] select{border-color:#a8321f}
.field[data-invalid="true"] .err{display:block}
.form-note{font-size:.82rem;color:var(--slate-l)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{padding:1rem 1.15rem;border-radius:var(--r);border-left:4px solid;display:none;margin-bottom:1rem}
.form-msg[data-show="true"]{display:block}
.form-msg--ok{background:#eaf5ec;border-color:#2e7d43;color:#1c5a2e}
.form-msg--bad{background:#fbeceb;border-color:#a8321f;color:#8a2618}

.info-list{list-style:none;padding:0;margin:0}
.info-list li{display:flex;gap:.85rem;padding:1.1rem 0;border-bottom:1px solid var(--line);margin:0}
.info-list li:first-child{border-top:1px solid var(--line)}
.info-list b{display:block;font-family:var(--f-display);color:var(--ink);font-size:var(--step--1);margin-bottom:.15rem}
.info-list a{color:var(--slate);text-decoration:none}
.info-list a:hover{color:var(--amber-t);text-decoration:underline}
.ico{flex:0 0 20px;margin-top:.28rem;color:var(--amber-t)}

/* ---- Footer ------------------------------------------------ */
.site-foot{background:var(--ink);color:#98a1ab;font-size:var(--step--1)}
.site-foot .wrap{padding-block:clamp(2.75rem,5vw,4rem)}
.foot-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.foot-grid h3{color:#fff;font-size:.95rem;margin-bottom:1rem}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{margin-bottom:.55rem}
.site-foot a{color:#98a1ab;text-decoration:none}
.site-foot a:hover{color:var(--amber);text-decoration:underline}
.foot-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.foot-brand img{width:42px;height:42px;object-fit:contain}
.foot-brand b{font-family:var(--f-display);color:#fff;font-size:1.05rem;letter-spacing:-.02em}
.social{display:flex;gap:.55rem;margin-top:1.1rem}
.social a{
  width:40px;height:40px;border:1px solid var(--line-d);border-radius:var(--r);
  display:grid;place-items:center;color:#98a1ab;
}
.social a:hover{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.foot-base{
  border-top:1px solid var(--line-d);margin-top:2.5rem;padding-top:1.5rem;
  display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;font-size:.82rem;
}
.foot-base ul{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem}
.foot-base li{margin:0}

/* ---- Utilities --------------------------------------------- */
.mb0{margin-bottom:0}
.mt2{margin-top:1.5rem}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.prose h2{margin-top:2.25rem}
.prose h3{margin-top:1.75rem}
.prose h2:first-child,.prose h3:first-child{margin-top:0}

/* ---- Motion: one load reveal only, and only if welcome ----- */
@media (prefers-reduced-motion:no-preference){
  .reveal{animation:rise .55s cubic-bezier(.2,.7,.3,1) both}
  .reveal:nth-child(2){animation-delay:.07s}
  .reveal:nth-child(3){animation-delay:.14s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

@media print{
  .site-head,.topbar,.site-foot,.cta,.burger{display:none}
  body{color:#000}
}