/* Classic Knitting Factory Profile Stylesheet */
/* Scoped to .ck-profile and body.classic-knitting-page */

:root {
  --in-oklab: ;
  --in-oklch: ;
}
@supports (background: linear-gradient(in oklab, white, black)) {
  :root { --in-oklab: in oklab; --in-oklch: in oklch; }
}

/* Match WordPress site-header to Classic Knitting's fresh emerald/mint palette */
body.classic-knitting-page .site-header,
body.classic-knitting-page .site-header-surround {
  background: linear-gradient(110deg var(--in-oklab), rgba(240, 249, 255, 0.88), rgba(238, 246, 255, 0.88) 60%, rgba(224, 242, 254, 0.88)) !important;
  backdrop-filter: blur(20px) saturate(175%);
  -webkit-backdrop-filter: blur(20px) saturate(175%);
  z-index: 30;
  overflow: visible;
}
body.classic-knitting-page .site-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 1px 0 rgba(191, 219, 254, 0.45), 0 10px 28px -16px rgba(19, 46, 38, 0.12);
}
body.classic-knitting-page .site-header:not(.header-sticky),
body.classic-knitting-page .site-header-surround:not(.header-sticky) {
  position: relative;
}

/* Main Profile Container */
.ck-profile {
  --ck-ink: #0f172a;
  --ck-cobalt: #2563eb;
  --ck-blue: #3b82f6;
  --ck-sky: #60a5fa;
  --ck-amber: #b45309;
  --ck-muted: #64748b;
  --ck-slate: #334155;
  --ck-cream: #f8fafc;
  
  /* Glass Tokens */
  --ck-glass-bg: rgba(255, 255, 255, 0.72);
  --ck-glass-border: rgba(255, 255, 255, 0.85);
  --ck-glass-border-subtle: rgba(226, 232, 240, 0.8);
  --ck-glass-blur: blur(20px) saturate(180%);
  --ck-glass-shadow: 
    inset 0 1px 1px 0 rgba(255, 255, 255, 0.95),
    0 4px 20px -2px rgba(15, 23, 42, 0.05),
    0 12px 32px -8px rgba(37, 99, 235, 0.06);
  --ck-glass-shadow-hover: 
    inset 0 1px 2px 0 #ffffff,
    0 8px 30px -4px rgba(15, 23, 42, 0.08),
    0 20px 40px -10px rgba(37, 99, 235, 0.14);
  
  background: 
    radial-gradient(ellipse at 90% 10%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 10% 40%, rgba(37, 99, 235, 0.05) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 85%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),
    #f8fafc;
  color: var(--ck-ink);
  font-family: inherit;
}

.ck-profile .ams-container { max-width: 1200px; }
.ck-profile figure { margin: 0; }
.ck-profile .ams-eyebrow {
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--ck-cobalt);
  font-weight: 700;
  text-transform: uppercase;
}
.ck-profile h2 {
  font-size: clamp(34px, 3.6vw, 48px);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -.04em;
  color: var(--ck-ink);
}
.ck-profile h2 em {
  font-family: Georgia, serif;
  font-weight: 400;
  color: var(--ck-cobalt);
  font-style: italic;
  letter-spacing: -.03em;
}
.ck-profile h3 {
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -.03em;
  font-weight: 600;
  color: var(--ck-ink);
}
.ck-profile p {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--ck-muted);
}
.ck-profile a, .ck-profile button, .ck-profile summary { touch-action: manipulation; }
.ck-profile button { font: inherit; cursor: pointer; }
.ck-profile button:focus-visible { outline: 3px solid var(--ck-cobalt); outline-offset: 4px; }
.ck-profile [hidden] { display: none !important; }
.ck-profile section[id] { scroll-margin-top: 85px; }
.ck-section {
  padding: 85px 0;
  position: relative;
  isolation: isolate;
  background: transparent;
}

.ck-heading {
  text-align: center;
  max-width: 660px;
  margin: 0 auto 45px;
}
.ck-heading .ams-eyebrow { margin-bottom: 16px; }
.ck-heading > p:last-child {
  color: var(--ck-muted);
  max-width: 560px;
  margin: 18px auto 0;
}
.ck-heading-row {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  align-items: flex-end;
  margin-bottom: 40px;
}
.ck-heading-row .ams-eyebrow { margin-bottom: 16px; }
.ck-heading-row > p {
  max-width: 380px;
  color: var(--ck-muted);
}

/* Modern Glass Card Architecture */
.ck-profile :is(.ck-stat, .ck-fact-sheet, .ck-fabric-card, .ck-capacity-banner, .ck-table-block, .ck-workforce-card, .ck-facility-card, .ck-vm-card, .ck-seal-card, .ck-leader-card, .ck-contact-card, .ck-gallery-item, .ck-total-strip, .ck-machine-highlights > :where(article)) {
  border: 1px solid var(--ck-glass-border);
  border-radius: 20px;
  background: var(--ck-glass-bg);
  backdrop-filter: var(--ck-glass-blur);
  -webkit-backdrop-filter: var(--ck-glass-blur);
  box-shadow: var(--ck-glass-shadow);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .35s ease;
  position: relative;
}
.ck-profile :is(.ck-stat, .ck-fact-sheet, .ck-fabric-card, .ck-facility-card, .ck-vm-card, .ck-leader-card, .ck-contact-card, .ck-gallery-item):hover {
  transform: translateY(-5px);
  box-shadow: var(--ck-glass-shadow-hover);
  border-color: rgba(59, 130, 246, 0.45);
}

/* ========================================================
   Modern Glassy Architectural Hero Section
   ======================================================== */
.ck-hero {
  background:
    radial-gradient(ellipse at 85% 15%, rgba(59, 130, 246, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 85%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.6) 0%, transparent 80%),
    #f8fafc;
  padding: 36px 0 85px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.ck-hero-thread {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: 0.55;
}
.ck-hero-thread svg {
  width: 100%;
  height: 100%;
}
.ck-clean-curve {
  fill: none;
  stroke: rgba(59, 130, 246, 0.25);
  stroke-width: 1.8;
  stroke-dasharray: 6 12;
  animation: ck-curve-flow 32s linear infinite;
}
@keyframes ck-curve-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -500; }
}

.ck-hero-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 45px;
}
.ck-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.95);
  color: var(--ck-ink) !important;
  font-size: 13px;
  font-weight: 500;
  box-shadow: inset 0 1px 1px #fff, 0 4px 14px -4px rgba(15, 23, 42, 0.06);
  transition: all .25s ease;
}
.ck-back-arrow {
  transition: transform .25s ease;
}
.ck-back:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateX(-3px);
  box-shadow: inset 0 1px 1px #fff, 0 8px 20px -4px rgba(59, 130, 246, 0.15);
}
.ck-back:hover .ck-back-arrow {
  transform: translateX(-3px);
}
.ck-hero-badge {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--ck-muted);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.85);
}

.ck-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 65px;
  align-items: center;
}

/* Typographic Column */
.ck-hero-copy {
  max-width: 540px;
}
.ck-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ck-cobalt);
  margin-bottom: 20px;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.18);
  width: fit-content;
}
.ck-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ck-blue);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);
  animation: ck-pulse-breathe 2.5s infinite ease-in-out;
}
@keyframes ck-pulse-breathe {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 1; }
}

.ck-hero h1 {
  font-size: clamp(54px, 6.2vw, 86px);
  line-height: 0.98;
  letter-spacing: -.045em;
  font-weight: 700;
  color: var(--ck-ink);
  margin: 0 0 22px;
}
.ck-hero h1 em {
  font-family: Georgia, serif;
  font-weight: 400;
  font-style: italic;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ck-hero-statement {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -.02em;
  color: var(--ck-ink);
  font-weight: 500;
  margin: 0 0 18px;
  min-height: calc(1.4em * 2);
}
.ck-hero-statement em {
  font-family: Georgia, serif;
  font-style: italic;
  color: #c26908;
}
.ck-typewriter {
  display: inline;
}
.ck-typewriter-cursor {
  display: inline-block;
  margin-left: 2px;
  font-style: normal;
  font-weight: 300;
  color: currentColor;
  animation: ck-cursor-blink 1s steps(2, start) infinite;
  user-select: none;
}
@keyframes ck-cursor-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.ck-hero-lead {
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--ck-muted);
  margin: 0 0 32px;
}

.ck-hero-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 38px;
}
.ck-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 15px 28px;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px -6px rgba(15, 23, 42, 0.35);
  transition: all .25s ease;
}
.ck-btn-primary svg {
  width: 16px;
  transition: transform .25s ease;
}
.ck-btn-primary:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px -6px rgba(37, 99, 235, 0.4);
}
.ck-btn-primary:hover svg {
  transform: translateX(4px);
}

.ck-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 24px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--ck-ink) !important;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 1px #fff, 0 4px 14px -4px rgba(15, 23, 42, 0.05);
  transition: all .25s ease;
}
.ck-btn-secondary svg {
  width: 14px;
  transition: transform .25s ease;
}
.ck-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-2px);
  box-shadow: inset 0 1px 1px #fff, 0 8px 20px -4px rgba(59, 130, 246, 0.15);
}
.ck-btn-secondary:hover svg {
  transform: translateX(3px);
}

/* Minimal Glassy Stat Strip */
.ck-hero-metrics {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 16px 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 1px #fff, 0 6px 18px -6px rgba(15, 23, 42, 0.05);
  width: fit-content;
}
.ck-metric-item strong {
  display: block;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--ck-ink);
  line-height: 1.2;
}
.ck-metric-item strong small {
  font-size: 12px;
  font-weight: 500;
  color: var(--ck-muted);
}
.ck-metric-item span {
  display: block;
  font-size: 11px;
  color: var(--ck-muted);
  margin-top: 2px;
}
.ck-metric-sep {
  color: rgba(203, 213, 225, 0.8);
  font-size: 16px;
}

/* Modern Glass Hero Art Stage */
.ck-hero-stage {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ck-hero-canvas {
  position: relative;
  width: 100%;
  max-width: 520px;
}
.ck-canvas-halo {
  position: absolute;
  inset: -28px;
  border-radius: 36px;
  background: radial-gradient(circle at center, rgba(59, 130, 246, 0.15) 0%, transparent 68%);
  pointer-events: none;
  z-index: 0;
  animation: ck-halo-pulse 6s infinite ease-in-out;
}
@keyframes ck-halo-pulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.05); opacity: 1; }
}

.ck-canvas-card {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 1),
    0 24px 50px -16px rgba(15, 23, 42, 0.14),
    0 10px 24px -8px rgba(37, 99, 235, 0.12);
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), box-shadow .4s ease;
  z-index: 1;
}
.ck-canvas-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    inset 0 1px 2px #fff,
    0 32px 60px -16px rgba(15, 23, 42, 0.18),
    0 16px 32px -8px rgba(59, 130, 246, 0.2);
}
.ck-canvas-card img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}
.ck-canvas-card figcaption {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  padding: 16px 20px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.35);
}
.ck-canvas-card figcaption span {
  display: block;
  font-size: 10px;
  letter-spacing: .14em;
  font-weight: 600;
  color: #93c5fd;
  margin-bottom: 4px;
}
.ck-canvas-card figcaption strong {
  display: block;
  font-size: 16.5px;
  font-weight: 500;
  letter-spacing: -.01em;
}

.ck-canvas-tag {
  position: absolute;
  top: -14px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 1px #fff, 0 10px 24px -4px rgba(15, 23, 42, 0.1);
  font-size: 12px;
  font-weight: 600;
  color: var(--ck-ink);
  z-index: 2;
  animation: ck-tag-float 5s infinite ease-in-out;
}
@keyframes ck-tag-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.ck-tag-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ck-blue);
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.8);
}


/* Sticky Navigation (Pill-Style) */
.ck-nav {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(24px) saturate(185%);
  -webkit-backdrop-filter: blur(24px) saturate(185%);
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 1px 0 rgba(191, 219, 254, 0.45), 0 12px 32px -18px rgba(19, 46, 38, 0.1);
}
.ck-nav > .ams-container {
  display: flex;
  gap: 10px;
  padding-block: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
  align-items: center;
}
.ck-nav a {
  padding: 9px 16px;
  border-radius: 999px;
  border-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--ck-ink) !important;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}
.ck-nav a:hover, .ck-nav a[aria-current] {
  background: rgba(255, 255, 255, 0.9);
  color: var(--ck-cobalt) !important;
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px -4px rgba(30, 64, 175, 0.2);
}
.ck-nav a:last-child {
  margin-left: auto;
  background: rgba(224, 242, 254, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: var(--ck-cobalt) !important;
}
.ck-top {
  background: rgba(224, 242, 254, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  padding: 8px 14px;
  color: var(--ck-cobalt);
  font-size: 11px !important;
  font-weight: 600;
  box-shadow: inset 0 1px 0 #fff, 0 4px 10px -4px rgba(30, 64, 175, 0.18);
}

/* Section 1: Overview & Stats */
.ck-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.ck-stat {
  padding: 30px 26px;
  position: relative;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(229, 231, 235, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 10px 24px -12px rgba(0, 0, 0, 0.04);
  transition: all .3s ease;
}
.ck-stat:hover {
  transform: translateY(-4px);
  border-color: rgba(4, 120, 87, 0.3);
  box-shadow: 0 12px 30px -10px rgba(4, 120, 87, 0.1);
}
.ck-stat > span {
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--ck-muted);
  font-weight: 600;
  text-transform: uppercase;
}
.ck-stat > strong {
  display: block;
  font-size: clamp(36px, 3.2vw, 46px);
  letter-spacing: -.04em;
  font-weight: 700;
  margin: 16px 0 8px;
  line-height: 1.1;
  color: var(--ck-ink);
  font-variant-numeric: tabular-nums;
}
.ck-stat > strong small {
  font-size: 14px;
  font-weight: 500;
  color: var(--ck-muted);
  letter-spacing: 0;
}
.ck-stat h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: var(--ck-ink);
}
.ck-profile .ck-stat p {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ck-muted);
  margin-top: 6px;
}

.ck-stat-track {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  border-radius: inherit;
}
.ck-stat-track path {
  fill: none;
  stroke: var(--card-accent, var(--ck-cobalt));
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dashoffset: 0;
  animation: ck-stat-border-orbit 5s linear infinite;
}
.ck-stat:hover .ck-stat-track path {
  animation-play-state: paused;
}
@keyframes ck-stat-border-orbit {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: var(--ck-stat-lap, -500); }
}
@media (prefers-reduced-motion: reduce) {
  .ck-stat .ck-stat-track path { animation: none; stroke-dashoffset: 0; }
}

.ck-story-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 70px;
  align-items: center;
  margin-top: 70px;
}
.ck-story .ams-eyebrow { margin-bottom: 18px; }
.ck-story > p:not(.ams-eyebrow) {
  margin-top: 18px;
  color: var(--ck-muted);
}
.ck-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}
.ck-chips span {
  font-size: 12px;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(229, 231, 235, 0.9);
  background: #f9fafb;
  color: var(--ck-ink);
  transition: all .2s ease;
}
.ck-chips span:hover {
  background: #ffffff;
  border-color: rgba(4, 120, 87, 0.35);
  color: var(--ck-cobalt);
}

.ck-fact-sheet {
  padding: 34px;
  position: relative;
  overflow: hidden;
}
.ck-card-corner {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(30, 64, 175, 0.3);
  border-radius: 50%;
  color: var(--ck-cobalt);
}
.ck-fact-sheet h3 { margin-top: 14px; font-size: 26px; }
.ck-fact-sheet dl { margin: 24px 0 18px; }
.ck-fact-sheet dl > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(191, 219, 254, 0.4);
  font-size: 13px;
  align-items: center;
}
.ck-fact-sheet dt {
  color: var(--ck-muted);
  display: flex;
  gap: 10px;
  align-items: center;
}
.ck-fact-sheet dt span {
  color: var(--ck-blue);
  font-size: 18px;
}
.ck-fact-sheet dd {
  margin: 0;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  color: var(--ck-ink);
}
.ck-profile .ck-fact-sheet > p:not(.ams-eyebrow) {
  font-size: 12px;
  color: var(--ck-muted);
  line-height: 1.8;
  margin-top: 14px;
}
.ck-fact-sheet .ck-link { margin-top: 18px; }

/* Section 2: Capacity & Fabrics - Crisp White Background */
.ck-capacity-section {
  background: #ffffff;
  border-block: 1px solid rgba(226, 232, 240, 0.85);
  box-shadow: 0 4px 20px -10px rgba(15, 23, 42, 0.03);
}

.ck-capacity-section .ck-fabric-card {
  background: rgba(248, 250, 252, 0.7);
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 
    inset 0 1px 2px #ffffff,
    0 4px 16px -4px rgba(15, 23, 42, 0.04);
}
.ck-capacity-section .ck-fabric-card:hover {
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.4);
  box-shadow: 
    inset 0 1px 2px #ffffff,
    0 16px 36px -8px rgba(37, 99, 235, 0.15),
    0 4px 12px rgba(15, 23, 42, 0.04);
}

.ck-capacity-section .ck-capacity-showcase {
  background: linear-gradient(135deg, #ffffff 0%, rgba(241, 246, 254, 0.9) 100%);
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 
    inset 0 1px 2px #fff,
    0 10px 30px -10px rgba(37, 99, 235, 0.1),
    0 20px 45px -15px rgba(15, 23, 42, 0.05);
}

.ck-capacity-section .ck-fabric-filter-bar {
  background: rgba(248, 250, 252, 0.85);
  border: 1px solid rgba(226, 232, 240, 0.95);
}

/* Section 2: Capacity & Fabrics - Modern Animated Showcase */
.ck-capacity-showcase {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 32px;
  position: relative;
  isolation: isolate;
  padding: 40px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 247, 255, 0.85));
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 
    inset 0 1px 2px #fff,
    0 12px 35px -10px rgba(37, 99, 235, 0.12),
    0 25px 60px -20px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  margin-bottom: 35px;
  overflow: hidden;
}

.ck-cap-glow-orbit {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, rgba(37, 99, 235, 0.05) 50%, transparent 70%);
  pointer-events: none;
  animation: ck-orbit-pulse 8s ease-in-out infinite alternate;
  z-index: -1;
}

@keyframes ck-orbit-pulse {
  0% { transform: scale(0.9) translate(0, 0); opacity: 0.6; }
  100% { transform: scale(1.15) translate(-20px, 20px); opacity: 1; }
}

.ck-cap-metric-glass {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 25px;
  border-right: 1px solid rgba(226, 232, 240, 0.8);
}
.ck-cap-badge-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.ck-cap-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  letter-spacing: .12em;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(37, 99, 235, 0.22);
  color: var(--ck-cobalt);
  font-weight: 700;
}
.ck-cap-subbadge {
  font-size: 11px;
  color: var(--ck-muted);
  font-weight: 500;
}
.ck-cap-metric-glass strong {
  display: block;
  font-size: clamp(52px, 5.2vw, 72px);
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -.05em;
  color: var(--ck-ink);
  font-variant-numeric: tabular-nums;
}
.ck-cap-metric-glass strong small {
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--ck-cobalt);
  margin-left: 6px;
}
.ck-cap-progress-track {
  height: 6px;
  width: 100%;
  max-width: 320px;
  background: rgba(226, 232, 240, 0.8);
  border-radius: 999px;
  margin: 18px 0 14px;
  overflow: hidden;
  position: relative;
}
.ck-cap-progress-fill {
  height: 100%;
  width: var(--cap-progress, 85%);
  background: linear-gradient(90deg, #2563eb, #3b82f6, #60a5fa);
  border-radius: 999px;
  position: relative;
  animation: ck-bar-shimmer 3s ease infinite;
}
@keyframes ck-bar-shimmer {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.25); }
  100% { filter: brightness(1); }
}
.ck-cap-desc {
  font-size: 14.5px;
  color: var(--ck-muted);
  line-height: 1.65;
  margin: 0;
  max-width: 360px;
}

.ck-cap-features-glass {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
.ck-cap-pill-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 16px -4px rgba(15, 23, 42, 0.04);
  transition: all .3s cubic-bezier(0.16, 1, 0.3, 1);
}
.ck-cap-pill-card:hover {
  background: #ffffff;
  transform: translateX(6px);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 24px -6px rgba(37, 99, 235, 0.12);
}
.ck-cap-icon-box {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.06));
  color: var(--ck-cobalt);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border: 1px solid rgba(37, 99, 235, 0.18);
  transition: transform .3s ease;
}
.ck-cap-pill-card:hover .ck-cap-icon-box {
  transform: scale(1.08) rotate(4deg);
  background: var(--ck-cobalt);
  color: #fff;
}
.ck-cap-icon-box svg {
  width: 20px;
  height: 20px;
}
.ck-cap-pill-card h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--ck-ink);
  margin: 0 0 4px;
}
.ck-cap-pill-card p {
  font-size: 13px;
  line-height: 1.55;
  color: var(--ck-muted);
  margin: 0;
}

/* Category Filter Bar */
.ck-fabric-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 28px;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(226, 232, 240, 0.85);
  backdrop-filter: blur(12px);
}
.ck-filter-label {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ck-slate);
  letter-spacing: .02em;
}
.ck-filter-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ck-filter-btn {
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.85);
  background: #ffffff;
  color: var(--ck-muted);
  font-size: 12.5px;
  font-weight: 500;
  transition: all .25s ease;
  cursor: pointer;
}
.ck-filter-btn:hover {
  color: var(--ck-cobalt);
  border-color: rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}
.ck-filter-btn.is-active {
  background: var(--ck-cobalt);
  border-color: var(--ck-cobalt);
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 4px 14px -3px rgba(37, 99, 235, 0.4);
}

/* Fabric Cards Grid - Animated & Weave Swatches */
/* Fabric Cards Grid - Minimalist Frosted Glass Style */
.ck-fabrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.ck-fabric-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 28px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 
    inset 0 1px 2px #fff,
    0 4px 20px -4px rgba(15, 23, 42, 0.05),
    0 12px 30px -10px rgba(37, 99, 235, 0.05);
  transition: transform .35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .35s ease, border-color .35s ease;
  overflow: hidden;
}

.ck-fabric-card.is-hidden {
  display: none;
}

.ck-fabric-card:hover {
  transform: translateY(-6px);
  border-color: rgba(37, 99, 235, 0.38);
  box-shadow: 
    inset 0 1px 2px #ffffff,
    0 16px 36px -8px rgba(37, 99, 235, 0.16),
    0 6px 16px rgba(15, 23, 42, 0.04);
}

/* Subtle ambient corner glow on card hover */
.ck-fabric-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.12) 0%, transparent 70%);
  border-radius: 0 22px 0 140px;
  pointer-events: none;
  opacity: 0.5;
  transition: opacity .35s ease, transform .35s ease;
}
.ck-fabric-card:hover::before {
  opacity: 1;
  transform: scale(1.1);
}

/* Top Bar: Circular Fiber Icon Ring + Gauge Pill */
.ck-fabric-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}

.ck-fabric-icon-ring {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.04) 100%);
  border: 1px solid rgba(37, 99, 235, 0.18);
  color: var(--ck-cobalt);
  display: grid;
  place-items: center;
  transition: transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}
.ck-fabric-icon-ring svg {
  width: 22px;
  height: 22px;
}
.ck-fabric-card:hover .ck-fabric-icon-ring {
  transform: scale(1.08) rotate(6deg);
  background: var(--ck-cobalt);
  color: #ffffff;
  border-color: var(--ck-cobalt);
  box-shadow: 0 6px 18px -4px rgba(37, 99, 235, 0.4);
}

.ck-fabric-gauge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.85);
  border: 1px solid rgba(226, 232, 240, 0.9);
  color: var(--ck-slate);
  transition: all .25s ease;
}
.ck-fabric-card:hover .ck-fabric-gauge {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.25);
  color: var(--ck-cobalt);
}

/* Card Content */
.ck-fabric-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.ck-fabric-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ck-fabric-index {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--ck-muted);
}
.ck-fabric-badge-format {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--ck-cobalt);
  background: rgba(37, 99, 235, 0.06);
  padding: 2px 8px;
  border-radius: 6px;
}

.ck-fabric-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
  margin: 0 0 10px;
  color: var(--ck-ink);
  transition: color .25s ease;
}
.ck-fabric-card:hover h3 {
  color: var(--ck-cobalt);
}

.ck-profile .ck-fabric-card p {
  font-size: 14px;
  line-height: 1.65;
  color: var(--ck-muted);
  margin: 0 0 24px;
}

/* Bottom Bar: Status Pill + Modern Arrow Trigger */
.ck-fabric-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid rgba(226, 232, 240, 0.85);
}

.ck-fabric-tag {
  font-size: 11px;
  font-weight: 600;
  color: var(--ck-muted);
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ck-fabric-tag::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
}

.ck-fabric-arrow-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1px solid rgba(226, 232, 240, 0.8);
  display: grid;
  place-items: center;
  color: var(--ck-slate);
  font-size: 14px;
  font-weight: 600;
  transition: all .25s cubic-bezier(0.16, 1, 0.3, 1);
}
.ck-fabric-card:hover .ck-fabric-arrow-btn {
  background: var(--ck-cobalt);
  color: #ffffff;
  border-color: var(--ck-cobalt);
  transform: translate(2px, -2px) rotate(45deg);
  box-shadow: 0 4px 12px -2px rgba(37, 99, 235, 0.4);
}

/* Responsive adjustments for Capacity & Fabrics */
@media (max-width: 1024px) {
  .ck-capacity-showcase {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px;
  }
  .ck-cap-metric-glass {
    border-right: none;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    padding-right: 0;
    padding-bottom: 25px;
  }
  .ck-fabrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ck-capacity-showcase {
    padding: 24px 20px;
  }
  .ck-fabrics-grid {
    grid-template-columns: 1fr;
  }
  .ck-fabric-filter-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .ck-filter-buttons {
    width: 100%;
  }
  .ck-filter-btn {
    flex: 1 1 auto;
    text-align: center;
    font-size: 11.5px;
    padding: 6px 12px;
  }
}

/* Section 3: Machinery Tables */

/* Section 3: Machinery Tables */
.ck-machine-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 30px;
}
.ck-machine-highlights > article {
  padding: 20px 22px;
  background: #ffffff;
  border: 1px solid rgba(229, 231, 235, 0.9);
  border-radius: 14px;
  border-left: 3px solid var(--ck-cobalt);
}
.ck-machine-highlights strong {
  display: block;
  font-size: 19px;
  letter-spacing: -.02em;
  color: var(--ck-ink);
  margin-bottom: 4px;
}
.ck-machine-highlights span {
  font-size: 12.5px;
  color: var(--ck-muted);
  line-height: 1.55;
}

.ck-tables-container {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 26px;
  align-items: start;
}
.ck-tables-subgroup {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* ========================================================
   Vibrant Color Schemes for Machinery Table Blocks
   ======================================================== */

/* Section 01: Sapphire Blue / Cobalt Theme (Single Jersey) */
.ck-table-theme-blue {
  --ck-tbl-accent: #2563eb;
  --ck-tbl-accent-dark: #1d4ed8;
  --ck-tbl-top-bar: #2563eb;
  --ck-tbl-badge-bg: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
  --ck-tbl-badge-color: #ffffff;
  --ck-tbl-badge-shadow: 0 3px 10px rgba(37, 99, 235, 0.32);
  --ck-tbl-card-border: #bfdbfe;
  --ck-tbl-card-bg: linear-gradient(180deg, #f0f7ff 0%, #ffffff 130px, #ffffff 100%);
  --ck-tbl-card-shadow: 0 14px 34px -10px rgba(37, 99, 235, 0.14), 0 0 0 1px rgba(37, 99, 235, 0.08);
  --ck-tbl-wrap-border: #dbeafe;
  --ck-tbl-thead-bg: linear-gradient(180deg, #edf5ff 0%, #e0effe 100%);
  --ck-tbl-thead-color: #1e3a8a;
  --ck-tbl-thead-border: #bfdbfe;
  --ck-tbl-row-alt: #f7faff;
  --ck-tbl-row-hover: #eaf3ff;
  --ck-tbl-row-border: #e8f0f9;
  --ck-tbl-num-bg: #dbeafe;
  --ck-tbl-num-color: #1d4ed8;
  --ck-tbl-num-border: #bfdbfe;
  --ck-tbl-dia-color: #1e3a8a;
}

/* Section 02: Royal Violet / Purple Theme (Rib Interlock) */
.ck-table-theme-purple {
  --ck-tbl-accent: #7c3aed;
  --ck-tbl-accent-dark: #6d28d9;
  --ck-tbl-top-bar: #7c3aed;
  --ck-tbl-badge-bg: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%);
  --ck-tbl-badge-color: #ffffff;
  --ck-tbl-badge-shadow: 0 3px 10px rgba(109, 40, 217, 0.32);
  --ck-tbl-card-border: #ddd6fe;
  --ck-tbl-card-bg: linear-gradient(180deg, #f8f5ff 0%, #ffffff 130px, #ffffff 100%);
  --ck-tbl-card-shadow: 0 14px 34px -10px rgba(124, 58, 237, 0.14), 0 0 0 1px rgba(124, 58, 237, 0.08);
  --ck-tbl-wrap-border: #ede9fe;
  --ck-tbl-thead-bg: linear-gradient(180deg, #f5f0ff 0%, #ece2fe 100%);
  --ck-tbl-thead-color: #4c1d95;
  --ck-tbl-thead-border: #ddd6fe;
  --ck-tbl-row-alt: #faf7ff;
  --ck-tbl-row-hover: #f3e8ff;
  --ck-tbl-row-border: #f0eafb;
  --ck-tbl-num-bg: #ede9fe;
  --ck-tbl-num-color: #6d28d9;
  --ck-tbl-num-border: #ddd6fe;
  --ck-tbl-dia-color: #4c1d95;
}

/* Section 03: Persian Green / Teal Theme (Tube Single Jersey) */
.ck-table-theme-teal {
  --ck-tbl-accent: #059669;
  --ck-tbl-accent-dark: #047857;
  --ck-tbl-top-bar: #059669;
  --ck-tbl-badge-bg: linear-gradient(135deg, #047857 0%, #059669 100%);
  --ck-tbl-badge-color: #ffffff;
  --ck-tbl-badge-shadow: 0 3px 10px rgba(5, 150, 105, 0.32);
  --ck-tbl-card-border: #a7f3d0;
  --ck-tbl-card-bg: linear-gradient(180deg, #f0fdf7 0%, #ffffff 130px, #ffffff 100%);
  --ck-tbl-card-shadow: 0 14px 34px -10px rgba(5, 150, 105, 0.14), 0 0 0 1px rgba(5, 150, 105, 0.08);
  --ck-tbl-wrap-border: #d1fae5;
  --ck-tbl-thead-bg: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
  --ck-tbl-thead-color: #064e3b;
  --ck-tbl-thead-border: #a7f3d0;
  --ck-tbl-row-alt: #f3fcf8;
  --ck-tbl-row-hover: #e5f9f1;
  --ck-tbl-row-border: #e3f6ee;
  --ck-tbl-num-bg: #d1fae5;
  --ck-tbl-num-color: #047857;
  --ck-tbl-num-border: #a7f3d0;
  --ck-tbl-dia-color: #064e3b;
}

/* Table Card Blocks */
.ck-profile .ck-table-block {
  padding: 26px;
  overflow: hidden;
  background: var(--ck-tbl-card-bg, #ffffff);
  /*border: 1px solid var(--ck-tbl-card-border, #e2e8f0);*/
  /*border-top: 2px solid var(--ck-tbl-top-bar, var(--ck-cobalt));*/
  border-radius: 8px;
  /*box-shadow: var(--ck-tbl-card-shadow, 0 10px 25px -5px rgba(0,0,0,0.05));*/
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
}
.ck-profile .ck-table-block:hover {
  transform: translateY(-3px);
  /*box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--ck-tbl-accent);*/
}

.ck-table-head {
  margin-bottom: 20px;
}
.ck-table-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border-radius: 20px;
  background: var(--ck-tbl-badge-bg, var(--ck-cobalt));
  color: var(--ck-tbl-badge-color, #ffffff) !important;
  font-size: 10px;
  letter-spacing: .12em;
  font-weight: 700;
  box-shadow: var(--ck-tbl-badge-shadow, none);
  margin-bottom: 8px;
}
.ck-table-head h3 {
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  color: #0f172a;
  letter-spacing: -.02em;
}
.ck-table-count {
  display: block;
  font-size: 12.5px;
  color: #64748b;
  margin-top: 5px;
  font-weight: 500;
}

/* Scrollable Table Wrapper */
.ck-table-wrap {
  overflow-x: auto;
  border-radius: 6px;
  border: 1px solid var(--ck-tbl-wrap-border, #e2e8f0);
  background: #ffffff;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.04);
}
.ck-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.ck-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--ck-tbl-thead-bg, #edf5ff) !important;
  color: var(--ck-tbl-thead-color, #1e3a8a) !important;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ck-table thead th {
  padding: 13px 16px;
  font-weight: 700;
  color: inherit;
  border: 0;
  border-bottom: 2px solid var(--ck-tbl-thead-border, #bfdbfe) !important;
  white-space: nowrap;
}
.ck-table th, .ck-table td {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--ck-tbl-row-border, #edf2f7);
  vertical-align: middle;
  font-weight: 400;
}
.ck-table tbody tr {
  background: #ffffff;
  transition: background-color .18s ease;
}
.ck-table tbody tr:nth-child(even) {
  background: var(--ck-tbl-row-alt, #f8fbff) !important;
}
.ck-table tbody tr:hover {
  background: var(--ck-tbl-row-hover, #ebf5ff) !important;
}
.ck-table tbody tr td:first-child {
  border-left: 3px solid transparent;
  transition: border-color .18s ease;
}
.ck-table tbody tr:hover td:first-child {
  border-left-color: var(--ck-tbl-accent, var(--ck-cobalt));
}
.ck-table tbody tr:last-child th,
.ck-table tbody tr:last-child td {
  border-bottom: 0;
}

/* Serial Number */
.ck-table-num {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--ck-tbl-num-bg, #dbeafe);
  color: var(--ck-tbl-num-color, #1e40af);
  border: 1px solid var(--ck-tbl-num-border, #bfdbfe);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Diameter Display */
.ck-table .ck-dia-badge {
  display: inline-block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ck-tbl-dia-color, #0f172a);
  letter-spacing: -.01em;
}

/* Gauge Pill */
.ck-gauge-tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 8px;
  border-radius: 5px;
  background: #f1f5f9;
  color: #1e293b;
  border: 1px solid #cbd5e1;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}
.ck-gauge-prefix {
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
}
.ck-gauge-tag.gauge-18-24 {
  background: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ck-gauge-tag.gauge-18-24 .ck-gauge-prefix {
  color: #ea580c;
}

/* Format Tags (Open Width vs Tube) */
.ck-format-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ck-format-tag.open-width {
  background: #ecfeff;
  color: #0e7490;
  border: 1px solid #a5f3fc;
}
.ck-format-tag.tube {
  background: #eef2ff;
  color: #4338ca;
  border: 1px solid #c7d2fe;
}

/* Brand Tags - Colorful badges for each machine manufacturer */
.ck-brand-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3.5px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ck-brand-tag::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Hengyi (Azure/Blue) */
.ck-brand-tag.brand-hengyi {
  background: #f0f9ff;
  color: #0369a1;
  border: 1px solid #bae6fd;
}
.ck-brand-tag.brand-hengyi::before {
  background: #0284c7;
  box-shadow: 0 0 6px rgba(2, 132, 199, 0.6);
}

/* Huixing (Purple / Amethyst) */
.ck-brand-tag.brand-huixing {
  background: #faf5ff;
  color: #7e22ce;
  border: 1px solid #e9d5ff;
}
.ck-brand-tag.brand-huixing::before {
  background: #9333ea;
  box-shadow: 0 0 6px rgba(147, 51, 234, 0.6);
}

/* Fukuhara (Amber / Gold Japanese Flagship) */
.ck-brand-tag.brand-fukuhara {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.ck-brand-tag.brand-fukuhara::before {
  background: #d97706;
  box-shadow: 0 0 6px rgba(217, 119, 6, 0.6);
}

/* Fukahama (Rose / Coral) */
.ck-brand-tag.brand-fukahama {
  background: #fff1f2;
  color: #be123c;
  border: 1px solid #fecdd3;
}
.ck-brand-tag.brand-fukahama::before {
  background: #e11d48;
  box-shadow: 0 0 6px rgba(225, 29, 72, 0.6);
}

/* Unit Quantity Pill */
.ck-unit-qty {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 12px;
  font-size: 11.5px;
  font-weight: 600;
  background: #f8fafc;
  color: #475569;
  border: 1px solid #e2e8f0;
  white-space: nowrap;
}
.ck-unit-qty.is-multi {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #93c5fd;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.15);
}

/* Total Strip with Multicolor Accent */
.ck-profile .ck-total-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 24px 32px;
  margin-top: 30px;
  background: linear-gradient(135deg, #14283f 0%, #0d1e33 100%);
  border: 1px solid #233b54;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.25);
}
.ck-profile .ck-total-strip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #2563eb 0%, #7c3aed 50%, #059669 100%);
}
.ck-total-strip h3 {
  font-size: 22px;
  margin: 6px 0 0;
  color: #ffffff;
}
.ck-profile .ck-total-strip p {
  font-size: 13px;
  color: #c4d2de;
  max-width: 450px;
  margin: 0;
}

/* Section 4: Workforce */
.ck-workforce-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 30px;
}
.ck-workforce-card {
  padding: 34px;
  overflow: hidden;
}
.ck-wf-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  border-bottom: 1px solid rgba(191, 219, 254, 0.5);
  padding-bottom: 18px;
  margin-bottom: 22px;
}
.ck-wf-header h3 {
  font-size: 24px;
  margin: 0;
  width: 100%;
}
.ck-wf-count {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(29, 78, 216, 0.15);
  color: var(--ck-cobalt);
}

.ck-wf-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ck-wf-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(191, 219, 254, 0.3);
}
.ck-wf-list li:last-child { border-bottom: 0; }

/* HUMAN CAPITAL & EXPERTISE: list items entrance from left to right */
.ck-wf-ready .ck-wf-list li {
  opacity: 0;
  transform: translateX(-42px);
  transition: opacity 0.62s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.62s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.ck-wf-ready.is-in-view .ck-wf-list li,
.ck-wf-ready.is-visible .ck-wf-list li {
  opacity: 1;
  transform: translateX(0);
}

.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(1),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(1) { transition-delay: 0.08s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(2),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(2) { transition-delay: 0.16s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(3),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(3) { transition-delay: 0.24s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(4),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(4) { transition-delay: 0.32s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(5),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(5) { transition-delay: 0.40s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(6),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(6) { transition-delay: 0.48s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(7),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(7) { transition-delay: 0.56s; }
.ck-wf-ready.is-in-view .ck-wf-list li:nth-child(8),
.ck-wf-ready.is-visible .ck-wf-list li:nth-child(8) { transition-delay: 0.64s; }

.ck-wf-ready.is-in-view .ck-wf-list li:hover {
  transform: translateX(6px);
  transition: transform 0.25s ease;
  transition-delay: 0s !important;
}
.ck-role-info strong {
  display: block;
  font-size: 14px;
  color: var(--ck-ink);
}
.ck-role-info span {
  font-size: 12px;
  color: var(--ck-muted);
}
.ck-role-qty {
  font-size: 12px;
  font-weight: 700;
  color: var(--ck-cobalt);
  white-space: nowrap;
}

.ck-wf-transport {
  display: flex;
  gap: 18px;
  padding: 22px;
  border-radius: 14px;
  background: rgba(29, 78, 216, 0.08);
  border: 1px solid rgba(29, 78, 216, 0.2);
  margin-top: 26px;
  align-items: flex-start;
}
.ck-transport-icon {
  font-size: 28px;
  line-height: 1;
}
.ck-wf-transport strong {
  display: block;
  font-size: 16px;
  color: var(--ck-cobalt);
  margin-bottom: 6px;
}
.ck-profile .ck-wf-transport p {
  font-size: 12px;
  color: var(--ck-muted);
  line-height: 1.6;
  margin: 0;
}

.ck-wf-exp-box {
  padding: 20px;
  border-radius: 14px;
  background: rgba(194, 105, 8, 0.08);
  border: 1px solid rgba(194, 105, 8, 0.2);
  margin-top: 20px;
}
.ck-exp-badge {
  display: inline-block;
  font-size: 9px;
  letter-spacing: .12em;
  font-weight: 700;
  color: #b85d11;
  margin-bottom: 8px;
}
.ck-profile .ck-wf-exp-box p {
  font-size: 13px;
  font-style: italic;
  font-family: Georgia, serif;
  color: var(--ck-ink);
  line-height: 1.6;
  margin: 0;
}

/* Section 5: Facilities, Finishing & Safety */
.ck-facilities-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}
.ck-facility-card {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ck-facility-photo {
  height: 230px;
  position: relative;
  overflow: hidden;
}
.ck-facility-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}
.ck-facility-card:hover .ck-facility-photo img {
  transform: scale(1.04);
}
.ck-facility-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 9px;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--ck-cobalt);
}
.ck-facility-content {
  padding: 26px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ck-facility-content .ams-eyebrow { font-size: 10px; margin-bottom: 8px; }
.ck-facility-content h3 { font-size: 21px; margin: 0 0 12px; }
.ck-profile .ck-facility-content p {
  font-size: 13px;
  line-height: 1.7;
  color: var(--ck-muted);
  margin: 0 0 20px;
  flex-grow: 1;
}
.ck-facility-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid rgba(191, 219, 254, 0.4);
  padding-top: 14px;
}
.ck-facility-meta span {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(29, 78, 216, 0.1);
  color: var(--ck-cobalt);
}

/* Section 6: Customers */
.ck-customers-section {
  background: var(--ck-ink);
  color: #fff;
  padding: 55px 0;
  text-align: center;
}
.ck-customers-section .ams-eyebrow {
  color: #bfdbfe;
  font-size: 10px;
  letter-spacing: .18em;
  margin-bottom: 24px;
}
.ck-customers-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  max-width: 980px;
  margin: 0 auto 24px;
}
.ck-customer-pill {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #eff6ff;
  letter-spacing: -.02em;
  transition: transform .25s, background .25s;
}
.ck-customer-pill:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.16);
}
.ck-profile .ck-customers-note {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

/* Section 7: Vision & Mission */
.ck-vision-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}
.ck-vision-copy .ams-eyebrow { margin-bottom: 20px; }
.ck-vision-copy > p:not(.ams-eyebrow) {
  color: var(--ck-muted);
  margin-top: 18px;
}
.ck-vm-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 35px;
}
.ck-vm-card {
  padding: 26px;
}
.ck-vm-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(29, 78, 216, 0.12);
  color: var(--ck-blue);
  display: grid;
  place-items: center;
  margin-bottom: 16px;
}
.ck-vm-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ck-vm-card .ams-eyebrow { font-size: 9px; margin-bottom: 6px; }
.ck-vm-card h3 { font-size: 18px; margin: 0 0 10px; }
.ck-profile .ck-vm-card p {
  font-size: 13px;
  font-style: italic;
  font-family: Georgia, serif;
  color: var(--ck-muted);
  line-height: 1.6;
  margin: 0;
}

.ck-seal-card {
  padding: 45px 35px;
  text-align: center;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(238, 246, 255, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 20px 45px -20px rgba(19, 46, 38, 0.2);
}
.ck-seal-monogram {
  display: inline-grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--ck-ink);
  color: #fff;
  font-family: Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 10px 24px -10px rgba(19, 46, 38, 0.5);
}
.ck-seal-card h3 {
  font-size: 28px;
  margin: 0 0 6px;
  color: var(--ck-ink);
}
.ck-seal-subtitle {
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--ck-cobalt);
  text-transform: uppercase;
  margin-bottom: 25px;
}
.ck-seal-badges {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ck-seal-badges span {
  font-size: 12px;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(191, 219, 254, 0.5);
  color: var(--ck-ink);
}

/* Section 8: Gallery */
.ck-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 22px;
}
.ck-gallery-item {
  border-radius: 16px;
  overflow: hidden;
  padding: 8px;
}
.ck-gallery-open {
  display: block;
  height: 230px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background: #dbeef4;
}
.ck-gallery-open img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease, filter .65s ease;
}
.ck-gallery-open:hover img {
  transform: scale(1.05);
}
.ck-expand {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.9);
  color: var(--ck-ink);
  border-radius: 50%;
  font-size: 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform .25s, background .25s;
}
.ck-gallery-open:hover .ck-expand {
  background: var(--ck-ink);
  color: #fff;
  transform: scale(1.08);
}
.ck-gallery-item figcaption {
  padding: 14px 6px 4px;
}
.ck-gallery-item small {
  display: block;
  font-size: 9px;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--ck-muted);
}
.ck-gallery-item strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--ck-ink);
  margin-top: 5px;
}

/* Next / Concerns Navigation */
.ck-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 40px 0;
  border-top: 1px solid var(--ck-line);
  flex-wrap: wrap;
}
.ck-next > .ams-eyebrow { font-size: 10px; }
.ck-next a {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(30, 64, 175, 0.4);
  padding: 8px 0;
  color: var(--ck-ink) !important;
}
.ck-next a svg { width: 17px; transition: transform .3s; }
.ck-next a:hover svg { transform: translateX(4px); }

/* Section 9: Leadership */
.ck-leadership {
  background: #f8fafc;
  border-top: 1px solid var(--ck-line);
}
.ck-leaders-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  margin-top: 40px;
}
.ck-leader-card {
  padding: 32px 28px;
  position: relative;
}
.ck-leader-card:before {
  content: '';
  position: absolute;
  left: 28px;
  top: 0;
  width: 40px;
  height: 4px;
  background: var(--ck-blue);
  border-radius: 0 0 4px 4px;
}
.ck-leader-card .ams-eyebrow { font-size: 9px; margin-bottom: 12px; }
.ck-leader-card h3 { font-size: 22px; margin: 0 0 12px; }
.ck-profile .ck-leader-card p {
  font-size: 13px;
  color: var(--ck-muted);
  line-height: 1.6;
  margin: 0 0 20px;
}
.ck-leader-contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid rgba(191, 219, 254, 0.4);
  padding-top: 16px;
}
.ck-leader-contacts a {
  font-size: 13px;
  font-weight: 600;
  color: var(--ck-cobalt) !important;
  overflow-wrap: anywhere;
}
.ck-leader-contacts a:hover { text-decoration: underline; }

/* Section 10: Contact */
.ck-contact {
  background: #eff6ff;
  position: relative;
  overflow: hidden;
}
.ck-contact-waves-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.7;
}
.ck-cwave-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.ck-contact-wave-svg {
  width: 200%;
  height: 100%;
  fill: none;
  stroke: rgba(30, 64, 175, 0.15);
  stroke-width: 1.6;
}
.ck-cwave-1 .ck-contact-wave-svg { stroke: rgba(29, 78, 216, 0.22); animation: ck-wave-flow 24s linear infinite; }
.ck-cwave-2 .ck-contact-wave-svg { stroke: rgba(46, 168, 117, 0.18); animation: ck-wave-flow 18s linear infinite reverse; }
.ck-cwave-3 .ck-contact-wave-svg { stroke: rgba(194, 105, 8, 0.14); animation: ck-wave-flow 28s linear infinite; }
.ck-cwave-4 .ck-contact-wave-svg { stroke: rgba(15, 118, 110, 0.16); animation: ck-wave-flow 20s linear infinite reverse; }

.ck-contact-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.ck-contact .ams-eyebrow { margin-bottom: 20px; }
.ck-contact-grid > .ams-reveal > p:not(.ams-eyebrow) {
  max-width: 440px;
  color: var(--ck-muted);
  margin-top: 22px;
}
.ck-contact .ck-button { margin-top: 30px; }

.ck-contact-card {
  padding: 36px;
  font-style: normal;
}
.ck-contact-card .ams-eyebrow { font-size: 10px; }
.ck-profile .ck-contact-card > p {
  font-size: 15px;
  line-height: 1.8;
  margin: 16px 0 0;
  color: var(--ck-ink);
}
.ck-contact-dept {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(191, 219, 254, 0.5);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ck-contact-dept > span {
  font-size: 9px;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--ck-muted);
}
.ck-contact-dept a {
  font-size: 14px;
  font-weight: 600;
  color: var(--ck-cobalt) !important;
}
.ck-contact-dept a:hover { text-decoration: underline; }

/* Lightbox Modal */
.ck-lightbox {
  padding: 50px 20px 20px;
  border: 0;
  border-radius: 18px;
  background: #f8fafc;
  color: var(--ck-ink);
  max-width: min(960px, 94vw);
  max-height: 92vh;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}
.ck-lightbox::backdrop {
  background: rgba(13, 41, 30, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ck-profile .ck-lightbox img {
  max-height: 72vh;
  width: auto;
  max-width: 100%;
  margin: auto;
  display: block;
  border-radius: 8px;
  object-fit: contain;
}
.ck-lightbox button {
  position: absolute;
  right: 16px;
  top: 14px;
  border: 1px solid var(--ck-line);
  padding: 7px 14px;
  background: #fff;
  color: var(--ck-ink);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.ck-profile .ck-lightbox p {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-top: 16px;
}

/* Animations */
@keyframes ck-breathe {
  0%, 100% { opacity: .6; box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.15); }
  50% { opacity: 1; box-shadow: 0 0 0 8px rgba(29, 78, 216, 0.05); }
}
@keyframes ck-stitch { to { stroke-dashoffset: -350; } }
@keyframes ck-underline {
  0%, 100% { transform: scaleX(.25); opacity: .4; }
  30%, 70% { transform: scaleX(1); opacity: 1; }
}
@keyframes ck-stat-run {
  to { stroke-dashoffset: var(--ck-stat-lap, -1000px); }
}
@keyframes ck-wave-flow {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Force elements with .ams-motion to be visible on .ck-profile */
.ck-profile .ams-motion {
  opacity: 1 !important;
  transform: none !important;
}

/* Responsive Media Queries */
@media (max-width: 1100px) {
  .ck-hero-grid { gap: 40px; grid-template-columns: 1fr 1fr; }
  .ck-canvas-card img { height: 380px; }
  .ck-tables-container { grid-template-columns: 1fr; }
  .ck-fabrics-grid { grid-template-columns: repeat(2, 1fr); }
  .ck-facilities-grid { grid-template-columns: 1fr; }
  .ck-story-grid { gap: 40px; }
  .ck-contact-grid { gap: 40px; }
  .ck-leaders-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .ck-hero-grid { grid-template-columns: 1fr; gap: 45px; }
  .ck-hero-copy { max-width: 600px; }
  .ck-hero-stage { width: 100%; max-width: 520px; }
  .ck-canvas-card img { height: 360px; }
}

@media (max-width: 800px) {
  .ck-section { padding: 60px 0; }
  .ck-heading-row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .ck-stats { grid-template-columns: 1fr 1fr; gap: 16px; }
  .ck-story-grid { grid-template-columns: 1fr; gap: 35px; margin-top: 45px; }
  .ck-capacity-banner { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
  .ck-machine-highlights { grid-template-columns: 1fr; }
  .ck-workforce-grid { grid-template-columns: 1fr; }
  .ck-vision-grid { grid-template-columns: 1fr; gap: 35px; }
  .ck-gallery-grid { grid-template-columns: 1fr 1fr; }
  .ck-contact-grid { grid-template-columns: 1fr; gap: 35px; }
}

@media (max-width: 560px) {
  .ck-profile .ams-container { width: calc(100% - 32px); }
  .ck-section { padding: 48px 0; }
  .ck-hero-topbar { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
  .ck-eyebrow { font-size: 10px; letter-spacing: .06em; flex-wrap: wrap; }
  .ck-hero h1 { font-size: 46px; }
  .ck-profile h2 { font-size: 30px; }
  .ck-hero-statement { font-size: 18px; }
  .ck-hero-metrics { flex-direction: row; flex-wrap: wrap; gap: 18px; }
  .ck-canvas-card img { height: 260px; }
  .ck-canvas-card figcaption { padding: 12px 14px; bottom: 12px; left: 12px; right: 12px; }
  .ck-canvas-card figcaption strong { font-size: 13.5px; }
  .ck-canvas-tag { font-size: 10px; padding: 6px 12px; }
  .ck-stats { grid-template-columns: 1fr; }
  .ck-fabrics-grid { grid-template-columns: 1fr; }
  .ck-gallery-grid { grid-template-columns: 1fr; }
  .ck-table th, .ck-table td { padding: 10px 12px; }
  .ck-total-strip { flex-direction: column; align-items: flex-start; gap: 14px; }
  .ck-customer-pill { font-size: 13px; padding: 8px 14px; }
  .ck-vm-cards { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .ck-profile *, .ck-profile *:before, .ck-profile *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Editorial factory refresh: restrained geometry and textile-inspired surfaces. */
.ck-profile {
  --ck-ink: #14283f;
  --ck-cobalt: #235b88;
  --ck-blue: #286b9e;
  --ck-muted: #586776;
  --ck-line: #dbe2e7;
  --ck-glass-bg: #fff;
  --ck-glass-border: #dbe2e7;
  --ck-glass-blur: none;
  --ck-glass-shadow: none;
  --ck-glass-shadow-hover: 0 8px 24px rgba(20,40,63,.06);
  background: #fff;
}
body.classic-knitting-page .site-header,
body.classic-knitting-page .site-header-surround { background: #fff !important; }
.ck-profile :is(article, figure, address, button, .ck-back, .ck-hero-badge, .ck-eyebrow, .ck-btn-primary, .ck-btn-secondary, .ck-button, .ck-hero-metrics, .ck-canvas-tag, .ck-canvas-card img, .ck-canvas-card figcaption, .ck-table-wrap, .ck-capacity-showcase, .ck-cap-pill-card, .ck-fabric-filter-bar, .ck-fact-sheet, .ck-total-strip, .ck-seal-card, .ck-gallery-open, .ck-customer-pill, .ck-wf-transport, .ck-wf-exp-box, .ck-lightbox) { border-radius: 4px; }
.ck-profile :is(.ck-facility-tag, .ck-wf-count, .ck-cap-badge, .ck-fabric-gauge, .ck-fabric-badge-format, .ck-fabric-icon-ring, .ck-cap-icon-box, .ck-vm-icon, .ck-expand, .ck-seal-badges span) { border-radius: 3px; }
.ck-profile a:focus-visible { outline: 3px solid #286b9e; outline-offset: 5px; }
.ck-section { padding: 90px 0; }
.ck-profile h2 { font-size: clamp(30px,3.2vw,44px); line-height: 1.18; }
.ck-profile h2 em { color: #235b88; }
.ck-profile .ams-eyebrow { letter-spacing: .14em; }
.ck-heading { max-width: 760px; margin-bottom: 44px; }
.ck-heading > p:last-child { max-width: 650px; }
.ck-hero {
  padding: 28px 0 74px;
  background-color: #f3f5f4;
  background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgba(28,55,70,.025) 3px 4px), repeating-linear-gradient(90deg, transparent 0 3px, rgba(28,55,70,.025) 3px 4px);
  border-bottom: 1px solid #dbe2e7;
}
.ck-hero-topbar { margin-bottom: 48px; }
.ck-back { padding: 8px 0; background: none; border: 0; box-shadow: none; }
.ck-hero-badge { background: transparent; border: 0; border-left: 2px solid #a58c63; }
.ck-hero-grid { gap: 64px; }
.ck-eyebrow { padding: 0; background: none; border: 0; }
.ck-hero h1 { font-size: clamp(56px,6.5vw,92px); letter-spacing: -.055em; }
.ck-hero h1 em { background: none; -webkit-text-fill-color: #235b88; }
.ck-profile .ck-hero-statement { font-size: 20px; color: var(--ck-ink); line-height: 1.5; }
.ck-hero-statement em { color: #7c684c; }
.ck-hero-lead { max-width: 500px; }
.ck-btn-primary, .ck-btn-secondary { box-shadow: none; padding: 14px 22px; }
.ck-btn-secondary { background: transparent; border-color: #bfcbd4; }
.ck-hero-metrics { width: 100%; padding: 22px 0 0; background: none; backdrop-filter: none; border: 0; border-top: 1px solid #cdd6dc; box-shadow: none; justify-content: space-between; gap: 12px; }
.ck-metric-item strong { font-size: 23px; }
.ck-metric-item strong small { display: block; margin-top: 5px; }
.ck-metric-item span { margin-top: 7px; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
.ck-metric-sep { display: none; }
.ck-canvas-card { padding: 0; border: 0; box-shadow: 18px 18px 0 #e1e7e8; }
.ck-canvas-card img { height: 500px; border-radius: 4px 4px 0 0; }
.ck-canvas-card figcaption { position: static; background: #14283f; border: 0; padding: 22px; border-radius: 0; box-shadow: none; }
.ck-canvas-card figcaption span { color: #bdd2e3; }
.ck-canvas-tag { top: 22px; right: 20px; animation: none; box-shadow: none; background: #fff; font-size: 10px; }
.ck-hero-thread, .ck-canvas-halo, .ck-cap-glow-orbit, .ck-contact-waves-bg { display: none; }
.ck-pulse { animation: none; box-shadow: none; }
.ck-nav { background: rgba(255,255,255,.97); border-bottom: 1px solid #dbe2e7; box-shadow: 0 4px 15px rgba(20,40,63,.04); }
.ck-nav a, .ck-nav .ck-top { border-radius: 3px; }
/* Stats cards matching A.M.S. Apparels & Knitwear card structure with exact original colors & text sizes */
.ck-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  border: 0;
}
.ck-profile .ck-stats .ck-stat,
.ck-profile .ck-stat {
  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 13px;
  padding: 30px 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 10px 24px -12px rgba(20, 40, 63, 0.06);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ck-profile .ck-stat:last-child {
  border-right: 1px solid #dfe5ea;
}
.ck-profile .ck-stat:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px -10px rgba(20, 40, 63, 0.12);
  border-color: #c5d2dc;
}
.ck-stat:before {
  content: '';
  position: absolute;
  top: 0;
  left: 24px;
  width: 28px;
  height: 2px;
  background: #235b88;
  pointer-events: none;
  z-index: 2;
}
.ck-stat.ck-stat-tracked:before {
  display: none;
}
.ck-profile .ck-stat > span,
.ck-profile .ck-stat-index {
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--ck-muted);
  text-transform: uppercase;
  font-weight: 600;
  display: block;
}
.ck-profile .ck-stat > strong {
  display: block;
  font-size: clamp(36px, 3.2vw, 46px);
  letter-spacing: -.04em;
  font-weight: 700;
  margin: 16px 0 8px;
  line-height: 1.1;
  color: #235b88;
  font-variant-numeric: tabular-nums;
}
.ck-profile .ck-stat > strong small {
  font-size: 14px;
  font-weight: 500;
  color: var(--ck-muted);
  letter-spacing: 0;
}
.ck-profile .ck-stat h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--ck-ink);
  margin: 0;
}
.ck-profile .ck-stat p {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ck-muted);
  margin-top: 6px;
  margin-bottom: 0;
}
.ck-stat-track {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
  display: block;
}
.ck-stat-track path {
  fill: none;
  stroke: #235b88;
  stroke-width: 2;
  stroke-linecap: round;
  animation: ck-stat-border-orbit 4s linear infinite;
}
.ck-stat:hover .ck-stat-track path {
  animation-play-state: paused;
}
@keyframes ck-stat-border-orbit {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: var(--ck-stat-lap, -500); }
}
@media (min-width: 1000px) {
  .ck-stat:nth-child(2) { transition-delay: .07s; }
  .ck-stat:nth-child(3) { transition-delay: .14s; }
  .ck-stat:nth-child(4) { transition-delay: .21s; }
}
.ck-profile .ck-fact-sheet { background: #f3f6f7; padding: 34px; border-top: 3px solid #235b88; }
.ck-capacity-section, .ck-gallery-section {
  background-color: #f1f4f5;
  background-image: repeating-linear-gradient(45deg, transparent 0 5px, rgba(28,55,70,.025) 5px 6px);
}
.ck-profile .ck-capacity-showcase { background: #14283f; border: 0; box-shadow: none; padding: 38px; gap: 40px; }
.ck-cap-metric-glass { border-right-color: #435569; }
.ck-cap-metric-glass strong, .ck-cap-metric-glass strong small, .ck-cap-badge { color: #fff; }
.ck-profile .ck-cap-desc { color: #c4d2de; }
.ck-cap-badge { background: #284158; border-color: #496074; }
.ck-cap-subbadge { color: #c4d2de; }
.ck-cap-progress-track { background: #344b60; }
.ck-cap-progress-fill { background: #8ab4cf; box-shadow: none; }
.ck-cap-pill-card { background: transparent; border: 0; border-bottom: 1px solid #435569; box-shadow: none; padding: 12px 0 20px; }
.ck-cap-pill-card:last-child { border-bottom: 0; }
.ck-cap-pill-card h4 { color: #fff; }
.ck-profile .ck-cap-pill-card p { color: #c4d2de; }
.ck-cap-icon-box { background: #29455e; color: #b9d5e8; flex-shrink: 0; }
.ck-profile .ck-fabric-filter-bar { background: transparent; border: 0; border-bottom: 1px solid #ccd6dc; box-shadow: none; padding: 0 0 20px; }
.ck-filter-btn { border-radius: 3px; }
.ck-profile .ck-fabric-card { background: #fff; border: 1px solid #dbe2e7; box-shadow: none; }
.ck-fabric-card::before { display: none; }
.ck-fabric-top-bar { background: #f5f7f8; border-bottom: 1px solid #e3e8ec; }
.ck-fabric-arrow-btn { display: none; }
.ck-fabric-bottom { background: transparent; }
/* Technical Equipment Profile: Machine highlights on-view slide animation */
.ck-profile .ck-machine-highlights > article {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: none;
  border-left: 3px solid #235b88;
  border-radius: 4px;
  padding: 0;
  box-shadow: none;
}

/* Stationary border-left that stays in place on load */
.ck-profile .ck-machine-highlights > article::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: #235b88;
  z-index: 5;
  pointer-events: none;
}

/* Main content area of the article card */
.ck-highlight-body {
  padding: 20px 22px;
  background: #f2f6f8;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

/* Prepared state on load before in view: positioned to the left under the border-left */
.ck-highlights-ready .ck-highlight-body {
  transform: translateX(-102%);
  opacity: 1;
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

/* When in view: slides under the border-left from left to right in slow motion */
.ck-highlights-ready.is-in-view .ck-highlight-body,
.ck-highlights-ready.is-visible .ck-highlight-body {
  transform: translateX(0);
  opacity: 1;
}

/* Card 1 begins immediately when in view */
.ck-highlights-ready.is-in-view article:nth-child(1) .ck-highlight-body,
.ck-highlights-ready.is-visible article:nth-child(1) .ck-highlight-body {
  transition-delay: 0s;
}

/* Card 2 starts when Card 1 is halfway in (~0.35s) */
.ck-highlights-ready.is-in-view article:nth-child(2) .ck-highlight-body,
.ck-highlights-ready.is-visible article:nth-child(2) .ck-highlight-body {
  transition-delay: 0.35s;
}

/* Card 3 starts when Card 2 is halfway in (~0.70s) */
.ck-highlights-ready.is-in-view article:nth-child(3) .ck-highlight-body,
.ck-highlights-ready.is-visible article:nth-child(3) .ck-highlight-body {
  transition-delay: 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  .ck-highlights-ready .ck-highlight-body {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
}
.ck-table th, .ck-table td { padding-top: 13px; padding-bottom: 13px; }
.ck-workforce-section {
  background-color: #f3f5f4;
  background-image: linear-gradient(rgba(28,55,70,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(28,55,70,.035) 1px, transparent 1px);
  background-size: 28px 28px;
}
.ck-workforce-card { border-top: 3px solid #235b88 !important; }
.ck-facility-photo { height: 250px; }
.ck-facility-content { padding: 28px; }
.ck-customers-section { padding: 64px 0; background-color: #14283f; background-image: repeating-linear-gradient(120deg, transparent 0 10px, rgba(255,255,255,.025) 10px 11px); }
.ck-customers-list { display: grid; grid-template-columns: repeat(4,1fr); max-width: none; gap: 12px; }
.ck-customer-pill { display: grid; place-items: center; min-height: 78px; padding: 16px; font-size: 13px; letter-spacing: .02em; background: rgba(255,255,255,.035); }
.ck-profile .ck-customers-note { color: #b8c9d7; }
.ck-vision-section { background: #fff; }
.ck-profile .ck-vm-card { background: #f5f7f8; border: 0; border-top: 2px solid #a58c63; }
.ck-profile .ck-seal-card { background: #eef3f6; border: 1px solid #dbe2e7; box-shadow: 12px 12px 0 #f4f6f7; }
.ck-profile .ck-gallery-item { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ck-gallery-open { height: 260px; }
.ck-gallery-item figcaption { padding: 16px 0 8px; }
.ck-gallery-item strong { font-size: 14px; }
.ck-leadership { background: #fff; }
.ck-profile .ck-leader-card { background: #f6f8f9; }
.ck-contact { background-color: #e9eff2; background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgba(28,55,70,.03) 3px 4px), repeating-linear-gradient(90deg, transparent 0 3px, rgba(28,55,70,.03) 3px 4px); }
.ck-profile .ck-contact-card { border-top: 3px solid #235b88; }
@media (max-width: 1100px) {
  .ck-hero-grid { gap: 36px; }
  .ck-profile .ck-stats .ck-stat { padding: 23px 17px; }
  .ck-customers-list { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 900px) {
  .ck-hero-stage, .ck-hero-canvas { max-width: none; }
  .ck-canvas-card img { height: 380px; }
}
@media (max-width: 800px) {
  .ck-section { padding: 60px 0; }
  .ck-stats { grid-template-columns: 1fr 1fr; gap: 13px; }
  .ck-profile .ck-stats .ck-stat > strong { font-size: 36px; }
  .ck-profile .ck-capacity-showcase { padding: 28px; gap: 24px; }
  .ck-customers-list { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
  .ck-hero { padding-bottom: 46px; }
  .ck-hero-topbar { margin-bottom: 30px; }
  .ck-hero h1 { font-size: 62px; }
  .ck-hero-badge { font-size: 10px; }
  .ck-canvas-card { box-shadow: 8px 8px 0 #e1e7e8; }
  .ck-canvas-card img { height: 290px; }
  .ck-canvas-card figcaption { padding: 18px; }
  .ck-section { padding: 48px 0; }
  .ck-stats { grid-template-columns: 1fr; gap: 11px; }
  .ck-profile .ck-stats .ck-stat { padding: 22px 16px; }
  .ck-profile .ck-stats .ck-stat > strong { font-size: 33px; }
  .ck-profile .ck-stats .ck-stat > span, .ck-profile .ck-stat-index { font-size: 9px; }
  .ck-profile .ck-stat h3 { font-size: 15px; }
  .ck-profile .ck-stat p { font-size: 12px; }
  .ck-profile .ck-capacity-showcase, .ck-table-block, .ck-workforce-card, .ck-contact-card { padding: 22px; }
  .ck-customers-list { gap: 8px; }
  .ck-customer-pill { font-size: 11px; padding: 12px; }
  .ck-gallery-open { height: 240px; }
  .ck-contact-dept a { overflow-wrap: anywhere; }
}

/* Keep inventory columns contained so tables scroll within their own frame. */
.ck-tables-container > *, .ck-tables-subgroup, .ck-table-block { min-width: 0; }
.ck-table-wrap { max-width: 100%; }
.ck-profile .ck-total-strip h3, .ck-profile .ck-total-strip .ams-eyebrow { color: #fff; }
.ck-profile .ck-cap-pill-card:hover { background: #1c354c; transform: none; }
.ck-profile .ck-cap-metric-glass strong { color: #fff; -webkit-text-fill-color: #fff; }
.ck-profile .ck-fact-sheet dt svg { width: 14px; height: 14px; }
.ck-transport-icon svg { width: 28px; height: 28px; }
@media (max-width: 560px) {
  .ck-table-head { flex-wrap: wrap; gap: 12px; }
}

/* ========================================================
   Floating Particles Infinite Animation in Classic Knitting Hero
   ======================================================== */
.ck-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.ck-hero > .ams-container {
  position: relative;
  z-index: 2;
}

.ck-hero-particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.ck-particles-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* Ambient Floating Glow Orbs */
.ck-particle-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(65px);
  pointer-events: none;
  opacity: 0.55;
  mix-blend-mode: multiply;
  will-change: transform, opacity;
}

.ck-particle-glow-1 {
  width: 380px;
  height: 380px;
  top: 5%;
  left: 10%;
  background: radial-gradient(circle, rgba(138, 180, 207, 0.45) 0%, rgba(35, 91, 136, 0.15) 55%, transparent 75%);
  animation: ck-glow-drift-1 22s ease-in-out infinite alternate;
}

.ck-particle-glow-2 {
  width: 440px;
  height: 440px;
  bottom: 0%;
  right: 15%;
  background: radial-gradient(circle, rgba(165, 140, 99, 0.35) 0%, rgba(200, 175, 135, 0.12) 55%, transparent 75%);
  animation: ck-glow-drift-2 28s ease-in-out infinite alternate;
}

@keyframes ck-glow-drift-1 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.4;
  }
  50% {
    transform: translate3d(45px, 35px, 0) scale(1.15);
    opacity: 0.65;
  }
  100% {
    transform: translate3d(-35px, 65px, 0) scale(0.95);
    opacity: 0.45;
  }
}

@keyframes ck-glow-drift-2 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.35;
  }
  50% {
    transform: translate3d(-55px, -45px, 0) scale(1.18);
    opacity: 0.55;
  }
  100% {
    transform: translate3d(40px, -25px, 0) scale(0.92);
    opacity: 0.38;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ck-particle-glow {
    animation: none;
    opacity: 0.25;
  }
}