/* Case 04 follows the service-first structure and typography of cases 01–03. */
html #projects-inner #case-kotky-katii .kc-case-minimal{display:block;padding:0;margin:0;color:var(--ink,#202020);font-family:var(--sans,Arial,sans-serif)}
html #case-kotky-katii .kc-case-minimal>.site-preview-toolbar{margin:0 0 8px;min-height:36px}
html #case-kotky-katii .kc-site-viewport{margin:0;border:0;border-radius:0;box-shadow:none}
html #case-kotky-katii .kc-live-site{height:85svh;min-height:560px;border:0;background:#FAF6ED}
html #case-kotky-katii .kc-colour-study{margin:48px 0 0;padding:0;border:0}
html #case-kotky-katii .kc-colour-study h4{margin:0 0 8px;font:500 20px/26px var(--sans,Arial,sans-serif);letter-spacing:0;color:var(--ink,#202020)}
html #case-kotky-katii .kc-colour-study>p{margin:0;max-width:64ch;font:400 14px/22px var(--sans,Arial,sans-serif);color:var(--muted,#626262)}
html #case-kotky-katii .kc-colour-origin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:760px;margin:24px 0 0}
html #case-kotky-katii .kc-origin-art{margin:0;min-width:0}
html #case-kotky-katii .kc-origin-art img{display:block;width:100%;height:280px;object-fit:contain;object-position:center;background:transparent}
html #case-kotky-katii .kc-origin-art figcaption{margin-top:8px;text-align:center;font:400 11px/16px var(--mono,monospace);color:var(--muted,#626262)}
html #case-kotky-katii .kc-origin-swatches{display:grid;gap:12px}
html #case-kotky-katii .kc-origin-swatch{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;font:400 13px/20px var(--sans,Arial,sans-serif)}
html #case-kotky-katii .kc-colour-chip{display:block;width:44px;height:28px;border:1px solid color-mix(in srgb,var(--ink,#202020) 10%,transparent);box-sizing:border-box}
html #case-kotky-katii .kc-source-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin:32px 0 0}
html #case-kotky-katii .kc-source-study{margin:0;min-width:0}
html #case-kotky-katii .kc-source-study img{display:block;width:100%;height:160px;object-fit:contain;background:transparent}
html #case-kotky-katii .kc-source-study figcaption{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:8px;row-gap:4px;align-items:center;margin-top:12px;font:400 13px/20px var(--sans,Arial,sans-serif);color:var(--ink,#202020)}
html #case-kotky-katii .kc-source-pigment{display:block;width:8px;height:8px}
html #case-kotky-katii .kc-source-study code{grid-column:2}
html #case-kotky-katii .kc-colour-study code{padding:0;background:none;color:var(--muted,#626262);font:400 11px/16px var(--mono,monospace)}
html #case-kotky-katii .kc-colour-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 0;max-width:760px}
html #case-kotky-katii .kc-colour-sections span{padding:12px 16px;color:#252B35;font:400 13px/20px var(--sans,Arial,sans-serif)}
html #case-kotky-katii .kc-gradient-strips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0}
html #case-kotky-katii .kc-gradient-strips figure{margin:0;min-width:0}
html #case-kotky-katii .kc-gradient-strips figure>span{display:block;height:16px;width:100%;border:0;border-radius:0}
html #case-kotky-katii .kc-gradient-strips figcaption{margin-top:8px;font:400 12px/18px var(--sans,Arial,sans-serif);color:var(--muted,#626262)}
html #case-kotky-katii .kc-case-minimal>.case-sequence{display:none!important}
html #projects-inner #case-kotky-katii .wl-project-caption{display:block;width:100%;max-width:72ch;margin:32px 0 0;padding:0;color:var(--ink,#202020);font:400 14px/22px var(--sans,Arial,sans-serif);letter-spacing:0;text-align:start}
html #projects-inner #case-kotky-katii .wl-project-caption>.wl-project-caption-title{margin:0 0 12px;padding:0;color:var(--ink,#202020);font:500 20px/26px var(--sans,Arial,sans-serif);letter-spacing:0;text-transform:none}
html #projects-inner #case-kotky-katii .wl-project-caption>.wl-project-caption-scope{margin:0;padding:0;color:var(--ink,#202020);font:400 14px/22px var(--sans,Arial,sans-serif);letter-spacing:0;text-wrap:pretty}
html #case-kotky-katii .wl-project-caption-item{display:inline-block;max-width:100%;vertical-align:top}
html #projects-inner #case-kotky-katii .wl-project-caption>.wl-project-caption-meta{margin:6px 0 0;color:var(--muted,#626262);font:400 14px/22px var(--sans,Arial,sans-serif);letter-spacing:0}
html #case-kotky-katii .kc-caption-credit{margin:16px 0 0!important;color:var(--muted,#626262)!important;font:400 12px/20px var(--sans,Arial,sans-serif)!important}
@media(max-width:1000px){html #case-kotky-katii .kc-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}}
@media(max-width:600px){
 html #case-kotky-katii .kc-live-site{min-height:520px}
 html #case-kotky-katii .kc-colour-study{margin-top:32px}
 html #case-kotky-katii .kc-colour-origin{grid-template-columns:1fr;gap:20px}
 html #case-kotky-katii .kc-origin-art img{height:240px}
 html #case-kotky-katii .kc-origin-swatches{gap:8px}
 html #case-kotky-katii .kc-origin-swatch{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}
 html #case-kotky-katii .kc-colour-chip{width:36px;height:24px}
 html #case-kotky-katii .kc-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:24px}
 html #case-kotky-katii .kc-source-study img{height:144px}
 html #case-kotky-katii .kc-colour-sections{gap:4px}
 html #case-kotky-katii .kc-colour-sections span{padding:10px 8px;font-size:12px}
 html #projects-inner #case-kotky-katii .wl-project-caption{margin-top:24px}
}