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

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

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

            .dc-kozan-services .ks-head {
                display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end;
                margin-bottom: 70px;
            }
            @media (max-width: 880px) { .dc-kozan-services .ks-head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 50px; } }

            .dc-kozan-services .ks-eyebrow {
                display: inline-flex; align-items: center; gap: 16px;
                font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--ks-ink);
                opacity: .75;
            }
            .dc-kozan-services .ks-eyebrow__drip {
                display: inline-flex; flex-direction: column; align-items: center;
                gap: 4px; flex-shrink: 0; position: relative;
            }
            .dc-kozan-services .ks-eyebrow__tap {
                color: var(--ks-accent);
                width: 22px; height: 22px;
                filter: drop-shadow(0 2px 8px rgba(212,162,76,0.4));
                display: grid; place-items: center;
            }
            .dc-kozan-services .ks-eyebrow__tap svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-services .ks-eyebrow__pipe {
                position: relative; width: 1px; height: 38px;
                background: linear-gradient(180deg, var(--ks-accent) 0%, rgba(212,162,76,0.4) 70%, rgba(212,162,76,0.05) 100%);
            }
            .dc-kozan-services .ks-eyebrow__drop {
                position: absolute; left: 50%; top: -3px;
                width: 8px; height: 11px; color: var(--ks-accent);
                transform: translate(-50%, 0);
                animation: ks-drip-eb 2.6s cubic-bezier(.55,.05,.7,.6) infinite;
                filter: drop-shadow(0 0 5px rgba(212,162,76,0.55));
            }
            .dc-kozan-services .ks-eyebrow__drop svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-services .ks-eyebrow__splash {
                position: absolute; left: 50%; bottom: -3px;
                width: 8px; height: 8px; border-radius: 50%;
                border: 1.5px solid var(--ks-accent);
                transform: translateX(-50%) scale(0);
                animation: ks-splash-eb 2.6s ease-out infinite;
                opacity: 0;
            }
            @keyframes ks-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 ks-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-services .ks-title {
                font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
                font-weight: 500;
                font-size: clamp(34px, 5vw, 64px);
                line-height: 1.06; letter-spacing: -0.015em; margin-top: 18px;
                color: var(--ks-ink);
            }
            .dc-kozan-services .ks-title em {
                color: var(--ks-accent); font-style: italic; font-weight: 500;
            }

            .dc-kozan-services .ks-intro {
                font-size: clamp(15px, 1.1vw, 17px); line-height: 1.7;
                color: rgba(22,26,31,0.7); max-width: 480px;
            }

            .dc-kozan-services .ks-grid {
                display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
            }
            @media (max-width: 980px) { .dc-kozan-services .ks-grid { grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 560px) {
                .dc-kozan-services { padding: 60px 0; }
                .dc-kozan-services .ks-grid { grid-template-columns: 1fr; gap: 16px; }
                .dc-kozan-services .ks-card { aspect-ratio: 5/4; }
                .dc-kozan-services .ks-card__title { font-size: 22px; }
                .dc-kozan-services .ks-card__desc { max-height: 200px; opacity: 1; margin-top: 8px; font-size: 13px; }
                .dc-kozan-services .ks-card__cta { opacity: 1; transform: none; }
            }

            .dc-kozan-services .ks-card {
                position: relative;
                aspect-ratio: 4/5;
                border-radius: 24px;
                overflow: hidden;
                background: #1c2127;
                cursor: pointer;
                isolation: isolate;
                opacity: 0;
                transform: translateY(40px);
                transition: transform .6s cubic-bezier(.2,.7,.2,1);
            }
            .dc-kozan-services .ks-card:hover { transform: translateY(-6px); }
            .dc-kozan-services .ks-card.is-in { opacity: 1; transform: translateY(0); }

            .dc-kozan-services .ks-card__img {
                position: absolute; inset: 0; width: 100%; height: 100%;
                object-fit: cover;
                transition: transform 1.2s cubic-bezier(.2,.7,.2,1), filter .5s;
                filter: saturate(1.05) contrast(1.02);
            }
            .dc-kozan-services .ks-card:hover .ks-card__img { transform: scale(1.08); }

            .dc-kozan-services .ks-card::after {
                content: ""; position: absolute; inset: 0;
                background: linear-gradient(180deg, rgba(14,18,23,0.0) 30%, rgba(14,18,23,0.55) 65%, rgba(14,18,23,0.95) 100%);
                z-index: 1; transition: opacity .4s;
            }

            .dc-kozan-services .ks-card__icon {
                position: absolute; top: 22px; left: 22px;
                width: 52px; height: 52px; border-radius: 14px;
                display: grid; place-items: center;
                background: rgba(255,255,255,0.12);
                backdrop-filter: blur(14px) saturate(1.4);
                -webkit-backdrop-filter: blur(14px) saturate(1.4);
                border: 1px solid rgba(255,255,255,0.2);
                color: var(--ks-accent);
                z-index: 3;
                transition: transform .5s cubic-bezier(.2,.7,.2,1);
            }
            .dc-kozan-services .ks-card:hover .ks-card__icon { transform: rotate(-8deg) scale(1.08); }

            .dc-kozan-services .ks-card__num {
                position: absolute; top: 22px; right: 26px;
                font-size: 12px; letter-spacing: .25em; color: rgba(255,255,255,0.75); z-index: 3;
                font-variant-numeric: tabular-nums;
            }

            .dc-kozan-services .ks-card__body {
                position: absolute; left: 0; right: 0; bottom: 0;
                padding: 28px 26px 26px;
                color: #fff; z-index: 3;
            }
            .dc-kozan-services .ks-card__title {
                font-family: "Playfair Display", Georgia, serif;
                font-size: 26px; font-weight: 500; letter-spacing: -0.01em;
                transition: transform .5s cubic-bezier(.2,.7,.2,1);
            }
            .dc-kozan-services .ks-card__desc {
                font-size: 14px; line-height: 1.55; color: rgba(255,255,255,0.82);
                max-height: 0; overflow: hidden; opacity: 0;
                transition: max-height .6s ease, opacity .4s, margin .4s;
            }
            .dc-kozan-services .ks-card:hover .ks-card__desc { max-height: 200px; opacity: 1; margin-top: 12px; }
            .dc-kozan-services .ks-card:hover .ks-card__title { transform: translateY(-2px); }

            .dc-kozan-services .ks-card__cta {
                display: inline-flex; align-items: center; gap: 8px;
                margin-top: 18px;
                font-size: 12px; letter-spacing: .15em; text-transform: uppercase;
                color: var(--ks-accent); text-decoration: none; font-weight: 600;
                opacity: 0; transform: translateY(8px); transition: opacity .4s, transform .4s; transition-delay: .1s;
            }
            .dc-kozan-services .ks-card:hover .ks-card__cta { opacity: 1; transform: translateY(0); }

            .dc-kozan-services .ks-card__cta::after {
                content: "→"; transition: transform .4s;
            }
            .dc-kozan-services .ks-card:hover .ks-card__cta::after { transform: translateX(4px); }

            /* Featured highlight outline */
            .dc-kozan-services .ks-card::before {
                content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit;
                background: linear-gradient(135deg, rgba(212,162,76,0.0), rgba(212,162,76,0.0));
                opacity: 0; transition: opacity .4s;
            }
            .dc-kozan-services .ks-card:hover::before { opacity: 1; background: linear-gradient(135deg, rgba(212,162,76,0.18), rgba(212,162,76,0.0) 50%); }