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

    body{
      font-family:'Montserrat',sans-serif;
      background:#f8f4ec;
      color:#2d2d2d;
      overflow-x:hidden;
      line-height:1.7;
    }

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

    .container{
      width:min(1200px,90%);
      margin:auto;
    }

    .section{
      padding:100px 0;
      position:relative;
    }

    .dark{
      background:#1f2a24;
      color:white;
    }

    .gold{
      background:#b88a2f;
      color:white;
    }

    .cream{
      background:#f8f4ec;
    }

    .heading{
      font-family:'Cormorant Garamond',serif;
      font-size:58px;
      line-height:1;
      margin-bottom:24px;
      font-weight:600;
      letter-spacing:1px;
    }

    .subheading{
      font-size:14px;
      letter-spacing:4px;
      text-transform:uppercase;
      margin-bottom:20px;
      opacity:.8;
    }

    p{
      font-size:15px;
      opacity:.92;
    }

    .btn{
      display:inline-block;
      padding:14px 30px;
      background:#b88a2f;
      color:white;
      text-decoration:none;
      margin-top:30px;
      border-radius:40px;
      transition:.3s;
      font-weight:600;
    }

    .btn:hover{
      transform:translateY(-3px);
    }

    .hero{
      min-height:100vh;
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      color:white;
      text-align:center;
      background:url('https://rantangcatering.com/uploads/bgprofile.png') center/cover;
    }

    .overlay{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.55);
    }

    .hero-content{
      position:relative;
      z-index:2;
      max-width:900px;
      padding:40px;
    }

    .hero h1{
      font-family:'Cormorant Garamond',serif;
      font-size:90px;
      line-height:1;
      margin-bottom:25px;
      font-weight:600;
    }

    .hero p{
      font-size:18px;
      max-width:760px;
      margin:auto;
    }

    .grid-2{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .grid-3{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
    }

    .card-image{
      border-radius:22px;
      overflow:hidden;
      box-shadow:0 20px 40px rgba(0,0,0,.08);
    }

    .gallery img{
      height:260px;
      border-radius:18px;
    }

    .founder{
      background:url('https://rantangcatering.com/uploads/bgprofile-1.png') center/cover fixed;
      color:white;
    }

    .founder .overlay-dark{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.7);
    }

    .founder .container{
      position:relative;
      z-index:2;
    }

    .values{
      text-align:center;
    }

    .value-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:20px;
      margin-top:60px;
    }

    .value-item{
      background:white;
      border-radius:18px;
      padding:25px 10px;
      box-shadow:0 10px 30px rgba(0,0,0,.05);
    }

    .value-item h4{
      font-size:13px;
      margin-top:12px;
    }

    .timeline{
      position:relative;
      margin-top:70px;
    }

    .timeline::before{
      content:'';
      position:absolute;
      top:50%;
      left:0;
      width:100%;
      height:4px;
      background:#9bc53d;
      transform:translateY(-50%);
    }

    .timeline-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
      position:relative;
      z-index:2;
    }

    .timeline-item{
      text-align:center;
      background:white;
      padding:30px 20px;
      border-radius:20px;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
    }

    .timeline-dot{
      width:22px;
      height:22px;
      background:#9bc53d;
      border-radius:50%;
      margin:0 auto 20px;
      border:5px solid white;
    }

    .brand-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:30px;
      margin-top:60px;
    }

    .brand-card{
      background:white;
      border-radius:22px;
      overflow:hidden;
      box-shadow:0 15px 35px rgba(0,0,0,.06);
    }

    .brand-card img{
      height:220px;
    }

    .brand-content{
      padding:25px;
      color:black;
    }

    .cta{
      background:url('https://rantangcatering.com/uploads/Screenshot_318.jpg') center/cover;
      position:relative;
      color:white;
      text-align:center;
    }

    .cta::before{
      content:'';
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.65);
    }

    .cta .container{
      position:relative;
      z-index:2;
    }

    footer{
      background:#101512;
      color:white;
      padding:50px 0;
      text-align:center;
    }

    @media(max-width:992px){
      .grid-2,
      .grid-3,
      .timeline-grid,
      .brand-grid,
      .value-grid{
        grid-template-columns:1fr;
      }

      .hero h1{
        font-size:60px;
      }

      .heading{
        font-size:42px;
      }

      .section{
        padding:70px 0;
      }
    }