.elementor-90 .elementor-element.elementor-element-0fe6d0f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9ea377b *//* =========================================
   PRODUCTION HERO V2 — LARGER SCALE
   Paste after the existing hero CSS
========================================= */

/* Larger One Piece First panel */
#km-production-hero-v2 .kmph-message {
  width: min(42vw, 630px) !important;
  margin-top: 38px !important;
  margin-bottom: 100px !important;
  padding: 38px 55px !important;
}

#km-production-hero-v2 .kmph-message p {
  font-size: clamp(36px, 2.9vw, 42px) !important;
  line-height: 1 !important;
}

/* Larger introduction copy */
#km-production-hero-v2 .kmph-copy {
  width: min(76vw, 1140px) !important;
  max-width: 1140px !important;
  margin-bottom: 92px !important;

  font-size: clamp(35px, 2.7vw, 40px) !important;
  line-height: 1.05 !important;
}

/* Larger main photograph */
#km-production-hero-v2 .kmph-photo-wrap {
  width: min(84vw, 1260px) !important;
  max-width: 1260px !important;
}

/* Larger bottom button */
#km-production-hero-v2 .kmph-project-link {
  width: min(620px, 100%) !important;
  min-height: 140px !important;
  gap: 48px !important;
  margin-top: 95px !important;

  font-size: 32px !important;
}

#km-production-hero-v2 .kmph-cutter-holder {
  width: 230px !important;
  height: 125px !important;
  flex-basis: 230px !important;
}

#km-production-hero-v2 .kmph-thread-cutter {
  width: 190px !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
  #km-production-hero-v2 .kmph-header {
    height: 74px !important;
  }

  #km-production-hero-v2 .kmph-home-button img {
    width: 52px !important;
    height: 52px !important;
  }

  #km-production-hero-v2 .kmph-nav a {
    font-size: 14px !important;
  }

  #km-production-hero-v2 .kmph-showcase {
    min-height: 590px !important;
    grid-template-columns: 43% 57% !important;
  }

  #km-production-hero-v2 .kmph-collage {
    width: min(38vw, 360px) !important;
  }

  #km-production-hero-v2 .kmph-main-logo {
    width: min(48vw, 480px) !important;
  }

  #km-production-hero-v2 .kmph-message {
    width: min(62vw, 520px) !important;
    margin-bottom: 80px !important;
  }

  #km-production-hero-v2 .kmph-message p {
    font-size: 34px !important;
    line-height: 34px !important;
  }

  #km-production-hero-v2 .kmph-copy {
    width: 86% !important;

    font-size: 32px !important;
    line-height: 34px !important;
  }

  #km-production-hero-v2 .kmph-photo-wrap {
    width: 92% !important;
  }

  #km-production-hero-v2 .kmph-project-link {
    font-size: 27px !important;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {
  #km-production-hero-v2 .kmph-header {
    height: 64px !important;
  }

  #km-production-hero-v2 .kmph-home-button img {
    width: 42px !important;
    height: 42px !important;
  }

  #km-production-hero-v2 .kmph-nav a {
    font-size: 10px !important;
  }

  #km-production-hero-v2 .kmph-inner {
    padding: 42px 12px 70px !important;
  }

  #km-production-hero-v2 .kmph-showcase {
    min-height: 410px !important;
    grid-template-columns: 44% 56% !important;
  }

  #km-production-hero-v2 .kmph-collage {
    width: min(43vw, 210px) !important;
  }

  #km-production-hero-v2 .kmph-main-logo {
    width: min(58vw, 280px) !important;
  }

  #km-production-hero-v2 .kmph-message {
    width: min(88vw, 400px) !important;
    margin: 38px auto 68px !important;
    padding: 25px 32px !important;
  }

  #km-production-hero-v2 .kmph-message p {
    font-size: 27px !important;
    line-height: 27px !important;
  }

  #km-production-hero-v2 .kmph-copy {
    width: 94% !important;
    margin-bottom: 60px !important;

    font-size: 24px !important;
    line-height: 26px !important;
  }

  /* Edge-to-edge photograph on mobile */
  #km-production-hero-v2 .kmph-photo-wrap {
    position: relative !important;
    left: 50% !important;

    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;

    transform: translateX(-50%) !important;
  }

  #km-production-hero-v2 .kmph-project-link {
    min-height: 95px !important;
    gap: 18px !important;
    margin-top: 65px !important;

    font-size: 19px !important;
  }

  #km-production-hero-v2 .kmph-cutter-holder {
    width: 125px !important;
    height: 82px !important;
    flex-basis: 125px !important;
  }

  #km-production-hero-v2 .kmph-thread-cutter {
    width: 105px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99c8e88 *//* =========================================
   REMOVE SIDE TAPES — PRODUCTION PAGE
========================================= */

body.page-id-90::before,
body.page-id-90::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  background: none !important;
}

/* Remove any older ruler elements */
#km-process-section .km-process-ruler,
#km-process-section .km-process-ruler-left,
#km-process-section .km-process-ruler-right {
  display: none !important;
}

/* Ensure the whole section can use the viewport */
#km-process-section {
  width: 100vw !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}

/* Keep normal content centred */
#km-process-section .km-process-inner {
  width: min(100%, 1504px) !important;
  max-width: 1504px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* New stitched image — completely edge to edge */
#km-process-section .km-process-paper {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;
  aspect-ratio: 1600 / 495 !important;

  margin-right: 0 !important;
  margin-left: calc(50% - 50vw) !important;

  padding: 0 !important;
  overflow: hidden !important;
}

/* Stretch the supplied image across the viewport */
#km-process-section .km-process-paper-image {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;

  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: fill !important;
  object-position: center !important;
}

/* Keep the writing over the image */
#km-process-section .km-process-text {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  left: 50% !important;

  width: min(41%, 650px) !important;

  transform: translate(-50%, -50%) !important;
}

/* Mobile */
@media (max-width: 767px) {
  #km-process-section .km-process-paper {
    width: 100vw !important;
    min-height: 480px !important;
    aspect-ratio: auto !important;
  }

  #km-process-section .km-process-paper-image {
    width: 100vw !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #km-process-section .km-process-text {
    width: 68% !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e7cf18 *//* =========================================
   PROJECT CTA — FIGMA LAYOUT CORRECTION
========================================= */

#km-project-section {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;
  min-height: clamp(900px, 80vw, 1180px) !important;

  margin-right: 0 !important;
  margin-left: calc(50% - 50vw) !important;

  padding: 0 !important;
  overflow: hidden !important;

  background: transparent !important;
}

/* Remove only the duplicate local rulers */
#km-project-section .km-project-ruler,
#km-project-section .km-project-ruler-left,
#km-project-section .km-project-ruler-right {
  display: none !important;
}

/* Main Figma content width */
#km-project-section .km-project-inner {
  position: relative !important;

  width: min(62vw, 930px) !important;
  max-width: none !important;

  margin-right: auto !important;
  margin-left: auto !important;
  padding: 70px 0 80px !important;
}

/* =========================================
   SCISSORS PAPER AREA
========================================= */

#km-project-section .km-project-top {
  position: relative !important;

  width: 100% !important;
  min-height: clamp(360px, 28.7vw, 430px) !important;

  background-color: transparent !important;
  background-image: url("https://kanhamitraa.com/wp-content/uploads/2026/09/sciser-section-bg-Untitled-design.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
}

/* Hide old paper image */
#km-project-section .km-pleated-paper {
  display: none !important;
}

/* Scissors position */
#km-project-section .km-scissors,
#km-project-section .km-scissors.km-reveal,
#km-project-section.km-visible .km-scissors.km-reveal {
  position: absolute !important;
  z-index: 3 !important;

  top: -95px !important;
  right: 5% !important;

  display: block !important;
  width: 150px !important;
  max-width: none !important;
  height: auto !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: translateY(0) rotate(-90deg) scale(1) !important;
  transition: none !important;
}

/* =========================================
   HEADING AND DESCRIPTION
========================================= */

#km-project-section .km-project-copy {
  position: relative !important;
  z-index: 4 !important;

  width: 78% !important;
  padding-top: clamp(110px, 9.3vw, 140px) !important;
}

#km-project-section .km-project-heading {
  margin: 0 0 28px !important;

  font-family: "Tox Typewriter", "Courier New", monospace !important;
  font-size: clamp(38px, 2.793vw, 42px) !important;
  font-weight: 400 !important;
  line-height: clamp(36px, 2.527vw, 38px) !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;
}

#km-project-section .km-project-description {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;

  font-family: "Darker Grotesque", Arial, sans-serif !important;
  font-size: clamp(33px, 1.596vw, 24px) !important;
  font-weight: 400 !important;
  line-height: clamp(23px, 2.729vw, 26px) !important;
}

/* =========================================
   START-A-PROJECT IMAGE BUTTON
========================================= */

#km-project-section .km-project-button {
  position: relative !important;

  display: block !important;
  width: min(31.5vw, 450px) !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 958 / 675 !important;

  margin:
    clamp(170px, 18.5vw, 280px)
    auto
    0 !important;

  padding: 0 !important;
  border: 0 !important;

  background-color: transparent !important;
  background-image: url("https://kanhamitraa.com/wp-content/uploads/2026/09/start-a-project.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
  transition: none !important;
}

/* Remove old generated button borders */
#km-project-section .km-project-button::before,
#km-project-section .km-project-button::after {
  content: none !important;
  display: none !important;
}

/* Complete button image already contains these */
#km-project-section .km-metal-button,
#km-project-section .km-project-button-text {
  display: none !important;
}

/* Disable hover movement */
#km-project-section .km-project-button:hover {
  transform: none !important;
}

/* Disable old reveal animations */
#km-project-section .km-reveal,
#km-project-section.km-visible .km-reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Reapply scissors rotation after disabling reveals */
#km-project-section .km-scissors,
#km-project-section .km-scissors.km-reveal,
#km-project-section.km-visible .km-scissors.km-reveal {
  transform: translateY(0) rotate(-90deg) scale(1) !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
  #km-project-section {
    min-height: 900px !important;
  }

  #km-project-section .km-project-inner {
    width: min(76vw, 760px) !important;
    padding-top: 60px !important;
  }

  #km-project-section .km-project-top {
    min-height: 350px !important;
  }

  #km-project-section .km-project-copy {
    width: 80% !important;
    padding-top: 105px !important;
  }

  #km-project-section .km-scissors {
    top: -80px !important;
    right: 2% !important;
    width: 135px !important;
  }

  #km-project-section .km-project-button {
    width: min(390px, 52vw) !important;
    margin-top: 170px !important;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  #km-project-section {
    min-height: auto !important;
  }

  #km-project-section .km-project-inner {
    width: calc(100% - 40px) !important;
    padding: 45px 0 65px !important;
  }

  #km-project-section .km-project-top {
    min-height: 360px !important;
    background-size: 100% 100% !important;
  }

  #km-project-section .km-project-copy {
    width: 80% !important;
    padding-top: 85px !important;
  }

  #km-project-section .km-project-heading {
    margin-bottom: 20px !important;

    font-size: 28px !important;
    line-height: 29px !important;
  }

  #km-project-section .km-project-description {
    font-size: 18px !important;
    line-height: 20px !important;
  }

  #km-project-section .km-scissors,
  #km-project-section .km-scissors.km-reveal,
  #km-project-section.km-visible .km-scissors.km-reveal {
    top: -45px !important;
    right: -3% !important;

    width: 105px !important;

    transform: translateY(0) rotate(-90deg) scale(1) !important;
  }

  #km-project-section .km-project-button {
    width: min(310px, 86%) !important;
    margin-top: 95px !important;
  }
}/* End custom CSS */