:root{
      --bg:#f7f4ef;
      --white:#ffffff;
      --text:#2d2a26;
      --muted:#6e675f;
      --line:#e6dfd6;
      --accent:#b89b66;
    }

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

    body{
      color:var(--text);
      font-family:'Inter', sans-serif;
      overflow-x:hidden;
    }

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

    img{
      width:100%;
      display:block;
    }

    .container-fluid-custom{
      max-width:1400px;
      margin:auto;
    }

    /* =========================
       HERO
    ========================== */

    .hero-section{
      border-bottom:1px solid var(--line);
    }

    .hero-left{
      padding:85px 70px;
    }

    .hero-title{
      font-family:'Cormorant Garamond', serif;
      font-size:62px;
      margin-bottom:14px;
      font-weight:500;
    }

    .gold-line{
      width:70px;
      height:1px;
      background:var(--accent);
      margin:20px 0;
    }

    .hero-text{
      max-width:340px;
      font-family:'Cormorant Garamond', serif;
      font-style:italic;
      font-size:28px;
      line-height:1.45;
      color:#5c554f;
    }

    .hero-image{
      height:100%;
      min-height:380px;
    }

    .hero-image img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    /* =========================
       CONTENT
    ========================== */

    .content-section{
      padding:40px 0 70px;
    }

    .left-sidebar{
      padding-right:35px;
      border-right:1px solid var(--line);
    }

    .center-content{
      padding:0 55px;
    }

    .right-sidebar{
      padding-left:35px;
      border-left:1px solid var(--line);
    }

    .sidebar-heading{
      font-size:11px;
      letter-spacing:1.5px;
      color:#5e574f;
      margin-bottom:30px;
      text-transform:uppercase;
    }

    .sidebar-post{
      margin-bottom:28px;
    }

    .sidebar-post.active{
      background:#efebe4;
      padding:18px;
    }

    .sidebar-date{
      font-size:10px;
      letter-spacing:1px;
      color:#8a837a;
      text-transform:uppercase;
      margin-bottom:10px;
    }

    .sidebar-title{
      font-family:'Cormorant Garamond', serif;
      font-size:31px;
      line-height:1.05;
      margin-bottom:8px;
    }

    .sidebar-small-title{
      font-family:'Cormorant Garamond', serif;
      font-size:22px;
      line-height:1.15;
      margin-bottom:6px;
    }

    .sidebar-desc{
      font-size:12px;
      line-height:1.6;
      color:#6f685f;
    }

    .article-date{
      font-size:11px;
      letter-spacing:1.5px;
      text-transform:uppercase;
      color:#8a837a;
      margin-bottom:20px;
    }

    .article-title{
      font-family:'Cormorant Garamond', serif;
      font-size:58px;
      line-height:1;
      margin-bottom:10px;
      font-weight:500;
    }

    .article-subtitle{
      font-family:'Cormorant Garamond', serif;
      font-size:18px;
      font-style:italic;
      color:#4b443d;
      margin-bottom:25px;
    }

    .article-line{
      width:65px;
      height:1px;
      background:var(--accent);
      margin-bottom:30px;
    }

    .article-content p{
      font-size:15px;
      line-height:2;
      color:#4c4640;
      margin-bottom:26px;
    }

    .dots{
      text-align:center;
      font-size:22px;
      letter-spacing:8px;
      margin:35px 0;
    }

    .continue-btn{
      border:1px solid #8b847b;
      background:transparent;
      padding:15px 34px;
      font-size:11px;
      letter-spacing:1px;
      color:#2d2a26;
      transition:0.3s;
    }

    .continue-btn:hover{
      background:#2d2a26;
      color:#fff;
    }

    .more-card{
      display:flex;
      gap:16px;
      margin-bottom:24px;
      align-items:flex-start;
    }

    .more-card img{
      width:110px;
      height:110px;
      object-fit:cover;
      flex-shrink:0;
    }

    .more-title{
      font-family:'Cormorant Garamond', serif;
      font-size:24px;
      line-height:1.2;
      margin-bottom:8px;
    }

    .more-date{
      font-size:10px;
      letter-spacing:1px;
      text-transform:uppercase;
      color:#8a837a;
    }

    .view-btn{
      border:1px solid #8b847b;
      background:transparent;
      width:100%;
      padding:14px 20px;
      font-size:11px;
      letter-spacing:1px;
      transition:0.3s;
    }

    .view-btn:hover{
      background:#2d2a26;
      color:#fff;
    }

    /* =========================
       NEWSLETTER
    ========================== */

    .newsletter{
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      padding:55px 0;
      text-align:center;
      margin-top:55px;
    }

    .newsletter-icon{
      font-size:22px;
      color:var(--accent);
      margin-bottom:10px;
    }

    .newsletter-text{
      font-family:'Cormorant Garamond', serif;
      font-size:31px;
      font-style:italic;
      color:#4d4740;
      margin-bottom:30px;
      line-height:1.4;
    }

    .newsletter-form{
      max-width:500px;
      margin:auto;
      display:flex;
    }

    .newsletter-form input{
      height:52px;
      border:1px solid var(--line);
      background:#fff;
      padding:0 18px;
      font-size:14px;
      border-radius:0;
      flex:1;
      outline:none;
    }

    .newsletter-form button{
      width:140px;
      border:none;
      background:#b69257;
      color:#fff;
      font-size:11px;
      letter-spacing:1px;
    }