*,::before,::after{margin:0;padding:0;box-sizing:border-box}
:root{--cream:#F1EADA;--ink:#1c1a16;--muted:#8a8278;--warm-white:#f7f3ec;--accent:#c9a96e}
html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}
body{background:var(--cream); font-family: 'gilroy-medium';overflow-x:hidden;}

.common-btn{ color:#D1B985; background:#563434; font-size: 16px; line-height:1; padding: 12px 30px; border-radius: 10px; text-decoration:none; display:inline-block; transition:all .3s ease-in-out; font-family: 'gilroy-medium'; margin: 0 auto;}


/**FONTS**/
@font-face {
    font-family: 'gilroybold';
    src: url('../fonts/gilroy-bold-webfont.eot');
    src: url('../fonts/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-bold-webfont.woff') format('woff'),
         url('../fonts/gilroy-bold-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-bold-webfont.svg#gilroybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/gilroy-light-webfont.eot');
    src: url('../fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-light-webfont.woff') format('woff'),
         url('../fonts/gilroy-light-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-light-webfont.svg#gilroylight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gilroy-regular';
    src: url('../fonts/gilroy-regular-webfont.eot');
    src: url('../fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-regular-webfont.woff') format('woff'),
         url('../fonts/gilroy-regular-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-regular-webfont.svg#gilroy-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-semibold';
    src: url('../fonts/gilroy-semibold-webfont.eot');
    src: url('../fonts/gilroy-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-semibold-webfont.woff') format('woff'),
         url('../fonts/gilroy-semibold-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-semibold-webfont.svg#gilroy-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gilroy-medium';
    src: url('gilroy-medium-webfont.eot');
    src: url('../fonts/gilroy-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-medium-webfont.woff') format('woff'),
         url('../fonts/gilroy-medium-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-medium-webfont.svg#gilroy-mediumuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1{ font-size: 90px; line-height: 1.25;}
h2{ font-size: 32px; line-height: 1.25; font-family: 'gilroybold' !important; margin-bottom: 20px !important;}
p{ font-size: 20px; line-height: 1.5; margin-bottom: 20px !important;  font-family: 'gilroylight' !important;}
p:last-child{ margin-bottom: 0 !important;}
.text-50{ font-size: 50px; line-height: 1.25;}

.themeColor{ color: #563434 !important;}
.themeYellow{ color: #D1B985 !important;}
.common-padding{ padding:80px 0;}

.w-md-60{width: 55% !important;}
.w-md-40{width: 45% !important;}
.w-md-70{width: 70% !important;}
.w-md-30{width: 30% !important;}
.w-md-50{width: 50% !important;}

.w-md-60, .w-md-40, .w-md-70, .w-md-30, .w-md-50{ padding:0 20px !important;}

/**BANNER**/
.banner{position:relative; height: 100vh;   display: flex; align-items: center; justify-content: center; max-height:660px; overflow: hidden; border-radius: 20px; margin: 60px 20px 0;}
.banner-img{position:relative   ; width: 100%; height: 100%; object-fit: cover;}
.banner-img:before{content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.banner-content{ max-width: 660px; text-align: center; margin: 0 auto; position: absolute; top:5vw; right:5vw;  color: #fff; z-index: 2;  font-family: 'gilroy-medium';}
.banner-content h2{ font-family: 'gilroy-medium' !important;}

.highlight-text{ background-color: #D1B985; padding: 10px 20px; border-radius:20px; color: #fff; margin:50px 0 0 !important; font-family: 'gilroy-medium' !important;}

.border-radius-24{ border-radius: 24px; overflow: hidden;}

/**Honouring indigenous techniques. Fostering conscious production.**/
.honouring-section{ background-color: #563434; }


/**Artisanal craftwork. Contemporary connect.**/
.video-link, .video-link .img-box{ border-radius: 24px; overflow: hidden; position: relative;}
.video-link .img-box:before{content: ''; position: absolute; inset: 0; background:url(../image/video-icon.svg) no-repeat center center; background-size: 70px 50px; z-index: 1; background-color: rgba(0, 0, 0, 0.5);}

.link-underline{ color:#B70F1B !important; font-family:'gilroy-semibold'; text-decoration:underline #B70F1B !important;}



/**aadyam-handwoven**/
.aadyam-handwoven{ position: relative; overflow: hidden; border-radius: 24px; margin: 60px 20px 0;}
.aadyam-handwoven-image{ position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.aadyam-handwoven-content{ position: relative; z-index: 2; padding: 60px; max-width: 660px; text-align: left; margin: 0;  color: #fff; z-index: 2;  font-family: 'gilroy-medium'; color: #fff; height : 100%;  display: flex;   align-items: center; flex-wrap: wrap;     align-content: center;}
.aadyam-handwoven-inner{ max-height:600px; height:560px; overflow: hidden;}

.section-img-out{ border-radius: 24px; overflow: hidden;}

.kaarigari-inner{ height: 640px; overflow: hidden;  border-radius: 24px; display: block;}
.kaarigari-in{ max-width: 660px; text-align: center; margin: 0 auto; position: absolute; top:70%; left:50%; transform: translate(-50%, -50%);   color: #fff; z-index: 2;  font-family: 'gilroy-medium';}


.aadyam-handwoven-image img{ object-fit: cover; width: 100%; height: 100%;}
.aadyam-handwoven-image:before{content: ''; position: absolute; inset: 0; background: #0000004D; z-index: 1;}




/* Discernable section — image gallery layout */
.discernable-section{ background-color: #563434; }
.discernable-row {
  display: flex;
  align-items: center;
  gap: 60px;
}

.discernable-row .discernable-in {
  flex: 0 0 38%;
  max-width: 38%;

  color: #fff;
}


.discernable-gallery {
  flex: 1;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 16px;
}

.discernable-gallery .gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

.discernable-gallery .gallery-img-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.discernable-gallery .gallery-img-2 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.discernable-gallery .gallery-img-3 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.discernable-gallery .gallery-img-4 {
  grid-column: 1 / 3;
  grid-row: 3 / 4;
}

/* Responsive: stack on smaller screens */
@media (max-width: 991px) {
  .discernable-row {
      flex-direction: column;
      gap: 32px;
  }

  .discernable-row .discernable-in {flex: 1 1 100%; max-width: 100%;}

  .discernable-gallery .gallery-img-1,
  .discernable-gallery .gallery-img-2,
  .discernable-gallery .gallery-img-3 {height: 220px;}

  .discernable-gallery .gallery-img-4 {height: 160px;}
}

@media (max-width: 767px) {
  .discernable-gallery {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 12px;
  }

  .discernable-gallery .gallery-img-1,
  .discernable-gallery .gallery-img-2,
  .discernable-gallery .gallery-img-3,
  .discernable-gallery .gallery-img-4 {
      grid-column: auto;
      grid-row: auto;
      aspect-ratio: 1 / 1;
      height: auto;
  }
}



@media all and (max-width:1440px){
  p {font-size: 16px;}
  .container{max-width: 990px !important;}
  /* .banner{ max-height:35vw !important;} */

  .common-padding { padding: 50px 0;}
  .banner{ max-height: 35vw !important; margin:0px 20px 0 !important;}
  h2 {font-size: 2vw;}
}

@media all and (max-width:1366px){
}

@media all and (max-width:1280px){
  .aadyam-handwoven-inner,.kaarigari-inner {
    max-height: 30vw;
    height: 560px;
    overflow: hidden;
}
}

@media all and  (max-width: 1024px){
  .banner{ flex-wrap: wrap !important;  max-height: 60vw !important;}
  .banner-img{ height: 100% !important; }
  .banner-img img{ object-fit: cover !important; max-width: inherit !important;  width: inherit !important; height: 100% !important; transform: scale(1.125) !important; }
  .banner-content{ height: auto !important;
    width: 90%;
    transform: translate(-50%, -50%) !important;
    left: 50%;
    top: 50%;
    max-width: 480px;}

  p {font-size: 16px;}

  h1{ font-size:36px; line-height: 1.25;}
  h2 {font-size:28px !important;}
}

@media (max-width: 991px){
  p {font-size: 16px;}

  h1{ font-size:36px; line-height: 1.25;}
  h2 {font-size:28px !important;}

  .aadyam-handwoven-inner, .kaarigari-inner {
    max-height: 50vw;
    height: 560px;}
}


@media (max-width: 768px){

}

@media all and (max-width:767px){
  .container{ padding:0 20px !important;}
  /**BANNER**/
  .banner{ flex-wrap: wrap !important;  max-height: 150vw !important;}
  .banner-img{ height: 100% !important; }
  .banner-img img{ object-fit: cover !important; max-width: inherit !important;  width: inherit !important; height: 100% !important; transform: scale(1.125) !important;   object-position: 20% center;;}
  .banner-content{ max-width: 100% !important;  height: auto !important; width: 90%; transform: translate(-50%, -50%) !important;}

  .common-padding{ padding:40px 0 !important;}

  .w-md-60, .w-md-40, .w-md-70,.w-md-30,.w-md-50{width:calc(100% + 40px) !important; padding: 0 !important;}
  .d-flex{ flex-wrap: wrap !important;}

  .left-right-content{ padding: 0px !important; margin-bottom: 20px !important;}

  .aadyam-handwoven-inner, .kaarigari-inner {
    max-height: 560px;
    height: 560px;}

    .aadyam-handwoven-content{ padding: 20px !important;}
    .w-md-60, .w-md-40, .w-md-70, .w-md-30, .w-md-50{ padding:0 20px !important;}
    .d-flex{ margin: 0 -20px !important;}
    .aadyam-handwoven{  margin: 40px 0px 0;}

    .kaarigari-in{ width: 96% !important;}

    .intro-lt{ margin-bottom: 20px !important;}

}

@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.25),screen and (min-width:1024px) and (min-resolution:120dpi) {
  .common-padding { padding: 50px 0;}
}


@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1024px) and (min-resolution:144dpi) {
  p {font-size: 16px;}
  .container{max-width: 990px !important;}
  /* .banner{ max-height:35vw !important;} */
  h1{ font-size:50px; line-height: 1.25;}
  h2 {font-size:2vw !important;}


  .common-padding { padding: 50px 0;}
  .banner{ max-height: 35vw !important; margin:0px 20px 0 !important;}
  .banner-content {max-width: 30vw;}

  .aadyam-handwoven-inner {
    max-height: 30vw;
    height: 560px;
    overflow: hidden;
}

}