:root{

  --navy-950:#050b13;

  --navy-900:#0e1c28;

  --navy-800:#142838;

  --navy-700:#1f3a4d;

  --ink:#1a232b;

  --steel-700:#33404a;

  --steel-600:#516170;

  --steel-400:#7a8791;

  --steel-300:#9fabb3;

  --steel-200:#d3d9dd;

  --steel-100:#e8ebee;

  --paper-100:#eef1f3;

  --paper-050:#f5f7f8;

  --white:#ffffff;

  --signal-500:#246ba1;

  --signal-600:#01507f;

  --signal-100:#dce8f0;



  --font-display:'Oswald', 'Arial Narrow', sans-serif;

  --font-body:'IBM Plex Sans', -apple-system, Segoe UI, sans-serif;

  --font-mono:'IBM Plex Mono', 'Courier New', monospace;



  --wrap:1180px;

}



*, *::before, *::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{

  margin:0;

  background:var(--white);

  color:var(--navy-900);

  font-family:var(--font-body);

  font-size:18.5px;

  line-height:1.68;

  -webkit-font-smoothing:antialiased;

}

img, svg{ display:block; max-width:100%; }

a{ color:inherit; text-decoration:none; }

ul, ol, dl{ margin:0; padding:0; list-style:none; }

h1,h2,h3,h4{ font-family:var(--font-display); font-weight:600; line-height:1.15; margin:0; letter-spacing:0.01em; color:var(--navy-900); }

h2v { font-family:var(--font-display); font-weight:600; line-height:1.15; margin:0; letter-spacing:0.01em; color:var(--navy-900); }

p{ margin:0; }



*{ border-radius:0 !important; }



.sr-only{

  position:absolute; width:1px; height:1px; overflow:hidden;

  clip:rect(0 0 0 0); white-space:nowrap;

}

.skip-link{

  position:absolute; left:-9999px; top:0; z-index:200;

  background:var(--signal-500); color:#fff; padding:0.75rem 1.25rem;

  font-family:var(--font-mono); font-size:0.85rem;

}

.skip-link:focus{ left:0.5rem; top:0.5rem; }



:focus-visible{ outline:3px solid var(--signal-500); outline-offset:2px; }



.wrap{

  max-width:var(--wrap);

  margin:0 auto;

  padding:0 1.5rem;

}



.eyebrow{

  font-family:var(--font-mono);

  font-size:0.85rem;

  letter-spacing:0.1em;

  text-transform:uppercase;

  color:var(--signal-500);

  margin:0 0 0.9rem;

}

.section-lede{

  max-width:640px;

  color:var(--steel-700);

  font-size:1.14rem;

  margin-top:0.9rem;

}



.text-link{

  display:inline-block;

  font-family:var(--font-mono);

  font-size:0.85rem;

  color:var(--signal-500);

  border-bottom:1px solid var(--signal-500);

  padding-bottom:2px;

}



.btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:0.5rem;

  font-family:var(--font-mono);

  font-size:0.85rem;

  letter-spacing:0.04em;

  text-transform:uppercase;

  padding:0.95rem 1.6rem;

  border:1px solid transparent;

  cursor:pointer;

  transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;

}

.btn-primary{

  background:var(--signal-500);

  color:#fff;

  border-color:var(--signal-500);

}

.btn-primary:hover{ background:var(--signal-600); border-color:var(--signal-600); }

.btn-ghost{

  background:transparent;

  color:var(--navy-900);

  border-color:var(--steel-400);

}

.btn-ghost:hover{ border-color:var(--navy-900); }



.top-strip{

  background:var(--signal-600);

  color:#eaf1f6;

  font-family:var(--font-mono);

  font-size:0.85rem;

  border-bottom:1px solid var(--signal-600);

}

.top-strip-inner{

  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:0.65rem 1.5rem;

  gap:1rem;

  flex-wrap:wrap;

}

.since-badge{ letter-spacing:0.05em; text-transform:uppercase; }

.top-contact a{ color:#ffffff; font-weight:600; }

.top-contact a:hover{ color:var(--signal-100); }

.top-contact .divider{ margin:0 0.5rem; color:#8fb7cf; }



.site-header{

  background:var(--white);

  border-bottom:1px solid var(--steel-200);

  position:sticky; top:0; z-index:100;

}

.header-inner{

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:1rem 1.5rem;

}

.logo{

  display:flex; align-items:center; gap:0.6rem;

  color:var(--navy-900);

}

.logo-img{ height:56px; width:auto; display:block; }

.logo-img--footer{ height:32px; background:var(--white); padding:0.5rem 0.75rem; }

.main-nav ul{

  display:flex; align-items:center; gap:1.8rem;

}

.main-nav a{

  font-family:var(--font-mono);

  font-size:0.88rem;

  letter-spacing:0.02em;

  text-transform:uppercase;

  color:var(--navy-900);

}

.main-nav a:hover{ color:var(--signal-500); }

.main-nav .nav-cta{ padding:0.7rem 1.2rem; color:#fff; }

.nav-toggle{

  display:none;

  flex-direction:column;

  gap:5px;

  background:none; border:none; cursor:pointer; padding:0.5rem;

}

.nav-toggle span{ width:22px; height:2px; background:var(--navy-900); display:block; }



.hero{ background:var(--paper-050); color:var(--navy-900); padding:4rem 0 0; }

.hero-grid{

  display:grid;

  grid-template-columns:1.1fr 0.9fr;

  gap:3rem;

  align-items:center;

  padding-bottom:3.5rem;

}

.hero-copy h1{

  font-size:clamp(2.3rem, 4.2vw, 3.3rem);

  margin:0 0 1.1rem;

}

.hero-lede{ color:var(--steel-700); font-size:1.18rem; max-width:540px; }

.hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; margin:1.8rem 0 1.6rem; }

.hero-facts{ display:flex; flex-direction:column; gap:0.5rem; font-family:var(--font-mono); font-size:0.85rem; color:var(--steel-700); }

.hero-facts li{ padding-left:1.1rem; position:relative; }

.hero-facts li::before{

  content:"›"; position:absolute; left:0; color:var(--signal-500); font-weight:700;

}



.hero-visual{ position:relative; }

.reg-frame{

  position:relative;

  border:1px solid var(--steel-200);

  background:var(--white);

  padding:2.5rem 2rem;

  color:var(--steel-700);

}

.reg-mark{ position:absolute; width:28px; height:28px; color:var(--signal-500); }

.reg-tl{ top:-1px; left:-1px; }

.reg-tr{ top:-1px; right:-1px; }

.reg-bl{ bottom:-1px; left:-1px; }

.reg-br{ bottom:-1px; right:-1px; }

.diecut-art{ width:100%; height:auto; color:var(--steel-700); }

.visual-caption{

  font-family:var(--font-mono);

  font-size:0.9rem;

  color:var(--steel-600);

  margin-top:0.9rem;

  text-align:center;

}



.hero-split{

  display:grid;

  grid-template-columns:1fr 1fr;

  border-top:1px solid var(--steel-200);

}

.split-card{

  display:flex;

  align-items:center;

  gap:1rem;

  padding:1.4rem 1.6rem;

  border-right:1px solid var(--steel-200);

  color:var(--navy-900);

  background:var(--paper-050);

  transition:background 0.15s ease;

}

.split-card:last-child{ border-right:none; }

.split-card:hover{ background:var(--steel-100); }

.split-index{ font-family:var(--font-mono); color:var(--signal-500); font-size:0.85rem; }

.split-text{ font-size:0.92rem; color:var(--steel-700); flex:1; }

.split-text strong{ color:var(--navy-900); display:block; margin-bottom:0.15rem; }

.split-arrow{ color:var(--signal-500); }



.trust-bar{

  display:flex;

  flex-wrap:wrap;

  gap:0.6rem 2rem;

  padding:1.1rem 1.5rem;

  border-top:1px solid var(--steel-200);

  background:var(--steel-100);

}

.trust-item{

  font-family:var(--font-mono);

  font-size:0.85rem;

  letter-spacing:0.05em;

  text-transform:uppercase;

  color:var(--steel-700);

  position:relative;

  padding-left:1.1rem;

}

.trust-item::before{

  content:"";

  position:absolute; left:0; top:0.35em;

  width:6px; height:6px;

  background:var(--signal-500);

}



.section{

  padding:4.5rem 0;

  border-top:1px solid var(--steel-200);

}

.section h2{

  font-size:clamp(1.75rem, 3.2vw, 2.4rem);

  max-width:720px;

  margin-bottom:0.4rem;

}

.section-dark{

  background:var(--paper-100);

  border-top:1px solid var(--steel-200);

}



.capability-grid{

  display:grid;

  grid-template-columns:repeat(3, 1fr);

  gap:1.25rem;

  margin-top:2.5rem;

}

.capability-card{

  background:var(--white);

  border:1px solid var(--steel-200);

  padding:2rem 1.8rem;

  min-height:190px;

}

.capability-card--cta{ background:var(--paper-050); }

.cap-img{

  display:block;

  height:300px;

  width:auto;

  max-width:100%;

  margin-bottom:0.8rem;

}

.capability-card h3{ font-size:1.22rem; margin-bottom:0.6rem; }

.capability-card p{ color:var(--steel-700); font-size:1rem; }

.capability-card .text-link{ margin-top:0.9rem; }



.material-grid{

  display:grid;

  grid-template-columns:repeat(4, 1fr);

  gap:1.25rem;

  margin-top:2.5rem;

}

.material-card{

  background:var(--white);

  border:1px solid var(--steel-200);

  padding:2rem 1.5rem;

  transition:background 0.15s ease, border-color 0.15s ease;

}

.material-card:hover{ background:var(--paper-050); }

.material-img{

  width:100%;

  height:120px;

  object-fit:contain;

  margin-bottom:1.2rem;

}

.material-card h3{ font-size:1.12rem; margin-bottom:0.4rem; }

.material-card p{ color:var(--steel-700); font-size:0.94rem; font-family:var(--font-mono); }



.product-grid{

  display:grid;

  grid-template-columns:repeat(3, 1fr);

  gap:1.25rem;

  margin-top:2.5rem;

}

.product-card{

  background:var(--white);

  border:1px solid var(--steel-200);

  padding:2rem 1.8rem;

  min-height:200px;

  display:flex;

  flex-direction:column;

  gap:0.6rem;

  transition:background 0.15s ease, border-color 0.15s ease;

}

.product-card:hover{ background:var(--paper-050); }

.product-card--featured{ background:var(--signal-500); border-color:var(--signal-500); grid-column:span 1; }

.product-card--featured:hover{ background:var(--signal-600); border-color:var(--signal-600); }

.product-card--featured .text-link{ color:#fff; border-color:#fff; }

.product-card--featured p, .product-card--featured h3{ color:#fff; }

.product-tag{

  font-family:var(--font-mono); font-size:0.82rem; text-transform:uppercase;

  letter-spacing:0.08em; color:#fff; opacity:0.85;

}

.product-card h3{ font-size:1.18rem; }

.product-card p{ color:var(--steel-700); font-size:1rem; flex:1; }



.schools-grid{

  display:grid;

  grid-template-columns:1.1fr 0.9fr;

  gap:3rem;

  align-items:center;

}

.schools-list{ display:grid; gap:1.2rem; margin:2rem 0; }

.schools-list dt{ font-family:var(--font-display); font-size:1.1rem; font-weight:600; }

.schools-list dd{ margin:0.2rem 0 0; color:var(--steel-700); font-size:1rem; }

.schools-visual{

  border:1px solid var(--steel-200);

  padding:1.5rem;

  color:var(--navy-900);

  background:var(--white);

}

.schools-img{

  width:100%;

  height:auto;

  display:block;

}



.process-list{

  display:grid;

  grid-template-columns:repeat(4, 1fr);

  gap:0;

  margin-top:2.5rem;

  border-top:1px dashed var(--steel-400);

}

.process-list li{

  padding:1.8rem 1.5rem 0 0;

  border-right:1px dashed var(--steel-400);

}

.process-list li:last-child{ border-right:none; }

.process-list h3{ font-size:1.14rem; margin:0.7rem 0 0.5rem; }

.process-list p{ color:var(--steel-700); font-size:1rem; }



.industry-tags{

  display:flex; flex-wrap:wrap; gap:0.9rem;

  margin-top:3rem;

  padding-top:2rem;

  border-top:1px solid var(--steel-200);

}

.industry-tags li{

  font-family:var(--font-mono);

  font-size:0.9rem;

  letter-spacing:0.03em;

  text-transform:uppercase;

  color:var(--steel-700);

  border:1px solid var(--steel-300);

  padding:0.5rem 1rem;

  background:var(--white);

}



.lf-process {

    --lf-blue: #075d98;

    --lf-blue-dark: #06375e;

    --lf-navy: #102131;

    --lf-text: #263a4a;

    --lf-muted: #566a78;

    --lf-line: #cfd8df;

    --lf-light: #eef2f5;

    --lf-white: #ffffff;



    background: var(--lf-light);

    color: var(--lf-text);

    font-family: Arial, Helvetica, sans-serif;

    padding: 80px 20px;

  }



  .lf-process *,

  .lf-process *::before,

  .lf-process *::after {

    box-sizing: border-box;

  }



  .lf-process__container {

    width: min(1500px, 100%);

    margin: 0 auto;

  }



  .lf-process__header {

    max-width: 900px;

    margin-bottom: 42px;

  }



  .lf-process__eyebrow {

    display: block;

    margin-bottom: 10px;

    color: var(--lf-blue);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.13em;

    text-transform: uppercase;

  }



  .lf-process__header h2,

  .lf-process__cta h2 {

    margin: 0;

    color: var(--lf-navy);

    font-size: clamp(34px, 4.2vw, 64px);

    line-height: 1.04;

    letter-spacing: -0.025em;

  }



  .lf-process__header p {

    max-width: 820px;

    margin: 22px 0 0;

    color: var(--lf-muted);

    font-size: 19px;

    line-height: 1.7;

  }



  .lf-process__grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid var(--lf-line);

    border-bottom: 1px solid var(--lf-line);

  }



  .lf-process__step {

    min-width: 0;

    padding: 28px 22px 36px;

    border-right: 1px solid var(--lf-line);

  }



  .lf-process__step:first-child {

    padding-left: 0;

  }



  .lf-process__step:last-child {

    padding-right: 0;

    border-right: 0;

  }



  .lf-process__image {

    position: relative;

    margin-bottom: 26px;

    overflow: hidden;

    background: #dfe5e9;

    aspect-ratio: 1 / 1;

  }



  .lf-process__image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 220ms ease;

  }



  .lf-process__step:hover .lf-process__image img {

    transform: scale(1.025);

  }



  .lf-process__number {

    position: absolute;

    right: 0;

    bottom: 0;

    display: grid;

    place-items: center;

    width: 58px;

    height: 58px;

    background: var(--lf-blue);

    color: var(--lf-white);

    font-size: 18px;

    font-weight: 800;

  }



  .lf-process__content h3 {

    margin: 0 0 13px;

    color: var(--lf-navy);

    font-size: 24px;

    line-height: 1.2;

  }



  .lf-process__content p {

    margin: 0;

    color: var(--lf-text);

    font-size: 17px;

    line-height: 1.65;

  }



  .lf-process__content ul {

    margin: 20px 0 0;

    padding: 18px 0 0;

    border-top: 1px solid var(--lf-line);

    list-style: none;

  }



  .lf-process__content li {

    position: relative;

    margin: 9px 0;

    padding-left: 18px;

    color: var(--lf-muted);

    font-size: 15px;

    line-height: 1.5;

  }



  .lf-process__content li::before {

    content: "";

    position: absolute;

    top: 0.62em;

    left: 0;

    width: 7px;

    height: 7px;

    background: var(--lf-blue);

  }



  .lf-process__cta {

    display: grid;

    grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);

    gap: 48px;

    align-items: center;

    margin-top: 64px;

    padding: 42px;

    background: var(--lf-navy);

  }



  .lf-process__cta .lf-process__eyebrow {

    color: #70b7e5;

  }



  .lf-process__cta h2 {

    color: var(--lf-white);

    font-size: clamp(30px, 3vw, 48px);

  }



  .lf-process__cta p {

    max-width: 760px;

    margin: 18px 0 0;

    color: #d6e0e7;

    font-size: 17px;

    line-height: 1.65;

  }



  .lf-process__cta-actions {

    display: grid;

    gap: 12px;

  }



  .lf-process__button {

    display: flex;

    min-height: 54px;

    align-items: center;

    justify-content: center;

    padding: 14px 22px;

    border: 2px solid transparent;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

    font-weight: 800;

    transition:

      background-color 160ms ease,

      border-color 160ms ease,

      color 160ms ease;

  }



  .lf-process__button--primary {

    background: var(--lf-blue);

    color: var(--lf-white);

  }



  .lf-process__button--primary:hover,

  .lf-process__button--primary:focus {

    background: #0870b5;

  }



  .lf-process__button--secondary {

    border-color: #8aa2b2;

    background: transparent;

    color: var(--lf-white);

  }



  .lf-process__button--secondary:hover,

  .lf-process__button--secondary:focus {

    border-color: var(--lf-white);

    background: var(--lf-white);

    color: var(--lf-navy);

  }



  @media (max-width: 1100px) {

    .lf-process__grid {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .lf-process__step {

      padding: 28px;

      border-bottom: 1px solid var(--lf-line);

    }



    .lf-process__step:first-child,

    .lf-process__step:last-child {

      padding: 28px;

    }



    .lf-process__step:nth-child(2) {

      border-right: 0;

    }



    .lf-process__step:nth-child(3),

    .lf-process__step:nth-child(4) {

      border-bottom: 0;

    }



    .lf-process__cta {

      grid-template-columns: 1fr;

    }



    .lf-process__cta-actions {

      grid-template-columns: repeat(2, minmax(0, 1fr));

    }

  }



  @media (max-width: 680px) {

    .lf-process {

      padding: 58px 16px;

    }



    .lf-process__grid {

      grid-template-columns: 1fr;

    }



    .lf-process__step,

    .lf-process__step:first-child,

    .lf-process__step:last-child {

      padding: 28px 0;

      border-right: 0;

      border-bottom: 1px solid var(--lf-line);

    }



    .lf-process__step:last-child {

      border-bottom: 0;

    }



    .lf-process__cta {

      margin-top: 44px;

      padding: 30px 22px;

    }



    .lf-process__cta-actions {

      grid-template-columns: 1fr;

    }

  }



  @media (prefers-reduced-motion: reduce) {

    .lf-process__image img,

    .lf-process__button {

      transition: none;

    }



    .lf-process__step:hover .lf-process__image img {

      transform: none;

    }

  }



.faq-list{ margin-top:2.5rem; border-top:1px solid var(--steel-200); }

.faq-item{ border-bottom:1px solid var(--steel-200); padding:1.2rem 0; }

.faq-item summary{

  font-family:var(--font-display);

  font-weight:600;

  font-size:1.05rem;

  cursor:pointer;

  list-style:none;

  display:flex;

  justify-content:space-between;

  align-items:center;

}

.faq-item summary::-webkit-details-marker{ display:none; }

.faq-item summary::after{

  content:"+";

  font-family:var(--font-mono);

  color:var(--signal-500);

  font-size:1.3rem;

  margin-left:1rem;

}

.faq-item[open] summary::after{ content:"–"; }

.faq-item p{ color:var(--steel-700); margin-top:0.8rem; max-width:680px; }

#faq > .wrap > .text-link{ margin-top:2rem; }



.quote-grid{ display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; }

.quote-contact{ margin-top:1.6rem; font-family:var(--font-mono); font-size:0.95rem; }

.quote-contact a:hover{ color:var(--signal-500); }

.quote-form{ background:var(--white); border:1px solid var(--steel-200); padding:2rem; }

.form-row{ margin-bottom:1.2rem; }

.form-row label{

  display:block; font-family:var(--font-mono); font-size:0.9rem;

  text-transform:uppercase; letter-spacing:0.04em; color:var(--steel-700);

  margin-bottom:0.4rem;

}

.form-row input, .form-row select, .form-row textarea{

  width:100%;

  background:var(--paper-050);

  border:1px solid var(--steel-300);

  color:var(--navy-900);

  padding:0.75rem 0.9rem;

  font-family:var(--font-body);

  font-size:0.95rem;

}

.form-row input:focus, .form-row select:focus, .form-row textarea:focus{

  outline:none; border-color:var(--signal-500);

}

.form-row--split{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.2rem; }

.form-row--split .form-row{ margin-bottom:0; }

.form-row--check{ display:flex; align-items:flex-start; gap:0.6rem; }

.form-row--check input{ width:auto; margin-top:0.3rem; }

.form-row--check label{ text-transform:none; font-family:var(--font-body); color:var(--steel-700); font-size:0.88rem; }

.quote-form .btn{ width:100%; }

.form-note{ font-family:var(--font-mono); font-size:0.85rem; color:var(--steel-600); margin-top:1rem; }



.site-footer{ background:var(--navy-900); color:var(--steel-300); padding:3.5rem 0 0; }

.footer-grid{

  display:grid;

  grid-template-columns:1.4fr 1fr 1fr 1fr;

  gap:2rem;

  padding-bottom:2.5rem;

}

.footer-brand .logo{ margin-bottom:1rem; color:var(--white); }

.footer-brand p{ font-size:0.88rem; max-width:260px; }

.footer-col h3{

  font-family:var(--font-mono);

  font-size:0.9rem;

  text-transform:uppercase;

  letter-spacing:0.06em;

  color:var(--white);

  margin-bottom:1rem;

}

.footer-col ul{ display:grid; gap:0.6rem; font-size:0.9rem; }

.footer-col a:hover{ color:var(--signal-500); }

address{ font-style:normal; font-size:0.9rem; line-height:1.8; }

.footer-hours{ margin-top:0.9rem; font-size:0.85rem; }

.footer-bottom{

  border-top:1px solid var(--navy-700);

  display:flex; justify-content:space-between; align-items:center;

  padding:1.3rem 1.5rem;

  font-size:0.8rem;

  flex-wrap:wrap;

  gap:0.8rem;

}

.footer-legal{ display:flex; gap:1.3rem; }

.footer-legal a:hover{ color:var(--signal-500); }



.mobile-quote-bar{

  display:none;

  position:fixed; bottom:0; left:0; right:0; z-index:150;

  background:var(--signal-500); color:#fff;

  text-align:center; padding:0.9rem;

  font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.05em; font-size:0.85rem;

}



@media (max-width: 900px){

  .hero-grid, .schools-grid, .quote-grid{ grid-template-columns:1fr; }

  .capability-grid, .product-grid{ grid-template-columns:repeat(2, 1fr); }

  .material-grid{ grid-template-columns:repeat(2, 1fr); }

  .process-list{ grid-template-columns:repeat(2, 1fr); }

  .process-list li{ border-bottom:1px dashed var(--steel-400); padding-bottom:1.8rem; }

  .footer-grid{ grid-template-columns:1fr 1fr; }

}



@media (max-width: 720px){

  .main-nav ul{

    display:none;

    position:absolute;

    top:100%; left:0; right:0;

    flex-direction:column;

    align-items:stretch;

    background:var(--white);

    border-top:1px solid var(--steel-200);

    border-bottom:1px solid var(--steel-200);

    padding:1rem 1.5rem 1.5rem;

    gap:1rem;

  }

  .main-nav ul.open{ display:flex; }

  .main-nav .nav-cta{ text-align:center; }

  .nav-toggle{ display:flex; }

  .top-contact{ display:none; }

  .capability-grid, .product-grid, .material-grid, .process-list{ grid-template-columns:1fr; }

  .footer-grid{ grid-template-columns:1fr; }

  .footer-bottom{ flex-direction:column; align-items:flex-start; }

  .mobile-quote-bar{ display:block; }

  body{ padding-bottom:3.4rem; }

  .form-row--split{ grid-template-columns:1fr; }

}



@media (prefers-reduced-motion: reduce){

  html{ scroll-behavior:auto; }

  *{ transition:none !important; }

}