.header.sticky-nav .wrapped { border-radius: var(--section-br); box-shadow: var(--shadow-box-hover); background:var(--backdrop-filter-bgcolor); backdrop-filter:var(--backdrop-filter); -webkit-backdrop-filter:var(--backdrop-filter); }
.header { background:var(--section-bg); }

/* =========================================================
  🧩 KV
========================================================= */ 
.kv .hero { background:var(--section-bg); }
.kv .hero .wrapped .hero__left .text h1 { color:var(--section-text-heading); }
.kv .hero .wrapped .hero__left .text,
.kv .hero .wrapped .hero__left .text p { color:var(--section-text-primary); }
.kv .hero .wrapped .hero__left .text p strong { color:var(--section-text-primary); }
.kv .hero .wrapped .hero__left ul li { font: var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); }

/* =========================================================
  🧩 NAVBAR
========================================================= */ 
.header .nav ul li a { color:var(--section-text-heading); }
.header .nav ul li a:hover { background: var(--accent-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header .nav ul li a::after { background:var(--accent-primary); }

.header .nav ul li a { text-decoration:none; background:var(--section-text-heading); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-position:left center;  }
.header .nav ul li a:hover { -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.header .nav ul li a::after { content:''; position:absolute; bottom:10px; left:var(--space-4); width:0; height:3.5px; transition:width 0.4s ease-out; }
.header .nav ul li a:hover::after { width:calc(100% - 8px); height:2.5px; }

/* =========================================================
  🧩 RWD
========================================================= */
@media (min-width: 1px) and (max-width: 640px) {
	.header .nav ul li a { font:var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); font-weight:600; }

}

@media (min-width: 641px) and (max-width: 900px) {
	.header .nav ul li a { font:var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); font-weight:600; }
}

@media (min-width: 901px) and (max-width: 1023px) {
	.header .nav ul li a { font:var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); font-weight:600; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.header .nav ul li a { font:var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); font-weight:600; }
	.hero .hero__left p { font: var(--p-l-regular-font); letter-spacing: var(--p-m-regular-ls); }
}

@media (min-width: 1200px) {
	.header .nav ul li a { font:var(--p-m-regular-font); letter-spacing: var(--p-m-regular-ls); font-weight:600; }
}