* { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #111111; line-height: 1.6; -webkit-font-smoothing: antialiased; }  h1, h2, .logo, .partner-logo { font-family: 'Cormorant Garamond', serif; font-weight: 400; letter-spacing: 0.5px; }  .navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f0f0f0; z-index: 1000; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 20px; } .logo { font-size: 24px; font-weight: 600; text-decoration: none; color: #111111; letter-spacing: 2px; } .nav-links { display: flex; list-style: none; } .nav-links li { margin-left: 35px; } .nav-links a { text-decoration: none; color: #666666; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; transition: color 0.3s ease; } .nav-links a:hover { color: #111111; }  .menu-toggle { display: none; cursor: pointer; } .menu-toggle .bar { display: block; width: 22px; height: 1px; background-color: #111111; margin: 5px auto; transition: all 0.3s ease; }   .hero-section { height: 100vh; position: relative;  display: flex; align-items: center; padding: 0 10%; margin-top: 0;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  }  .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 1; } .hero-content { max-width: 600px; position: relative; z-index: 2;  }  .hero-content h1 { font-size: 56px; line-height: 1.1; margin-bottom: 25px; color: #111111;  }  @media (max-width: 768px) { .hero-section { padding: 0 6%;  background-position: center center; } .hero-content h1 { font-size: 38px;  } } .hero-content .subtitle { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #888888; display: block; margin-bottom: 15px; } .hero-content h1 { font-size: 56px; line-height: 1.1; margin-bottom: 25px; color: #111111; } .hero-content p { font-size: 15px; color: #555555; margin-bottom: 35px; font-weight: 300; } .btn { display: inline-block; padding: 15px 40px; border: 1px solid #111111; color: #111111; text-decoration: none; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; transition: all 0.3s ease; } .btn:hover { background-color: #111111; color: #ffffff; }  .section-title-wrap { text-align: center; margin-bottom: 60px; } .section-title-wrap h2 { font-size: 36px; margin-bottom: 10px; } .section-title-wrap p { font-size: 14px; color: #888888; font-weight: 300; }  .categories-section { padding: 120px 20px; max-width: 1200px; margin: 0 auto; } .category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .category-card { cursor: pointer; } .category-img { width: 100%; aspect-ratio: 3 / 4;  margin-bottom: 15px; transition: opacity 0.4s ease; background-position: center center;  background-repeat: no-repeat;  } .category-card:hover .category-img { opacity: 0.85; } .category-card h3 { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; color: #222222; }  .partners-section { padding: 80px 20px; background-color: #fafafa; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .partners-logos { display: flex; justify-content: space-around; align-items: center; max-width: 1000px; margin: 0 auto; flex-wrap: wrap; gap: 30px; } .partner-logo { font-size: 20px; color: #999999; letter-spacing: 3px; font-weight: 500; }  .about-section { padding: 120px 20px; max-width: 1200px; margin: 0 auto; } .about-container { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .about-text h2 { font-size: 40px; margin-bottom: 25px; } .about-text .lead { font-size: 18px; color: #333333; margin-bottom: 20px; font-family: 'Cormorant Garamond', serif; font-style: italic; } .about-text p { font-size: 14px; color: #666666; font-weight: 300; } .about-visual .visual-placeholder { width: 100%; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; color: #bbbbbb; font-family: 'Cormorant Garamond', serif; font-size: 24px; letter-spacing: 2px; }  .footer { text-align: center; padding: 40px 20px; border-top: 1px solid #f0f0f0; font-size: 12px; color: #999999; letter-spacing: 0.5px; }  @media (max-width: 968px) { .category-grid { grid-template-columns: repeat(2, 1fr);  gap: 20px; } .about-container { grid-template-columns: 1fr;  gap: 40px; } .hero-content h1 { font-size: 40px; } } @media (max-width: 768px) {  .nav-links { position: fixed; top: 65px; left: -100%; flex-direction: column; background-color: #ffffff; width: 100%; height: calc(100vh - 65px); text-align: center; transition: 0.3s ease; padding-top: 50px; box-shadow: 0 10px 15px rgba(0,0,0,0.02); } .nav-links li { margin: 25px 0; } .nav-links.active { left: 0; } .menu-toggle { display: block; }  .menu-toggle.is-active .bar:nth-child(2) { opacity: 0; } .menu-toggle.is-active .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); } .menu-toggle.is-active .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .hero-section { padding: 0 5%; } } .t-f{color:#fff!important} .t-1{text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000, 0 0 0.2em #000;} .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a { text-decoration: none; color: #000000; } .soc img { display: block; height: 36px; border-radius: 50%;padding: 0 10px;} .tt{background:#000;color:#fff;} .tt:hover{background:#2e2e2e}