/*
Theme Name: Falak Seven
Theme URI: https://falakseven.com
Author: Falak Seven
Description: Studio homepage for Falak Seven -- storytelling, filmmaking, and consultation.
Version: 1.0
Requires at least: 5.0
Requires PHP: 7.0
Text Domain: falak-seven
*/


  :root {
    --ink: #131f2b;
    --ink2: #1c2b3a;
    --paper: #f5f5f0;
    --paper-dim: rgba(245,245,240,0.62);
    --paper-faint: rgba(245,245,240,0.38);
    --line: rgba(245,245,240,0.14);
    --red: #c0483a;
    --gold: #d1a24a;
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0; background: var(--ink); color: var(--paper);
    font-family: 'Inter', sans-serif; overflow-x: hidden;
  }
  h1, h2 { font-family: 'Spectral', serif; font-weight: 400; margin: 0; }
  .member p em { color: var(--gold); font-style: normal; }
  .member p .credit { color: var(--red); }
  .wrap { max-width: 900px; margin: 0 auto; padding: 0 6vw; }
  .eyebrow {
    font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
    color: var(--gold); margin-bottom: 16px;
  }

  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 20;
    display: flex; align-items: center; padding: 26px 6vw;
    mix-blend-mode: normal;
  }
  nav img { height: 22px; }

  .hero {
    min-height: 100vh; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    padding: 0 6vw;
  }
  .hero img { width: min(360px, 60vw); margin-bottom: 44px; }
  .hero h1 {
    font-size: clamp(26px, 3.6vw, 38px); line-height: 1.35;
    max-width: 520px; color: var(--paper);
  }

  section { padding: 14vh 0; }
  .about { border-top: 1px solid var(--line); text-align: center; }
  .about h2 {
    font-size: clamp(24px, 3.4vw, 34px); line-height: 1.45;
    max-width: 560px; margin: 10px auto 0;
  }
  .services {
    margin-top: 56px; text-align: left; max-width: 640px; margin-left: auto; margin-right: auto;
  }
  .service-row {
    display: flex; gap: 28px; align-items: baseline;
    padding: 22px 24px; margin-bottom: 12px;
    background: rgba(245,245,240,0.03); border: 1px solid var(--line);
    border-radius: 10px;
  }
  .service-row .num {
    font-size: 12px; letter-spacing: 1px; color: var(--red); flex: 0 0 28px;
  }
  .service-row h3 {
    font-family: 'Spectral', serif; font-weight: 400; font-size: 24px;
    margin: 0 0 8px; color: var(--paper);
  }
  .service-row p {
    font-size: 14px; line-height: 1.6; color: var(--paper-dim); margin: 0;
  }

  .about-lede {
    font-size: 16px; line-height: 1.75; color: var(--paper-dim);
    max-width: 540px; margin: 28px auto 0;
  }

  .work { border-top: 1px solid var(--line); }
  .work .intro { text-align: center; margin-bottom: 56px; }
  .work .intro h2 { font-size: clamp(24px, 3.4vw, 34px); }
  .work-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
  }
  .work-item {
    background: rgba(245,245,240,0.03); border: 1px solid var(--line);
    border-radius: 10px; padding: 32px 28px;
  }
  .work-label {
    font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 2px;
    text-transform: uppercase; color: var(--gold); margin-bottom: 12px;
  }
  .work-item h3 {
    font-family: 'Spectral', serif; font-weight: 400; font-size: 24px;
    margin: 0 0 12px; color: var(--paper);
  }
  .work-item p {
    font-size: 14px; line-height: 1.65; color: var(--paper-dim); margin: 0 0 14px;
  }
  .work-item em { color: var(--gold); font-style: normal; }
  .work-link {
    font-family: 'Inter', sans-serif; font-size: 13px; color: var(--red);
    text-decoration: none; border-bottom: 1px solid var(--red);
  }

  .team { border-top: 1px solid var(--line); }
  .team .intro { text-align: center; margin-bottom: 64px; }
  .team .intro h2 { font-size: clamp(24px, 3.4vw, 34px); }
  .team-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
  }
  .member {
    background: rgba(245,245,240,0.03); border: 1px solid var(--line);
    border-radius: 10px; padding: 32px 28px; text-align: center;
  }
  .member img {
    width: 84px; height: 84px; object-fit: cover; border-radius: 50%;
    margin-bottom: 20px; filter: grayscale(0.15);
  }
  .member .role {
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
    color: var(--gold); margin-bottom: 8px;
  }
  .member h3 {
    font-family: 'Spectral', serif; font-weight: 400; font-size: 22px;
    margin: 0 0 12px; color: var(--paper);
  }
  .member p {
    font-size: 14px; line-height: 1.65; color: var(--paper-dim); margin: 0;
    text-align: left;
  }

  .contact {
    border-top: 1px solid var(--line); text-align: center;
  }
  .contact h2 { font-size: clamp(24px, 3.4vw, 34px); margin-bottom: 20px; }
  .contact a {
    color: var(--paper); text-decoration: underline;
    text-underline-offset: 4px; text-decoration-color: var(--paper-faint);
  }
  .contact .line { font-size: 15px; color: var(--paper-dim); margin-top: 10px; }
  .social { margin-top: 20px; font-family: 'Inter', sans-serif; font-size: 13px; }
  .social a {
    color: var(--paper-dim); text-decoration: none;
  }
  .social a:hover { color: var(--paper); }
  .social-sep { color: var(--paper-faint); margin: 0 10px; }

  footer {
    padding: 40px 6vw; text-align: center; border-top: 1px solid var(--line);
  }
  footer img { height: 16px; opacity: 0.6; }

  @media (max-width: 720px) {
    .team-grid { grid-template-columns: 1fr; gap: 56px; }
    .work-grid { grid-template-columns: 1fr; gap: 20px; }
  }