.elementor-190 .elementor-element.elementor-element-04c1daa{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-190 .elementor-element.elementor-element-b48ebc1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-04c1daa */.g2c-wrapper {
      font-family: 'Montserrat', sans-serif;
      color: #1a1a1a;
      line-height: 1.6;
      width: 100%;
      overflow-x: hidden;
      background-color: #fff;
      box-sizing: border-box;
    }

    .g2c-wrapper *, .g2c-wrapper *::before, .g2c-wrapper *::after {
      box-sizing: inherit;
    }

    /* Typography */
    .g2c-title-main {
      font-family: 'King Caslon', 'Playfair Display', serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .g2c-title-sub {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.9rem;
    }

    .g2c-wrapper strong {
      font-weight: 700;
      color: #000;
    }

    /* Header (Reused & Adapted) */
    .g2c-header {
      width: 100%;
      padding: 20px 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #fff; /* White background for this page style */
      border-bottom: 1px solid #eee;
      position: relative;
      z-index: 100;
    }

    .g2c-logo img {
      height: 60px;
      /* No invert here, keep original logo colors if dark, or invert if white.
         Assuming original logo is dark. If it's white, we need to handle that.
         Homepage had white text on video, so logo was inverted to white.
         Here bg is white, so we want dark logo. */
      filter: none;
      position: relative;
      z-index: 102;
    }

    .g2c-nav ul {
      display: flex;
      list-style: none;
      gap: 30px;
      padding: 0;
      margin: 0;
    }

    .g2c-nav a {
      color: #000 !important; /* Black text for white header */
      text-decoration: none;
      text-transform: uppercase;
      font-size: 0.85rem;
      letter-spacing: 1px;
      font-weight: 500;
    }

    /* Hamburger Menu (Reused) */
    .g2c-hamburger {
      display: none;
      flex-direction: column;
      justify-content: space-between;
      width: 30px;
      height: 20px;
      background: transparent;
      border: none;
      cursor: pointer;
      z-index: 102;
      padding: 0;
    }

    .g2c-hamburger span {
      width: 100%;
      height: 2px;
      background: #000; /* Black for white header */
      transition: all 0.3s ease-in-out;
      transform-origin: left;
    }

    .g2c-hamburger.active span { background: #fff; } /* White when overlay is active */
    .g2c-hamburger.active span:first-child { transform: rotate(45deg); }
    .g2c-hamburger.active span:nth-child(2) { opacity: 0; width: 0; }
    .g2c-hamburger.active span:last-child { transform: rotate(-45deg); }

    /* Marquee / Ticker (Top) */
    .g2c-ticker {
      background: #000;
      color: #fff;
      padding: 10px 0;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .g2c-ticker-content {
      display: inline-block;
      animation: g2c-scroll 20s linear infinite;
    }

    @keyframes g2c-scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Concept / Story Content */
    .g2c-concept-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 80px 40px;
    }

    .g2c-concept-header {
      text-align: center;
      margin-bottom: 100px;
    }

    .g2c-concept-title {
      font-size: 4rem;
      margin-bottom: 20px;
      line-height: 1;
    }

    .g2c-concept-intro {
      font-size: 1.2rem;
      max-width: 700px;
      margin: 0 auto;
      color: #555;
    }

    /* Sections (Alternating) */
    .g2c-concept-section {
      display: flex;
      align-items: center;
      gap: 60px;
      margin-bottom: 120px;
    }

    .g2c-concept-section.reverse {
      flex-direction: row-reverse;
    }

    .g2c-concept-img {
      flex: 1;
      height: 600px; /* Taut layout */
      background-color: #f4f4f4; /* Placeholder bg */
      overflow: hidden;
    }

    .g2c-concept-img img, .g2c-concept-img video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.8s ease;
    }

    .g2c-concept-img:hover img, .g2c-concept-img:hover video {
      transform: scale(1.05);
    }

    .g2c-concept-text {
      flex: 1;
      padding: 0 20px;
    }

    .g2c-concept-subtitle {
      font-size: 2.5rem;
      margin-bottom: 30px;
      line-height: 1.2;
    }

    .g2c-concept-p {
      font-size: 1.1rem;
      margin-bottom: 20px;
      text-align: justify;
      color: #444;
    }

    /* Full Width Video Section */
    .g2c-concept-video-full {
      width: 100%;
      height: 70vh;
      background-color: #000;
      margin-bottom: 120px;
      position: relative;
      overflow: hidden;
    }

    .g2c-concept-video-full video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.8;
    }

    .g2c-video-caption {
      position: absolute;
      bottom: 40px;
      left: 40px;
      color: #fff;
      font-size: 1.5rem;
      font-family: 'King Caslon', 'Playfair Display', serif;
      font-style: italic;
    }

    /* Footer (Reused) */
    .g2c-footer {
      background: #111;
      color: #fff;
      padding: 60px 40px;
      text-align: center;
    }

    .g2c-footer-social {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 30px;
    }

    .g2c-social-link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 50%;
      color: #fff;
      transition: all 0.3s ease;
    }

    .g2c-social-link:hover {
      background: #fff;
      color: #000;
      border-color: #fff;
      transform: translateY(-3px);
    }

    .g2c-social-link:hover svg {
      fill: #000;
    }

    .g2c-social-link svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
      transition: fill 0.3s ease;
    }

    .g2c-footer-links {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }

    .g2c-footer a {
      color: #999;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 0.8rem;
      letter-spacing: 1px;
      transition: color 0.3s;
    }

    .g2c-footer a:hover {
      color: #fff;
    }

    /* Responsive */
    @media (max-width: 900px) {
      .g2c-concept-section, .g2c-concept-section.reverse {
        flex-direction: column;
        gap: 30px;
      }
      .g2c-concept-img {
        width: 100%;
        height: 400px;
      }
      .g2c-concept-text {
        padding: 0;
      }
      .g2c-concept-title { font-size: 3rem; }
      .g2c-concept-subtitle { font-size: 2rem; }
    }

    @media (max-width: 768px) {
      .g2c-header { padding: 20px; }
      .g2c-hamburger { display: flex; }

      .g2c-nav {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100vh;
        background: rgba(0,0,0,0.95);
        backdrop-filter: blur(10px);
        display: flex; flex-direction: column;
        justify-content: center; align-items: center;
        opacity: 0; pointer-events: none;
        transition: opacity 0.4s ease;
        z-index: 101;
      }
      .g2c-nav.active { opacity: 1; pointer-events: all; }
      .g2c-nav ul { flex-direction: column; gap: 40px; text-align: center; }
      .g2c-nav a { font-size: 1.5rem; color: #fff !important; /* White in overlay */ font-family: 'King Caslon', 'Playfair Display', serif; font-style: italic; }
    }/* End custom CSS */