/* ===== VARIABLES — CREAM THEME (default) ===== */
:root {
    --gold: #8b6914;
    --gold-light: #b8952a;
    --bg: #f5f0e8;
    --bg2: #ece5d6;
    --bg3: #e4dbc8;
    --card: #ede7da;
    --text: #1a1609;
    --muted: #5a4e35;
    --dim: #9a8b6e;
    --border: rgba(90,60,20,0.12);
    --border2: rgba(90,60,20,0.25);
    --grad: linear-gradient(135deg, #8b6914 0%, #c8a940 50%, #8b6914 100%);
    --tr: 0.35s cubic-bezier(0.4,0,0.2,1);
    --r: 12px;
    --font: 'Syne', sans-serif;
    --body: 'Inter', sans-serif;
}

/* ===== DARK THEME OVERRIDE ===== */
[data-theme="dark"] {
    --gold: #c8a96e;
    --gold-light: #e8d5a8;
    --bg: #080810;
    --bg2: #0e0e1a;
    --bg3: #141424;
    --card: #12121e;
    --text: #e0e0ee;
    --muted: #7070a0;
    --dim: #404060;
    --border: rgba(200,169,110,0.12);
    --border2: rgba(200,169,110,0.25);
    --grad: linear-gradient(135deg, #c8a96e 0%, #e8d5a8 50%, #c8a96e 100%);
}

/* Dark theme specifics that need selector overrides */
[data-theme="dark"] body { background: var(--bg); color: var(--text); }
[data-theme="dark"] .topbar { background: #050508; border-bottom-color: rgba(200,169,110,0.1); }
[data-theme="dark"] .navbar.scrolled { background: rgba(8,8,16,0.88); border-bottom-color: var(--border); }
[data-theme="dark"] .nav-logo-img { filter: none; }
[data-theme="dark"] .nav-brand:hover .nav-logo-img { filter: drop-shadow(0 0 16px rgba(200,169,110,0.45)); }
[data-theme="dark"] .nl:hover, [data-theme="dark"] .nl.active { color: #fff; }
[data-theme="dark"] .nav-btn:hover { background: var(--gold); color: #0e0e1a; border-color: var(--gold); }
[data-theme="dark"] .nav-toggle span { background: #fff; }
[data-theme="dark"] .nav-links { background: var(--bg2); }
[data-theme="dark"] .hero-title { color: #fff; }
[data-theme="dark"] .hero-overlay { background: linear-gradient(120deg,rgba(8,8,16,0.75) 40%,rgba(8,8,16,0.3)),linear-gradient(to bottom,transparent 50%,var(--bg)); }
[data-theme="dark"] .hero-bg img { filter: brightness(0.25) saturate(0.8); }
[data-theme="dark"] .hero-grid { background-image: linear-gradient(rgba(200,169,110,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,0.04) 1px,transparent 1px); }
[data-theme="dark"] .s-title { color: #fff; }
[data-theme="dark"] .hs-num { color: #fff; }
[data-theme="dark"] .af-item { background: transparent; }
[data-theme="dark"] .af-item h4 { color: #fff; }
[data-theme="dark"] .srv-card { background: var(--bg); }
[data-theme="dark"] .srv-card:hover { background: var(--bg2); }
[data-theme="dark"] .srv-card h3 { color: #fff; }
[data-theme="dark"] .proc-step h4 { color: #fff; }
[data-theme="dark"] .proc-step:hover { background: var(--bg2); }
[data-theme="dark"] .gal-item img { filter: brightness(0.75); }
@media(hover:hover){[data-theme="dark"] .gal-item:hover img { filter: brightness(0.9); }}
[data-theme="dark"] .stats-bg { background: linear-gradient(135deg,#0a0a18,#12122a); }
[data-theme="dark"] .stats-grid { border-color: var(--border); }
[data-theme="dark"] .stat-box { border-right-color: var(--border); }
[data-theme="dark"] .stat-num { color: #fff; }
[data-theme="dark"] .stat-label { color: var(--muted); }
[data-theme="dark"] .contact-form { background: var(--bg2); backdrop-filter: none; }
[data-theme="dark"] .ci-item { background: transparent; }
[data-theme="dark"] .ci-item:hover { background: rgba(200,169,110,0.03); }
[data-theme="dark"] .f-group input, [data-theme="dark"] .f-group textarea, [data-theme="dark"] .f-group select { background: rgba(255,255,255,0.03); color: #fff; }
[data-theme="dark"] .f-group input:focus, [data-theme="dark"] .f-group textarea:focus, [data-theme="dark"] .f-group select:focus { background: rgba(200,169,110,0.04); }
[data-theme="dark"] .f-group select { background-color: rgba(255,255,255,0.03); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%237070a0' d='M5 7L0 2h10z'/%3E%3C/svg%3E"); }
[data-theme="dark"] .f-group select option { background: var(--bg2); color: var(--text); }
[data-theme="dark"] .btn-submit { color: #0e0e1a; }
[data-theme="dark"] .site-footer { background: var(--bg); }
[data-theme="dark"] .bc-title { color: #fff; }
[data-theme="dark"] .blog-card { background: var(--bg); }
[data-theme="dark"] .blog-card:hover { background: var(--bg2); }
[data-theme="dark"] .bc-img img { filter: brightness(0.75); }
[data-theme="dark"] .mq-word { color: rgba(255,255,255,0.06); }
[data-theme="dark"] .post-title { color: #fff; }
[data-theme="dark"] .post-content h2 { color: #fff; }
[data-theme="dark"] .post-content strong { color: #fff; }
[data-theme="dark"] .loader-logo { filter: drop-shadow(0 0 24px rgba(200,169,110,0.35)) !important; animation: logoPulseDark 2s ease-in-out infinite alternate; }
@keyframes logoPulseDark { 0%{filter:drop-shadow(0 0 16px rgba(200,169,110,0.25))} 100%{filter:drop-shadow(0 0 36px rgba(200,169,110,0.55))} }
[data-theme="dark"] .contact-map-container { background: rgba(255,255,255,0.02) !important; }
[data-theme="dark"] .contact-map-container iframe { filter: invert(90%) hue-rotate(180deg) contrast(90%); }

/* ===== THEME TOGGLE BUTTON ===== */
.theme-toggle {
    position: fixed;
    bottom: 32px;
    left: 32px;
    z-index: 998;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--bg2);
    border: 1px solid var(--border2);
    color: var(--gold);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    overflow: hidden;
}
.theme-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    border-color: var(--gold);
}
.theme-toggle .tt-icon {
    position: absolute;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.theme-toggle .tt-sun  { opacity: 1;  transform: translateY(0) rotate(0deg); }
.theme-toggle .tt-moon { opacity: 0;  transform: translateY(20px) rotate(-90deg); }
[data-theme="dark"] .theme-toggle .tt-sun  { opacity: 0;  transform: translateY(-20px) rotate(90deg); }
[data-theme="dark"] .theme-toggle .tt-moon { opacity: 1;  transform: translateY(0) rotate(0deg); }
[data-theme="dark"] .theme-toggle { background: var(--bg2); box-shadow: 0 4px 20px rgba(0,0,0,0.4); }

/* Tooltip on toggle */
.theme-toggle::after {
    content: attr(data-tooltip);
    position: absolute;
    left: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--bg2);
    border: 1px solid var(--border2);
    color: var(--text);
    font-family: var(--font);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.theme-toggle:hover::after { opacity: 1; }

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:var(--tr)}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit}

/* ===== LAYOUT ===== */
.container{max-width:1280px;margin:0 auto;padding:0 32px}
.section{padding:120px 0;position:relative}

/* ===== GLOBAL DECORATIVE LINES ===== */
.global-lines{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.gl{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(90,60,20,0.06) 20%,rgba(90,60,20,0.06) 80%,transparent)}
.gl-1{left:20%}.gl-2{left:40%}.gl-3{left:60%}.gl-4{left:80%}
.gl-h{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(90,60,20,0.06) 20%,rgba(90,60,20,0.06) 80%,transparent)}
.gl-h1{top:30%}.gl-h2{top:70%}

/* ===== LOADER ===== */
.page-loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.7s,visibility 0.7s}
.page-loader.loaded{opacity:0;visibility:hidden}
.loader-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.loader-logo{width:220px;max-width:70vw;object-fit:contain;filter:drop-shadow(0 0 24px rgba(139,105,20,0.25)) brightness(0);animation:logoPulse 2s ease-in-out infinite alternate}
@keyframes logoPulse{0%{filter:brightness(0) drop-shadow(0 0 16px rgba(139,105,20,0.2))}100%{filter:brightness(0) drop-shadow(0 0 36px rgba(139,105,20,0.45))}}
.loader-track{width:160px;height:2px;background:rgba(90,60,20,0.12);border-radius:2px;overflow:hidden}
.loader-fill{height:100%;width:0;background:var(--grad);border-radius:2px;animation:loaderBar 1.8s ease forwards}
@keyframes loaderBar{to{width:100%}}


/* ===== TOPBAR ===== */
.topbar{background:#e8e0ce;border-bottom:1px solid rgba(90,60,20,0.12);position:fixed;top:0;left:0;width:100%;z-index:1001;transition:transform 0.4s ease}
.topbar.hidden{transform:translateY(-100%)}
.topbar-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:36px;display:flex;align-items:center;justify-content:space-between}
.topbar-info{display:flex;align-items:center;gap:16px;font-size:0.72rem;color:var(--dim);letter-spacing:0.5px}
.topbar-info i{color:var(--gold);font-size:0.65rem}
.topbar-info a{color:var(--dim);transition:var(--tr)}
.topbar-info a:hover{color:var(--gold)}
.topbar-div{width:1px;height:12px;background:var(--border)}

/* Language Switcher */
.lang-switcher{display:flex;align-items:center;gap:8px}
.lang-sep{color:var(--border2);font-size:0.75rem;line-height:1}
.lang-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-family:var(--font);font-size:0.7rem;font-weight:600;letter-spacing:1.5px;color:var(--dim);transition:var(--tr);border:1px solid transparent;border-radius:2px}
.lang-btn:hover{color:var(--gold)}
.lang-btn.active{color:var(--gold);border-color:rgba(139,105,20,0.25);background:rgba(139,105,20,0.08)}
.flag-icon{width:22px;height:15px;display:inline-flex;align-items:center;overflow:hidden;border-radius:2px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,0.15)}
.flag-icon svg{width:100%;height:100%;display:block}
.lang-code{font-size:0.68rem;font-weight:700;letter-spacing:1px}

/* Adjust navbar top when topbar is visible */
.navbar{top:36px}
.navbar.topbar-gone{top:0}
html{scroll-padding-top:108px}

/* ===== NAVBAR ===== */
.navbar{position:fixed;left:0;width:100%;z-index:1002;transition:var(--tr)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.navbar.scrolled{background:rgba(245,240,232,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}

/* Brand */
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo-img{height:44px;width:auto;object-fit:contain;transition:var(--tr);filter:brightness(0)}
.nav-brand:hover .nav-logo-img{transform:scale(1.03);filter:brightness(0) sepia(1) hue-rotate(5deg) saturate(2)}

/* Links */
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links li{list-style:none}
.nl{font-family:var(--font);font-size:0.8rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--muted);position:relative;padding-bottom:4px;transition:var(--tr)}
.nl::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:var(--tr)}
.nl:hover,.nl.active{color:var(--text)}
.nl:hover::after,.nl.active::after{width:100%}

/* CTA */
.nav-right{display:flex;align-items:center;gap:16px}
.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 22px;border:1px solid var(--border2);color:var(--gold);font-family:var(--font);font-size:0.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:var(--tr)}
.nav-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.nav-btn i{font-size:0.7rem;transition:var(--tr)}
.nav-btn:hover i{transform:translateX(4px)}

/* Toggle */
.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:48px;height:48px;margin-right:-10px}
.nav-toggle span{display:block;width:28px;height:1.5px;background:var(--text);transition:var(--tr)}
.nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobile menu */
@media(max-width:900px){
    .nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg2);flex-direction:column;align-items:flex-start;padding:90px 40px 40px;gap:28px;border-left:1px solid var(--border);transition:right 0.4s cubic-bezier(0.4,0,0.2,1)}
    .nav-links.open{right:0}
    .nl{font-size:0.95rem}
    .nav-toggle{display:flex}
    .nav-btn{display:none}
}

/* ===== BACK TO TOP ===== */
.back-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.9rem;opacity:0;visibility:hidden;transform:translateY(16px);transition:var(--tr);z-index:999}
.back-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-top:hover{transform:translateY(-4px)}

/* ===== HERO ===== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85) saturate(0.8) sepia(0.1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(245,240,232,0.85) 40%,rgba(245,240,232,0.4)),linear-gradient(to bottom,transparent 50%,var(--bg))}

/* Hero grid lines overlay */
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(90,60,20,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(90,60,20,0.04) 1px,transparent 1px);background-size:80px 80px}

/* Corner marks */
.hero-corners{position:absolute;inset:40px;pointer-events:none}
.hero-corners::before,.hero-corners::after{content:'';position:absolute;width:40px;height:40px;border-color:rgba(139,105,20,0.4);border-style:solid}
.hero-corners::before{top:0;left:0;border-width:1px 0 0 1px}
.hero-corners::after{bottom:0;right:0;border-width:0 1px 1px 0}

.hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 32px;padding-top:80px;width:100%}

.hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px;font-family:var(--font);font-size:0.72rem;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--gold)}
.hero-tag-line{width:32px;height:1px;background:var(--gold)}

.hero-title{font-family:var(--font);font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1.0;color:var(--text);margin-bottom:28px;max-width:800px}
.hero-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.hero-desc{font-size:1.05rem;color:var(--muted);max-width:480px;margin-bottom:48px;line-height:1.8}

.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:80px}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--grad);color:#fff;font-family:var(--font);font-size:0.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:var(--tr)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(139,105,20,0.3)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 36px;border:1px solid var(--border2);color:var(--text);font-family:var(--font);font-size:0.82rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:var(--tr)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

.hero-stats{display:flex;gap:48px;padding-top:40px;border-top:1px solid var(--border)}
.hs-item{}
.hs-num{font-family:var(--font);font-size:2.2rem;font-weight:800;color:var(--text);line-height:1}
.hs-label{font-size:0.78rem;color:var(--muted);letter-spacing:1px;margin-top:4px}

.hero-scroll-hint{position:absolute;right:48px;bottom:48px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}
.hsh-text{font-family:var(--font);font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--dim);writing-mode:vertical-lr}
.hsh-line{width:1px;height:64px;background:var(--border);position:relative;overflow:hidden}
.hsh-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--gold);animation:lineDown 2s ease-in-out infinite}
@keyframes lineDown{to{top:100%}}

/* ===== SECTION HELPERS ===== */
.s-tag{font-family:var(--font);font-size:0.72rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:16px}
.s-tag::before{content:'';width:24px;height:1px;background:var(--gold)}
.s-title{font-family:var(--font);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--text);line-height:1.15;margin-bottom:16px}
.s-title span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.s-desc{font-size:1rem;color:var(--muted);max-width:520px;line-height:1.8}
.s-head{margin-bottom:64px}
.s-head.center{text-align:center}.s-head.center .s-tag{justify-content:center}.s-head.center .s-desc{margin:0 auto}

/* ===== ABOUT ===== */
.about-section{background:var(--bg2);position:relative;overflow:hidden}
.about-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border2),transparent)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-img-wrap{position:relative}
.about-img-wrap img{width:100%;aspect-ratio:3/4;object-fit:cover}
.about-img-wrap::after{content:'';position:absolute;inset:-12px;border:1px solid var(--border2);pointer-events:none}
.about-img-wrap::before{content:'';position:absolute;bottom:-24px;right:-24px;width:50%;height:50%;border:1px solid rgba(90,60,20,0.18);pointer-events:none}
.about-badge{position:absolute;bottom:32px;left:-28px;background:var(--grad);padding:24px 36px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,0.15);border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;animation:badgeWavy 6s ease-in-out infinite alternate;z-index:5}
@keyframes badgeWavy {
    0%   { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    50%  { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
    100% { border-radius: 50% 60% 30% 60% / 40% 40% 60% 50%; }
}
.ab-num{font-family:var(--font);font-size:2.5rem;font-weight:800;color:#fff;line-height:1}
.ab-text{font-family:var(--font);font-size:0.78rem;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.3}
.about-text{color:var(--muted);margin-bottom:20px;font-size:0.98rem;line-height:1.85}
.about-feats{display:flex;flex-direction:column;gap:16px;margin-top:36px}
.af-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);background:rgba(255,255,255,0.35)}
.af-icon{width:40px;height:40px;background:rgba(139,105,20,0.08);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1rem;flex-shrink:0}
.af-item h4{font-family:var(--font);font-size:0.9rem;color:var(--text);margin-bottom:2px}
.af-item p{font-size:0.82rem;color:var(--muted)}

/* ===== SERVICES ===== */
.services-section{position:relative;background:var(--bg)}
.services-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border2),transparent)}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.srv-card{background:var(--bg);padding:40px;position:relative;overflow:hidden;transition:var(--tr);cursor:default}
.srv-card::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--grad);transition:width 0.5s ease}
.srv-card:hover::before{width:100%}
.srv-card:hover{background:var(--bg2)}
.srv-num{font-family:var(--font);font-size:3rem;font-weight:800;color:rgba(139,105,20,0.08);line-height:1;margin-bottom:24px;transition:var(--tr)}
.srv-card:hover .srv-num{color:rgba(139,105,20,0.15)}
.srv-icon{width:48px;height:48px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem;margin-bottom:20px}
.srv-card h3{font-family:var(--font);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:1px}
.srv-card p{font-size:0.88rem;color:var(--muted);line-height:1.75;margin-bottom:24px}
.srv-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:0.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.srv-link i{font-size:0.65rem;transition:var(--tr)}
.srv-link:hover i{transform:translateX(6px)}
.srv-img{height:200px;overflow:hidden;margin:-40px -40px 32px}
.srv-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85);transition:transform 0.6s}
.srv-card:hover .srv-img img{transform:scale(1.05)}

/* ===== MARQUEE ===== */
.marquee-section{padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;background:var(--bg3)}
.mq-track{display:flex;animation:mq 25s linear infinite;width:fit-content}
.mq-inner{display:flex;align-items:center;gap:64px;padding:0 32px;flex-shrink:0}
.mq-word{font-family:var(--font);font-size:1.8rem;font-weight:800;letter-spacing:6px;color:rgba(26,22,9,0.07);white-space:nowrap;text-transform:uppercase;transition:var(--tr)}
.mq-word:hover{color:var(--gold)}
.mq-sep{width:6px;height:6px;background:var(--border2);transform:rotate(45deg);flex-shrink:0}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-section::before,.marquee-section::after{content:'';position:absolute;top:0;bottom:0;width:200px;z-index:2}
.marquee-section::before{left:0;background:linear-gradient(to right,var(--bg3),transparent)}
.marquee-section::after{right:0;background:linear-gradient(to left,var(--bg3),transparent)}

/* ===== GALLERY ===== */
.gallery-section{background:var(--bg2);position:relative}
.gallery-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border2),transparent)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:2px}
.gal-item{position:relative;overflow:hidden;cursor:pointer}
.gal-item.wide{grid-column:span 2}
.gal-item img{width:100%;height:100%;object-fit:cover;filter:brightness(0.9)}
.gal-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,9,0.85) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity 0.35s ease}
.gal-cat{font-family:var(--font);font-size:0.68rem;letter-spacing:3px;text-transform:uppercase;color:#e8d5a0;margin-bottom:6px}
.gal-overlay h4{font-family:var(--font);font-size:1rem;font-weight:700;color:#fff}
.gal-item::before{content:'';position:absolute;inset:0;border:1px solid transparent;z-index:2;pointer-events:none}

/* Hover efektleri sadece mouse'u olan cihazlarda (telefonda flicker olmaz) */
@media(hover:hover){
    .gal-item img{transition:transform 0.7s ease,filter 0.7s ease}
    .gal-item:hover img{transform:scale(1.06);filter:brightness(1)}
    .gal-item:hover .gal-overlay{opacity:1}
    .gal-item:hover::before{border-color:rgba(139,105,20,0.4)}
}

/* ===== STATS ===== */
.stats-section{position:relative;overflow:hidden}
.stats-bg{position:absolute;inset:0;background:linear-gradient(135deg,#2a2015,#3d3020)}
.stats-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(200,170,80,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,170,80,0.06) 1px,transparent 1px);background-size:60px 60px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1;border:1px solid rgba(200,170,80,0.2)}
.stat-box{padding:56px 32px;text-align:center;border-right:1px solid rgba(200,170,80,0.2);position:relative}
.stat-box:last-child{border-right:none}
.stat-box::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:var(--grad)}
.stat-num{font-family:var(--font);font-size:3.5rem;font-weight:800;color:#f5f0e8;line-height:1;margin-bottom:8px}
.stat-num sup{font-size:1.5rem;vertical-align:super}
.stat-label{font-size:0.8rem;color:rgba(245,240,232,0.55);letter-spacing:2px;text-transform:uppercase}

/* ===== PROCESS ===== */
.process-section{background:var(--bg2)}
.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--border);margin-top:64px}
.proc-step{padding:40px 28px;border-right:1px solid var(--border);position:relative;background:transparent;transition:var(--tr)}
.proc-step:last-child{border-right:none}
.proc-step::before{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--grad);transition:width 0.6s ease}
.proc-step:hover::before{width:100%}
.proc-step:hover{background:rgba(255,255,255,0.4)}
.proc-n{font-family:var(--font);font-size:2.5rem;font-weight:800;color:rgba(139,105,20,0.1);line-height:1;margin-bottom:20px}
.proc-icon{color:var(--gold);font-size:1.2rem;margin-bottom:16px}
.proc-step h4{font-family:var(--font);font-size:0.9rem;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:0.5px}
.proc-step p{font-size:0.82rem;color:var(--muted);line-height:1.7}

/* ===== CONTACT ===== */
.contact-section{position:relative;background:var(--bg)}
.contact-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border2),transparent)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-info-list{display:flex;flex-direction:column;gap:0;margin-top:40px;border:1px solid var(--border)}
.ci-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.35);transition:var(--tr)}
.ci-item:hover{background:rgba(255,255,255,0.6)}
.ci-item:last-child{border-bottom:none}
.ci-icon{width:36px;height:36px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:0.85rem;flex-shrink:0;margin-top:2px}
.ci-item h5{font-family:var(--font);font-size:0.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.ci-item p,.ci-item a{font-size:0.88rem;color:var(--muted)}
.ci-item a:hover{color:var(--gold)}
.contact-form{border:1px solid var(--border);background:rgba(255,255,255,0.5);padding:48px;backdrop-filter:blur(8px)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-group{margin-bottom:20px}
.f-group label{display:block;font-family:var(--font);font-size:0.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.f-group input,.f-group textarea,.f-group select{width:100%;padding:13px 16px;background:rgba(255,255,255,0.7);border:1px solid var(--border);color:var(--text);font-size:0.9rem;outline:none;transition:var(--tr)}
.f-group input:focus,.f-group textarea:focus,.f-group select:focus{border-color:var(--gold);background:#fff}
.f-group input::placeholder,.f-group textarea::placeholder{color:var(--dim)}
.f-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%235a4e35' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:rgba(255,255,255,0.7)}
.f-group select option{background:#f5f0e8;color:var(--text)}
.btn-submit{width:100%;padding:16px;background:var(--grad);color:#fff;font-family:var(--font);font-size:0.82rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;transition:var(--tr);display:flex;align-items:center;justify-content:center;gap:10px}
.btn-submit:hover{opacity:0.9;transform:translateY(-2px);box-shadow:0 12px 32px rgba(139,105,20,0.25)}

/* ===== FOOTER ===== */
.site-footer{position:relative;background:var(--bg3);border-top:1px solid var(--border);overflow:hidden}
.sf-lines{position:absolute;inset:0;pointer-events:none}
.sfl{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(90,60,20,0.06),transparent)}
.sfl-1{left:33%}.sfl-2{left:66%}
.sf-top{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:72px 0 56px;border-bottom:1px solid var(--border)}
.sf-brand{display:flex;flex-direction:column;gap:20px}
.sfb-mark{font-family:var(--font);font-size:3rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;line-height:1}
.sfb-name{font-family:var(--font);font-size:0.72rem;letter-spacing:6px;color:var(--dim);text-transform:uppercase;margin-bottom:8px}
.sfb-desc{font-size:0.88rem;color:var(--muted);line-height:1.75;max-width:320px}
.sf-nav-group{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.sfng h5{font-family:var(--font);font-size:0.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.sfng a,.sfng-addr{display:block;font-size:0.85rem;color:var(--muted);margin-bottom:10px;transition:var(--tr)}
.sfng a:hover{color:var(--gold);padding-left:4px}
.sf-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.sf-bottom span{font-size:0.82rem;color:var(--dim)}
.sf-social{display:flex;gap:12px}
.sf-social a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.85rem;transition:var(--tr)}
.sf-social a:hover{border-color:var(--gold);color:var(--gold)}

/* ===== BLOG ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.blog-card{background:var(--bg);display:flex;flex-direction:column;transition:var(--tr);position:relative;overflow:hidden}
.blog-card::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--grad);transition:width 0.5s}
.blog-card:hover::before{width:100%}
.blog-card:hover{background:var(--bg2)}
.bc-img{height:220px;overflow:hidden;position:relative}
.bc-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.9);transition:transform 0.6s}
.blog-card:hover .bc-img img{transform:scale(1.05)}
.bc-cat{position:absolute;top:16px;left:16px;font-family:var(--font);font-size:0.65rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#fff;background:var(--gold);padding:4px 10px}
.bc-body{padding:28px;flex:1;display:flex;flex-direction:column}
.bc-meta{display:flex;align-items:center;gap:16px;font-size:0.75rem;color:var(--dim);margin-bottom:12px;font-family:var(--font);letter-spacing:1px}
.bc-meta span{display:flex;align-items:center;gap:5px}
.bc-title{font-family:var(--font);font-size:1rem;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:12px;flex:1}
.bc-excerpt{font-size:0.84rem;color:var(--muted);line-height:1.7;margin-bottom:20px}
.bc-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:0.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.bc-link i{font-size:0.65rem;transition:var(--tr)}
.bc-link:hover i{transform:translateX(5px)}

/* Blog post page */
.post-hero{padding:160px 0 80px;background:var(--bg2);position:relative;border-bottom:1px solid var(--border)}
.post-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(90,60,20,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(90,60,20,0.04) 1px,transparent 1px);background-size:60px 60px}
.post-cat-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.post-cat-badge::before{content:'';width:20px;height:1px;background:var(--gold)}
.post-title{font-family:var(--font);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:24px;max-width:800px}
.post-meta{display:flex;align-items:center;gap:24px;font-size:0.82rem;color:var(--muted)}
.post-meta span{display:flex;align-items:center;gap:6px}
.post-meta i{color:var(--gold)}
.post-cover{width:100%;max-height:520px;object-fit:cover;display:block;filter:brightness(0.95);margin:48px 0}
.post-content{max-width:720px;margin:0 auto;font-size:1rem;color:var(--muted);line-height:1.9}
.post-content h2{font-family:var(--font);font-size:1.5rem;font-weight:700;color:var(--text);margin:40px 0 16px;position:relative;padding-left:20px}
.post-content h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:var(--gold)}
.post-content p{margin-bottom:20px}
.post-content strong{color:var(--text)}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}
.post-tag{font-family:var(--font);font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);color:var(--muted)}
.post-tag:hover{border-color:var(--gold);color:var(--gold)}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-step:nth-child(3){border-right:none}.proc-step:nth-child(4){border-top:1px solid var(--border)}.proc-step:nth-child(5){border-top:1px solid var(--border)}}
@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:48px}.contact-grid{grid-template-columns:1fr}.sf-top{grid-template-columns:1fr;gap:48px}.sf-nav-group{grid-template-columns:repeat(3,1fr)}.gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-box:nth-child(2){border-right:none}.stat-box:nth-child(3){border-top:1px solid rgba(200,170,80,0.2)}.stat-box:nth-child(4){border-top:1px solid rgba(200,170,80,0.2);border-right:none}.srv-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:768px){
    .section{padding:80px 0}
    .container{padding:0 20px}
    .hero-inner{padding:0 20px;padding-top:80px}
    .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
    .hero-scroll-hint{display:none}
    .hero-corners{inset:16px}
    .hero-corners::before,.hero-corners::after{width:24px;height:24px}
    .about-section{overflow:hidden}
    .about-badge{left:-8px}
    .about-img-wrap{overflow:hidden}
    .about-img-wrap::after{inset:-6px}
    .about-img-wrap::before{display:none}
    .f-row{grid-template-columns:1fr}
    .sf-top{grid-template-columns:1fr}
    .sf-nav-group{grid-template-columns:1fr 1fr}
    .sf-bottom{flex-direction:column;gap:16px;text-align:center}
    .srv-grid{grid-template-columns:1fr}
    .blog-grid{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:1fr 1fr}
    .proc-grid{grid-template-columns:1fr 1fr;border:none;gap:1px}
    .proc-step{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
    .gal-grid{grid-template-columns:1fr;grid-auto-rows:260px}
    .gal-item.wide{grid-column:span 1}
    .contact-form{padding:28px}
    .hero-title{font-size:clamp(2.2rem,9vw,3.5rem)}
    .theme-toggle{bottom:20px;left:20px;width:44px;height:44px;font-size:0.85rem}
    .theme-toggle::after{display:none}
    .back-top{bottom:20px;right:20px;width:38px;height:38px;font-size:0.8rem}
}

@media(max-width: 768px) {
    .topbar-inner { padding: 0 20px; }
    .topbar-info > span:first-child,
    .topbar-info > .topbar-div { display: none; }
    .topbar-info { font-size: 0.7rem; gap: 8px; }
    .nav-inner { padding: 0 20px; }
}

@media(max-width:480px){
    .container{padding:0 16px}
    .hero-inner{padding:0 16px;padding-top:80px}
    .hero-stats{grid-template-columns:1fr 1fr;gap:20px 12px}
    .hs-num{font-size:1.8rem}
    .hero-actions{flex-direction:column}
    .hero-actions .btn-primary,
    .hero-actions .btn-ghost{width:100%;justify-content:center}
    .topbar-inner{padding:0 16px}
    .nav-inner{padding:0 16px}
    .sf-nav-group{grid-template-columns:1fr}
    .proc-grid{grid-template-columns:1fr}
    .proc-step{border-right:none}
    .stats-grid{grid-template-columns:1fr}
    .stat-box{border-right:none!important}
    .stat-box:nth-child(2){border-top:1px solid rgba(200,170,80,0.2)}
    .post-meta{flex-wrap:wrap;gap:12px}
}