* { 
	    margin:0; 
	    padding:0;
		box-sizing:border-box; 
	  }
       body {
		font-family:'Inter',sans-serif; 
		background:#fffcf8; 
		color:#2b2b2b; 
		line-height:1.5; 
		}
		
      .navbar { 
	   display:flex;
	   justify-content:space-between; 
	   align-items:center; padding:20px 5%;
	   background:#ffffffdd; 
	   backdrop-filter:blur(4px);
	   border-bottom:1px solid #ecd9c8; 
	   position:sticky; top:0; z-index:10;
	   }
	   
      .logo { 
	   font-family:'Playfair Display',serif; font-weight:900;
	   font-size:1.8rem; 
	   color:#9b5e2e; 
	   text-decoration:none; 
	   letter-spacing:-0.5px;
	   }
	   
      .nav-links a { 
	    margin-left:32px; 
	   text-decoration:none; 
	   color:#4a3a2b; 
	   font-weight:500;
	   }
	   
      .nav-links a.active {
	   color:#b57035; 
	   border-bottom:2px solid #b57035; 
	   padding-bottom:4px; 
	   }
	   
      .menu-icon {
	   display:none;
	   font-size:1.6rem; color:#4e3e32;
	   }
	   
      .container {
       max-width:1280px;
	   margin:0 auto;
	   padding:0 24px;
	   }
	   
      .page-header { 
	   background:#3a2a1f; 
	   padding:70px 0 56px;
	   text-align:center;
	   margin-bottom:48px;
	   border-radius:0 0 3rem 3rem;
	   }
	    
      .page-header h1 { 
	   font-size:3.5rem; 
	   font-family:'Playfair Display',serif;
	   color:#fff;	
	   margin-bottom:16px; }
	   
      .page-header p {
	    font-size:1.3rem;
		color:#fff; 
		max-width:700px;
		margin:0 auto; 
		}

     /* culture feature = painting / performance */
      .culture-feature { 
	   display:flex;
	   flex-wrap:wrap;
   	   background:#f5e7db;
	   border-radius:48px;
	   margin:48px 0;
	   overflow:hidden; 
	   box-shadow:0 20px 30px -10px #b48c6b40; 
	   }
	   
      .feature-img { 
	   flex:1.2; min-height:360px;
	   background-size:cover;
	   background-position:center; 
	   }
	   
      .feature-content { 
	   flex:1; padding:56px 40px;
	   }
	  
      .feature-content h2 { 
	   font-size:2.8rem; 
	   font-family:'Playfair Display',serif; 
	   color:#3b2b1d; margin-bottom:16px;
	   }
	   
      .feature-tags {
	   display:flex;
	   flex-wrap:wrap;
	   gap:18px;
	   margin:24px 0;
	   }
	   
      .feature-tags span {
	   background:#fff; 
	   padding:6px 18px; 
       border-radius:40px; 
	   font-size:0.95rem; 
	   box-shadow:0 4px 8px #e0c8b2; 
	   }
	   
      
	  .feature-tags i {
	   color:#b76e2e; 
       margin-right:6px;
	   }

      .section-title { 
	   font-size:2.5rem; 
	   font-family:'Playfair Display',serif; 
	   color:#4a3627; 
	   margin:60px 0 32px;
	   border-left:8px solid #b76e2e; 
	   padding-left:24px;
	   }
	   
	  .card-grid {
	   display:grid; 
	   grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); 
	   gap:28px; 
	   margin-bottom:56px;
	   }
	   
      .culture-card { 
	   background:#fffcf5; 
	   border-radius:32px;
	   text-decoration:none;
	   color:inherit;
	   box-shadow:0 8px 18px #e2cfbc; 
	   transition:all 0.2s;
	   border:1px solid #ffe3d1; 
	   overflow:hidden;
	   }
	   
      .culture-card:hover { 
	   transform:scale(1.01);
   	   box-shadow:0 16px 28px #c9ad93; 
	   }
	   
      .card-img {
	   width:100%;
	   height:210px; 
	   object-fit:cover; 
	   border-radius:32px 32px 0 0; 
	   }
	   
      .card-content { 
	   padding:24px 18px 22px;
	   }
	   
      .card-content h3 { 
	   font-size:1.9rem;
	   font-family:'Playfair Display',serif;
	   font-weight:700;
	   margin-bottom:10px; 
	   color:#382e24; 
	   }
	   
      .card-meta {
	   display:flex; 
	   gap:24px;
	   margin-top:18px;
	   color:#7a5e45; 
	   font-size:0.95rem; 
	   }

    /* art forms row (horizontal mini cards) */
    .art-strip { display:flex; 
	 flex-wrap:wrap; 
	 gap:24px;
	 background:#fef3e9; 
	 border-radius:80px;
	 padding:48px 40px;
	 margin:56px 0; 
	 justify-content:center; 
	 }
	 
    .art-item { 
	 text-align:center; 
	 min-width:130px;
	 }
	 
    .art-item i {
	 font-size:3rem; 
	 color:#ac6f3a;
	 background:#fff; 
	 padding:22px;
	 border-radius:60px; 
	 box-shadow:0 10px 14px #ccb197; 
	 }
	 
    .art-item p { 
	 font-weight:600;
	 margin-top:16px; 
	 }

    .festival-highlight { 
	 background:#c99e78;
	 color:#1f130b;
	 border-radius:64px;
	 padding:56px 44px; 
	 margin:60px 0;
	 background-image:radial-gradient(circle at 0% 30%, #eacfb3, #ca9f79); 
	 }
	 
    .festival-grid {
	 display:flex; 
	 flex-wrap:wrap;
	 gap:36px;
	 align-items:center; 
	 }
	 
    .festival-text { flex:2; }
	
    .festival-text h2 { 
	 font-size:2.8rem; 
	 font-family:'Playfair Display',serif;
	 }
	 
    .fest-card {
	 flex:1; background:#fff4e6;
	 border-radius:36px; 
	 padding:32px;
	 box-shadow:0 14px 22px #805d3e; 
	 }

    .tips-panel {
 	 background:#312a24;
	 color:#f2e0d2;
	 border-radius:80px;
	 padding:40px 32px;
	 margin:60px 0;
	 display:flex; 
	 flex-wrap:wrap; 
	 justify-content:space-around;
	 gap:24px; 
	 }
	 
    .tip-item { 
	 display:flex;
	 align-items:center; 
	 gap:20px;
	 font-size:1.2rem; 
	 }
    .tip-item i {
	 font-size:2.2rem; 
	 color:#f0b27a;
	 min-width:48px; 
	 text-align:center; 
	 }
	 
    .tip-item h4 { 
	 margin:0;
	 font-weight:600; 
	 color:#ffdbbf; 
	 font-size:1.3rem; 
	 }

    .newsletter-mini {
	 background:#e7d8c9;
	 border-radius:60px; 
	 padding:24px 36px; 
	 margin:48px 0; 
	 display:flex;
	 flex-wrap:wrap;
	 align-items:center; 
	 justify-content:space-between; 
	 }
	 
    .newsletter-mini input[type=email] {
	 padding:14px 24px; 
	 border:none; 
	 border-radius:50px; 
	 width:260px;
	 background:#fef7f0;
	 font-size:1rem;
	 margin-top:8px;
	 }

    footer {
	 background:#3a2a1f; 
	 color:#ccc; 
	 padding:60px 0 30px;
	 margin-top:80px; 
	 }
	 
    .footer-grid {
	 display:grid;
	 grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); 
	 gap:40px;
	 }
	 
   
	 
     footer ul { padding:0; }
     footer li { margin:8px 0; }
	 
    .fab { 
	 font-size:1.6rem;
	 margin-right:18px; 
	 color:#f0c9a7;
	 }

    .btn { 
	 display:inline-block; 
	 background:#b57035;
	 color:white;
	 padding:12px 30px;
	 border-radius:40px;
	 text-decoration:none;
	 font-weight:600;
	 border:1px solid #b57035;
	 margin-right:12px; 
	 }
	 
    .btn-outline-dark { 
	 background:transparent; 
	 color:#5a3f2b; border:1px solid #b28b64; 
	 }
    @media (max-width:700px){
	 .feature-img { min-height:260px; }
	 .page-header h1{font-size:2.4rem;}
	 .art-strip { border-radius:40px; 
	 padding:30px 16px;} 
	 }
 
  
  	.logo {
       display: flex;
       align-items: center;
		
     }
	.nav-logo {
	  height:90px;
	  width:auto;
	}