@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root {
    --green: #10251a;
    --green2: #1d3928;
    --gold: #eab83e;
    --cream: #f5f2e9;
    --muted: #b9c1b8;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #0b1710;
    color: var(--cream);
    font-family: Inter, Arial, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

/* HEADER */
.site-header {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    background: #0c1b13;
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #ffffff18;
}

.brand {
    display: flex;
    gap: 12px;
    align-items: center;
    font: 700 24px 'Cormorant Garamond';
    letter-spacing: .5px;
}

.brand b {
    color: var(--gold);
}

.brand small {
    display: block;
    font: 9px Inter;
    letter-spacing: 1.4px;
    margin-top: 4px;
}

.paw {
    font-size: 32px;
    color: var(--gold);
}

nav {
    display: flex;
    gap: 24px;
    font-size: 13px;
}

nav a:hover {
    color: var(--gold);
}

.menu-toggle {
    display: none;
    background: none;
    color: white;
    border: 0;
    font-size: 25px;
}

/* HERO */
.hero {
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 7% 8%;
    position: relative;
    background:
        linear-gradient(90deg, #07150ee8 0%, #07150e99 48%, #07150e22),
        url('../../img/home/tiger-hero.jpg') center/cover;
}

.hero-copy {
    max-width: 650px;
}

.eyebrow {
    letter-spacing: 5px;
    color: #fff;
}

.hero h1 {
    font: 700 clamp(48px, 7vw, 92px)/.98 'Cormorant Garamond';
    margin: 16px 0;
    color: white;
}

.hero h1 span {
    color: var(--gold);
}

.tagline {
    font: 600 20px 'Cormorant Garamond';
    color: var(--gold);
    letter-spacing: 1px;
}

.hero p {
    line-height: 1.8;
    color: #e1e5dd;
    max-width: 550px;
}

.btn {
    display: inline-block;
    padding: 14px 24px;
    border-radius: 28px;
    background: var(--gold);
    color: #172016;
    font-weight: 700;
    margin: 16px 10px 0 0;
    border: 1px solid var(--gold);
}

.btn.outline {
    background: transparent;
    color: #fff;
}

/* SECTIONS */
.section {
    padding: 76px 7%;
}

.section-head {
    text-align: center;
    margin-bottom: 35px;
}

.section-head h2,
.page-title {
    font: 600 42px 'Cormorant Garamond';
    margin: 8px;
}

.section-head p,
.muted {
    color: var(--muted);
}

.gold {
    color: var(--gold);
}

/* STATS */
.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #14271c;
    border: 1px solid #b28a2d;
    border-radius: 15px;
    margin: -45px auto 0;
    position: relative;
    width: 86%;
    padding: 24px;
    text-align: center;
}

.stats strong {
    display: block;
    color: var(--gold);
    font: 700 30px 'Cormorant Garamond';
}

/* ANIMAL CARDS */
.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
}

.card {
    background: #14271c;
    border: 1px solid #ffffff18;
    border-radius: 14px;
    overflow: hidden;
    transition: .25s;
}

.card:hover {
    transform: translateY(-5px);
    border-color: #c69b36;
}

.card img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}

.card-body {
    padding: 18px;
}

.card h3 {
    font: 600 22px 'Cormorant Garamond';
    margin: 0 0 8px;
}

.card p {
    color: var(--muted);
    line-height: 1.6;
    font-size: 14px;
}

/* OTHER PAGES */
.page-hero {
    padding: 70px 7%;
    background: linear-gradient(90deg, #10251a, #203d2b);
}

.page-title {
    font-size: 48px;
}

.content {
    max-width: 1100px;
    margin: auto;
    padding: 45px 7%;
}

/* FORMS */
.field {
    display: block;
    margin: 14px 0;
}

.field input,
.field textarea,
.field select,
.search {
    width: 100%;
    padding: 13px;
    border: 1px solid #526456;
    border-radius: 8px;
    background: #102017;
    color: #fff;
}

.field textarea {
    min-height: 130px;
}

/* FOOTER */
.footer {
    padding: 40px 7%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    background: #07110b;
    color: var(--muted);
    font-size: 13px;
}

/* NOTICES */
.notice {
    padding: 14px;
    background: #203d2b;
    border-left: 3px solid var(--gold);
    margin: 15px 0;
}

.filterbar {
    display: flex;
    gap: 12px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.filterbar > * {
    flex: 1;
    min-width: 180px;
}

/* ADMIN PANEL */
.admin-wrap {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 100vh;
    background: #f4f6f3;
    color: #1a261d;
}

.sidebar {
    background: #10251a;
    color: #fff;
    padding: 25px;
}

.sidebar a {
    display: block;
    padding: 11px 8px;
    color: #e7e9e4;
    border-bottom: 1px solid #ffffff12;
}

.admin-main {
    padding: 30px;
    overflow: auto;
}

.admin-main h1 {
    font: 600 32px 'Cormorant Garamond';
}

.admin-card {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 3px 15px #17271b12;
    margin-bottom: 20px;
}

.admin-main table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.admin-main th,
.admin-main td {
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #e4e9e4;
    font-size: 13px;
}

.admin-main input,
.admin-main textarea,
.admin-main select {
    padding: 10px;
    border: 1px solid #ccd5cc;
    border-radius: 6px;
    width: 100%;
    margin: 5px 0 12px;
}

.admin-main .btn {
    border: 0;
    cursor: pointer;
}

.admin-main .danger {
    background: #a63434;
    color: white;
}

.login-box {
    max-width: 420px;
    margin: 8vh auto;
    background: #fff;
    color: #1a261d;
    padding: 32px;
    border-radius: 15px;
}

.login-box input {
    width: 100%;
    padding: 12px;
    margin: 8px 0 18px;
}

.status {
    font-size: 12px;
    color: #536354;
}

/* THREE LANDING PAGE TILES */
.landing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.landing-tile {
    min-height: 300px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    border: 1px solid #ffffff22;
    display: flex;
    align-items: end;
    padding: 25px;
    transition: .3s;
}

.landing-tile:hover {
    transform: translateY(-6px);
    border-color: var(--gold);
}

.landing-tile:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #07150ef2, transparent 75%);
}

.landing-tile > * {
    position: relative;
}

.landing-tile h3 {
    font: 600 27px 'Cormorant Garamond';
    margin: 0 0 8px;
}

.landing-tile p {
    color: #d4ddd4;
    line-height: 1.5;
}

/* FULL SCREEN ELEPHANT VIDEO */
.hero-elephant {
    position: relative;
    width: 100%;
    height: calc(100vh - 82px);
    min-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: #07150e;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(3px);
    transform: scale(1.04);
    z-index: 0;
}

.hero-elephant::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
    pointer-events: none;
}

/* IMPORTANT: Do not hide other landing page sections */

/* RESPONSIVE */
@media (max-width: 900px) {
    nav {
        display: none;
        position: absolute;
        top: 82px;
        left: 0;
        right: 0;
        background: #10251a;
        padding: 20px;
        flex-direction: column;
    }

    nav.open {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }

    .stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .admin-wrap {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
    }

    .hero {
        min-height: 600px;
    }

    .footer {
        display: block;
    }
}

@media (max-width: 760px) {
    .landing-grid {
        grid-template-columns: 1fr;
    }

    .hero-elephant {
        height: calc(100vh - 82px);
        min-height: 0;
    }
}

/* Multi-service photography additions */
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:block;position:relative;min-height:300px;overflow:hidden;border-radius:16px;color:white;background:#162c20;text-decoration:none}.service-card img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .35s}.service-card:hover img{transform:scale(1.05)}.service-card>div{position:absolute;inset:auto 0 0;padding:26px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.service-card h3{margin:0 0 8px}.service-card p{margin:0 0 12px}.service-actions{text-align:center;margin-top:28px}.gallery-toolbar{display:grid;gap:15px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#1b3526;color:#e9f0e9;border:1px solid #41604a;padding:9px 14px;border-radius:25px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#d5b46b;color:#152417}.gallery-entry[hidden]{display:none!important}.social-links{display:flex;gap:20px;flex-wrap:wrap}.social-links a{color:#d5b46b}@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.service-grid{grid-template-columns:1fr}}



/* EKA.WILDLIFE - Photography Categories */

.photography-services {
    background: #0b1b13;
    padding: 85px 5%;
}

.photography-services .section-head {
    text-align: center;
    margin-bottom: 45px;
}

.photography-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    max-width: 1300px;
    margin: 0 auto;
}

.photography-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(220, 192, 120, 0.25);
    background: #13271c;
    aspect-ratio: 1 / 1;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.photography-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.photography-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.photography-card:hover img {
    transform: scale(1.06);
}

.photography-card-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(
        transparent 65%,
        rgba(0, 0, 0, 0.65)
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

.photography-card-overlay span {
    color: #f1d58a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.photography-card:hover .photography-card-overlay {
    opacity: 1;
}

@media (max-width: 900px) {
    .photography-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .photography-services {
        padding: 55px 18px;
    }

    .photography-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .photography-card-overlay {
        opacity: 1;
    }
}



/* =========================================================
   EKA PHOTOGRAPHY — CINEMATIC PORTFOLIO DESIGN SYSTEM
   ========================================================= */
:root{--green:#17271f;--green2:#243b2e;--gold:#c6a46a;--cream:#f5f1e8;--muted:#a8b0a8;--ink:#101512;--line:rgba(245,241,232,.13)}
html{scroll-padding-top:90px}body{background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}::selection{background:var(--gold);color:#101512}
.site-header{height:88px;padding:0 clamp(20px,6vw,96px);background:rgba(13,19,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .3s,height .3s}.brand{gap:12px;font-family:Manrope,sans-serif;color:var(--cream);letter-spacing:0}.brand-symbol{width:39px;height:39px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:italic 26px 'Cormorant Garamond';border-radius:50%}.brand-word{font:800 21px Manrope;letter-spacing:.13em}.brand-word small{font:600 8px 'DM Sans';letter-spacing:.18em;color:#b6b7a9;margin-top:5px}.brand b{color:var(--gold)}.paw{display:none}.site-header nav{align-items:center;gap:clamp(13px,2.1vw,30px);font:600 11px 'DM Sans';letter-spacing:.07em;text-transform:uppercase}.site-header nav a{color:#e5e5dc;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.site-header nav .nav-contact{border:1px solid rgba(198,164,106,.7);padding:13px 17px;border-radius:2px;color:var(--gold)}.nav-contact span{margin-left:12px}.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;cursor:pointer}.menu-toggle span{display:block;width:17px;height:1px;background:var(--cream);margin:5px auto}
.hero-elephant.home-hero{height:min(850px,calc(100svh - 88px));min-height:650px;isolation:isolate;padding:0 8%;display:flex;align-items:center;background:#101512}.hero-video{filter:none;transform:scale(1.015);object-fit:cover;object-position:center 48%;animation:heroDrift 24s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,13,9,.88) 0%,rgba(7,13,9,.65) 38%,rgba(7,13,9,.12) 100%),linear-gradient(0deg,rgba(7,13,9,.52),transparent 45%)}.home-hero-copy{position:relative;z-index:2;max-width:760px;padding:60px 0 35px;animation:copyRise 1s both}.hero-kicker,.section-topline,.intro-label,.hero-note,.hero-index,.scroll-cue{font-size:10px;letter-spacing:.22em;font-weight:700}.hero-kicker{color:#e4d5b9;display:flex;align-items:center;gap:12px}.hero-kicker span{width:27px;height:1px;background:var(--gold)}.home-hero h1{font:500 clamp(58px,8vw,112px)/.98 'Cormorant Garamond';letter-spacing:-.045em;margin:27px 0 22px;color:#fff}.home-hero h1 em,.section-head h2 em,.intro-copy h2 em,.wildlife-copy h2 em,.closing-cta h2 em{font-weight:500;color:var(--gold)}.home-hero p{max-width:540px;color:#e0e3dc;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{background:var(--gold);border:1px solid var(--gold);border-radius:2px;color:#171b15;padding:15px 22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;transition:transform .25s,background .25s,color .25s}.btn span{margin-left:16px}.btn:hover{background:#ddc18e;border-color:#ddc18e;transform:translateY(-3px)}.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn.outline:hover{color:#171b15;background:var(--gold);border-color:var(--gold)}.hero-note{display:flex;align-items:center;gap:12px;color:#d3d5cb;font-size:8px;margin-top:66px}.hero-note-line{width:38px;height:1px;background:var(--gold)}.hero-index{position:absolute;right:7%;bottom:65px;z-index:2;color:#fff}.hero-index span{color:var(--gold);padding:0 7px}.scroll-cue{position:absolute;z-index:2;bottom:60px;left:8%;font-size:8px;color:#ddd;display:flex;gap:14px;align-items:center}.scroll-cue span{font-size:17px;color:var(--gold)}
.intro-band{background:#f0ede4;color:#1a211b;padding:95px 9%;display:grid;grid-template-columns:.7fr 2fr .5fr;gap:35px;align-items:start}.intro-label{color:#687264;padding-top:12px}.intro-copy{max-width:730px}.intro-copy h2{font:500 clamp(38px,5vw,65px)/1.08 'Cormorant Garamond';margin:0 0 25px;letter-spacing:-.03em}.intro-copy h2 em{color:#8b7045}.intro-copy p{font-size:15px;line-height:1.9;color:#5e665e;max-width:680px}.text-link{display:inline-block;margin-top:16px;color:#273b2e;border-bottom:1px solid #b99a65;padding-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-link span{margin-left:12px;color:#967747}.intro-mark{font:italic 88px 'Cormorant Garamond';color:#d5d0c3;text-align:right}.intro-mark span{font:12px Manrope;vertical-align:top}
.section{padding:95px 7%}.photography-services{background:#111914;padding:100px 7%}.section-topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:55px;color:#92998f;font-size:9px}.section-head-left{text-align:left;max-width:620px;margin:0 0 45px}.section-head .gold,.gold{color:var(--gold);font-size:10px;letter-spacing:.22em;font-weight:800}.section-head h2,.page-title{font:500 clamp(40px,5.4vw,70px)/1.04 'Cormorant Garamond';letter-spacing:-.035em;margin:15px 0}.section-head h2 em{color:var(--gold)}.section-head p{font-size:14px;line-height:1.8;color:#aeb6ac;max-width:520px}.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.premium-photo-card{aspect-ratio: .91;border:0;border-radius:2px;background:#1a261f;overflow:hidden}.premium-photo-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:brightness(.82)}.premium-photo-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0005}.premium-photo-card:hover img{transform:scale(1.075);filter:brightness(.62)}.premium-photo-card .photo-card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:27px;background:linear-gradient(0deg,rgba(7,13,9,.9),rgba(7,13,9,0) 70%);opacity:1}.photo-card-content>span{font-size:8px;letter-spacing:.2em;color:#e1c28e;font-weight:800}.photo-card-content h3{font:500 clamp(20px,2.2vw,27px) 'Cormorant Garamond';margin:9px 0 5px;color:#fff}.photo-card-content p{font-size:11px;color:#d0d5cc;margin:0}.photo-card-content b{position:absolute;right:25px;bottom:25px;color:var(--gold);font-size:21px;font-weight:400;transition:transform .25s}.premium-photo-card:hover .photo-card-content b{transform:translate(4px,-4px)}.portfolio-cta{margin-top:45px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.portfolio-cta>span{font-size:9px;letter-spacing:.18em;color:#aab2a8;font-weight:700}
.wildlife-feature{display:grid;grid-template-columns:1.1fr .9fr;background:#e9e6dc;color:#182019;min-height:550px}.wildlife-image{position:relative;min-height:500px;overflow:hidden}.wildlife-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1s}.wildlife-feature:hover .wildlife-image img{transform:scale(1.035)}.image-caption{position:absolute;bottom:24px;left:30px;font-size:8px;letter-spacing:.2em;color:#fff}.wildlife-copy{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.wildlife-copy h2{font:500 clamp(40px,5vw,66px)/1.05 'Cormorant Garamond';margin:20px 0}.wildlife-copy h2 em{color:#927449}.wildlife-copy p{font-size:14px;line-height:1.9;color:#626a60;max-width:480px;margin-bottom:25px}.wildlife-copy .btn.outline{color:#26382c;border-color:#647164}.wildlife-copy .btn.outline:hover{color:#172019}.animal-section{background:#131d17}.animal-section .cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.animal-section .card{background:#1a2920;border:1px solid var(--line);border-radius:2px}.animal-section .card img{height:235px;transition:transform .6s}.animal-section .card:hover img{transform:scale(1.04)}.animal-section .card h3{font:500 23px 'Cormorant Garamond'}.closing-cta{text-align:center;padding:105px 20px;background:linear-gradient(0deg,rgba(9,17,12,.9),rgba(9,17,12,.88)),url('../../img/home/tiger-hero.jpg') center 45%/cover}.closing-cta h2{font:500 clamp(43px,6vw,76px)/1.05 'Cormorant Garamond';margin:20px 0 30px}.closing-cta h2 em{color:var(--gold)}
.premium-footer{display:block;background:#0b100d;padding:65px 7% 22px;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.5fr .8fr .9fr 1.1fr;gap:55px;padding-bottom:55px}.footer-brand p{font-size:13px;line-height:1.8;color:#929b91;max-width:310px;margin:22px 0}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-nav>span,.footer-contact>span{font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:800;margin-bottom:8px}.footer-nav a{font-size:12px;color:#c0c6bd;transition:color .2s}.footer-nav a:hover,.footer-bottom a:hover{color:var(--gold)}.footer-contact h3{font:500 28px/1.2 'Cormorant Garamond';margin:0 0 5px;color:#f4f0e6}.footer-contact>a{font-size:11px;color:var(--gold);border-bottom:1px solid #8e774e;padding-bottom:7px}.social-links{gap:16px}.social-links a{font-size:11px;color:#c6a46a}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:.13em;color:#858e83}.footer-bottom a{color:#c6a46a}.floating-whatsapp{position:fixed;z-index:30;right:25px;bottom:25px;display:flex;align-items:center;gap:9px;background:#1fae60;color:#fff;padding:13px 18px;border-radius:40px;box-shadow:0 8px 28px #0006;font-size:12px;font-weight:800;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-4px)}.floating-whatsapp span{font-size:18px}
/* subtle entrance motion */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.premium-photo-card:nth-child(3n+2){transition-delay:.08s}.premium-photo-card:nth-child(3n){transition-delay:.16s}@keyframes heroDrift{from{transform:scale(1.015)}to{transform:scale(1.09)}}@keyframes copyRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* contact page visual system */
.eka-visual-contact{--gold:#c6a46a;--ivory:#f5f1e8;background:#101512!important}.eka-visual-contact .hero{min-height:430px;background-image:linear-gradient(90deg,rgba(8,15,10,.94),rgba(8,15,10,.58) 55%,rgba(8,15,10,.12)),url("../images/contact-leopard.jpg");background-position:center 42%;padding-left:8%}.eka-visual-contact .eyebrow{color:#d4b77e}.eka-visual-contact .hero h1{font-family:'Cormorant Garamond';font-weight:500}.eka-visual-contact .hero h1 em{color:#d4b77e}.eka-visual-contact .main-area{background:#121b15}.eka-visual-contact .content-grid{gap:65px}.eka-visual-contact .details{padding-top:20px}.eka-visual-contact .details>p,.eka-visual-contact .form-card>p{color:#b6beb4}.eka-visual-contact .detail-row{border-color:#ffffff1c}.eka-visual-contact .detail-icon{border-color:#9c8256;color:#d4b77e;border-radius:3px}.eka-visual-contact .form-card{background:#1a2920;border:1px solid #ffffff20;border-radius:3px;box-shadow:0 25px 70px #0004}.eka-visual-contact input,.eka-visual-contact select,.eka-visual-contact textarea{background:#101a14;border:1px solid #435348;border-radius:2px}.eka-visual-contact input:focus,.eka-visual-contact select:focus,.eka-visual-contact textarea:focus{border-color:#c6a46a;box-shadow:0 0 0 3px #c6a46a20}.eka-visual-contact .submit{background:#c6a46a;border-radius:2px}.eka-visual-contact .wa{border-radius:2px}.eka-visual-contact .step{background:#19281f;border:1px solid #ffffff20;border-radius:2px}.eka-visual-contact .steps{gap:18px}.eka-visual-contact .step b{color:#d4b77e}.eka-visual-contact h2 span{color:#d4b77e}
@media(max-width:1000px){.site-header nav{gap:13px}.site-header nav a{font-size:10px}.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer-contact{grid-column:2/4}.intro-band{grid-template-columns:.6fr 2fr}.intro-mark{display:none}}
@media(max-width:850px){.site-header{height:76px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:rgba(13,19,15,.98);padding:22px 26px 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:14px 0;border-bottom:1px solid #ffffff12;font-size:11px}.site-header nav .nav-contact{margin-top:13px;text-align:center}.menu-toggle{display:block;background:transparent}.hero-elephant.home-hero{height:calc(100svh - 76px);min-height:620px;padding:0 7%}.hero-index{bottom:32px}.scroll-cue{bottom:28px}.hero-note{margin-top:45px}.intro-band{padding:70px 7%;grid-template-columns:1fr;gap:18px}.intro-label{padding:0}.intro-copy h2{margin-top:0}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wildlife-feature{grid-template-columns:1fr}.wildlife-image{min-height:420px}.wildlife-copy{padding:65px 8%}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}}
@media(max-width:560px){.brand-symbol{width:35px;height:35px}.brand-word{font-size:18px}.hero-elephant.home-hero{min-height:650px;height:calc(100svh - 76px);padding:0 22px}.hero-video{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(7,13,9,.84),rgba(7,13,9,.45)),linear-gradient(0deg,rgba(7,13,9,.5),transparent)}.home-hero h1{font-size:clamp(55px,15vw,76px)}.home-hero p{font-size:14px;max-width:95%}.hero-actions{gap:9px}.hero-actions .btn{padding:14px 15px;font-size:9px}.hero-note{font-size:7px;letter-spacing:.12em;margin-top:45px}.hero-index{right:22px;bottom:25px}.scroll-cue{left:22px;bottom:24px}.section,.photography-services{padding:65px 20px}.section-topline{font-size:7px;margin-bottom:38px}.section-head h2{font-size:45px}.section-head p{font-size:13px}.premium-grid{grid-template-columns:1fr 1fr;gap:9px}.premium-photo-card{aspect-ratio:.78}.photo-card-content{padding:13px!important}.photo-card-content>span{font-size:6px;letter-spacing:.12em}.photo-card-content h3{font-size:17px;line-height:1.1}.photo-card-content p{font-size:9px;line-height:1.4;max-width:90%}.photo-card-content b{right:12px;bottom:12px;font-size:16px}.portfolio-cta{align-items:flex-start;flex-direction:column}.intro-band{padding:60px 22px}.intro-copy h2{font-size:42px}.intro-copy p{font-size:13px}.wildlife-image{min-height:330px}.wildlife-copy{padding:55px 23px}.wildlife-copy h2{font-size:45px}.animal-section .cards{grid-template-columns:1fr 1fr;gap:10px}.animal-section .card img{height:145px}.animal-section .card-body{padding:13px}.animal-section .card h3{font-size:18px}.animal-section .card p{font-size:11px}.closing-cta{padding:75px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}.footer-contact h3{font-size:23px}.premium-footer{padding:45px 22px 20px}.footer-bottom{font-size:7px}.floating-whatsapp{right:14px;bottom:14px;padding:11px 15px}.eka-visual-contact .hero{min-height:340px;padding:42px 22px 65px;background-position:60% center}.eka-visual-contact .main-area{padding:22px 16px 45px}.eka-visual-contact .content-grid{gap:20px}.eka-visual-contact .form-grid,.eka-visual-contact .form-actions,.eka-visual-contact .steps{grid-template-columns:1fr}.eka-visual-contact .form-card{padding:22px 17px}.eka-visual-contact .detail-row{gap:12px}.eka-visual-contact .detail-icon{width:43px;height:43px}.eka-visual-contact .steps{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   EKA PHOTOGRAPHY — EDITORIAL PHOTO BRAND REFRESH
   Palette: ink / warm ivory / burnt sienna / soft stone
   ========================================================= */
:root{
  --green:#20211f;
  --green2:#30322e;
  --gold:#c87552;
  --cream:#f3f0e9;
  --muted:#aaa69d;
  --ink:#151614;
  --line:rgba(243,240,233,.16);
  --photo-rust:#c87552;
  --photo-paper:#f3f0e9;
  --photo-stone:#d8d2c8;
}
body{
  background:var(--ink);
  color:var(--cream);
  font-family:'DM Sans',sans-serif;
  letter-spacing:.005em;
}
::selection{background:#c87552;color:#fff}
.site-header{
  background:rgba(18,19,17,.91);
  border-bottom-color:rgba(243,240,233,.13);
}
.brand-symbol{border-color:#c87552;color:#e19a78}
.brand-word small{color:#c5beb2}
.site-header nav a:hover{color:#e19a78}
.site-header nav .nav-contact{
  border-color:rgba(200,117,82,.8);
  color:#e19a78;
}
.menu-toggle{border-color:rgba(243,240,233,.2)}
.hero-elephant.home-hero{background:#151614}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(12,13,12,.82) 0%,rgba(12,13,12,.55) 39%,rgba(12,13,12,.08) 100%),
    linear-gradient(0deg,rgba(12,13,12,.56),transparent 48%);
}
.hero-kicker{color:#e5c0ae}
.hero-kicker span,.hero-note-line{background:#c87552}
.home-hero h1,.hero h1{font-family:'Cormorant Garamond',serif}
.home-hero h1 em,.section-head h2 em,.intro-copy h2 em,
.wildlife-copy h2 em,.closing-cta h2 em{color:#e19a78}
.home-hero p{color:#e4e0d8}
.btn{
  background:#c87552;
  border-color:#c87552;
  color:#171512;
  border-radius:3px;
}
.btn:hover{background:#df9676;border-color:#df9676}
.btn.outline{border-color:rgba(243,240,233,.7);color:#fff}
.btn.outline:hover{background:#c87552;border-color:#c87552;color:#171512}
.hero-index span,.scroll-cue span{color:#e19a78}
.intro-band{
  background:#f0ece4;
  color:#24231f;
}
.intro-label{color:#8c7467}
.intro-copy h2,.section-head h2,.wildlife-copy h2,
.closing-cta h2,.footer-contact h3{
  font-family:'Cormorant Garamond',serif;
}
.intro-copy h2 em{color:#b76648}
.intro-copy p{color:#67635c}
.text-link{color:#38332e;border-color:#c87552}
.text-link span{color:#b76648}
.intro-mark{color:#d4c9bd}
.photography-services,.animal-section{background:#191a18}
.section-topline{border-color:var(--line);color:#b4ada2}
.section-head .gold,.gold{color:#e19a78}
.section-head h2{color:#f3f0e9}
.section-head p{color:#bdb8af}
.premium-photo-card{background:#252521}
.photo-card-content>span{color:#e6a487}
.photo-card-content b{color:#e19a78}
.portfolio-cta{border-color:var(--line)}
.portfolio-cta>span{color:#b8b1a7}
.wildlife-feature{background:#eee9e0;color:#24231f}
.wildlife-copy h2 em{color:#b76648}
.wildlife-copy p{color:#69635b}
.wildlife-copy .btn.outline{
  color:#29251f;
  border-color:#9d7767;
}
.wildlife-copy .btn.outline:hover{color:#171512}
.animal-section .card{
  background:#242521;
  border-color:rgba(243,240,233,.14);
}
.animal-section .card h3{font-family:'Cormorant Garamond',serif}
.closing-cta{
  background:
    linear-gradient(0deg,rgba(15,16,14,.91),rgba(15,16,14,.78)),
    url('../../img/home/tiger-hero.jpg') center 45%/cover;
}
.closing-cta h2 em{color:#e19a78}
.premium-footer{
  background:#10110f;
  border-top-color:rgba(243,240,233,.15);
}
.footer-nav>span,.footer-contact>span{color:#e19a78}
.footer-nav a:hover,.footer-bottom a:hover{color:#e19a78}
.footer-contact h3{color:#f3f0e9}
.footer-contact>a,.social-links a,.footer-bottom a{color:#e19a78}
.floating-whatsapp{background:#20a765}
.eka-visual-contact{
  --gold:#c87552;
  --ivory:#f3f0e9;
  background:#151614!important;
}
.eka-visual-contact .eyebrow{color:#e6a487}
.eka-visual-contact .hero h1{font-family:'Cormorant Garamond',serif}
.eka-visual-contact .hero h1 em{color:#e19a78}
.eka-visual-contact .main-area{
  background:radial-gradient(circle at 10% 80%,#39302a 0%,transparent 46%),
             linear-gradient(150deg,#242522,#151614);
}
.eka-visual-contact .form-card{
  background:#242521;
  border-color:rgba(243,240,233,.18);
}
.eka-visual-contact .detail-icon{
  border-color:#c87552;
  color:#e19a78;
}
.eka-visual-contact input:focus,.eka-visual-contact select:focus,
.eka-visual-contact textarea:focus{
  border-color:#c87552;
  box-shadow:0 0 0 3px rgba(200,117,82,.18);
}
.eka-visual-contact .submit{background:#c87552}
.eka-visual-contact .step{background:#242521}
.eka-visual-contact .step b,.eka-visual-contact h2 span{color:#e19a78}
@media(max-width:850px){
  .site-header nav{background:rgba(18,19,17,.98)}
}