/* The brand page owns only its content; shared header/footer remain untouched. */
.inner-page:has(.kz-brand) > .header-title { display:none; }
.kz-brand { --kb-ink:#161a1d; --kb-muted:#686e74; --kb-line:#e8eaed; color:var(--kb-ink); padding:0 0 48px; }
.kz-brand *, .kz-brand *::before, .kz-brand *::after { box-sizing:border-box; }
.kz-brand :is(h1,h2,h3,p,figure,dl,dd,ol) { margin:0; }
.kz-brand :is(h1,h2,h3) { color:inherit; }
.kz-brand h1 { font-size:clamp(40px,4.4vw,64px); line-height:1.05; letter-spacing:-.04em; font-weight:700; }
.kz-brand h2 { font-size:36px; line-height:44px; letter-spacing:normal; font-weight:700; }
.kz-brand h3 { font-size:20px; line-height:1.35; letter-spacing:normal; font-weight:700; }
.kz-brand p { font-size:16px; line-height:1.6; }
.kz-brand a { color:inherit; }
.kz-brand img { display:block; width:100%; height:auto; max-width:100%; object-fit:cover; }
.kz-brand :is(a,button):focus-visible { outline:3px solid #0b8d9b; outline-offset:5px; }
.kz-brand .kb-eyebrow { color:var(--kb-muted); font-size:16px; line-height:24px; margin-bottom:16px; }
.kb-intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:32px 0 36px; }
.kb-intro-copy { border-left:1px solid var(--kb-line); padding:0 0 0 40px; }
.kb-intro-copy > p { font-size:18px; line-height:1.6; max-width:470px; }
.kb-company-copy { padding:0 0 12px; }
.kb-company-copy p, .kb-benefits p, .kb-benefits-list { font-size:18px; line-height:1.6; }
.kb-company-copy p + p { margin-top:20px; }
.kb-benefits h2 { margin-bottom:24px; }
.kz-brand .kb-benefits-list { display:block; list-style:disc; margin:20px 0 0; padding:0 0 0 24px; }
.kb-benefits-list li { padding:0; margin:8px 0 0; }
.kb-benefits-list li::marker { color:#111; }
.kb-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:24px; }
.kz-brand .kb-button { background:#24262b; border-color:#24262b; color:#fff; display:inline-flex; align-items:center; justify-content:center; gap:12px; text-decoration:none; }
.kb-button-shine { position:relative; overflow:hidden; isolation:isolate; }
.kb-button-shine .button-animated__gradient { pointer-events:none; }
.kz-brand .kb-button:hover { background:#161a1d !important; border-color:#161a1d !important; color:#fff; }
.kz-brand .kb-link { display:inline-flex; align-items:center; gap:10px; font-size:16px; line-height:1.5; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.kz-brand .kb-link:hover { color:#545b61; }
.kb-hero > div { position:relative; border-radius:40px; overflow:hidden; }
.kb-hero img { aspect-ratio:2.4/1; object-position:center 47%; }
.kb-hero > div::after { content:""; position:absolute; inset:60% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.55)); pointer-events:none; }
.kb-hero > div > span { position:absolute; z-index:1; left:28px; bottom:20px; color:white; font-size:14px; }
.kb-hero figcaption { text-align:right; color:var(--kb-muted); font-size:13px; margin-top:10px; }
.kb-section { margin-top:72px; scroll-margin-top:110px; }
.kb-section-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:32px; align-items:end; margin-bottom:32px; }
.kb-section-heading > p, .kb-section-heading > div > p { color:var(--kb-muted); font-size:16px; }
.kb-factory-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:22px; }
.kb-factory-grid figure { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; border-radius:20px; }
.kb-factory-grid figure::after { content:""; position:absolute; inset:0 0 50%; background:linear-gradient(#0009,transparent); pointer-events:none; }
.kb-factory-grid img { height:220px; border-radius:20px; }
.kb-factory-grid .kb-factory-large { grid-row:span 2; }
.kb-factory-grid .kb-factory-large img { flex:1; min-height:0; height:100%; object-position:44% center; }
.kb-factory-grid figcaption { position:absolute; z-index:1; inset:22px 22px auto; display:flex; align-items:center; gap:12px; color:#fff; font-size:16px; font-weight:600; line-height:1.4; }
.kb-factory-grid figcaption span { display:grid; place-items:center; flex:0 0 34px; height:34px; border:1px solid #ffffff90; border-radius:50%; font-size:13px; font-weight:500; }
.kb-report-link { margin-top:20px; }
.kz-brand .kb-dark { background:#24262b; color:white; border-radius:24px; }
.kb-dark .kb-eyebrow { color:#c9cdd0; font-size:16px; line-height:24px; letter-spacing:normal; text-transform:none; }
.kb-film { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:48px; padding:40px; align-items:center; background:#f7f8f9; border-radius:24px; }
.kb-film h2 { font-size:32px; line-height:1.2; }
.kb-film .kb-lead { font-size:18px; line-height:1.6; color:var(--kb-muted); margin-top:20px; }
.kb-detail-list { margin-top:32px !important; }
.kb-detail-list > div { display:grid; grid-template-columns:155px 1fr; gap:15px; padding:13px 0; border-top:1px solid var(--kb-line); }
.kb-detail-list > div:last-child { border-bottom:1px solid var(--kb-line); }
.kb-detail-list dt { font-size:15px; font-weight:600; }
.kb-detail-list dt span { font-weight:400; margin-right:20px; }
.kb-detail-list dd { font-size:14px; line-height:1.5; color:var(--kb-muted); }
.kb-film-media { position:relative; max-width:240px; width:100%; justify-self:center; }
.kb-video-link { position:relative; display:block; overflow:hidden; border:0px solid #666b6f; border-radius:40px; aspect-ratio:9/16; background:#11111100; }
.kb-preview-video { display:block; width:100%; height:100%; object-fit:cover; }
.kb-video-link::after { content:""; position:absolute; inset:60% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.7)); }
.kb-play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:78px; height:78px; border:1.5px solid white; border-radius:50%; display:grid; place-items:center; background:#0004; transition:background .2s,scale .2s; }
.kb-play svg { width:32px; height:32px; fill:white; }
.kb-video-link:hover .kb-play { background:#0009; scale:1.06; }
.kb-video-caption { position:absolute; z-index:1; left:17px; right:17px; bottom:21px; font-size:13px; color:white; display:flex; justify-content:space-between; gap:16px; }
.kb-video-pause { position:absolute; z-index:2; top:12px; right:12px; display:grid; place-items:center; width:36px; height:36px; border:1px solid #ffffff80; border-radius:50%; background:#0008; color:white; font:600 16px/1 sans-serif; cursor:pointer; }
.kb-film-heading { display:flex; gap:22px; align-items:center; margin-bottom:24px; }
.kb-film-logo { display:block; flex-shrink:0; width:78px; height:60px; }
.kb-film-heading .kb-eyebrow { margin:0; }
.kb-film .kb-film-five-s { color:var(--kb-muted); font-size:16px; line-height:1.6; margin-top:20px; max-width:650px; }
.kb-quality { display:grid; grid-template-columns:1fr 1.2fr; gap:32px; padding:40px; }
.kb-quality h2 { font-size:32px; line-height:1.2; }
.kb-quality-number { font-size:clamp(28px,3vw,42px); font-weight:700; letter-spacing:normal; line-height:1.2; font-variant-numeric:tabular-nums; margin-top:26px; }
.kb-quality-number > span:last-child { font-size:.45em; margin-left:9px; letter-spacing:-.04em; }
.kb-quality-number + p { color:#c4c7c9; margin-top:5px; }
.kb-quality-assurance { display:flex; align-items:center; gap:24px; margin-top:28px; }
.kb-quality-ring { display:block; flex:0 0 140px; width:140px; height:140px; overflow:visible; }
.kb-ring-ticks { fill:none; stroke:#ffffff40; stroke-width:2; stroke-dasharray:1 6; }
.kb-ring-track { fill:none; stroke:#ffffff26; stroke-width:5; }
.kb-ring-progress { fill:none; stroke:#fff; stroke-width:5; stroke-dasharray:100 0; }
.kb-quality-ring text { fill:#fff; font-family:inherit; font-size:22px; font-weight:700; }
.kb-quality-ring .kb-ring-percent { font-size:14px; }
.kb-quality-assurance h3 { font-size:16px; line-height:1.5; }
.kb-quality-assurance p { color:#b8bdc1; font-size:12px; line-height:1.5; margin-top:8px; }
.kb-quality.is-animating .kb-ring-progress { animation:kb-ring-fill 2s cubic-bezier(.2,.65,.3,1) both; }
@keyframes kb-ring-fill { from { stroke-dasharray:0 100; } to { stroke-dasharray:100 0; } }
.kb-quality-chart { border-left:1px solid #626469; padding-left:40px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.kb-chart-heading { display:flex; gap:16px; align-items:center; justify-content:space-between; }
.kb-chart-heading h3 { font-size:19px; }
.kb-replay { flex:0 0 36px; height:36px; border:1px solid #757a7e; border-radius:50%; background:transparent; color:white; font-size:24px; cursor:pointer; }
.kb-replay:hover { background:#ffffff1c; }
.kb-quality-chart .kb-chart-subtitle { font-size:13px; color:#b5babd; margin-top:5px; }
.kb-chart-wrap { position:relative; margin:18px 0 16px; }
.kb-chart { display:block; width:100%; height:auto; overflow:visible; margin:0; }
.kb-chart text { font-family:inherit; fill:#eceeef; font-size:18px; }
.kb-chart-grid { stroke:#ffffff16; stroke-width:1; stroke-dasharray:3 7; }

.kb-chart-line { fill:none; stroke:white; stroke-width:2.5; stroke-linecap:round; }
.kb-chart-dot { fill:white; }
.kb-chart-guide { stroke:#ffffff45; stroke-width:1; stroke-dasharray:4 5; }
.kb-chart-endpoint rect { fill:#fff; }
.kb-chart-endpoint text { fill:#24262b; font-size:20px; font-weight:600; }
.kb-chart-tooltip { position:absolute; z-index:2; top:12px; left:50%; transform:translateX(-50%); background:#fff; color:#161a1d; border-radius:10px; padding:12px 14px; pointer-events:none; box-shadow:0 8px 30px #0003; width:max-content; max-width:95%; }
.kb-chart-tooltip[hidden] { display:none; }
.kb-chart-tooltip small { display:block; font-size:11px; color:#686e74; line-height:1.5; }
.kb-chart-tooltip strong { display:block; font-size:14px; font-weight:600; }
.kb-quality-chart .kb-chart-note { font-size:12px; color:#b8bdc1; margin-bottom:20px; }
.kb-quality.is-animating .kb-chart-area { animation:kb-area 2s ease both; }
@keyframes kb-area { from { opacity:0; } to { opacity:1; } }
.kb-quality.is-animating .kb-chart-line { animation:kb-draw 1.9s cubic-bezier(.2,.65,.3,1) both; stroke-dasharray:100; }
.kb-quality.is-animating .kb-chart-dot { animation:kb-dot 2s ease-out both; }
@keyframes kb-draw { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes kb-dot { 0%,45% { opacity:0; } 75% { opacity:1; } 100% { opacity:1; } }
.kb-quality-foot { display:flex; align-items:center; gap:10px; border-top:1px solid #626469; padding-top:20px; }
.kb-quality-foot p { font-size:13px; color:#c4c7c9; }
.kb-quality-dot { width:7px; height:7px; border-radius:50%; background:white; flex-shrink:0; }
.kb-dealer { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.kb-dealer > div > p { color:var(--kb-muted); margin:18px 0 24px; }
.kz-brand .kb-service-list { display:block; list-style:none; padding:0 0 0 40px; border-left:1px solid var(--kb-line); min-width:0; }
.kb-dealer > div, .kb-service-list li > div { min-width:0; }
.kb-service-list li { display:flex; gap:26px; padding:16px 0; border-top:1px solid var(--kb-line); }
.kb-service-list li:first-child { padding-top:0; border:0; }
.kb-service-list li > span { color:#e5e5e5; font-size:28px; line-height:1.2; font-weight:800; }
.kb-service-list h3 { font-size:17px; margin-bottom:4px; }
.kb-service-list p { font-size:14px; color:var(--kb-muted); }
.kb-catalog h2 { margin-bottom:28px; }
.kb-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.kb-category-grid a { display:block; min-width:0; }
.kb-category-grid img { border-radius:20px; aspect-ratio:1.9/1; transition:filter .2s; }
.kb-category-grid a:hover img { filter:brightness(.9); }
.kb-category-grid a > span { display:flex; justify-content:space-between; gap:15px; font-size:15px; font-weight:600; margin-top:12px; }
.kb-showroom { display:grid; grid-template-columns:1fr 1.35fr; overflow:hidden; background:#f7f8f9; border-radius:24px; }
.kb-showroom-copy { padding:40px; align-self:center; min-width:0; }
.kb-showroom h2 { font-size:32px; line-height:1.2; }
.kb-showroom-copy > p { color:var(--kb-muted); margin-top:16px; }
.kb-showroom .kb-address { display:flex; align-items:center; gap:9px; color:var(--kb-ink); font-size:14px; }
.kb-address svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; flex-shrink:0; }
.kb-showroom .kb-button { margin-top:24px; }
.kb-showroom-map { position:relative; min-height:360px; background:#e8eaed; padding:0; }
.kb-showroom-map [class*="ground-pane"] { filter:grayscale(1); }
.kb-map-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-decoration:underline; }
.catalog-banner-video-popup.kb-video-popup .catalog-banner-video-popup__dialog { width:min(480px,calc(84vh * 9 / 16)); max-width:100%; }
.catalog-banner-video-popup.kb-video-popup .catalog-banner-video-popup__video { width:100%; max-height:84vh; aspect-ratio:9/16; object-fit:contain; }
.kb-video-popup .catalog-banner-video-popup__close:focus-visible { outline:3px solid white; outline-offset:3px; }
@media (max-width:1366px) {
  .kz-brand h2 { font-size:32px; }
}
@media (max-width:1024px) {
  .kb-section { margin-top:56px; }
  .kb-intro { gap:28px; }
  .kb-intro-copy { padding-left:24px; }
  .kb-intro-copy > p { font-size:18px; }
  .kb-actions { gap:18px; }
  .kb-film { padding:28px; gap:28px; grid-template-columns:minmax(0,1fr) 220px; }
  .kb-detail-list > div { grid-template-columns:125px 1fr; }
  .kb-quality { padding:28px; gap:24px; }
  .kb-quality-chart { padding-left:28px; }
}
@media (max-width:767px) {
  .kz-brand { padding-bottom:28px; }
  .kb-intro { grid-template-columns:1fr; gap:24px; padding:20px 0 36px; }
  .kb-company-copy { padding:0 0 8px; }
  .kb-benefits h2 { margin-bottom:20px; }
  .kb-company-copy p, .kb-benefits p, .kb-benefits-list { font-size:16px; }
  .kz-brand h1 { font-size:36px; line-height:1.2; }
  .kz-brand h2 { font-size:28px; line-height:1.2; }
  .kb-intro-copy { border:0; padding:0; margin:0; }
  .kb-intro-copy > p { font-size:16px; max-width:470px; }
  .kb-intro-copy > p br { display:none; }
  .kb-actions { margin-top:24px; gap:14px; }
  .kz-brand .kb-link { font-size:14px; gap:6px; }
  .kb-hero img { aspect-ratio:1.25/1; object-position:57% center; }
  .kb-hero > div > span { left:18px; bottom:15px; font-size:12px; }
  .kb-hero figcaption { font-size:11px; }
  .kb-section { margin-top:44px; scroll-margin-top:80px; }
  .kb-section-heading { grid-template-columns:1fr; gap:16px; margin-bottom:24px; }
  .kb-section-heading > p,.kb-section-heading > div > p { font-size:16px; }
  .kb-factory-grid { gap:16px; }
  .kb-factory-grid img { height:150px; }
  .kb-factory-grid .kb-factory-large { grid-column:span 2; grid-row:auto; }
  .kb-factory-grid .kb-factory-large img { height:auto; aspect-ratio:1.4/1; }
  .kb-factory-grid figcaption { font-size:13px; }
  .kb-factory-grid figcaption span { margin-right:7px; }
  .kb-film { grid-template-columns:1fr; padding:28px 24px; gap:28px; }
  .kb-film h2 { font-size:28px; }
  .kb-film .kb-lead { font-size:16px; }
  .kb-detail-list { margin-top:24px !important; }
  .kb-detail-list > div { grid-template-columns:120px 1fr; gap:10px; }
  .kb-detail-list dt,.kb-detail-list dd { font-size:13px; }
  .kb-detail-list dt span { margin-right:12px; }
  .kb-film-media { max-width:260px; }
  .kb-film-heading { gap:18px; }
  .kb-film-logo { width:65px; height:50px; }
  .kb-quality { grid-template-columns:1fr; padding:28px 24px; gap:24px; }
  .kb-quality h2 { font-size:28px; }
  .kb-quality-number { font-size:38px; margin-top:20px; }
  .kb-quality-assurance { gap:16px; margin-top:24px; }
  .kb-quality-ring { flex-basis:112px; width:112px; height:112px; }
  .kb-quality-assurance h3 { font-size:14px; }
  .kb-quality-chart { border-left:0; border-top:1px solid #626469; padding:24px 0 0; }
  .kb-chart-wrap { margin:20px 0; }
  .kb-chart text { font-size:22px; }

  .kb-dealer { grid-template-columns:1fr; gap:26px; }
  .kz-brand .kb-service-list { border-left:0; padding-left:0; }
  .kb-service-list li { padding:17px 0; }
  .kb-category-grid { grid-template-columns:1fr; gap:24px; }
  .kb-category-grid img { aspect-ratio:1.9/1; }
  .kb-category-grid a > span { font-size:16px; }
  .kb-showroom { grid-template-columns:1fr; }
}
@media (max-width:374px) {
  .kz-brand h1 { font-size:36px; }
  .kb-detail-list > div { grid-template-columns:100px 1fr; }

  .kb-quality { padding:26px 20px; }
  .kb-quality h2 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
  .kz-brand *, .kz-brand *::before,.kz-brand *::after { animation:none !important; transition:none !important; scroll-behavior:auto; }
}

.kb-stat-icon { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; margin-bottom:18px; color:#94999e; }
@keyframes kb-stat-rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.kb-video-pause svg { width:18px; height:18px; }
.kb-pause-icon { fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; }
.kb-resume-icon { fill:currentColor; display:none; }
.kb-video-pause[aria-pressed="true"] .kb-pause-icon { display:none; }
.kb-video-pause[aria-pressed="true"] .kb-resume-icon { display:block; }
.kz-brand .kz-project-help { margin:44px 0 0; }
.kb-popular { margin-bottom:48px; }
.kb-popular-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.kb-popular-heading h2 { margin:0; }
.kb-popular .simular-items > .title { display:none; }
.kb-popular .simular-items { margin:0; }
.kb-popular-heading .kb-link { color:#161a1d; text-decoration:underline; text-underline-offset:5px; flex-shrink:0; }
@media(max-width:1024px) { .kb-showroom-copy { padding:28px; } }
@media(max-width:767px) {
  .kz-brand .kb-button { min-height:44px; padding:11px 16px; font-size:14px; line-height:20px; }
  .kb-factory-grid { grid-template-columns:1fr; }
  .kb-factory-grid .kb-factory-large { grid-column:auto; }
  .kb-factory-grid img { height:auto; aspect-ratio:1.5; }
  .kb-factory-grid figcaption { inset:18px 18px auto; font-size:15px; }
  .kb-showroom-copy { padding:24px; }
  .kb-showroom-map { min-height:320px; }
  .kb-popular-heading { align-items:flex-start; gap:16px; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .kb-button-shine .button-animated__gradient { display:none; } .kb-numbers.is-counting .kb-stat-icon { animation:none; } }

.kz-brand > .kb-film:first-child { margin-top:32px; }
@media(max-width:767px) { .kz-brand > .kb-film:first-child { margin-top:20px; } }

/* Editorial compositions: shared controls keep the site's existing design. */
.kb-company-copy { padding:12px 0 20px; }
.kb-benefits { display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:64px; align-items:stretch; }
.kb-benefits-copy { min-width:0; }
.kb-benefits-visual { display:flex; min-width:0; }
.kb-benefits-visual .kb-film-media { max-width:none; width:100%; margin:0; align-self:stretch; }
.kb-benefits-visual .kb-video-link { height:100%; min-height:365px; aspect-ratio:auto; }
.kb-benefits-visual .kb-preview-video { position:absolute; inset:0; }
.kb-benefits .kb-benefits-list { margin-top:24px; }
.kb-production-editorial { position:relative; isolation:isolate; margin-top:100px; }
.kb-editorial-meta { display:flex; justify-content:space-between; gap:24px; align-items:start; margin-bottom:24px; }
.kb-editorial-meta p { font-size:13px; line-height:1.5; }
.kb-editorial-meta p:last-child { color:var(--kb-muted); text-align:right; }
.kz-brand .kb-editorial-title { display:flex; flex-wrap:wrap; gap:16px 36px; align-items:baseline; margin-bottom:44px; }
.kb-editorial-title > span { font-size:clamp(64px,10vw,136px); font-weight:700; line-height:.98; letter-spacing:-.055em; text-transform:uppercase; }
.kb-editorial-title > small { font-size:28px; line-height:1.2; font-weight:500; color:var(--kb-muted); letter-spacing:-.025em; }
.kb-production-editorial .kb-factory-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:auto auto; align-items:start; column-gap:24px; row-gap:40px; }
.kb-production-editorial .kb-factory-large { grid-column:1 / 6; grid-row:1 / 3; margin-top:64px; }
.kb-production-editorial .kb-factory-large img { width:100%; height:auto; min-height:0; aspect-ratio:4 / 5; object-position:43% center; }
.kb-production-editorial .kb-factory-tech { grid-column:8 / 13; grid-row:1; }
.kb-production-editorial .kb-factory-tech img { height:auto; aspect-ratio:1.55; }
.kb-production-editorial .kb-factory-detail { grid-column:7 / 10; grid-row:2; }
.kb-production-editorial .kb-factory-detail img { height:auto; aspect-ratio:.95; }
.kb-production-editorial .kb-factory-note { grid-column:10 / 13; grid-row:2; align-self:end; padding:0 0 8px 8px; }
.kb-factory-note > span { display:block; font-size:13px; line-height:1.5; font-weight:600; margin-bottom:12px; }
.kb-factory-note p { font-size:14px; line-height:1.55; color:var(--kb-muted); }
.kb-production-editorial .kb-report-link { margin-top:28px; }
.kb-manifesto { padding:112px 0 20px; text-align:center; }
.kb-manifesto .kb-eyebrow { margin-bottom:24px; }
.kz-brand .kb-manifesto-text { font-size:clamp(32px,4.7vw,64px); line-height:1.1; font-weight:600; letter-spacing:-.045em; }
.kb-manifesto-text span { color:#7a8086; }
.kb-partners { padding:40px; border-radius:24px; background:radial-gradient(420px circle at var(--kb-pointer-x,50%) var(--kb-pointer-y,50%),#019e9708,transparent 80%),#f7f8f9; }
.kb-partners-heading { display:flex; justify-content:space-between; gap:32px; align-items:end; margin-bottom:32px; }
.kb-partners-heading .kb-eyebrow { margin-bottom:12px; }
.kb-partner-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.kb-partner-card { display:flex; align-items:center; justify-content:center; min-width:0; min-height:116px; padding:22px; background:#fff; border:1px solid #e8eaed; border-radius:16px; transition:transform .45s ease,box-shadow .3s ease; }
.kb-partner-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px #161a1d0a; }
.kz-brand .kb-partner-card img { width:auto; max-width:100%; max-height:64px; height:auto; object-fit:contain; }
.kb-catalog { padding-top:20px; }
.kb-catalog h2 { max-width:800px; font-size:clamp(36px,4.5vw,60px); line-height:1.08; letter-spacing:-.04em; margin-bottom:32px; }
.kb-catalog .kb-category-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:24px; align-items:start; }
.kb-category-grid a:nth-child(1) { grid-column:1; grid-row:1 / 3; }
.kb-category-grid a:nth-child(2) { grid-column:2; grid-row:1; margin-top:24px; }
.kb-category-grid a:nth-child(3) { grid-column:2; grid-row:2; }
.kb-category-grid a:nth-child(1) img { aspect-ratio:4 / 5; }
.kb-category-grid a:nth-child(2) img { aspect-ratio:1.85; }
.kb-category-grid a:nth-child(3) img { aspect-ratio:1.85; }
[data-kb-reveal] { transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1); }
.kb-reveal-pending { opacity:0; translate:0 24px; }
.kb-motion-layer { transform:perspective(1000px) translate3d(var(--kb-shift-x,0px),var(--kb-shift-y,0px),0) rotateX(var(--kb-rotate-x,0deg)) rotateY(var(--kb-rotate-y,0deg)); transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1); }
.kb-production-steps { display:grid; gap:48px; }
.kb-production-step { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; }
.kb-production-step:nth-child(even) .kb-step-copy { grid-column:2; grid-row:1; }
.kb-production-step:nth-child(even) figure { grid-column:1; grid-row:1; }
.kb-step-copy { position:relative; isolation:isolate; min-height:240px; display:flex; flex-direction:column; justify-content:center; padding:32px 0; }
.kb-step-copy::before { content:attr(data-step); position:absolute; z-index:-1; top:-14px; right:0; color:#f6f6f6; font-size:clamp(150px,20vw,260px); font-weight:800; line-height:1; letter-spacing:-.07em; pointer-events:none; user-select:none; }
.kz-brand .kb-step-copy h3 { font-size:36px; line-height:1.2; margin-bottom:20px; }
.kb-step-copy p { max-width:420px; color:var(--kb-muted); font-size:16px; line-height:1.6; }
.kb-production-step figure { min-width:0; border-radius:20px; overflow:hidden; }
.kb-production-step img { aspect-ratio:1.5; object-fit:cover; }
.kb-production-step:first-child img { object-position:43% center; }
.kb-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1024px) {
  .kb-company-copy,.kb-benefits { gap:32px; }
  .kb-production-step { gap:32px; }
  .kb-step-copy::before { font-size:190px; top:16px; }
  .kb-production-editorial { margin-top:72px; }
  .kb-editorial-title > span { font-size:clamp(56px,10vw,100px); }
  .kb-editorial-title > small { font-size:24px; }
  .kb-production-editorial .kb-factory-grid { gap:28px 20px; }
  .kb-production-editorial .kb-factory-large { grid-column:1 / 7; margin-top:40px; }
  .kb-production-editorial .kb-factory-tech { grid-column:8 / 13; }
  .kb-production-editorial .kb-factory-detail { grid-column:8 / 13; }
  .kb-production-editorial .kb-factory-detail img { aspect-ratio:1.45; }
  .kb-production-editorial .kb-factory-note { grid-column:1 / 7; grid-row:3; margin-top:-16px; padding:0; }
  .kb-manifesto { padding-top:80px; }
  .kb-partner-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .kb-partners { padding:28px; }
  .kb-category-grid a:nth-child(2) { margin-top:20px; }
}
@media(max-width:767px) {
  .kb-company-copy,.kb-benefits { grid-template-columns:1fr; gap:20px; }
  .kb-production-steps { gap:36px; }
  .kb-production-step { grid-template-columns:1fr; gap:16px; }
  .kb-production-step:nth-child(even) .kb-step-copy,.kb-production-step:nth-child(even) figure { grid-column:auto; grid-row:auto; }
  .kb-step-copy { min-height:160px; padding:20px 0; }
  .kb-step-copy::before { font-size:160px; top:-8px; }
  .kz-brand .kb-step-copy h3 { font-size:28px; margin-bottom:16px; }
  .kb-step-copy p { padding-right:12px; }
  .kb-company-copy { padding:0 0 8px; }
  .kb-benefits h2 { margin:0 0 20px; }
  .kb-benefits { gap:28px; }
  .kb-benefits-visual { order:-1; }
  .kb-benefits-visual .kb-film-media { max-width:none; width:100%; margin:0; }
  .kb-benefits-visual .kb-video-link { height:auto; min-height:0; aspect-ratio:3 / 4; }
  .kb-benefits p { font-size:16px; }
  .kb-production-editorial { margin-top:56px; }
  .kb-editorial-meta { margin-bottom:20px; gap:20px; }
  .kb-editorial-meta p { font-size:11px; }
  .kz-brand .kb-editorial-title { display:block; margin-bottom:28px; }
  .kb-editorial-title > span { display:block; font-size:clamp(36px,9.9vw,72px); line-height:1; }
  .kb-editorial-title > small { display:block; font-size:22px; margin-top:12px; }
  .kb-production-editorial .kb-factory-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px 16px; }
  .kb-production-editorial .kb-factory-large { grid-column:1 / 6; grid-row:1; margin:0; }
  .kb-production-editorial .kb-factory-large img { aspect-ratio:1.05; }
  .kb-production-editorial .kb-factory-tech { grid-column:2 / 7; grid-row:2; }
  .kb-production-editorial .kb-factory-detail { grid-column:1 / 5; grid-row:3; }
  .kb-production-editorial .kb-factory-detail img { aspect-ratio:1.15; }
  .kb-production-editorial .kb-factory-note { grid-column:2 / 7; grid-row:4; margin:0; padding:0; }
  .kb-production-editorial .kb-report-link { margin-top:24px; }
  .kb-manifesto { padding:64px 0 4px; }
  .kb-manifesto .kb-manifesto-text { font-size:clamp(28px,7.8vw,48px); }
  .kb-partners { padding:28px 20px; }
  .kb-partners-heading { align-items:start; flex-direction:column; gap:20px; margin-bottom:24px; }
  .kb-partner-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .kb-partner-card { min-height:82px; padding:14px; border-radius:12px; }
  .kb-partner-card img { max-height:48px; }
  .kb-catalog { padding-top:0; }
  .kb-catalog h2 { font-size:32px; margin-bottom:28px; }
  .kb-catalog .kb-category-grid { grid-template-columns:1fr; gap:24px; }
  .kb-category-grid a:nth-child(1) { grid-column:1; grid-row:1; }
  .kb-category-grid a:nth-child(2) { grid-column:1; grid-row:2; margin:0; }
  .kb-category-grid a:nth-child(3) { grid-column:1; grid-row:3; }
  .kb-category-grid a:nth-child(1) img { aspect-ratio:1.4; }
  .kb-category-grid a:nth-child(2) img,.kb-category-grid a:nth-child(3) img { aspect-ratio:1.4; }
}
@media(prefers-reduced-motion:reduce),(pointer:coarse) {
  .kb-motion-layer { transform:none !important; }
  .kb-partner-card:hover { transform:none; }
}