.dc-kozan-projects {
                position: relative; display: block; width: 100%;
                background: var(--kp-bg);
                color: var(--kp-ink);
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
                overflow: hidden;
                padding: clamp(80px, 12vh, 140px) 0;
            }
            .dc-kozan-projects *,
            .dc-kozan-projects *::before,
            .dc-kozan-projects *::after { box-sizing: border-box; }

            .dc-kozan-projects::before {
                content: ""; position: absolute; inset: -20% -10% auto -10%; height: 50%;
                background: radial-gradient(closest-side, rgba(212,162,76,0.10), transparent 70%);
                pointer-events: none;
            }

            .dc-kozan-projects .kp-wrap {
                position: relative; max-width: 1400px; margin: 0 auto; padding: 0 clamp(20px,4vw,60px);
            }

            .dc-kozan-projects .kp-head {
                display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; align-items: end;
                margin-bottom: 60px;
            }
            @media (max-width: 880px) { .dc-kozan-projects .kp-head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 40px; } }

            .dc-kozan-projects .kp-eyebrow {
                display: inline-flex; align-items: center; gap: 16px;
                font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: rgba(255,255,255,0.7);
            }
            .dc-kozan-projects .kp-eyebrow__drip {
                display: inline-flex; flex-direction: column; align-items: center;
                gap: 4px; flex-shrink: 0; position: relative;
            }
            .dc-kozan-projects .kp-eyebrow__tap {
                color: var(--kp-accent);
                width: 22px; height: 22px;
                filter: drop-shadow(0 2px 8px rgba(212,162,76,0.45));
                display: grid; place-items: center;
            }
            .dc-kozan-projects .kp-eyebrow__tap svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-projects .kp-eyebrow__pipe {
                position: relative; width: 1px; height: 38px;
                background: linear-gradient(180deg, var(--kp-accent) 0%, rgba(212,162,76,0.4) 70%, rgba(212,162,76,0.05) 100%);
            }
            .dc-kozan-projects .kp-eyebrow__drop {
                position: absolute; left: 50%; top: -3px;
                width: 8px; height: 11px; color: var(--kp-accent);
                transform: translate(-50%, 0);
                animation: kp-drip-eb 2.6s cubic-bezier(.55,.05,.7,.6) infinite;
                filter: drop-shadow(0 0 5px rgba(212,162,76,0.6));
            }
            .dc-kozan-projects .kp-eyebrow__drop svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-projects .kp-eyebrow__splash {
                position: absolute; left: 50%; bottom: -3px;
                width: 8px; height: 8px; border-radius: 50%;
                border: 1.5px solid var(--kp-accent);
                transform: translateX(-50%) scale(0);
                animation: kp-splash-eb 2.6s ease-out infinite;
                opacity: 0;
            }
            @keyframes kp-drip-eb {
                0%   { transform: translate(-50%, -3px) scale(.3); opacity: 0; }
                8%   { transform: translate(-50%, 0)    scale(1);  opacity: 1; }
                62%  { transform: translate(-50%, 28px) scale(1);  opacity: 1; }
                75%  { transform: translate(-50%, 34px) scaleX(1.4) scaleY(.55); opacity: .9; }
                82%  { transform: translate(-50%, 38px) scale(.1); opacity: 0; }
                100% { transform: translate(-50%, 38px) scale(.1); opacity: 0; }
            }
            @keyframes kp-splash-eb {
                0%, 70% { transform: translateX(-50%) scale(0);   opacity: 0; }
                78%     { transform: translateX(-50%) scale(1);   opacity: .9; }
                100%    { transform: translateX(-50%) scale(2.6); opacity: 0; }
            }
            .dc-kozan-projects .kp-title {
                font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
                font-weight: 500;
                font-size: clamp(34px, 5vw, 60px);
                line-height: 1.08; letter-spacing: -0.015em; margin-top: 18px; max-width: 760px;
            }

            .dc-kozan-projects .kp-cta {
                display: inline-flex; align-items: center; gap: 10px;
                padding: 16px 24px; border-radius: 100px;
                border: 1px solid rgba(255,255,255,0.18);
                color: #fff; text-decoration: none;
                font-size: 13px; letter-spacing: .08em; font-weight: 600;
                background: rgba(255,255,255,0.03);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                transition: background .35s, transform .35s, border-color .35s;
                justify-self: end;
            }
            @media (max-width: 880px) { .dc-kozan-projects .kp-cta { justify-self: start; } }
            .dc-kozan-projects .kp-cta:hover { background: rgba(212,162,76,0.18); border-color: var(--kp-accent); transform: translateY(-2px); }
            .dc-kozan-projects .kp-cta svg { transition: transform .35s; }
            .dc-kozan-projects .kp-cta:hover svg { transform: translateX(4px); }

            .dc-kozan-projects .kp-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-auto-rows: 240px;
                gap: 16px;
            }
            @media (max-width: 980px) { .dc-kozan-projects .kp-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; } }
            @media (max-width: 560px) {
                .dc-kozan-projects { padding: 60px 0; }
                .dc-kozan-projects .kp-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; gap: 14px; }
                .dc-kozan-projects .kp-tile--tall, .dc-kozan-projects .kp-tile--large, .dc-kozan-projects .kp-tile--wide { grid-row: span 1; grid-column: span 1; }
                .dc-kozan-projects .kp-tile__title { font-size: 20px !important; }
                .dc-kozan-projects .kp-tile__open { opacity: 1; transform: scale(1) rotate(0); top: 14px; right: 14px; width: 38px; height: 38px; }
                .dc-kozan-projects .kp-cta { padding: 14px 20px; font-size: 12.5px; }
            }

            .dc-kozan-projects .kp-tile {
                position: relative; overflow: hidden; border-radius: 20px;
                background: #1c2127;
                grid-column: span 1; grid-row: span 1;
                opacity: 0; transform: scale(.97) translateY(28px);
                transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
                will-change: transform;
            }
            .dc-kozan-projects .kp-tile.is-in { opacity: 1; transform: scale(1) translateY(0); }
            .dc-kozan-projects .kp-tile--tall  { grid-row: span 2; }
            .dc-kozan-projects .kp-tile--wide  { grid-column: span 2; }
            .dc-kozan-projects .kp-tile--large { grid-column: span 2; grid-row: span 2; }
            @media (max-width: 980px) {
                .dc-kozan-projects .kp-tile--tall { grid-row: span 1; }
                .dc-kozan-projects .kp-tile--large { grid-row: span 2; }
            }

            .dc-kozan-projects .kp-tile a { display: block; position: absolute; inset: 0; color: inherit; text-decoration: none; }

            .dc-kozan-projects .kp-tile__img {
                position: absolute; inset: 0; width: 100%; height: 100%;
                object-fit: cover;
                transform: scale(1.02);
                transition: transform 1.4s cubic-bezier(.2,.7,.2,1), filter .5s;
                filter: saturate(1.05) brightness(.95);
            }
            .dc-kozan-projects .kp-tile:hover .kp-tile__img { transform: scale(1.12); filter: saturate(1.1) brightness(1); }

            .dc-kozan-projects .kp-tile::after {
                content: ""; position: absolute; inset: 0;
                background: linear-gradient(180deg, rgba(14,18,23,0.0) 40%, rgba(14,18,23,0.85) 100%);
            }

            .dc-kozan-projects .kp-tile__body {
                position: absolute; left: 0; right: 0; bottom: 0;
                padding: 22px 24px; z-index: 2;
                transform: translateY(0); transition: transform .5s cubic-bezier(.2,.7,.2,1);
            }
            .dc-kozan-projects .kp-tile__cat {
                display: inline-block; padding: 4px 10px; border-radius: 100px;
                font-size: 10px; letter-spacing: .25em; text-transform: uppercase;
                background: rgba(255,255,255,0.12); color: var(--kp-accent);
                backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
                margin-bottom: 12px;
            }
            .dc-kozan-projects .kp-tile__title {
                font-family: "Playfair Display", Georgia, serif;
                font-size: 22px; font-weight: 500; letter-spacing: -0.01em;
                color: #fff; line-height: 1.15;
            }
            .dc-kozan-projects .kp-tile--large .kp-tile__title,
            .dc-kozan-projects .kp-tile--wide .kp-tile__title { font-size: 28px; }
            .dc-kozan-projects .kp-tile__loc {
                margin-top: 6px; font-size: 12px; color: rgba(255,255,255,0.7); letter-spacing: .05em;
                display: inline-flex; align-items: center; gap: 6px;
            }

            .dc-kozan-projects .kp-tile__open {
                position: absolute; top: 18px; right: 18px; z-index: 3;
                width: 44px; height: 44px; border-radius: 50%;
                background: rgba(255,255,255,0.12);
                backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
                border: 1px solid rgba(255,255,255,0.2);
                display: grid; place-items: center;
                color: #fff;
                transform: scale(.85) rotate(-30deg); opacity: 0;
                transition: opacity .35s, transform .45s cubic-bezier(.2,.7,.2,1);
            }
            .dc-kozan-projects .kp-tile:hover .kp-tile__open { opacity: 1; transform: scale(1) rotate(0); }