.dc-kozan-hero {
                position: relative;
                display: block;
                width: 100%;
                min-height: 100vh;
                overflow: hidden;
                background: var(--kh-dark);
                color: #fff;
                isolation: isolate;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            }
            .dc-kozan-hero *,
            .dc-kozan-hero *::before,
            .dc-kozan-hero *::after { box-sizing: border-box; }

            .dc-kozan-hero .kh-bg {
                position: absolute; inset: 0; z-index: 0;
                overflow: hidden;
            }
            .dc-kozan-hero .kh-bg::after {
                content: ""; position: absolute; inset: 0;
                background: linear-gradient(180deg, rgba(14,18,23,0.55) 0%, rgba(14,18,23,0.7) 50%, rgba(14,18,23,0.95) 100%);
                z-index: 2;
            }
            .dc-kozan-hero .kh-bg::before {
                content: ""; position: absolute; inset: 0; z-index: 3;
                background:
                    radial-gradient(800px circle at 15% 20%, rgba(212,162,76,0.18), transparent 60%),
                    radial-gradient(600px circle at 85% 80%, rgba(255,255,255,0.06), transparent 60%);
                mix-blend-mode: screen;
                pointer-events: none;
            }
            .dc-kozan-hero .kh-bg__media {
                position: absolute; inset: -8% -4%;
                width: 108%; height: 116%;
                object-fit: cover;
                will-change: transform;
                transform: translate3d(0,0,0) scale(1.05);
                filter: saturate(1.05) contrast(1.05);
            }

            .dc-kozan-hero .kh-grain {
                position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: .12; mix-blend-mode: overlay;
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.6'/></svg>");
            }

            .dc-kozan-hero .kh-wrap {
                position: relative; z-index: 6;
                min-height: 100vh;
                max-width: 1440px;
                margin: 0 auto;
                padding: clamp(100px,12vh,160px) clamp(20px,4vw,72px) clamp(60px,8vh,100px);
                display: grid;
                grid-template-columns: 1.1fr 1fr;
                gap: 60px;
                align-items: center;
            }
            @media (max-width: 980px) {
                .dc-kozan-hero .kh-wrap { grid-template-columns: 1fr; gap: 48px; padding-top: 120px; }
            }

            .dc-kozan-hero .kh-eyebrow {
                display: inline-flex; align-items: center; gap: 18px;
                padding: 0;
                background: transparent;
                border: none;
                color: #fdfaf3;
                opacity: 0;
            }
            .dc-kozan-hero .kh-eyebrow__drip {
                display: flex; flex-direction: column; align-items: center;
                gap: 4px;
                flex-shrink: 0;
                position: relative;
            }
            .dc-kozan-hero .kh-eyebrow__tap {
                color: var(--kh-accent);
                width: 22px; height: 22px;
                filter: drop-shadow(0 2px 8px rgba(212,162,76,0.45));
                display: grid; place-items: center;
            }
            .dc-kozan-hero .kh-eyebrow__tap svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-hero .kh-eyebrow__pipe {
                position: relative;
                width: 1px; height: 38px;
                background: linear-gradient(180deg, var(--kh-accent) 0%, rgba(212,162,76,0.4) 70%, rgba(212,162,76,0.05) 100%);
            }
            .dc-kozan-hero .kh-eyebrow__drop {
                position: absolute; left: 50%; top: -3px;
                width: 8px; height: 11px;
                color: var(--kh-accent);
                transform: translate(-50%, 0);
                animation: kh-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-hero .kh-eyebrow__drop svg { width: 100%; height: 100%; display: block; }
            .dc-kozan-hero .kh-eyebrow__splash {
                position: absolute; left: 50%; bottom: -3px;
                width: 8px; height: 8px;
                border-radius: 50%;
                border: 1.5px solid var(--kh-accent);
                transform: translateX(-50%) scale(0);
                animation: kh-splash-eb 2.6s ease-out infinite;
                opacity: 0;
            }
            @keyframes kh-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 kh-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-hero .kh-eyebrow__text {
                display: flex; flex-direction: column; gap: 2px;
                line-height: 1.15;
            }
            .dc-kozan-hero .kh-eyebrow__kicker {
                font-size: 10px;
                letter-spacing: .26em;
                text-transform: uppercase;
                color: var(--kh-accent);
                font-weight: 700;
            }
            .dc-kozan-hero .kh-eyebrow__main {
                font-size: 14px;
                color: rgba(255,255,255,0.94);
                letter-spacing: .015em;
                font-weight: 500;
                font-style: italic;
                font-family: "Playfair Display", Georgia, serif;
            }

            .dc-kozan-hero .kh-title {
                font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
                font-weight: 500;
                font-size: clamp(40px, 7vw, 96px);
                line-height: 1.02;
                letter-spacing: -0.02em;
                margin: 22px 0 22px;
                color: #fdfaf3;
            }
            .dc-kozan-hero .kh-title .word { display: inline-block; overflow: hidden; vertical-align: top; }
            .dc-kozan-hero .kh-title .word > span { display: inline-block; transform: translateY(110%); }
            .dc-kozan-hero .kh-title .hl {
                position: relative; display: inline-block; color: var(--kh-accent); font-style: italic;
            }
            .dc-kozan-hero .kh-title .hl::after {
                content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 8px;
                background: linear-gradient(90deg, transparent, var(--kh-accent), transparent);
                opacity: .35; transform: scaleX(0); transform-origin: left;
            }

            .dc-kozan-hero .kh-sub {
                font-size: clamp(15px, 1.2vw, 18px);
                line-height: 1.65;
                max-width: 540px;
                color: rgba(255,255,255,0.78);
                opacity: 0;
            }

            .dc-kozan-hero .kh-ctas {
                display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px; align-items: center;
                opacity: 0;
            }
            .dc-kozan-hero .kh-btn {
                display: inline-flex; align-items: center; gap: 12px;
                padding: 18px 30px; border-radius: 100px;
                font-size: 14px; letter-spacing: .04em; font-weight: 600;
                text-decoration: none; cursor: pointer;
                transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, background .35s;
                will-change: transform;
            }
            .dc-kozan-hero .kh-btn--primary {
                background: linear-gradient(180deg, #e8b965 0%, var(--kh-accent) 100%);
                color: #1a1207;
                box-shadow: 0 14px 40px -10px rgba(212,162,76,0.55), inset 0 1px 0 rgba(255,255,255,0.4);
            }
            .dc-kozan-hero .kh-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 22px 50px -10px rgba(212,162,76,0.7), inset 0 1px 0 rgba(255,255,255,0.45); }
            .dc-kozan-hero .kh-btn--ghost {
                background: rgba(255,255,255,0.06);
                color: #fff;
                border: 1px solid rgba(255,255,255,0.2);
                backdrop-filter: blur(14px);
                -webkit-backdrop-filter: blur(14px);
            }
            .dc-kozan-hero .kh-btn--ghost:hover { background: rgba(255,255,255,0.12); transform: translateY(-2px); }
            .dc-kozan-hero .kh-btn .arr { transition: transform .35s; }
            .dc-kozan-hero .kh-btn:hover .arr { transform: translateX(4px); }

            .dc-kozan-hero .kh-phone {
                display: inline-flex; align-items: center; gap: 14px; margin-left: 8px; color: #fff; text-decoration: none;
                opacity: .9;
            }
            .dc-kozan-hero .kh-phone .ic {
                width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
                border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.04);
            }
            .dc-kozan-hero .kh-phone .lbl small { display: block; font-size: 11px; opacity: .6; letter-spacing: .12em; text-transform: uppercase; }
            .dc-kozan-hero .kh-phone .lbl strong { font-size: 16px; }

            /* RIGHT VISUAL */
            .dc-kozan-hero .kh-visual {
                position: relative; height: clamp(420px, 60vh, 620px);
            }
            .dc-kozan-hero .kh-card {
                position: absolute; overflow: hidden; border-radius: 18px;
                box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6);
                opacity: 0;
            }
            .dc-kozan-hero .kh-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
            .dc-kozan-hero .kh-card--a {
                inset: 0 30% 25% 0;
                transform: translateY(40px);
            }
            .dc-kozan-hero .kh-card--b {
                top: 35%; right: 0; width: 56%; height: 48%;
                transform: translateY(60px);
                border: 1px solid rgba(255,255,255,0.08);
            }

            .dc-kozan-hero .kh-glass {
                position: absolute;
                padding: 18px 22px;
                background: rgba(255,255,255,0.08);
                backdrop-filter: blur(20px) saturate(1.3);
                -webkit-backdrop-filter: blur(20px) saturate(1.3);
                border: 1px solid rgba(255,255,255,0.18);
                border-radius: 16px;
                color: #fff;
                box-shadow: 0 14px 50px -10px rgba(0,0,0,0.5);
                opacity: 0;
            }
            .dc-kozan-hero .kh-glass--rating {
                left: -16px; top: 18%;
                display: flex; gap: 12px; align-items: center;
            }
            .dc-kozan-hero .kh-glass--rating .stars { color: #f7c66a; letter-spacing: 2px; }
            .dc-kozan-hero .kh-glass--rating .num { font-size: 24px; font-weight: 700; }
            .dc-kozan-hero .kh-glass--rating .sub { font-size: 11px; opacity: .7; letter-spacing: .1em; text-transform: uppercase; }

            .dc-kozan-hero .kh-glass--badge {
                right: -10px; bottom: 4%;
                display: flex; align-items: center; gap: 14px;
            }
            .dc-kozan-hero .kh-glass--badge .ring {
                width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
                background: conic-gradient(var(--kh-accent) 280deg, rgba(255,255,255,0.15) 280deg);
                position: relative;
            }
            .dc-kozan-hero .kh-glass--badge .ring::after {
                content: ""; position: absolute; inset: 6px; border-radius: 50%; background: rgba(20,24,28,0.85);
            }
            .dc-kozan-hero .kh-glass--badge .ring span { position: relative; z-index: 2; font-weight: 700; font-size: 14px; color: var(--kh-accent); }
            .dc-kozan-hero .kh-glass--badge h5 { font-size: 13px; }
            .dc-kozan-hero .kh-glass--badge p { font-size: 11px; opacity: .65; margin-top: 2px; }

            .dc-kozan-hero .kh-scroll {
                position: absolute; left: 50%; bottom: clamp(20px, 4vh, 40px);
                transform: translateX(-50%);
                color: rgba(255,255,255,0.7);
                display: flex; align-items: flex-end; gap: 18px; z-index: 7;
                opacity: 0; pointer-events: none;
            }
            .dc-kozan-hero .kh-scroll__num {
                font-family: "Playfair Display", Georgia, serif;
                font-size: 48px; font-weight: 500; color: var(--kh-accent);
                line-height: .85; letter-spacing: -0.02em;
                text-shadow: 0 4px 20px rgba(212,162,76,0.35);
            }
            .dc-kozan-hero .kh-scroll__num sup {
                font-size: 14px; opacity: .55; margin-left: 2px; vertical-align: top; font-family: -apple-system, sans-serif;
            }
            .dc-kozan-hero .kh-scroll__dash {
                width: 32px; height: 1px;
                background: linear-gradient(90deg, var(--kh-accent), rgba(212,162,76,0));
                margin-bottom: 18px;
                flex-shrink: 0;
                position: relative;
            }
            .dc-kozan-hero .kh-scroll__dash::before {
                content: ""; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);
                width: 6px; height: 6px; border-radius: 50%;
                border: 1px solid var(--kh-accent);
                background: rgba(14,18,23,0.6);
            }
            .dc-kozan-hero .kh-scroll__label {
                display: flex; flex-direction: column; gap: 4px;
                margin-bottom: 4px;
            }
            .dc-kozan-hero .kh-scroll__kicker {
                font-size: 10px; letter-spacing: .26em; text-transform: uppercase;
                color: var(--kh-accent); font-weight: 700;
                opacity: .85;
            }
            .dc-kozan-hero .kh-scroll__main {
                font-family: "Playfair Display", Georgia, serif;
                font-size: 15px; font-weight: 400; font-style: italic;
                color: rgba(253,250,243,0.92); letter-spacing: .01em;
                line-height: 1.3;
            }
            @media (max-width: 720px) {
                .dc-kozan-hero .kh-scroll__num { font-size: 36px; }
                .dc-kozan-hero .kh-scroll__main { font-size: 13px; }
            }
            @media (max-width: 540px) {
                .dc-kozan-hero .kh-scroll__dash { display: none; }
                .dc-kozan-hero .kh-scroll { gap: 12px; }
                .dc-kozan-hero .kh-eyebrow__pipe { height: 28px; }
            }

            @media (max-width: 720px) {
                .dc-kozan-hero .kh-glass--rating { left: 6px; padding: 12px 14px; }
                .dc-kozan-hero .kh-glass--badge { right: 6px; padding: 12px 14px; }
                .dc-kozan-hero .kh-glass--rating .num { font-size: 20px; }
                .dc-kozan-hero .kh-glass--badge .ring { width: 46px; height: 46px; }
                .dc-kozan-hero .kh-visual { height: clamp(320px, 50vh, 420px); }
                .dc-kozan-hero .kh-ctas { gap: 12px; margin-top: 28px; }
                .dc-kozan-hero .kh-btn { padding: 14px 22px; font-size: 13px; }
                .dc-kozan-hero .kh-phone { margin-left: 0; }
            }
            @media (max-width: 540px) {
                .dc-kozan-hero .kh-wrap { padding: 110px 18px 50px; gap: 36px; }
                .dc-kozan-hero .kh-eyebrow { gap: 12px; }
                .dc-kozan-hero .kh-eyebrow__pipe { height: 32px; }
                .dc-kozan-hero .kh-title { word-break: break-word; hyphens: auto; }
                .dc-kozan-hero .kh-ctas { flex-direction: column; align-items: stretch; gap: 10px; }
                .dc-kozan-hero .kh-btn { justify-content: center; width: 100%; padding: 16px 22px; }
                .dc-kozan-hero .kh-phone { width: 100%; justify-content: flex-start; padding: 8px 0; }
                .dc-kozan-hero .kh-card--a { inset: 0 25% 32% 0; }
                .dc-kozan-hero .kh-card--b { width: 62%; height: 50%; }
            }