/* ==========
   CASPIANWIND — KNOWLEDGE page
   Уникальные секции; все изображения ≤350px; адаптив
   ========== */

.cw-section { padding: clamp(28px, 5vw, 56px) 0; }
.kn-atlas img, .kn-tree img, .kn-econ img { width: min(100%, 350px); height: auto; display: block; }

/* ===== SECTION 1 — BILGI ATLASI ===== */
.kn-atlas__grid{
  display:grid; gap:14px;
  grid-template-columns: 1.1fr .9fr; align-items:start;
}
@media (max-width: 960px){ .kn-atlas__grid{ grid-template-columns: 1fr; } }

.kn-atlas__head h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,34px); }
.kn-atlas__head p{ margin:0 0 10px; color: var(--cw-ink-dim); }

.kn-cloud{
  position: relative; min-height: 180px; border:1px solid rgba(255,255,255,.06);
  border-radius: 16px; padding: 12px; box-shadow: var(--cw-shadow);
  background: radial-gradient(80% 80% at 20% 20%, rgba(120,224,255,.08), transparent 60%);
  display:flex; flex-wrap:wrap; gap:10px;
  overflow:hidden;
}
.kn-chip{
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-radius: 999px; padding: 8px 12px; color: var(--cw-ink);
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  will-change: transform;
}
.kn-chip:hover{ transform: translateY(-3px) scale(1.03); border-color: rgba(167,255,75,.3); box-shadow: 0 12px 28px rgba(0,0,0,.35); }

.kn-stack{
  display:grid; grid-template-columns: repeat(3, minmax(160px,1fr)); gap:12px; align-content:start;
}
@media (max-width: 900px){ .kn-stack{ grid-template-columns: 1fr; } }

.kn-card{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  box-shadow: var(--cw-shadow); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kn-card:hover{ transform: translateY(-4px) rotate(-.3deg); border-color: rgba(167,255,75,.28); box-shadow: 0 18px 42px rgba(0,0,0,.45); }

/* ===== SECTION 2 — TEKNOLOJI ŞECERESI ===== */
.kn-tree__grid{
  display:grid; gap:14px;
  grid-template-columns: 1.1fr .9fr 1fr; align-items:center;
}
@media (max-width: 1100px){ .kn-tree__grid{ grid-template-columns: 1fr; } }

.kn-tree__copy h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,34px); }
.kn-tree__copy p{ margin:0 0 10px; color: var(--cw-ink-dim); }

.kn-tree__radial{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:8px; overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); box-shadow: var(--cw-shadow);
}
.kn-radial{ width:100%; height:auto; display:block; }
.kn-ring{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:2; }
.kn-axes line{ stroke: rgba(255,255,255,.2); stroke-width:2; stroke-linecap:round; }
.kn-dots circle{  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); transition: transform .2s ease; }
.kn-dots circle:hover{ transform: scale(1.15); }

.kn-tree__shots{
  display:grid; grid-template-columns: repeat(3, minmax(160px,1fr)); gap:12px;
}
@media (max-width: 900px){ .kn-tree__shots{ grid-template-columns: 1fr; } }
.kn-tree__shots figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }

/* ===== SECTION 3 — EKONOMI HALKALARI ===== */
.kn-econ__grid{
  display:grid; gap:14px;
  grid-template-columns: .9fr 1.1fr; align-items:center;
}
@media (max-width: 960px){ .kn-econ__grid{ grid-template-columns: 1fr; } }

.kn-econ__head h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,34px); }
.kn-econ__head p{ margin:0 0 8px; color: var(--cw-ink-dim); }

.kn-econ__rings{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); box-shadow: var(--cw-shadow);
  display:grid; place-items:center; gap:10px;
}
.econ-svg{ width:min(100%, 300px); height:auto; display:block; }
.econ-base{ fill:none; stroke: rgba(255,255,255,.08); stroke-width: 18; }
.econ-arc{
  fill:none;  stroke-width: 18; stroke-linecap: round;
  stroke-dasharray: 700; stroke-dashoffset: 700;
  transition: stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1);
}
.econ-legend{ display:flex; gap:12px; margin:0; padding:0; list-style:none; flex-wrap:wrap; justify-content:center; }
.leg{ display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:6px; }
.leg--capex{ background:#78e0ff; }
.leg--opex{ background:#a7ff4b; }

.kn-econ__shots{
  display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; align-content:start;
}
@media (max-width: 560px){ .kn-econ__shots{ grid-template-columns: 1fr; } }
.kn-econ__shots figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }

/* Reveal */
.reveal { opacity: 0; transform: translateY(14px) scale(.98); }
.reveal.is-visible { opacity: 1; transform: none; transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }

/* Tilt micro-effect reuse */
.tilt { will-change: transform; }
/* ===== SECTION 4 — CASEBOARD ===== */
.kn-case__grid{
  display:grid; gap:14px;
  grid-template-columns: 1.1fr 1.1fr .8fr; align-items:start;
}
@media (max-width: 1100px){ .kn-case__grid{ grid-template-columns: 1fr; } }

.kn-case__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-case__copy p{ margin:0 0 8px; color: var(--cw-ink-dim); }

.kn-case__board{
  display:grid; gap:12px; grid-template-columns: repeat(3, minmax(180px,1fr));
}
@media (max-width: 900px){ .kn-case__board{ grid-template-columns: 1fr; } }

.case-note{
  position:relative; border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow: var(--cw-shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  outline: none;
}
.case-note::before{
  content:""; position:absolute; right:12px; top:-10px; width: 0; height: 0;
  border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:12px solid color-mix(in srgb, var(--cw-lime) 70%, var(--cw-teal));
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.35));
}
.case-note:hover, .case-note:focus{
  transform: translateY(-4px) rotate(-.3deg);
  border-color: rgba(167,255,75,.28); box-shadow: 0 18px 42px rgba(0,0,0,.45);
}
.case-note h3{ margin:0 0 6px; font-size:18px; color: var(--cw-ink); }
.case-note p{ margin:0 0 8px; color: var(--cw-ink-dim); }
.case-note img{ width:min(100%,350px); height:auto; display:block; border-radius: var(--cw-radius); }
.case-note figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }

.kn-case__rail{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px; box-shadow: var(--cw-shadow);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.case-rail-svg{ width:100%; height:auto; display:block; }
.rail-spine{ stroke: rgba(255,255,255,.16); stroke-width:4; stroke-linecap:round; }
.rail-seg{ fill: rgba(120,224,255,.16); transition: transform .2s ease, fill .2s ease; }
.rail-seg.is-on{transform: scale(1.15); }

/* ===== SECTION 5 — WIND BANDS ===== */
.kn-bands__grid{
  display:grid; gap:14px; grid-template-columns: 1.1fr .9fr; align-items:center;
}
@media (max-width: 960px){ .kn-bands__grid{ grid-template-columns: 1fr; } }

.kn-bands__scene{
  position:relative; border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px; overflow:hidden;
  background: radial-gradient(80% 80% at 20% 20%, rgba(120,224,255,.08), transparent 60%); box-shadow: var(--cw-shadow);
}
.bands-rose{
  --ang: 0deg; /* JS sets */
  position:absolute; right:12px; top:12px; width: 56px; height:56px; border-radius:50%;
  background:
    radial-gradient(100% 100% at 50% 50%, rgba(255,255,255,.12), transparent 60%),
    conic-gradient(from var(--ang), var(--cw-lime) 0 6deg, transparent 6deg 360deg);
  border:1px solid rgba(255,255,255,.06);
}
.bands{ display:grid; gap:8px; }
.band{
  position:relative; height: 16px; border-radius:999px; overflow:hidden;
  background: rgba(255,255,255,.06);
}
.band-fill{
  position:absolute; left:0; top:0; bottom:0; width: 0%;
  background: linear-gradient(90deg, var(--cw-teal), var(--cw-lime));
  transition: width .35s cubic-bezier(.2,.8,.2,1);
}

.kn-bands__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-bands__copy p{ margin:0 0 10px; color: var(--cw-ink-dim); }
.kn-bands__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-bands__shots{ grid-template-columns: 1fr; } }
.kn-bands__shots figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }
.kn-bands__shots img{ width:min(100%,350px); height:auto; display:block; border-radius: var(--cw-radius); }

/* ===== SECTION 6 — LOCAL LAWS ===== */
.kn-law__grid{ display:grid; gap:14px; }
.kn-law__head h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-law__head p{ margin:0 8px 10px 0; color: var(--cw-ink-dim); }

.kn-law__chips{ display:flex; gap:8px; flex-wrap:wrap; }
.law-chip{
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-radius: 999px; padding: 8px 12px; color: var(--cw-ink);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.law-chip:hover{ transform: translateY(-2px); border-color: rgba(167,255,75,.3); }
.law-chip.is-active{ background: rgba(167,255,75,.14); border-color: rgba(167,255,75,.4); }

.kn-law__cards{
  display:grid; gap:12px; grid-template-columns: repeat(3, minmax(220px,1fr));
}
@media (max-width: 960px){ .kn-law__cards{ grid-template-columns: 1fr; } }

.law-card{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow: var(--cw-shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.law-card.is-active{ transform: translateY(-4px) scale(1.02); border-color: rgba(167,255,75,.28); box-shadow: 0 18px 42px rgba(0,0,0,.45); }
.law-card h3{ margin:0 0 6px; font-size:18px; color: var(--cw-ink); }
.law-card p{ margin:0 0 8px; color: var(--cw-ink-dim); }
.law-card img{ width:min(100%,350px); height:auto; display:block; border-radius: var(--cw-radius); }
.law-card figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }
/* ===== SECTION 7 — MICRO GLOSSARY ===== */
.kn-micro__grid{ display:grid; gap:14px; }
.kn-micro__head h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-micro__head p{ margin:0 0 10px; color:var(--cw-ink-dim); }

.kn-micro__rail{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px, 1fr);
  gap:12px; padding:10px;
  border:1px solid rgba(255,255,255,.06); border-radius:16px; box-shadow:var(--cw-shadow);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain;
}
.micro-card{
  scroll-snap-align:center; border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow:var(--cw-shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.micro-card img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
.micro-card figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }
.micro-card.is-center{ transform: translateY(-4px) scale(1.03); border-color: rgba(167,255,75,.28); box-shadow:0 18px 42px rgba(0,0,0,.45); }

.kn-micro__nav{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; }
.kn-micro__nav button{
  width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:transparent; cursor:pointer;
}
.micro-bar{ position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.micro-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg, var(--cw-teal), var(--cw-lime)); }

/* ===== SECTION 8 — STORAGE ===== */
.kn-storage__grid{ display:grid; gap:14px; }
.kn-storage__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-storage__copy p{ margin:0 0 10px; color:var(--cw-ink-dim); }

.kn-storage__deck{ display:grid; gap:12px; grid-template-columns: repeat(3, minmax(220px,1fr)); }
@media (max-width: 1000px){ .kn-storage__deck{ grid-template-columns: 1fr; } }

.store-card{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow:var(--cw-shadow);
}
.store-card h3{ margin:0 0 6px; font-size:18px; color:var(--cw-ink); }
.store-card p{ margin:0 0 8px; color:var(--cw-ink-dim); }
.store-card img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
.store-card figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }

.store-meter{ position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,.06); margin: 6px 0 10px; overflow:hidden; }
.store-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg, var(--cw-teal), var(--cw-lime)); }

/* ===== SECTION 9 — POWER CURVE ===== */
.kn-curve__grid{
  display:grid; gap:14px; grid-template-columns: 1.1fr .9fr; align-items:center;
}
@media (max-width: 960px){ .kn-curve__grid{ grid-template-columns: 1fr; } }

.kn-curve__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-curve__copy p{ margin:0 8px 8px 0; color:var(--cw-ink-dim); }
.curve-readout{ border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:8px 10px; display:inline-block; }

.kn-curve__scene{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); box-shadow:var(--cw-shadow);
}
.curve-svg{ width:100%; height:auto; display:block; }
.ax{ stroke: rgba(255,255,255,.18); stroke-width:2; stroke-linecap:round; }
.curve{ fill:none; stroke-width:2.5; stroke-dasharray: 600; stroke-dashoffset:600; animation: farms-draw 1.1s ease forwards; }
.cursor{ fill:#ffd86b; filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); }

.kn-curve__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-curve__shots{ grid-template-columns: 1fr; } }
.kn-curve__shots figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }
.kn-curve__shots img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
/* ===== SECTION 10 — SAFETY WHEEL ===== */
.kn-safety__grid{
  display:grid; gap:14px; grid-template-columns: .9fr 1.1fr 1fr; align-items:center;
}
@media (max-width: 1100px){ .kn-safety__grid{ grid-template-columns: 1fr; } }

.kn-safety__wheel{
  --rot: 0turn; /* JS обновляет */
  position:relative; width:min(100%, 300px); aspect-ratio:1/1; border-radius:50%;
  border:1px solid rgba(255,255,255,.06); box-shadow:var(--cw-shadow);
  background:
    conic-gradient(from calc(var(--rot) * 1turn),
      rgba(167,255,75,.22) 0 60deg,
      rgba(120,224,255,.22) 60deg 120deg,
      rgba(167,255,75,.22) 120deg 180deg,
      rgba(120,224,255,.22) 180deg 240deg,
      rgba(167,255,75,.22) 240deg 300deg,
      rgba(120,224,255,.22) 300deg 360deg);
  overflow:hidden;
}
.safety-dial{
  position:absolute; inset:12px; border-radius:50%;
  background: radial-gradient(100% 100% at 50% 50%, rgba(255,255,255,.06), transparent 60%);
  border:1px solid rgba(255,255,255,.08);
}
.safety-pointer{
  position:absolute; left:50%; top:4px; width:2px; height: calc(50% - 8px);
  background: rgba(255,255,255,.7); transform-origin: bottom center;
  transform: rotate(calc(var(--rot) * 1turn));
  box-shadow: 0 0 0 1px rgba(0,0,0,.3);
}
.kn-safety__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-safety__copy p{ margin:0 0 8px; color:var(--cw-ink-dim); }
.safety-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.safety-chip{
  border:1px solid rgba(255,255,255,.08); background:transparent; color:var(--cw-ink);
  border-radius:999px; padding:8px 12px; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.safety-chip:hover{ transform: translateY(-2px); border-color: rgba(167,255,75,.36); }
.safety-chip.is-on{ background: rgba(167,255,75,.12); border-color: rgba(167,255,75,.4); }

.kn-safety__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-safety__shots{ grid-template-columns: 1fr; } }
.kn-safety__shots img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
.kn-safety__shots figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }

/* ===== SECTION 11 — ACOUSTIC ===== */
.kn-acoustic__grid{
  display:grid; gap:14px; grid-template-columns: 1.1fr .9fr 1fr; align-items:center;
}
@media (max-width: 1100px){ .kn-acoustic__grid{ grid-template-columns: 1fr; } }

.kn-acoustic__copy h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-acoustic__copy p{ margin:0 0 8px; color:var(--cw-ink-dim); }
.ac-readout{ display:inline-block; border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:8px 10px; }

.kn-acoustic__scene{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:10px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); box-shadow:var(--cw-shadow);
}
.ac-svg{ width:100%; height:auto; display:block; }
.ac-ax{ stroke: rgba(255,255,255,.18); stroke-width:2; stroke-linecap:round; }
.ac-thr{ stroke: rgba(255,220,100,.7); stroke-width:1.5; stroke-dasharray:6 6; }
.ac-curve{ fill:none; stroke-width:2.5; stroke-dasharray: 600; stroke-dashoffset:600; animation: farms-draw 1.1s ease forwards; }
.ac-cursor{ fill:#ffd86b; filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); }

.kn-acoustic__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-acoustic__shots{ grid-template-columns: 1fr; } }
.kn-acoustic__shots img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
.kn-acoustic__shots figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }

/* ===== SECTION 12 — LOGBOOK ===== */
.kn-log__grid{ display:grid; gap:14px; }
.kn-log__head h2{ margin:0 0 8px; font-size:clamp(22px,3.2vw,34px); }
.kn-log__head p{ margin:0 0 8px; color:var(--cw-ink-dim); }

.log-progress{ position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.log-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg, var(--cw-teal), var(--cw-lime)); }

.kn-log__board{
  display:grid; gap:12px; grid-template-columns: repeat(4, minmax(200px,1fr));
}
@media (max-width: 1100px){ .kn-log__board{ grid-template-columns: 1fr; } }

.log-card{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow:var(--cw-shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.log-card:hover{ transform: translateY(-3px); border-color: rgba(167,255,75,.28); box-shadow:0 18px 42px rgba(0,0,0,.45); }
.log-card h3{ margin:0 0 6px; font-size:18px; color:var(--cw-ink); }
.log-card p{ margin:0; color:var(--cw-ink-dim); }

.kn-log__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-log__shots{ grid-template-columns: 1fr; } }
.kn-log__shots img{ width:min(100%,350px); height:auto; display:block; border-radius:var(--cw-radius); }
.kn-log__shots figcaption{ margin-top:6px; font-size:13px; color:var(--cw-ink-dim); }
/* ===== SECTION 13 — WIND MAP MINI-LAB ===== */
.kn-windlab__grid{
  display:grid; gap:14px; grid-template-columns: 1.1fr .9fr; align-items:center;
}
@media (max-width: 960px){ .kn-windlab__grid{ grid-template-columns: 1fr; } }

.kn-windlab__lab{
  position:relative; height: 240px; border-radius:16px; overflow:hidden;
  border:1px solid rgba(255,255,255,.06); box-shadow: var(--cw-shadow);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  cursor: none;
}
.wind-map{
  position:absolute; inset:0;
  background:
    radial-gradient(100% 100% at 20% 20%, rgba(120,224,255,.10), transparent 60%),
    conic-gradient(from 0deg at 20% 50%, rgba(167,255,75,.08) 0 10deg, transparent 10deg 20deg, rgba(167,255,75,.08) 20deg 30deg, transparent 30deg 40deg, rgba(120,224,255,.08) 40deg 50deg, transparent 50deg 60deg, rgba(120,224,255,.08) 60deg 70deg, transparent 70deg 360deg),
    repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 2px, transparent 2px 10px);
  filter: contrast(1.05) saturate(1.05);
}
.wind-overlay{
  position:absolute; inset:0;
  background: rgba(0,0,0,.25);
}
.wind-loupe{
  --r: 70px; /* yarıçap */
  position:absolute; width: calc(var(--r)*2); height: calc(var(--r)*2);
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.0) 65%, rgba(0,0,0,.22) 66%, rgba(0,0,0,.45) 100%),
    radial-gradient(closest-side, rgba(255,255,255,.22), rgba(255,255,255,.02));
  mix-blend-mode: lighten;
  box-shadow: 0 6px 18px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
  pointer-events:none;
}

.kn-windlab__copy h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,34px); }
.kn-windlab__copy p{ margin:0 0 10px; color: var(--cw-ink-dim); }
.kn-windlab__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-windlab__shots{ grid-template-columns: 1fr; } }
.kn-windlab__shots img{ width:min(100%,350px); height:auto; display:block; border-radius: var(--cw-radius); }
.kn-windlab__shots figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }

/* ===== SECTION 14 — SUSTAINABILITY STRIP ===== */
.kn-sustain__grid{ display:grid; gap:14px; }
.kn-sustain__head h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,34px); }
.kn-sustain__head p{ margin:0 0 8px; color: var(--cw-ink-dim); }

.sustain-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.sustain-chip{
  border:1px solid rgba(255,255,255,.08); background:transparent; color:var(--cw-ink);
  border-radius:999px; padding:8px 12px; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.sustain-chip:hover{ transform: translateY(-2px); border-color: rgba(167,255,75,.36); }
.sustain-chip.is-active{ background: rgba(167,255,75,.12); border-color: rgba(167,255,75,.4); }

.kn-sustain__strip{
  display:grid; gap:12px; grid-template-columns: repeat(4, minmax(220px,1fr));
}
@media (max-width: 1100px){ .kn-sustain__strip{ grid-template-columns: 1fr; } }

.sustain-card{
  border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:12px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); box-shadow: var(--cw-shadow);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.sustain-card h3{ margin:0 0 6px; font-size:18px; color: var(--cw-ink); }
.sustain-card p{ margin:0 8px 8px 0; color: var(--cw-ink-dim); }

.impact{ position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.impact-fill{ position:absolute; left:0; top:0; bottom:0; width:0%; background:linear-gradient(90deg, var(--cw-teal), var(--cw-lime)); }

.kn-sustain__shots{ display:grid; grid-template-columns: repeat(2, minmax(180px,1fr)); gap:12px; }
@media (max-width: 560px){ .kn-sustain__shots{ grid-template-columns: 1fr; } }
.kn-sustain__shots img{ width:min(100%,350px); height:auto; display:block; border-radius: var(--cw-radius); }
.kn-sustain__shots figcaption{ margin-top:6px; font-size:13px; color: var(--cw-ink-dim); }
/* FIX: Seksyon 2 — kn-tree görüntülerini büyüt ve genişliğe yay */
.kn-tree__shots{
  /* растягиваем блок с фотографиями на всю ширину секции (под текстом и SVG) */
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  /* делаем карточки заметно шире на десктопе */
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  justify-items: start; /* чтобы фигуры не растягивались */
  align-content: start;
}

.kn-tree__shots figure{ max-width: 350px; }           /* страховка под ограничение */
.kn-tree__shots img{ width: min(100%, 350px); height: auto; display: block; }

/* на ноутбуках 2 в ряд, на мобилках — по одной */
@media (max-width: 1100px){
  .kn-tree__shots{ grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 560px){
  .kn-tree__shots{ grid-template-columns: 1fr; }
}