.elementor-396 .elementor-element.elementor-element-bmfvxvw:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-bmfvxvw > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #40916C 100%);}.elementor-396 .elementor-element.elementor-element-bmfvxvw, .elementor-396 .elementor-element.elementor-element-bmfvxvw > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-bmfvxvw{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-bmfvxvw > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-e50c8ff > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-suo2d7q > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-396 .elementor-element.elementor-element-suo2d7q > .elementor-element-populated, .elementor-396 .elementor-element.elementor-element-suo2d7q > .elementor-element-populated > .elementor-background-overlay, .elementor-396 .elementor-element.elementor-element-suo2d7q > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-suo2d7q > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-56981e5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-56981e5.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-c355276{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-396 .elementor-element.elementor-element-c355276.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-d4d4608{width:100%;max-width:100%;text-align:center;}.elementor-396 .elementor-element.elementor-element-d4d4608 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-d4d4608.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-396 .elementor-element.elementor-element-d4d4608 img{width:100%;max-width:100%;height:480px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-b713474{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:80px;}.elementor-396 .elementor-element.elementor-element-e7c3fcf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-e7c3fcf.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-f45c8f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-72b9ca2:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-72b9ca2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A3A2A;}.elementor-396 .elementor-element.elementor-element-72b9ca2 > .elementor-container{max-width:1300px;}.elementor-396 .elementor-element.elementor-element-72b9ca2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-72b9ca2, .elementor-396 .elementor-element.elementor-element-72b9ca2 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-72b9ca2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-396 .elementor-element.elementor-element-a1c5d7d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #14532D 0%, #052E16 100%);}.elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-element-populated, .elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-element-populated > .elementor-background-overlay, .elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-a1c5d7d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-396 .elementor-element.elementor-element-ebbd2e5{--display:flex;--min-height:20vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--border-radius:0px 0px 0px 0px;--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-396 .elementor-element.elementor-element-ebbd2e5:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-ebbd2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A3A2A;}.elementor-396 .elementor-element.elementor-element-ebbd2e5.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-3965446{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-fffac4f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-fcf2d7e{--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-396 .elementor-element.elementor-element-72576cb:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-72576cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1A3A2A 0%, #2D6A4F 100%);}.elementor-396 .elementor-element.elementor-element-72576cb, .elementor-396 .elementor-element.elementor-element-72576cb > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-72576cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-72576cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-396 .elementor-element.elementor-element-a51f242:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-396 .elementor-element.elementor-element-a51f242 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D6A4F;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-a51f242.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-a51f242.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-a51f242.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-a51f242 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-a51f242 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-396 .elementor-element.elementor-element-1f93d80:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D6A4F;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-element-populated, .elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-element-populated > .elementor-background-overlay, .elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-396 .elementor-element.elementor-element-ce40f78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-396 .elementor-element.elementor-element-bmfvxvw{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-e50c8ff.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-suo2d7q.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-c355276{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-396 .elementor-element.elementor-element-d4d4608 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-d4d4608 img{width:100%;max-width:100%;height:441px;object-fit:cover;object-position:center center;}.elementor-396 .elementor-element.elementor-element-b713474{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-396 .elementor-element.elementor-element-ebbd2e5{--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-bc-flex-widget .elementor-396 .elementor-element.elementor-element-a51f242.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-a51f242.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-a51f242.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-a51f242 > .elementor-element-populated{margin:-214px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-396 .elementor-element.elementor-element-1f93d80.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-396 .elementor-element.elementor-element-1f93d80 > .elementor-element-populated{margin:-214px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-396 .elementor-element.elementor-element-bmfvxvw{padding:30px 0px 30px 0px;}.elementor-396 .elementor-element.elementor-element-56981e5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-396 .elementor-element.elementor-element-56981e5.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-d4d4608 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-d4d4608 img{height:387px;}.elementor-396 .elementor-element.elementor-element-b713474{--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-396 .elementor-element.elementor-element-e7c3fcf{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-396 .elementor-element.elementor-element-e7c3fcf.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-396 .elementor-element.elementor-element-72b9ca2:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-72b9ca2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.artisanthai.com/wp-content/uploads/2024/09/tea-plantation-beautiful-landscape-famous-2024-05-27-18-19-42-utc-scaled.jpg");}.elementor-396 .elementor-element.elementor-element-72b9ca2{padding:30px 0px 30px 0px;}.elementor-396 .elementor-element.elementor-element-ebbd2e5:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-ebbd2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.artisanthai.com/wp-content/uploads/2024/09/tea-plantation-beautiful-landscape-famous-2024-05-27-18-19-42-utc-scaled.jpg");}.elementor-396 .elementor-element.elementor-element-ebbd2e5{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-72576cb{padding:30px 0px 30px 0px;}}@media(min-width:768px){.elementor-396 .elementor-element.elementor-element-e50c8ff{width:32%;}.elementor-396 .elementor-element.elementor-element-suo2d7q{width:68%;}.elementor-396 .elementor-element.elementor-element-c355276{--width:40%;}.elementor-396 .elementor-element.elementor-element-b713474{--width:58%;}.elementor-396 .elementor-element.elementor-element-e7c3fcf{--content-width:1550px;}.elementor-396 .elementor-element.elementor-element-a1c5d7d{width:100%;}.elementor-396 .elementor-element.elementor-element-a51f242{width:45%;}.elementor-396 .elementor-element.elementor-element-1f93d80{width:55%;}.elementor-396 .elementor-element.elementor-element-ce40f78{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-396 .elementor-element.elementor-element-a51f242{width:50%;}.elementor-396 .elementor-element.elementor-element-1f93d80{width:50%;}}/* Start custom CSS for html, class: .elementor-element-aad67b7 *//* ==================== LUXURY HERO ==================== */
#artisan-hero {
  --at-bg-1: #0a4636;
  --at-bg-2: #128b63;
  --at-bg-3: #0a2f26;
  --at-text: #f8fffc;
  --at-muted: #d9f3ea;
  --at-gold: #facc15;
  --at-accent: #4ade80;
  --at-line: rgba(148, 227, 185, 0.25);
  --at-shadow: 0 32px 80px rgba(0,0,0,0.35);
  --at-glow: 0 0 24px rgba(74, 222, 128, 0.3);
  max-width: 1200px;
  margin: 56px auto;
  padding: 0 20px;
  position: relative;
}

#artisan-hero::before {
  content: "";
  position: absolute;
  inset: -8% -6%;
  background: 
    radial-gradient(circle at 25% 25%, rgba(74,222,128,0.08) 0%, transparent 60%),
    radial-gradient(circle at 75% 75%, rgba(251,191,36,0.06) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

#artisan-hero .at-shell {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

#artisan-hero .at-card {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 40px 36px 36px;
  color: var(--at-text);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.12), transparent 55%),
    linear-gradient(145deg, var(--at-bg-1) 0%, var(--at-bg-2) 50%, var(--at-bg-3) 100%);
  border: 1px solid var(--at-line);
  box-shadow: 
    var(--at-shadow),
    inset 0 1px 0 rgba(255,255,255,0.12);
  transition: all 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
  backdrop-filter: blur(20px);
}

#artisan-hero .at-card:hover {
  transform: translateY(-8px);
  box-shadow: 
    0 48px 100px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.18),
    var(--at-glow);
}

#artisan-hero .at-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, 1fr);
  gap: 36px;
  align-items: center;
}

#artisan-hero .at-copy h2 {
  margin: 0 0 18px;
  font-family: "Open Sans", -apple-system, Arial, sans-serif;
  font-size: clamp(32px, 4.5vw, 46px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #ffffff 0%, #e5f9f0 60%, var(--at-gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

#artisan-hero .at-copy p {
  margin: 0 0 24px;
  font-size: clamp(16px, 2.2vw, 18px);
  line-height: 1.8;
  color: var(--at-muted);
  max-width: 760px;
  font-weight: 400;
}

#artisan-hero .at-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 24px 0 0;
}

#artisan-hero .at-keyword {
  display: inline-flex;
  align-items: center;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,0.18), rgba(74,222,128,0.12));
  border: 1px solid rgba(255,255,255,0.22);
  color: #f3fffa;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.015em;
  backdrop-filter: blur(16px);
  box-shadow: 
    0 12px 32px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.25);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#artisan-hero .at-keyword:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, rgba(255,255,255,0.25), rgba(74,222,128,0.18));
  box-shadow: 
    0 20px 44px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.35);
}

#artisan-hero .at-side {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: stretch;
}

#artisan-hero .at-pill {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 26px 28px;
  border-radius: 28px;
  background: 
    linear-gradient(145deg, var(--at-pill), rgba(6,46,39,0.88)),
    radial-gradient(circle at top right, rgba(74,222,128,0.20), transparent 60%);
  border: 1px solid rgba(148,227,185,0.45);
  box-shadow: 
    0 24px 60px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
  transition: all 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
  backdrop-filter: blur(24px);
}

#artisan-hero .at-pill:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 36px 80px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.20),
    0 0 28px rgba(74,222,128,0.4);
}

#artisan-hero .at-pill-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(74,222,128,0.25), rgba(190,242,100,0.20));
  color: #10b981;
  font-size: 24px;
  font-weight: 800;
  box-shadow: 
    0 10px 28px rgba(74,222,128,0.35),
    inset 0 1px 0 rgba(255,255,255,0.4);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#artisan-hero .at-pill:hover .at-pill-icon {
  transform: scale(1.1);
}

#artisan-hero .at-pill-title {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.35;
  color: #f3fffa;
  font-weight: 700;
  letter-spacing: -0.015em;
}

#artisan-hero .at-pill-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #c8eadb;
  font-weight: 400;
}

#artisan-hero .at-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  margin: 32px auto 0;
  padding: 24px;
  border-radius: 32px;
  background: 
    linear-gradient(145deg, rgba(5,46,22,0.96), rgba(10,71,54,0.94)),
    radial-gradient(circle at center, rgba(74,222,128,0.12), transparent 70%);
  border: 1px solid rgba(148,227,185,0.45);
  box-shadow: 
    0 28px 72px rgba(0,0,0,0.40),
    inset 0 1px 0 rgba(255,255,255,0.15);
  backdrop-filter: blur(28px);
}

#artisan-hero .at-strip-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 16px 24px;
  border-radius: 999px;
  color: #e5f9f0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  background: linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.20);
  backdrop-filter: blur(20px);
  box-shadow: 
    0 8px 24px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.25);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#artisan-hero .at-strip-item:hover {
  transform: translateY(-4px);
  background: linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.10));
  box-shadow: 
    0 16px 40px rgba(0,0,0,0.40),
    inset 0 1px 0 rgba(255,255,255,0.35);
}

#artisan-hero .at-strip-item strong {
  font-weight: 700;
  color: var(--at-gold);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 900px) {
  #artisan-hero .at-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  #artisan-hero .at-side {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  #artisan-hero .at-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 22px;
  }
}

@media (max-width: 640px) {
  #artisan-hero {
    padding: 0 16px;
    margin: 40px auto;
  }

  #artisan-hero .at-card {
    padding: 32px 28px 28px;
    border-radius: 28px;
  }

  #artisan-hero .at-side {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #artisan-hero .at-strip {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bmfvxvw */.elementor-396 .elementor-element.elementor-element-bmfvxvw {
  background-image: none !important;
  background: linear-gradient(150deg, #1B4332 0%, #2D6A4F 55%, #40916C 100%) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a142bfa */#tapee-highlights,
#tapee-highlights * {
  box-sizing: border-box;
}

#tapee-highlights {
  max-width: 1200px;
  margin: 30px auto 24px;
  padding: 0 14px;
  position: relative;
  overflow: hidden;
}

#tapee-highlights::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(74,222,128,0.08) 0%, transparent 48%),
    radial-gradient(circle at 80% 80%, rgba(251,191,36,0.06) 0%, transparent 48%);
  pointer-events: none;
  z-index: 0;
}

#tapee-highlights .th-badge-wrap,
#tapee-highlights .th-intro,
#tapee-highlights .th-grid,
#tapee-highlights .th-cta {
  position: relative;
  z-index: 1;
}

#tapee-highlights .th-badge-wrap {
  text-align: center;
  margin-bottom: 14px;
}

#tapee-highlights .th-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid rgba(251,191,36,0.7);
  box-shadow:
    0 10px 24px rgba(251,191,36,0.20),
    inset 0 1px 0 rgba(255,255,255,0.65);
  color: #92400e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

#tapee-highlights .th-badge-icon {
  font-size: 18px;
  line-height: 1;
}

#tapee-highlights .th-intro {
  text-align: center;
  margin: 0 auto 18px;
  max-width: 760px;
}

#tapee-highlights .th-title {
  margin: 0 0 10px;
  font-family: "Open Sans", -apple-system, Arial, sans-serif;
  font-size: clamp(24px, 5vw, 38px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #1e5f3e 0%, #2d8b5a 52%, #4ade80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#tapee-highlights .th-text {
  margin: 0 auto;
  max-width: 720px;
  font-size: clamp(14px, 2.2vw, 17px);
  line-height: 1.72;
  color: #475569;
}

#tapee-highlights .th-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-bottom: 22px;
}

#tapee-highlights .th-card {
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 18px 16px;
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,251,243,0.92)),
    radial-gradient(circle at top left, rgba(74,222,128,0.10) 0%, transparent 50%);
  border: 1px solid rgba(203,213,225,0.50);
  box-shadow:
    0 10px 24px rgba(15,23,42,0.07),
    0 4px 10px rgba(74,222,128,0.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.92);
}

#tapee-highlights .th-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #10b981 0%, #f59e0b 50%, #eab308 100%);
  box-shadow: 0 2px 8px rgba(16,185,129,0.25);
}

#tapee-highlights .th-card-bg {
  position: absolute;
  inset: -40%;
  opacity: 0.65;
  pointer-events: none;
  background: radial-gradient(circle at 50% 20%, rgba(16,185,129,0.18), transparent 60%);
}

#tapee-highlights .th-card-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

#tapee-highlights .th-icon {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 10px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
}

#tapee-highlights .th-card h3 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e293b;
  letter-spacing: -0.01em;
}

#tapee-highlights .th-card p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.68;
  color: #475569;
}

#tapee-highlights .th-cta {
  text-align: center;
  margin-top: 14px;
}

#tapee-highlights .th-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 320px;
  min-height: 48px;
  padding: 14px 20px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  background: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
  color: #0b1f16;
  box-shadow:
    0 16px 30px rgba(251,191,36,0.25),
    0 6px 14px rgba(249,115,22,0.18);
  border: 1px solid rgba(251,191,36,0.75);
  letter-spacing: 0.02em;
  position: relative;
  overflow: hidden;
}

#tapee-highlights .th-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.22), transparent);
  opacity: 0;
}

#tapee-highlights .th-button-icon {
  font-size: 16px;
  line-height: 1;
}

@media (min-width: 640px) {
  #tapee-highlights {
    padding: 0 16px;
    margin: 36px auto 24px;
  }

  #tapee-highlights .th-badge {
    padding: 11px 20px;
    font-size: 14px;
  }

  #tapee-highlights .th-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  #tapee-highlights .th-card {
    padding: 20px 18px;
    border-radius: 22px;
  }

  #tapee-highlights .th-button {
    width: auto;
    min-width: 220px;
    padding: 15px 26px;
  }
}

@media (min-width: 1024px) {
  #tapee-highlights {
    padding: 0 18px;
    margin: 42px auto 24px;
  }

  #tapee-highlights .th-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  #tapee-highlights .th-card {
    min-height: 210px;
    padding: 24px 20px;
    border-radius: 24px;
  }

  #tapee-highlights .th-icon {
    font-size: 36px;
    margin-bottom: 14px;
  }

  #tapee-highlights .th-card h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}

@media (hover: hover) and (pointer: fine) {
  #tapee-highlights .th-badge,
  #tapee-highlights .th-card,
  #tapee-highlights .th-button,
  #tapee-highlights .th-icon,
  #tapee-highlights .th-button-icon {
    transition:
      transform 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      box-shadow 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      border-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      opacity 0.28s ease;
  }

  #tapee-highlights .th-badge:hover {
    transform: translateY(-2px);
    box-shadow:
      0 16px 30px rgba(251,191,36,0.28),
      inset 0 1px 0 rgba(255,255,255,0.8);
  }

  #tapee-highlights .th-card:hover {
    transform: translateY(-4px);
    box-shadow:
      0 18px 36px rgba(15,23,42,0.12),
      0 8px 18px rgba(74,222,128,0.14);
    border-color: rgba(74,222,128,0.28);
  }

  #tapee-highlights .th-card:hover .th-icon {
    transform: scale(1.08);
  }

  #tapee-highlights .th-button:hover {
    transform: translateY(-2px);
    box-shadow:
      0 22px 40px rgba(251,191,36,0.30),
      0 10px 22px rgba(249,115,22,0.22);
    border-color: rgba(251,191,36,0.95);
  }

  #tapee-highlights .th-button:hover::before {
    opacity: 1;
  }

  #tapee-highlights .th-button:hover .th-button-icon {
    transform: translateX(3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #tapee-highlights .th-badge,
  #tapee-highlights .th-card,
  #tapee-highlights .th-button,
  #tapee-highlights .th-icon,
  #tapee-highlights .th-button-icon {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebbd2e5 */.elementor-396 .elementor-element.elementor-element-ebbd2e5 {
  background-image: none !important;
  background: linear-gradient(150deg, #1B4332 0%, #2D6A4F 55%, #40916C 100%) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-72b9ca2 */.elementor-396 .elementor-element.elementor-element-72b9ca2 {
  background-image: none !important;
  background: linear-gradient(180deg, #FDF3E3 0%, #FAEBD7 100%) !important;
}/* End custom CSS */