:root {
    --gold: #C9A84C;
    --gold-light: #F0D080;
    --gold-dark: #8B6914;
    --gold-glow: rgba(201,168,76,0.25);
    --black: #050505;
    --black-2: #0C0C0C;
    --black-3: #141414;
    --black-4: #1C1C1C;
    --white: #F5F0E8;
    --white-dim: rgba(245,240,232,0.6);
    --white-faint: rgba(245,240,232,0.12);
    --border: rgba(201,168,76,0.2);
    --border-bright: rgba(201,168,76,0.5);
  }

  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

  html { scroll-behavior: smooth; }

  body {
    background: var(--black);
    color: var(--white);
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    overflow-x: hidden;
  }

  /* ── NOISE TEXTURE OVERLAY ── */
  body::before {
    content: '';
    position: fixed; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
    pointer-events: none; z-index: 9999; opacity: .6;
  }

  /* ─────────── SCROLLBAR ─────────── */
  ::-webkit-scrollbar { width: 4px; }
  ::-webkit-scrollbar-track { background: var(--black-2); }
  ::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius: 2px; }

  /* ─────────── TYPOGRAPHY ─────────── */
  h1,h2,h3 { font-family: 'Cormorant Garamond', serif; font-weight: 600; line-height: 1.15; }
  .gold { color: var(--gold); }
  .gold-gradient {
    background: linear-gradient(135deg, #F0D080 0%, #C9A84C 50%, #8B6914 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  }

  /* ─────────── UTILITY ─────────── */
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
  section { padding: 100px 0; }
  .section-tag {
    display: inline-block;
    font-size: .7rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
    color: var(--gold); border: 1px solid var(--border-bright);
    padding: 5px 16px; border-radius: 100px; margin-bottom: 20px;
    background: rgba(201,168,76,0.07);
  }
  .section-title {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 16px;
  }
  .section-sub { color: var(--white-dim); max-width: 560px; font-size: 1rem; }

  /* ─────────── GOLD LINE ─────────── */
  .gold-line {
    display: block; width: 60px; height: 2px;
    background: linear-gradient(90deg, var(--gold), transparent);
    margin: 20px 0 40px;
  }

  /* ─────────── NAVBAR ─────────── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    padding: 20px 0;
    background: rgba(5,5,5,0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    transition: padding .3s;
  }
  nav.scrolled { padding: 14px 0; }
  .nav-inner {
    display: flex; align-items: center; justify-content: space-between;
    max-width: 1200px; margin: 0 auto; padding: 0 24px;
  }
  .nav-brand { display: flex; flex-direction: column; line-height: 1; }
  .nav-logo {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem; font-weight: 700;
    background: linear-gradient(135deg, #F0D080, #C9A84C);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  }
  .nav-sub { font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; color: var(--white-dim); }
  .nav-links { display: flex; gap: 32px; list-style: none; }
  .nav-links a {
    color: var(--white-dim); text-decoration: none;
    font-size: .85rem; font-weight: 500; letter-spacing: .02em;
    transition: color .2s; position: relative;
  }
  .nav-links a::after {
    content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 1px;
    background: var(--gold); transform: scaleX(0); transition: transform .25s; transform-origin: left;
  }
  .nav-links a:hover { color: var(--gold); }
  .nav-links a:hover::after { transform: scaleX(1); }
  .btn-nav {
    background: transparent; border: 1px solid var(--gold);
    color: var(--gold); padding: 9px 22px; border-radius: 100px;
    font-family: 'Outfit', sans-serif; font-size: .82rem; font-weight: 600;
    cursor: pointer; text-decoration: none; transition: all .25s;
    letter-spacing: .03em;
  }
  .btn-nav:hover { background: var(--gold); color: var(--black); }

  /* Hamburger */
  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
  .hamburger span { display: block; width: 24px; height: 2px; background: var(--gold); border-radius: 2px; transition: all .3s; }
  .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .mobile-menu {
    display: none; position: fixed; top: 70px; left: 0; right: 0;
    background: rgba(5,5,5,0.97); backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
    padding: 20px 24px 30px; z-index: 999;
    flex-direction: column; gap: 16px;
  }
  .mobile-menu.open { display: flex; }
  .mobile-menu a {
    color: var(--white-dim); text-decoration: none;
    font-size: 1.05rem; padding: 10px 0;
    border-bottom: 1px solid var(--white-faint);
    transition: color .2s;
  }
  .mobile-menu a:hover { color: var(--gold); }
  .mobile-menu .btn-nav { align-self: flex-start; margin-top: 8px; }

  /* ─────────── HERO ─────────── */
  #home {
    min-height: 100vh; display: flex; align-items: center;
    padding-top: 100px;
    background: radial-gradient(ellipse 70% 60% at 60% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),
                radial-gradient(ellipse 40% 40% at 20% 80%, rgba(201,168,76,0.04) 0%, transparent 60%),
                var(--black);
    position: relative; overflow: hidden;
  }
  #home::before {
    content: '';
    position: absolute; top: -200px; right: -200px;
    width: 700px; height: 700px; border-radius: 50%;
    background: radial-gradient(circle, rgba(201,168,76,0.06) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero-grid {
    display: grid; grid-template-columns: 420px 1fr;
    gap: 80px; align-items: center;
  }

  /* Photo column */
  .hero-photo-wrap {
    position: relative; display: flex; justify-content: center; align-items: center;
  }
  .hero-photo-glow {
    width: 340px; height: 340px; border-radius: 50%;
    background: radial-gradient(circle, rgba(201,168,76,0.35) 0%, rgba(201,168,76,0.1) 40%, transparent 70%);
    position: absolute;
    animation: pulse-glow 3s ease-in-out infinite;
  }
  @keyframes pulse-glow {
    0%,100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.08); opacity: .7; }
  }
  .hero-photo-ring {
    width: 300px; height: 300px; border-radius: 50%;
    border: 2px solid var(--gold);
    padding: 6px; position: relative; z-index: 1;
    box-shadow: 0 0 40px rgba(201,168,76,0.2), 0 0 80px rgba(201,168,76,0.1);
  }
  .hero-photo-ring::before {
    content: '';
    position: absolute; inset: -8px; border-radius: 50%;
    border: 1px solid rgba(201,168,76,0.2);
  }
  .hero-photo-ring::after {
    content: '';
    position: absolute; inset: -18px; border-radius: 50%;
    border: 1px solid rgba(201,168,76,0.08);
  }
  .hero-photo-inner {
    width: 100%; height: 100%; border-radius: 50%;
    background: linear-gradient(135deg, var(--black-4) 0%, var(--black-3) 100%);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    font-family: 'Cormorant Garamond', serif;
    font-size: 5rem; font-weight: 300; color: var(--gold);
    letter-spacing: -.02em;
  }
  .hero-photo-inner img { width: 100%; height: 100%; object-fit: cover; }

  /* Floating badge on photo */
  .hero-available-badge {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    background: var(--black-3); border: 1px solid var(--border-bright);
    color: var(--gold); font-size: .72rem; font-weight: 600;
    padding: 6px 16px; border-radius: 100px; white-space: nowrap;
    display: flex; align-items: center; gap: 6px; z-index: 2;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    letter-spacing: .05em;
  }
  .badge-dot {
    width: 6px; height: 6px; border-radius: 50%; background: #4ADE80;
    animation: blink 1.5s ease-in-out infinite;
  }
  @keyframes blink { 0%,100% { opacity:1; } 50% { opacity:.3; } }

  /* Content column */
  .hero-content {}
  .hero-title {
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    line-height: 1.1; margin-bottom: 20px;
    font-weight: 600;
  }
  .hero-desc {
    color: var(--white-dim); font-size: 1rem; max-width: 520px;
    margin-bottom: 28px; line-height: 1.7;
  }
  .hero-checks {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px;
    margin-bottom: 36px;
  }
  .hero-check {
    display: flex; align-items: center; gap: 8px;
    font-size: .85rem; color: var(--white-dim); font-weight: 500;
  }
  .hero-check::before {
    content: '✓';
    color: var(--gold); font-weight: 700; font-size: .9rem;
    flex-shrink: 0;
  }
  .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }

  /* Buttons */
  .btn-primary {
    background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));
    color: var(--black); border: none;
    padding: 14px 32px; border-radius: 100px;
    font-family: 'Outfit', sans-serif; font-size: .9rem; font-weight: 700;
    cursor: pointer; text-decoration: none; transition: all .3s;
    letter-spacing: .03em; box-shadow: 0 8px 30px rgba(201,168,76,0.3);
    display: inline-flex; align-items: center; gap: 8px;
  }
  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(201,168,76,0.45); }
  .btn-secondary {
    background: transparent; border: 1px solid var(--border-bright);
    color: var(--gold); padding: 14px 32px; border-radius: 100px;
    font-family: 'Outfit', sans-serif; font-size: .9rem; font-weight: 600;
    cursor: pointer; text-decoration: none; transition: all .3s;
    letter-spacing: .03em; display: inline-flex; align-items: center; gap: 8px;
  }
  .btn-secondary:hover { background: rgba(201,168,76,0.1); transform: translateY(-2px); }

  /* ─────────── SERVICES ─────────── */
  #services { background: var(--black-2); position: relative; }
  #services::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
  }
  .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px; margin-top: 16px;
  }
  .service-card {
    background: var(--black-3);
    border: 1px solid var(--border);
    border-radius: 20px; padding: 32px;
    transition: all .35s; position: relative; overflow: hidden;
    cursor: default;
  }
  .service-card::before {
    content: '';
    position: absolute; inset: 0; border-radius: 20px;
    background: linear-gradient(135deg, rgba(201,168,76,0.06) 0%, transparent 60%);
    opacity: 0; transition: opacity .35s;
  }
  .service-card:hover { border-color: var(--border-bright); transform: translateY(-4px); box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 30px rgba(201,168,76,0.08); }
  .service-card:hover::before { opacity: 1; }
  .service-icon {
    width: 52px; height: 52px; border-radius: 14px;
    background: rgba(201,168,76,0.1); border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; margin-bottom: 20px;
    transition: all .3s;
  }
  .service-card:hover .service-icon { background: rgba(201,168,76,0.18); border-color: var(--border-bright); }
  .service-card h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem; font-weight: 600; margin-bottom: 10px; color: var(--white);
  }
  .service-card p { color: var(--white-dim); font-size: .88rem; line-height: 1.65; }
  .service-number {
    position: absolute; top: 24px; right: 24px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem; font-weight: 300; color: rgba(201,168,76,0.07);
    line-height: 1;
  }

  /* ─────────── PROCESS ─────────── */
  #process {
    background: var(--black);
    position: relative;
  }
  .process-steps {
    display: flex; flex-direction: column; gap: 0; margin-top: 20px;
    position: relative;
  }
  .process-steps::before {
    content: '';
    position: absolute; left: 28px; top: 60px; bottom: 60px; width: 1px;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
  }
  .process-step {
    display: flex; gap: 32px; align-items: flex-start;
    padding: 36px 0; position: relative;
    opacity: 0; transform: translateX(-20px);
    transition: all .5s;
  }
  .process-step.visible { opacity: 1; transform: translateX(0); }
  .step-number {
    width: 56px; height: 56px; flex-shrink: 0;
    border-radius: 50%; border: 1px solid var(--border-bright);
    background: var(--black-3);
    display: flex; align-items: center; justify-content: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem; font-weight: 600; color: var(--gold);
    position: relative; z-index: 1;
    box-shadow: 0 0 20px rgba(201,168,76,0.1);
  }
  .step-content { padding-top: 8px; }
  .step-content h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem; font-weight: 600; color: var(--white);
    margin-bottom: 6px;
  }
  .step-label {
    font-size: .72rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase;
    color: var(--gold); margin-bottom: 4px;
  }
  .step-content p { color: var(--white-dim); font-size: .9rem; }

  /* ─────────── PACKAGES ─────────── */
  #packages { background: var(--black-2); position: relative; }
  #packages::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
  }
  .packages-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 24px; margin-top: 16px; align-items: start;
  }
  .package-card {
    background: var(--black-3); border: 1px solid var(--border);
    border-radius: 24px; padding: 36px 28px;
    transition: all .35s; position: relative; overflow: hidden;
  }
  .package-card.popular {
    border-color: var(--gold);
    background: linear-gradient(160deg, rgba(201,168,76,0.07) 0%, var(--black-3) 50%);
    box-shadow: 0 0 60px rgba(201,168,76,0.12), 0 20px 60px rgba(0,0,0,0.3);
    transform: scale(1.02);
  }
  .package-card:hover:not(.popular) { border-color: var(--border-bright); transform: translateY(-4px); }
  .popular-badge {
    position: absolute; top: 20px; right: 20px;
    background: linear-gradient(135deg, var(--gold-light), var(--gold));
    color: var(--black); font-size: .65rem; font-weight: 700;
    padding: 4px 12px; border-radius: 100px; letter-spacing: .08em; text-transform: uppercase;
  }
  .pkg-name {
    font-family: 'Outfit', sans-serif;
    font-size: .75rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase;
    color: var(--gold); margin-bottom: 12px;
  }
  .pkg-price {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3rem; font-weight: 600; color: var(--white);
    line-height: 1; margin-bottom: 6px;
  }
  .pkg-for { color: var(--white-dim); font-size: .83rem; margin-bottom: 28px; }
  .pkg-divider { height: 1px; background: var(--border); margin-bottom: 24px; }
  .pkg-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px; }
  .pkg-features li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: .87rem; color: var(--white-dim);
  }
  .pkg-features li::before {
    content: '✓'; color: var(--gold); font-weight: 700; flex-shrink: 0; margin-top: 1px;
  }
  .btn-pkg {
    width: 100%; padding: 14px; border-radius: 100px;
    font-family: 'Outfit', sans-serif; font-size: .9rem; font-weight: 600;
    cursor: pointer; text-decoration: none; transition: all .3s; text-align: center;
    display: block; letter-spacing: .03em;
  }
  .btn-pkg-outline {
    background: transparent; border: 1px solid var(--border-bright);
    color: var(--gold);
  }
  .btn-pkg-outline:hover { background: rgba(201,168,76,0.1); }
  .btn-pkg-fill {
    background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));
    color: var(--black); border: none;
    box-shadow: 0 8px 30px rgba(201,168,76,0.35);
  }
  .btn-pkg-fill:hover { box-shadow: 0 14px 40px rgba(201,168,76,0.5); transform: translateY(-1px); }

  /* ─────────── MY WORK ─────────── */
  #work { background: var(--black); }
  .work-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 24px; margin-top: 16px;
  }
  .work-card {
    border-radius: 20px; overflow: hidden;
    border: 1px solid var(--border);
    background: var(--black-3);
    transition: all .35s; group: true;
  }
  .work-card:hover { border-color: var(--border-bright); transform: translateY(-4px); box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
  .work-thumb {
    height: 200px;
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
  }
  .work-thumb-1 { background: linear-gradient(135deg, #0D1B2A 0%, #1a2a3a 100%); }
  .work-thumb-2 { background: linear-gradient(135deg, #1A0A00 0%, #2d1500 100%); }
  .work-thumb-3 { background: linear-gradient(135deg, #0A1A0D 0%, #132a16 100%); }
  .work-thumb-4 { background: linear-gradient(135deg, #1A001A 0%, #2d002d 100%); }
  .work-thumb-5 { background: linear-gradient(135deg, #1A1A00 0%, #2d2d00 100%); }
  .work-thumb-icon { font-size: 3rem; opacity: .3; }
  .work-thumb-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 50%);
  }
  .work-label {
    position: absolute; bottom: 16px; left: 16px;
    font-size: .65rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase;
    color: var(--gold); background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.3);
    padding: 4px 10px; border-radius: 100px;
  }
  .work-info { padding: 20px 22px 22px; }
  .work-info h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem; font-weight: 600; margin-bottom: 12px;
  }
  .btn-work {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--gold); font-size: .8rem; font-weight: 600;
    text-decoration: none; letter-spacing: .04em;
    transition: gap .2s;
  }
  .btn-work:hover { gap: 10px; }

  /* ─────────── ABOUT ─────────── */
  #about {
    background: var(--black-2); position: relative;
  }
  #about::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
  }
  .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
  .about-visual {
    position: relative; display: flex; justify-content: center;
  }
  .about-photo-ring {
    width: 280px; height: 280px; border-radius: 50%;
    border: 2px solid var(--gold);
    padding: 6px;
    box-shadow: 0 0 60px rgba(201,168,76,0.15);
  }
  .about-photo-inner {
    width: 100%; height: 100%; border-radius: 50%;
    background: linear-gradient(135deg, var(--black-4), var(--black-3));
    display: flex; align-items: center; justify-content: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 4rem; font-weight: 300; color: var(--gold);
    overflow: hidden;
  }
  .about-photo-inner img { width: 100%; height: 100%; object-fit: cover; }
  .about-stat-cards {
    position: absolute; right: -20px; top: 50%; transform: translateY(-50%);
    display: flex; flex-direction: column; gap: 12px;
  }
  .about-stat {
    background: var(--black-3); border: 1px solid var(--border);
    border-radius: 14px; padding: 14px 18px; text-align: center;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
  }
  .about-stat-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem; font-weight: 700; color: var(--gold); line-height: 1;
  }
  .about-stat-label { font-size: .65rem; color: var(--white-dim); letter-spacing: .08em; text-transform: uppercase; margin-top: 2px; }
  .about-content {}
  .about-content p { color: var(--white-dim); line-height: 1.8; margin-bottom: 16px; }
  .about-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
  .about-tag {
    background: rgba(201,168,76,0.08); border: 1px solid var(--border);
    color: var(--gold); padding: 6px 14px; border-radius: 100px;
    font-size: .78rem; font-weight: 500;
  }

  /* ─────────── CONTACT ─────────── */
  #contact { background: var(--black); }
  .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start; }
  .contact-info { display: flex; flex-direction: column; gap: 24px; }
  .contact-item {
    display: flex; align-items: flex-start; gap: 14px;
    background: var(--black-3); border: 1px solid var(--border);
    border-radius: 16px; padding: 20px;
  }
  .contact-item-icon {
    width: 40px; height: 40px; border-radius: 10px;
    background: rgba(201,168,76,0.1); border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; flex-shrink: 0;
  }
  .contact-item-label { font-size: .7rem; color: var(--white-dim); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px; }
  .contact-item-val { font-size: .9rem; color: var(--gold); font-weight: 500; }

  .contact-form { display: flex; flex-direction: column; gap: 16px; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .form-group { display: flex; flex-direction: column; gap: 7px; }
  .form-group label { font-size: .78rem; font-weight: 500; color: var(--white-dim); letter-spacing: .04em; }
  .form-group input,
  .form-group select,
  .form-group textarea {
    background: var(--black-3); border: 1px solid var(--border);
    color: var(--white); border-radius: 12px; padding: 13px 16px;
    font-family: 'Outfit', sans-serif; font-size: .9rem;
    transition: border-color .25s; outline: none;
    -webkit-appearance: none;
  }
  .form-group input:focus,
  .form-group select:focus,
  .form-group textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.1); }
  .form-group select option { background: var(--black-3); }
  .form-group textarea { resize: vertical; min-height: 110px; }

  /* ─────────── FOOTER ─────────── */
  footer {
    background: var(--black-2); border-top: 1px solid var(--border);
    padding: 48px 0 32px;
  }
  .footer-inner {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 24px; margin-bottom: 32px;
  }
  .footer-brand {}
  .footer-logo {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.4rem; font-weight: 700; margin-bottom: 6px;
    background: linear-gradient(135deg, #F0D080, #C9A84C);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  }
  .footer-tagline { font-size: .82rem; color: var(--white-dim); max-width: 300px; }
  .footer-links { display: flex; gap: 28px; }
  .footer-links a { color: var(--white-dim); text-decoration: none; font-size: .85rem; transition: color .2s; }
  .footer-links a:hover { color: var(--gold); }
  .footer-bottom {
    border-top: 1px solid var(--white-faint); padding-top: 24px;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px;
  }
  .footer-bottom p { font-size: .78rem; color: rgba(245,240,232,0.35); }

  /* ─────────── WHATSAPP ─────────── */
  .whatsapp-fab {
    position: fixed; bottom: 28px; right: 28px; z-index: 1000;
    width: 56px; height: 56px; border-radius: 50%;
    background: #25D366; color: white;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none; font-size: 1.6rem;
    box-shadow: 0 6px 30px rgba(37,211,102,0.4);
    transition: all .3s; animation: float 3s ease-in-out infinite;
  }
  .whatsapp-fab:hover { transform: scale(1.1); box-shadow: 0 10px 40px rgba(37,211,102,0.6); }
  @keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
  }

  /* ─────────── ANIMATIONS ─────────── */
  .fade-up {
    opacity: 0; transform: translateY(30px);
    transition: opacity .6s ease, transform .6s ease;
  }
  .fade-up.visible { opacity: 1; transform: translateY(0); }

  /* ─────────── SECTION DIVIDER ─────────── */
  .divider-line {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);
  }

  /* ─────────── RESPONSIVE ─────────── */
  @media (max-width: 1024px) {
    .hero-grid { grid-template-columns: 1fr 1fr; gap: 50px; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .packages-grid { grid-template-columns: repeat(2, 1fr); }
    .work-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: 1fr; gap: 50px; }
    .about-visual { order: -1; }
    .about-stat-cards { right: 0; }
    .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  }

  @media (max-width: 768px) {
    section { padding: 70px 0; }
    .nav-links, .btn-nav { display: none; }
    .hamburger { display: flex; }

    .hero-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .hero-photo-wrap { order: -1; }
    .hero-photo-ring { width: 220px; height: 220px; }
    .hero-photo-glow { width: 260px; height: 260px; }
    .hero-desc { max-width: 100%; }
    .hero-checks { grid-template-columns: 1fr 1fr; }
    .hero-btns { justify-content: center; }
    .hero-available-badge { bottom: -10px; }

    .services-grid { grid-template-columns: 1fr; }
    .packages-grid { grid-template-columns: 1fr; }
    .package-card.popular { transform: none; }
    .work-grid { grid-template-columns: 1fr; }
    .about-stat-cards { position: static; flex-direction: row; margin-top: 20px; transform: none; }
    .form-row { grid-template-columns: 1fr; }
    .footer-inner { flex-direction: column; }
    .footer-links { flex-wrap: wrap; gap: 16px; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .section-sub { max-width: 100%; }
  }

  @media (max-width: 480px) {
    .hero-checks { grid-template-columns: 1fr; text-align: left; justify-items: start; }
    .hero-btns { flex-direction: column; align-items: center; }
    .btn-primary, .btn-secondary { width: 100%; max-width: 280px; justify-content: center; }
    .about-stat-cards { flex-direction: row; gap: 10px; }
  }


/* ===== Agency multi-page enhancements ===== */
a { -webkit-tap-highlight-color: transparent; }
img { max-width:100%; display:block; }
body { min-height:100vh; }
.nav-brand { text-decoration:none; }
.nav-brand img { height:50px; width:auto; }
.nav-links a.active { color:var(--gold); }
.page-hero { padding:160px 0 80px; background:radial-gradient(ellipse 70% 60% at 70% 30%,rgba(201,168,76,.07),transparent 70%),var(--black); border-bottom:1px solid var(--border); }
.page-hero h1 { font-size:clamp(2.6rem,6vw,5rem); max-width:900px; margin-bottom:20px; }
.page-hero p { max-width:720px; color:var(--white-dim); font-size:1.04rem; }
.eyebrow-row {display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.pill {border:1px solid var(--border);background:rgba(201,168,76,.06);color:var(--white-dim);padding:8px 13px;border-radius:999px;font-size:.78rem}
.trust-strip { border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--black-2); padding:20px 0; }
.trust-inner { display:flex; gap:24px; justify-content:space-between; align-items:center; flex-wrap:wrap; color:var(--white-dim); font-size:.78rem; letter-spacing:.04em; }
.trust-item strong { color:var(--gold); font-weight:600; }
.card-link { color:var(--gold); text-decoration:none; font-size:.82rem; font-weight:600; display:inline-flex; margin-top:16px; }
.feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.feature-card {background:var(--black-3);border:1px solid var(--border);border-radius:18px;padding:24px}
.feature-card h3 {font-size:1.35rem;margin:12px 0 8px}.feature-card p{color:var(--white-dim);font-size:.88rem}
.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.project-meta span{font-size:.68rem;border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--white-dim)}
.work-card .work-info p{color:var(--white-dim);font-size:.82rem;margin-top:7px;line-height:1.6}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.case-card{border:1px solid var(--border);background:var(--black-3);border-radius:22px;overflow:hidden}.case-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.case-body{padding:24px}.case-body h3{font-size:1.45rem}.case-body p{color:var(--white-dim);font-size:.88rem;margin:9px 0}
.cta-band{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.03));border:1px solid var(--border-bright);border-radius:26px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:26px}.cta-band h2{font-size:clamp(1.9rem,4vw,3rem)}.cta-band p{color:var(--white-dim);max-width:600px;margin-top:8px}
.contact-form button { display:inline-flex; align-items:center; }
.form-status{font-size:.8rem;color:var(--gold);min-height:1.2em}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:10000;background:var(--gold);color:#000;padding:10px 14px;border-radius:8px}
.footer-brand img{height:45px;width:auto}.footer-links{flex-wrap:wrap}
.faq{display:grid;gap:12px;margin-top:34px}.faq details{background:var(--black-3);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--white-dim);font-size:.86rem;margin-top:10px}
@media (max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}.page-hero{padding-top:130px}}
@media (max-width:600px){section{padding:72px 0}.container{padding:0 18px}.page-hero{padding:118px 0 58px}.feature-grid{grid-template-columns:1fr}.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cta-band{padding:26px 22px;border-radius:20px}.hero-photo-wrap{display:flex!important}.hero-grid{grid-template-columns:1fr!important;gap:24px!important}.hero-content{text-align:left!important}.hero-checks{grid-template-columns:1fr 1fr!important}.hero-btns{align-items:stretch!important}.btn-primary,.btn-secondary{max-width:none!important}.nav-brand img{height:42px}.footer-inner{gap:30px}.work-grid{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== Brand identity + international trust refresh ===== */
.nav-brand{flex-direction:row;align-items:center;gap:10px;min-width:190px}
.nav-brand-mark{width:50px;height:50px;border:1px solid rgba(201,168,76,.28);border-radius:12px;overflow:hidden;background:#080808;box-shadow:0 0 22px rgba(201,168,76,.08);flex:0 0 auto}
.nav-brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transform:scale(1.1)}
.nav-brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1}
.nav-brand-copy strong{font-family:'Cormorant Garamond',serif;font-size:1.18rem;letter-spacing:.06em;color:var(--gold-light);font-weight:700;white-space:nowrap}
.nav-brand-copy .nav-sub{font-size:.54rem;letter-spacing:.12em;white-space:nowrap}

.hero-brand-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.hero-brand-glow{position:absolute;width:88%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.28),rgba(201,168,76,.07) 45%,transparent 72%);filter:blur(12px);animation:pulse-glow 3.8s ease-in-out infinite}
.hero-brand-card{position:relative;z-index:1;width:100%;max-width:470px;border-radius:26px;overflow:hidden;border:1px solid rgba(201,168,76,.4);background:#090909;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(201,168,76,.12);transform:perspective(1100px) rotateY(3deg) rotateX(1deg);transition:transform .4s ease,box-shadow .4s ease}
.hero-brand-card:hover{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 62px rgba(201,168,76,.18)}
.hero-brand-card img{width:100%;height:auto;display:block}
.hero-brand-wrap .hero-available-badge{bottom:-17px}

.country-marquee{padding:18px 0 16px;background:#090909;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
.country-marquee-label{text-align:center;color:var(--white-dim);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.country-track-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.country-track{display:flex;width:max-content;gap:14px;animation:country-scroll 23s linear infinite;will-change:transform}
.country-track:hover{animation-play-state:paused}
.country-item{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 17px;border:1px solid rgba(201,168,76,.2);border-radius:999px;background:rgba(201,168,76,.045);font-size:1.15rem;box-shadow:inset 0 0 18px rgba(201,168,76,.02)}
.country-item span{font-size:.76rem;color:var(--white-dim);font-weight:500;letter-spacing:.035em}
@keyframes country-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}

.about-brand-card{max-width:520px;margin:0 auto;border:1px solid var(--border-bright);border-radius:28px;overflow:hidden;background:#080808;box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 45px rgba(201,168,76,.1)}
.about-brand-card img{width:100%;height:auto}

.footer-brand img{height:auto;width:190px;max-width:100%;border-radius:12px;border:1px solid rgba(201,168,76,.15)}
.whatsapp-fab{width:auto!important;min-width:58px;padding:0 15px!important;gap:9px;border-radius:999px!important;text-decoration:none}
.whatsapp-label{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .28s ease,opacity .2s ease}
.whatsapp-fab:hover .whatsapp-label{max-width:120px;opacity:1}
.whatsapp-fab svg{flex:0 0 auto}

@media (max-width:1024px){
  .nav-links{gap:20px}
  .hero-grid{grid-template-columns:minmax(320px,410px) 1fr;gap:46px}
  .hero-brand-card{max-width:410px}
}
@media (max-width:768px){
  nav{padding:12px 0}.nav-inner{padding:0 18px}
  .nav-brand{min-width:0;gap:8px}.nav-brand-mark{width:43px;height:43px;border-radius:10px}.nav-brand-copy strong{font-size:1.02rem}.nav-brand-copy .nav-sub{font-size:.47rem}
  #home{min-height:auto;padding-top:118px;padding-bottom:64px}
  .hero-grid{grid-template-columns:1fr!important;gap:34px!important;text-align:left!important}
  .hero-brand-wrap{display:flex!important;order:-1!important;padding:0 2px 8px}
  .hero-brand-card{max-width:520px;transform:none;border-radius:20px}
  .hero-brand-wrap .hero-available-badge{bottom:-10px}
  .hero-content{text-align:left!important}
  .hero-btns{justify-content:flex-start!important}
  .country-marquee{padding:16px 0 14px}
  .country-track{animation-duration:18s}
  .whatsapp-label{display:none}.whatsapp-fab{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border-radius:50%!important}
}
@media (max-width:600px){
  .hero-photo-wrap{display:initial!important}
  .hero-checks{grid-template-columns:1fr 1fr!important;gap:8px 12px}
  .hero-check{font-size:.78rem}
  .hero-title{font-size:clamp(2.15rem,11vw,3.25rem)}
  .hero-desc{font-size:.93rem;line-height:1.65}
  .hero-btns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .hero-btns .btn-primary,.hero-btns .btn-secondary{width:100%!important;max-width:none!important;padding:13px 15px;font-size:.78rem}
  .trust-inner{grid-template-columns:1fr 1fr!important}.trust-item{font-size:.72rem}
  .country-marquee-label{font-size:.61rem;margin-bottom:10px}.country-item{padding:8px 14px}.country-item span{font-size:.7rem}
  .about-brand-card{border-radius:20px}
}
@media (max-width:390px){
  .nav-brand-copy .nav-sub{display:none}
  .hero-checks{grid-template-columns:1fr!important}
  .hero-btns{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.country-track{animation:none}.hero-brand-glow{animation:none}}


/* ===== Portfolio refresh ===== */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.portfolio-card{background:linear-gradient(145deg,rgba(18,18,18,.96),rgba(8,8,8,.98));border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.portfolio-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,.4);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 30px rgba(201,168,76,.06)}
.portfolio-media{display:block;position:relative;overflow:hidden;background:#0b0b0b;aspect-ratio:16/9}
.portfolio-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .35s ease}
.portfolio-card:hover .portfolio-media img{transform:scale(1.025);filter:brightness(.86)}
.portfolio-open{position:absolute;right:16px;bottom:16px;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);border:1px solid rgba(201,168,76,.38);color:var(--gold-light);font-size:.72rem;font-weight:600;padding:9px 12px;border-radius:999px}
.portfolio-body{padding:25px}.portfolio-body h2{font-size:1.55rem;margin:5px 0 8px}.portfolio-body p{color:var(--white-dim);font-size:.9rem;line-height:1.7}
.portfolio-kicker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--gold);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.live-link{margin-top:18px}
.work-card-link{display:block;color:inherit;text-decoration:none}.work-card-link .card-link{pointer-events:none}
.inspiration-section{background:var(--black-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.inspiration-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--black-3)}
.inspiration-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.inspiration-card>div{padding:20px}.inspiration-card h3{font-size:1.3rem;margin:8px 0}.inspiration-card p{color:var(--white-dim);font-size:.82rem;line-height:1.6}.inspiration-card a{display:inline-flex;margin-top:13px;color:var(--gold);text-decoration:none;font-size:.8rem;font-weight:600}
.reference-badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(201,168,76,.25);background:rgba(201,168,76,.06);font-size:.6rem;color:var(--gold-light);text-transform:uppercase;letter-spacing:.06em}
.form-status a{color:var(--gold);font-weight:600}
@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.portfolio-grid{gap:18px}.portfolio-card{border-radius:18px}.portfolio-body{padding:20px}.portfolio-media{aspect-ratio:16/10}.portfolio-open{font-size:.66rem;right:10px;bottom:10px}.inspiration-grid{grid-template-columns:1fr}.inspiration-card img{aspect-ratio:16/10}}