/* =============================================================
   Stable Construction — theme stylesheet
   Industrial / utilitarian. Navy + safety orange. Hard edges.
   ============================================================= */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: #1a1d24;
  background: #f4f3f0;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--brand, #0f2440); text-decoration: none; transition: color .15s; }
a:hover { color: var(--accent, #ff6a13); }
img { max-width: 100%; display: block; }
hr { border: 0; border-top: 1px solid #d8d6d0; margin: 24px 0; }

h1, h2, h3, h4 {
  font-family: 'Archivo', 'Inter', sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  margin: 0 0 .4em;
  color: var(--brand, #0f2440);
}
h1 { font-size: clamp(2.1rem, 4.5vw, 3.6rem); line-height: 1.05; }
h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.1; }
h3 { font-size: 1.2rem; line-height: 1.3; }
h4 { font-size: .9rem; text-transform: uppercase; letter-spacing: .08em; }

p { margin: 0 0 1em; }

/* ============ HEADER ============ */
.t-header { background: var(--brand, #0f2440); color: #fff; }
.t-bar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  padding: 8px 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: .08em;
  background: #08172e; color: #b9c3d4;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.t-bar-item { white-space: nowrap; }
.t-bar-sep  { opacity: .35; }

.t-nav-wrap {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px; gap: 24px;
  max-width: 1320px; margin: 0 auto;
}
.t-brand { display: flex; align-items: center; gap: 12px; color: #fff; }
.t-brand:hover { color: #fff; }
.t-mark {
  display: inline-block; color: var(--accent, #ff6a13);
  font-size: 22px; line-height: 1; transform: translateY(1px);
}
.t-mark-sm { font-size: 16px; }
.t-wordmark {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 22px; letter-spacing: .02em;
}
.t-brand-sub {
  font-family: 'JetBrains Mono', monospace; font-size: 10px;
  letter-spacing: .25em; color: var(--accent, #ff6a13);
  border-left: 1px solid rgba(255,255,255,.18); padding-left: 12px;
}
.t-nav { display: flex; align-items: center; gap: 28px; }
.t-nav a {
  color: rgba(255,255,255,.85); font-weight: 500; font-size: .95rem;
}
.t-nav a:hover { color: var(--accent, #ff6a13); }
.t-cart { position: relative; }
.t-cart-bubble {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 10px; background: var(--accent, #ff6a13); color: #fff;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  margin-left: 4px;
}
.t-cta {
  background: var(--accent, #ff6a13); color: #fff !important;
  padding: 10px 18px; font-weight: 600; font-size: .9rem;
  letter-spacing: .03em; text-transform: uppercase;
  border: 1px solid var(--accent, #ff6a13);
  transition: background .15s, transform .15s;
}
.t-cta:hover { background: #e85a0a; transform: translateY(-1px); }

/* ============ BUTTONS ============ */
.t-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 24px; border: 1px solid var(--brand, #0f2440);
  background: var(--brand, #0f2440); color: #fff;
  font-family: 'Archivo', sans-serif; font-weight: 700;
  letter-spacing: .03em; text-transform: uppercase; font-size: .85rem;
  cursor: pointer; transition: all .15s;
}
.t-btn:hover { background: #1a3458; color: #fff; transform: translateY(-1px); }
.t-btn-accent { background: var(--accent, #ff6a13); border-color: var(--accent, #ff6a13); }
.t-btn-accent:hover { background: #e85a0a; }
.t-btn-ghost {
  background: transparent; color: var(--brand, #0f2440); border-color: var(--brand, #0f2440);
}
.t-btn-ghost:hover { background: var(--brand, #0f2440); color: #fff; }
.t-btn-light { background: #fff; color: var(--brand, #0f2440); border-color: #fff; }
.t-btn-light:hover { background: #e6e6e6; color: var(--brand, #0f2440); }
.t-btn-sm { padding: 8px 14px; font-size: .75rem; }
.t-btn-lg { padding: 18px 32px; font-size: .95rem; }
.t-btn-block { display: flex; width: 100%; margin-top: 16px; }

/* ============ HERO ============ */
.t-hero {
  background: var(--brand, #0f2440);
  background-image:
    linear-gradient(135deg, rgba(255,106,19,.08) 0%, transparent 50%),
    radial-gradient(at top right, rgba(255,255,255,.05), transparent 60%);
  color: #fff; padding: 80px 24px 60px;
  border-bottom: 4px solid var(--accent, #ff6a13);
}
.t-hero-inner { max-width: 1320px; margin: 0 auto; }
.t-hero-eyebrow {
  font-family: 'JetBrains Mono', monospace; font-size: 12px;
  letter-spacing: .25em; color: var(--accent, #ff6a13);
  margin-bottom: 24px;
}
.t-hero-title {
  font-size: clamp(2.8rem, 7vw, 5.5rem); line-height: .95;
  color: #fff; margin: 0; max-width: 980px;
}
.t-hero-em { color: var(--accent, #ff6a13); }
.t-hero-lede {
  font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.5;
  color: rgba(255,255,255,.78); margin: 28px 0 36px;
  max-width: 680px;
}
.t-hero-cta { display: flex; gap: 16px; flex-wrap: wrap; }
.t-hero-cta .t-btn-ghost { color: #fff; border-color: rgba(255,255,255,.4); background: transparent; }
.t-hero-cta .t-btn-ghost:hover { background: #fff; color: var(--brand, #0f2440); border-color: #fff; }
.t-hero-stats {
  max-width: 1320px; margin: 60px auto 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px; background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.1);
}
.t-hero-stats > div {
  background: var(--brand, #0f2440); padding: 28px 24px;
  display: flex; flex-direction: column; gap: 6px;
}
.t-hero-stats .num {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 2.4rem; color: #fff; line-height: 1;
}
.t-hero-stats sup {
  font-size: 1.2rem; color: var(--accent, #ff6a13);
  vertical-align: super;
}
.t-hero-stats .lbl {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .15em; color: rgba(255,255,255,.55);
  text-transform: uppercase;
}

/* ============ SECTIONS ============ */
.t-main { min-height: 50vh; }
.t-section {
  max-width: 1320px; margin: 0 auto;
  padding: 88px 24px;
}
.t-section-dark {
  max-width: none; margin: 0; padding: 88px 24px;
  background: #0a1828; color: #fff;
}
.t-section-dark > * { max-width: 1320px; margin-left: auto; margin-right: auto; }
.t-section-dark h2, .t-section-dark h3 { color: #fff; }
.t-section-head { margin-bottom: 48px; max-width: 720px; }
.t-section-head p { color: #555; font-size: 1.1rem; }
.t-section-dark .t-section-head p { color: rgba(255,255,255,.7); }
.t-eyebrow {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .25em; color: var(--accent, #ff6a13);
  margin-bottom: 16px;
}
.t-section-link {
  display: inline-block; margin-top: 32px;
  font-family: 'Archivo', sans-serif; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
  font-size: .85rem; color: var(--accent, #ff6a13);
}

/* ============ SERVICES GRID ============ */
.t-svc-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1px; background: #d8d6d0;
  border: 1px solid #d8d6d0;
}
.t-svc-grid-wide { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.t-svc-card {
  background: #fff; padding: 36px 28px;
  display: flex; flex-direction: column; gap: 12px;
  color: inherit; position: relative; transition: background .2s;
}
.t-svc-card:hover { background: #fafaf8; color: inherit; }
.t-svc-card:hover h3 { color: var(--accent, #ff6a13); }
.t-svc-num {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .2em; color: #999;
}
.t-svc-card h3 { font-size: 1.4rem; margin: 0; transition: color .2s; }
.t-svc-card p { color: #555; font-size: .95rem; flex: 1; }
.t-svc-more {
  font-family: 'Archivo', sans-serif; font-weight: 700;
  font-size: .8rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--accent, #ff6a13);
}

/* ============ PROJECTS GRID ============ */
.t-prj-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}
.t-prj-grid-wide { gap: 32px; }
.t-prj-card { color: inherit; }
.t-prj-card:hover h3 { color: var(--accent, #ff6a13); }
.t-section-dark .t-prj-card { color: #fff; }
.t-section-dark .t-prj-card h3 { color: #fff; }
.t-section-dark .t-prj-card p { color: rgba(255,255,255,.65); }
.t-prj-img {
  aspect-ratio: 4 / 3; margin-bottom: 16px;
  background:
    linear-gradient(135deg, rgba(0,0,0,.4), rgba(0,0,0,.1)),
    repeating-linear-gradient(
      45deg,
      hsl(var(--seed, 200deg), 30%, 35%),
      hsl(var(--seed, 200deg), 30%, 35%) 18px,
      hsl(var(--seed, 200deg), 30%, 28%) 18px,
      hsl(var(--seed, 200deg), 30%, 28%) 36px
    );
  position: relative; overflow: hidden;
}
.t-prj-img::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.5) 100%);
}
.t-prj-img-hero { aspect-ratio: 21 / 9; margin-bottom: 32px; }
.t-prj-meta {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .15em; color: #999;
  display: flex; gap: 8px; margin-bottom: 8px;
}
.t-section-dark .t-prj-meta { color: rgba(255,255,255,.5); }
.t-prj-card h3 { font-size: 1.25rem; margin: 6px 0; }
.t-prj-card p { color: #555; font-size: .92rem; }

/* ============ COVERAGE STRIP ============ */
.t-coverage {
  display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px;
  align-items: start;
}
.t-coverage-text p { color: #555; font-size: 1.05rem; max-width: 460px; }
.t-coverage-grid {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.t-cov-pill {
  font-family: 'JetBrains Mono', monospace; font-size: 12px;
  padding: 8px 14px; background: #fff; border: 1px solid #d8d6d0;
  color: #444; letter-spacing: .02em;
}
.t-cov-pill-more {
  background: var(--accent, #ff6a13); color: #fff;
  border-color: var(--accent, #ff6a13); font-weight: 600;
}

/* ============ CTA STRIP ============ */
.t-cta-strip {
  background: var(--accent, #ff6a13); color: #fff;
  padding: 56px 24px;
  display: grid; grid-template-columns: 1fr auto; gap: 32px;
  align-items: center;
}
.t-cta-strip > * { max-width: 1320px; }
.t-cta-strip h2 { color: #fff; margin: 0 0 8px; }
.t-cta-strip p { color: rgba(255,255,255,.85); margin: 0; }
.t-cta-strip-buttons { display: flex; gap: 12px; flex-wrap: wrap; }

/* ============ STANDARD PAGE ============ */
.t-page { max-width: 980px; margin: 0 auto; padding: 80px 24px; }
.t-page-head { margin-bottom: 48px; }
.t-page-sub { font-size: 1.15rem; color: #555; max-width: 640px; }
.t-prose { font-size: 1.05rem; line-height: 1.7; }
.t-prose p { margin-bottom: 1.4em; }
.t-prose a { color: var(--accent, #ff6a13); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.t-lead { font-size: 1.15rem; color: #333; font-weight: 500; }

/* ============ SERVICE DETAIL ============ */
.t-svc-detail {
  display: grid; grid-template-columns: 1fr 320px; gap: 64px;
  align-items: start;
}
.t-cta-card {
  background: var(--brand, #0f2440); color: #fff; padding: 32px;
  position: sticky; top: 24px;
}
.t-cta-card h3 { color: #fff; }
.t-cta-card p { color: rgba(255,255,255,.75); font-size: .95rem; }

/* ============ SERVICE AREA ============ */
.t-area-summary {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1px; background: #d8d6d0; border: 1px solid #d8d6d0;
  margin-bottom: 48px;
}
.t-area-summary > div {
  background: #fff; padding: 20px 16px; text-align: center;
  display: flex; flex-direction: column; gap: 4px;
}
.t-area-num {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 1.6rem; color: var(--brand, #0f2440);
}
.t-area-lbl {
  font-family: 'JetBrains Mono', monospace; font-size: 10px;
  letter-spacing: .15em; color: #888; text-transform: uppercase;
}
.t-area-h {
  font-size: 1.3rem; margin: 40px 0 16px;
  padding-bottom: 8px; border-bottom: 2px solid var(--brand, #0f2440);
}
.t-area-h small { color: #888; font-weight: 500; font-size: .9rem; }
.t-area-list {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 4px 16px;
}
.t-area-list li { font-size: .92rem; padding: 4px 0; }
.t-area-name { font-weight: 500; }
.t-area-office { color: #888; font-size: .82rem; }

/* ============ FORM ============ */
.t-form { margin-top: 16px; }
.t-form h3 { margin-top: 32px; font-size: 1rem; text-transform: uppercase;
  letter-spacing: .08em; font-family: 'JetBrains Mono', monospace;
  color: #888; font-weight: 500; }
.t-form h3:first-child { margin-top: 0; }
.t-form-row { margin-bottom: 20px; }
.t-form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.t-form label {
  display: block; font-size: .85rem; font-weight: 500;
  color: #444; margin-bottom: 6px;
}
.t-form input, .t-form select, .t-form textarea {
  width: 100%; padding: 12px 14px; border: 1px solid #c8c5be;
  background: #fff; font-family: inherit; font-size: 1rem;
  color: #1a1d24; border-radius: 0;
  transition: border-color .15s, box-shadow .15s;
}
.t-form input:focus, .t-form select:focus, .t-form textarea:focus {
  outline: none; border-color: var(--accent, #ff6a13);
  box-shadow: 0 0 0 3px rgba(255,106,19,.15);
}
.t-form textarea { resize: vertical; }
.t-form .t-btn { margin-top: 16px; }

.t-success {
  background: #e9f5ec; border-left: 4px solid #2c9e4f;
  padding: 32px; margin-bottom: 32px;
}
.t-success h2 { color: #1b6e36; }
.t-success-lg { padding: 48px; }
.t-success-lg h1 { color: var(--brand, #0f2440); }

.t-error {
  background: #fde9e6; border-left: 4px solid #c92f1b;
  padding: 20px 24px; margin-bottom: 24px; color: #7a1d12;
}
.t-error ul { margin: 8px 0 0; padding-left: 20px; }

/* ============ SHOP ============ */
.t-prod-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}
.t-prod-card {
  background: #fff; border: 1px solid #d8d6d0;
  display: flex; flex-direction: column;
}
.t-prod-img {
  aspect-ratio: 4/3;
  background:
    linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.05)),
    repeating-linear-gradient(
      90deg,
      hsl(var(--seed, 200deg), 25%, 45%),
      hsl(var(--seed, 200deg), 25%, 45%) 30px,
      hsl(var(--seed, 200deg), 25%, 40%) 30px,
      hsl(var(--seed, 200deg), 25%, 40%) 60px
    );
}
.t-prod-img-lg { aspect-ratio: 1/1; }
.t-prod-body { padding: 24px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.t-prod-kind {
  font-family: 'JetBrains Mono', monospace; font-size: 10px;
  letter-spacing: .2em; color: #888;
}
.t-prod-card h3 { font-size: 1.1rem; margin: 0; }
.t-prod-card h3 a { color: var(--brand, #0f2440); }
.t-prod-card h3 a:hover { color: var(--accent, #ff6a13); }
.t-prod-card p { color: #555; font-size: .9rem; flex: 1; }
.t-prod-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 12px; border-top: 1px solid #eeece6; margin-top: 12px;
}
.t-prod-price {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 1.1rem; color: var(--brand, #0f2440);
}

.t-product-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px;
  align-items: start;
}
.t-prod-desc { font-size: 1.05rem; color: #444; }
.t-prod-price-lg {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 2rem; color: var(--brand, #0f2440);
  padding: 16px 0; border-top: 1px solid #d8d6d0;
  border-bottom: 1px solid #d8d6d0; margin: 20px 0;
}
.t-prod-price-cur {
  font-family: 'JetBrains Mono', monospace; font-size: .85rem;
  font-weight: 500; color: #888; margin-left: 12px;
}
.t-prod-add {
  display: flex; gap: 12px; align-items: end;
}
.t-prod-add label { display: flex; flex-direction: column; gap: 6px; font-size: .85rem; }
.t-prod-add input { width: 80px; padding: 12px; border: 1px solid #c8c5be; font-size: 1rem; }

/* ============ CART / CHECKOUT ============ */
.t-cart-table {
  width: 100%; border-collapse: collapse;
  background: #fff; border: 1px solid #d8d6d0;
  margin-bottom: 24px;
}
.t-cart-table th, .t-cart-table td {
  text-align: left; padding: 16px;
  border-bottom: 1px solid #eeece6;
}
.t-cart-table th {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .15em; text-transform: uppercase;
  color: #888; font-weight: 500; background: #faf9f6;
}
.t-cart-sku {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  color: #888; letter-spacing: .05em;
}
.t-cart-table input[type=number] {
  width: 70px; padding: 8px; border: 1px solid #c8c5be; font-size: .95rem;
}
.t-cart-actions { margin-bottom: 32px; }
.t-cart-summary {
  background: #fff; border: 1px solid #d8d6d0; padding: 24px;
  max-width: 400px; margin-left: auto;
}
.t-cart-summary > div {
  display: flex; justify-content: space-between;
  padding: 8px 0; font-size: .95rem;
}
.t-cart-total {
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 1.2rem; color: var(--brand, #0f2440);
  padding-top: 16px !important; margin-top: 8px;
  border-top: 2px solid var(--brand, #0f2440);
}

.t-checkout-grid {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px;
  align-items: start;
}
.t-checkout-summary {
  background: #faf9f6; border: 1px solid #d8d6d0;
  padding: 28px; position: sticky; top: 24px;
}
.t-checkout-line {
  display: flex; justify-content: space-between;
  padding: 8px 0; font-size: .9rem; gap: 16px;
}
.t-checkout-line strong { display: block; font-weight: 600; }
.t-payment-method {
  background: #faf9f6; padding: 16px; border: 1px solid #d8d6d0;
}
.t-payment-method label {
  display: flex; gap: 12px; align-items: start; cursor: pointer;
  margin: 0 !important;
}
.t-payment-method small { color: #777; }

/* ============ 404 ============ */
.t-404 { text-align: center; padding-top: 120px; }
.t-404 .t-eyebrow {
  font-size: 1rem; color: var(--accent, #ff6a13);
}

/* ============ FOOTER ============ */
.t-footer { background: #08172e; color: rgba(255,255,255,.75); padding: 56px 24px 24px; }
.t-footer-grid {
  max-width: 1320px; margin: 0 auto;
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px;
}
.t-foot-brand {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Archivo', sans-serif; font-weight: 900;
  color: #fff; font-size: 1.1rem; margin-bottom: 8px;
}
.t-foot-tag { color: rgba(255,255,255,.55); font-size: .95rem; }
.t-footer h4 { color: #fff; margin-bottom: 12px; }
.t-footer p { color: rgba(255,255,255,.65); font-size: .9rem; margin: 0 0 6px; }
.t-footer a { color: rgba(255,255,255,.75); }
.t-footer a:hover { color: var(--accent, #ff6a13); }
.t-foot-list { list-style: none; padding: 0; margin: 0; }
.t-foot-list li { padding: 3px 0; }
.t-foot-list a { font-size: .9rem; }
.t-foot-link {
  display: inline-block; margin-top: 8px;
  font-family: 'Archivo', sans-serif; font-weight: 700;
  text-transform: uppercase; font-size: .8rem; letter-spacing: .08em;
  color: var(--accent, #ff6a13) !important;
}
.t-footer-bottom {
  max-width: 1320px; margin: 40px auto 0; padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .1em; color: rgba(255,255,255,.4);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 820px) {
  .t-nav { display: none; }
  .t-nav-wrap { padding: 14px 18px; }
  .t-bar { font-size: 10px; padding: 6px 18px; }
  .t-hero { padding: 56px 18px 40px; }
  .t-section { padding: 56px 18px; }
  .t-section-dark { padding: 56px 18px; }
  .t-page { padding: 56px 18px; }
  .t-coverage { grid-template-columns: 1fr; gap: 32px; }
  .t-svc-detail { grid-template-columns: 1fr; gap: 32px; }
  .t-cta-card { position: static; }
  .t-cta-strip { grid-template-columns: 1fr; }
  .t-product-grid { grid-template-columns: 1fr; gap: 32px; }
  .t-checkout-grid { grid-template-columns: 1fr; gap: 32px; }
  .t-checkout-summary { position: static; }
  .t-form-row-2 { grid-template-columns: 1fr; }
  .t-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 480px) {
  .t-footer-grid { grid-template-columns: 1fr; }
  .t-brand-sub { display: none; }
  .t-hero-stats { grid-template-columns: 1fr 1fr; }
}