:root{
      --bg-deep:#0c0e13;
      --bg-panel:#14171f;
      --bg-panel-2:#191c26;
      --line:#2a2d38;
      --gold:#c6a15b;
      --gold-bright:#e6c98a;
      --burgundy:#7a2632;
      --cream:#f3eee2;
      --stone:#9a9788;
      --stone-dim:#6b6960;
    }

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

    body{
      background:var(--bg-deep);
      color:var(--cream);
      font-family:'Jost',sans-serif;
      line-height:1.6;
    }

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

    img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    h1,h2,h3{
      font-family:'Cormorant Garamond',serif;
    }

    .wrap{
      max-width:1180px;
      margin:auto;
      padding:0 32px;
    }

    /* NAVBAR */

    header{
      position:sticky;
      top:0;
      z-index:100;
      background:rgba(12,14,19,.95);
      backdrop-filter:blur(12px);
      border-bottom:1px solid var(--line);
    }

    .nav-row{
      height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
    }

    .logo{
      font-family:'Cormorant Garamond',serif;
      font-size:26px;
      font-weight:600;
      letter-spacing:2px;
    }

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

    nav ul{
      display:flex;
      gap:28px;
      list-style:none;
    }

    nav a{
      color:var(--stone);
      font-size:12px;
      letter-spacing:1px;
      text-transform:uppercase;
      transition:.3s;
    }

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

    .btn{
      display:inline-block;
      padding:12px 24px;
      text-transform:uppercase;
      font-size:12px;
      letter-spacing:1px;
      transition:.3s;
    }

    .btn-gold{
      background:var(--gold);
      color:#1a1206;
      font-weight:600;
    }

    .btn-gold:hover{
      background:var(--gold-bright);
      transform:translateY(-2px);
    }

    .btn-outline{
      border:1px solid var(--gold);
      color:var(--gold);
    }

    .btn-outline:hover{
      background:rgba(198,161,91,.1);
    }

    /* HERO */

    .page-hero{
      min-height:460px;
      position:relative;
      display:flex;
      align-items:center;
      text-align:center;
      overflow:hidden;
    }

    .page-hero::before{
      content:"";
      position:absolute;
      inset:0;

      background:
      linear-gradient(
        rgba(12,14,19,.58),
        rgba(12,14,19,.90)
      ),
      url("https://images.unsplash.com/photo-1519741497674-611481863552?q=80&w=1800&auto=format&fit=crop");

      background-size:cover;
      background-position:center;
    }

    .hero-content{
      position:relative;
      z-index:2;
      width:100%;
    }

    .eyebrow{
      color:var(--gold);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:3px;
      margin-bottom:18px;
    }

    .page-hero h1{
      font-size:62px;
      line-height:1;
      margin-bottom:18px;
    }

    .page-hero p{
      max-width:650px;
      margin:auto;
      color:var(--stone);
      font-size:16px;
    }

    /* SERVICES */

    section{
      padding:100px 0;
    }

    .section-head{
      max-width:700px;
      margin:0 auto 60px;
      text-align:center;
    }

    .section-head h2{
      font-size:46px;
      line-height:1.1;
      margin-bottom:15px;
    }

    .section-head p{
      color:var(--stone);
      font-size:15px;
    }

    .services-list{
      display:flex;
      flex-direction:column;
      gap:40px;
    }

    .service-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:360px;
      background:var(--bg-panel);
      border:1px solid var(--line);
    }

    .service-row:nth-child(even) .service-image{
      order:2;
    }

    .service-image{
      overflow:hidden;
    }

    .service-image img{
      transition:.6s;
    }

    .service-row:hover .service-image img{
      transform:scale(1.06);
    }

    .service-content{
      padding:55px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .service-number{
      color:var(--gold);
      letter-spacing:3px;
      font-size:12px;
      margin-bottom:12px;
    }

    .service-content h3{
      font-size:38px;
      margin-bottom:16px;
      line-height:1.1;
    }

    .service-content p{
      color:var(--stone);
      font-size:14px;
      margin-bottom:20px;
    }

    .service-points{
      list-style:none;
      margin-bottom:26px;
    }

    .service-points li{
      color:var(--stone);
      font-size:13px;
      margin-bottom:8px;
    }

    .service-points li::before{
      content:"✦";
      color:var(--gold);
      margin-right:10px;
    }

    /* PROCESS */

    .process{
      background:var(--bg-panel);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .process-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1px;
      background:var(--line);
    }

    .process-card{
      background:var(--bg-panel-2);
      padding:38px 28px;
      min-height:230px;
    }

    .process-number{
      font-family:'Cormorant Garamond',serif;
      font-size:38px;
      color:var(--gold);
      margin-bottom:15px;
    }

    .process-card h3{
      font-size:24px;
      margin-bottom:10px;
    }

    .process-card p{
      color:var(--stone);
      font-size:13px;
    }

    /* CTA */

    .cta{
      padding:90px 0;
    }

    .cta-box{
      background:
      linear-gradient(
        135deg,
        var(--burgundy),
        #40121b
      );

      padding:65px 40px;
      text-align:center;
    }

    .cta-box h2{
      font-size:48px;
      margin-bottom:14px;
    }

    .cta-box p{
      color:#e0c3c9;
      margin-bottom:28px;
      font-size:15px;
    }

    /* FOOTER */

    footer{
      background:var(--bg-panel);
      border-top:1px solid var(--line);
      padding:60px 0 25px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:2fr 1fr 1fr;
      gap:50px;
      margin-bottom:45px;
    }

    .footer-col h4{
      color:var(--gold);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:18px;
    }

    .footer-col ul{
      list-style:none;
    }

    .footer-col li{
      margin-bottom:10px;
    }

    .footer-col a{
      color:var(--stone);
      font-size:14px;
    }

    .footer-col a:hover{
      color:var(--gold);
    }

    .footer-bottom{
      border-top:1px solid var(--line);
      padding-top:22px;
      text-align:center;
      color:var(--stone-dim);
      font-size:12px;
    }

    /* RESPONSIVE */

    @media(max-width:900px){

      nav{
        display:none;
      }

      .service-row{
        grid-template-columns:1fr;
      }

      .service-row:nth-child(even) .service-image{
        order:0;
      }

      .service-image{
        height:300px;
      }

      .process-grid{
        grid-template-columns:1fr 1fr;
      }

      .footer-grid{
        grid-template-columns:1fr;
      }

    }

    @media(max-width:600px){

      .wrap{
        padding:0 18px;
      }

      section{
        padding:70px 0;
      }

      .page-hero h1{
        font-size:44px;
      }

      .section-head h2{
        font-size:38px;
      }

      .service-content{
        padding:35px 25px;
      }

      .service-content h3{
        font-size:32px;
      }

      .process-grid{
        grid-template-columns:1fr;
      }

      .cta-box h2{
        font-size:38px;
      }

      .cta-box{
        padding:50px 22px;
      }

    }

  
.brand-logo{
  height:75px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));
  transition:transform .25s ease, filter .25s ease;
}
.logo:hover .brand-logo{
  transform:translateY(-1px);
  filter:drop-shadow(0 5px 14px rgba(201,164,92,.28));
}
.footer-brand .brand-logo{
  height:82px;
  max-width:260px;
}
@media(max-width:700px){
  .brand-logo{height:64px;max-width:210px;}
  .footer-brand .brand-logo{height:70px;max-width:225px;}
}