/*!
 * Casa Living Waterfront — Landing Kit CSS v1.0
 * Dipakai bersama template Elementor "Casa Living Waterfront — Landing Page".
 * Semua kelas diawali .cl- supaya tidak bentrok dengan tema.
 * Font: Cormorant Garamond & Manrope (SIL Open Font License), self-hosted.
 */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/manrope-latin-wght-normal.woff2') format('woff2')}
:root{--cl-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--cl-sans:Manrope,'Helvetica Neue',Arial,sans-serif;--cl-gold:#C9973F}
.cl-page,.cl-page .elementor-widget-text-editor,.cl-page .elementor-heading-title,.cl-page .elementor-button,.cl-page .elementor-icon-box-title,.cl-page .elementor-icon-box-description,.cl-page .elementor-tab-title,.cl-page .elementor-tab-content,.cl-page button,.cl-page input,.cl-page select,.cl-page textarea{font-family:var(--cl-sans) !important}
.cl-page{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cl-page *,.cl-page *::before,.cl-page *::after{box-sizing:border-box}
.cl-page .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
:where(.cl-page) .elementor-widget{margin:0 !important}
:where(.cl-page .elementor-widget:not(:last-child)){margin-block-end:0 !important;margin-bottom:0 !important}
.cl-page .elementor-widget-container{margin:0 !important;padding:0 !important}
.cl-page .e-con>.elementor-widget{max-width:100%}
.cl-page img{max-width:100%}
.cl-page a{transition:color .2s,background .2s,border-color .2s,transform .2s,filter .2s}
.cl-txt p{margin:0 0 1em !important}
.cl-txt p:last-child{margin-bottom:0 !important}
.cl-txt strong{color:#1E1F1D;font-weight:800}
.cl-lead-d strong,.cl-hero-sub strong{color:#F4EFE4}

.cl-page{font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;color: #1E1F1D !important;background: #F8F5EE !important;width: 100% !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important;overflow: clip !important}
.cl-sec{position: relative !important;width: 100% !important;box-sizing: border-box !important;padding: clamp(72px, 9vw, 128px) clamp(20px, 5vw, 64px) !important;display: flex !important;flex-direction: column !important;align-items: center !important;gap: 0 !important;overflow: hidden !important}
.cl-bg-ivory{background: #F8F5EE !important}
.cl-bg-sand{background: #EFE8DA !important}
.cl-bg-white{background: #FFFFFF !important}
.cl-bg-char{background: #1F201E !important;color: #F4EFE4 !important}
.cl-bg-obs{background: #141514 !important;color: #F4EFE4 !important}
.cl-wrap{position: relative !important;z-index: 1 !important;width: 100% !important;max-width: 1240px !important;margin: 0 auto !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important;box-sizing: border-box !important}
.cl-row{display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;gap: clamp(32px, 5vw, 72px) !important;align-items: flex-start !important;width: 100% !important;padding: 0 !important}
.cl-row-c{align-items: center !important}
.cl-row-s{align-items: stretch !important}
.cl-col{flex: 1 1 420px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important}
.cl-col-sm{flex: 1 1 320px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important}
.cl-col-lg{flex: 1.5 1 480px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important}
.cl-mt-l{margin-top: clamp(40px, 5vw, 64px) !important}
.cl-mt-m{margin-top: 28px !important}
.cl-w100{width: 100% !important}
.cl-eyebrow{display: flex !important;align-items: center !important;gap: 14px !important;margin: 0 0 20px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 12px !important;font-weight: 800 !important;letter-spacing: 0.24em !important;text-transform: uppercase !important;color: #8A6420 !important;line-height: 1.4 !important}
.cl-eyebrow-d{color: #E2BE7A !important}
.cl-rule{display: inline-block !important;width: 40px !important;height: 1px !important;background: #B8893A !important;flex-shrink: 0 !important}
.clw-h1 .elementor-heading-title{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-weight: 600 !important;font-size: clamp(44px, 6vw, 86px) !important;line-height: 1.0 !important;letter-spacing: -0.01em !important;color: #F8F3E8 !important;max-width: 1120px !important}
.clw-h2 .elementor-heading-title{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-weight: 600 !important;font-size: clamp(36px, 4.4vw, 60px) !important;line-height: 1.05 !important;letter-spacing: -0.01em !important;color: #1E1F1D !important;max-width: 860px !important}
.clw-h2-d .elementor-heading-title{color: #F8F3E8 !important}
.clw-h2-sm .elementor-heading-title{font-size: clamp(34px, 3.6vw, 50px) !important}
.clw-h3-serif .elementor-heading-title{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-weight: 600 !important;font-size: clamp(26px, 2.4vw, 32px) !important;line-height: 1.1 !important;color: #F8F3E8 !important}
.cl-acc{font-style: italic !important;color: #8A6420 !important;font-weight: 600 !important}
.cl-acc-d{color: #E2BE7A !important}
.cl-lead{margin: 20px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: clamp(16px, 1.35vw, 18px) !important;line-height: 1.75 !important;color: #55564F !important;max-width: 640px !important}
.cl-lead-d{color: #CFC8B8 !important}
.cl-small{font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 12.5px !important;line-height: 1.6 !important;color: #75766F !important}
.cl-small-d{color: #A8A193 !important}
.cl-btn,
.clw-btn .elementor-button{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;min-height: 52px !important;padding: 0 26px !important;border-radius: 6px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 13px !important;font-weight: 800 !important;letter-spacing: 0.12em !important;text-transform: uppercase !important;text-decoration: none !important;line-height: 1 !important;box-sizing: border-box !important;cursor: pointer !important;border: 1px solid transparent !important;white-space: nowrap !important;align-self: flex-start !important}
.cl-btn-gold,
.clw-btn-gold .elementor-button{background: linear-gradient(180deg, #D9AC5D 0%, #F7D58B 48%, #CB9847 100%) !important;color: #2A2414 !important;border-color: #C9973F !important;box-shadow: 0 10px 26px rgba(201, 151, 63, 0.28) !important}
.cl-btn-ghost-d,
.clw-btn-ghost-d .elementor-button{background: rgba(20, 21, 20, 0.2) !important;color: #F4EFE4 !important;border-color: rgba(242, 217, 166, 0.55) !important}
.cl-btn-dark,
.clw-btn-dark .elementor-button{background: #1E1F1D !important;color: #F8F3E8 !important;border-color: #1E1F1D !important}
.cl-btn-sm,
.clw-btn-sm .elementor-button{min-height: 44px !important;padding: 0 18px !important;font-size: 12px !important}
.cl-btn-block{display: flex !important;width: 100% !important}
.cl-ico{width: 18px !important;height: 18px !important;fill: none !important;stroke: currentColor !important;stroke-width: 1.8 !important;stroke-linecap: round !important;stroke-linejoin: round !important;flex-shrink: 0 !important}
.cl-nav{position: sticky !important;top: 0 !important;z-index: 50 !important;width: 100% !important;box-sizing: border-box !important;background: rgba(20, 21, 20, 0.94) !important;backdrop-filter: blur(10px) !important;border-bottom: 1px solid rgba(226, 190, 122, 0.18) !important;padding: 12px clamp(20px, 5vw, 64px) !important;display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: space-between !important;gap: 16px !important}
.cl-logo{display: flex !important;align-items: center !important;gap: 10px !important;text-decoration: none !important}
.cl-logo-key{height: 32px !important;width: auto !important;display: block !important}
.cl-logo-word{height: 26px !important;width: auto !important;display: block !important}
.cl-hero{position: relative !important;width: 100% !important;box-sizing: border-box !important;overflow: hidden !important;background: #141514 !important;padding: clamp(96px, 11vw, 168px) clamp(20px, 5vw, 64px) clamp(36px, 4.5vw, 60px) !important;display: flex !important;flex-direction: column !important;align-items: center !important;gap: 0 !important}
.cl-hero-media{position: absolute !important;inset: 0 !important;z-index: 0 !important;width: 100% !important;height: 100% !important;margin: 0 !important}
.cl-hero-img{position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important}
.cl-hero-shade{position: absolute !important;inset: 0 !important;background: linear-gradient(90deg, rgba(14, 15, 14, 0.94) 0%, rgba(14, 15, 14, 0.80) 50%, rgba(14, 15, 14, 0.52) 100%), linear-gradient(0deg, rgba(14, 15, 14, 0.92) 0%, rgba(14, 15, 14, 0) 55%) !important}
.cl-hero-inner{position: relative !important;z-index: 1 !important;width: 100% !important;max-width: 1240px !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important}
.cl-hero-sub{margin: 26px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: clamp(16px, 1.45vw, 19px) !important;line-height: 1.7 !important;color: #DCD5C5 !important;max-width: 600px !important}
.cl-cta-row{display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;gap: 12px !important;margin-top: 36px !important;padding: 0 !important}
.cl-stats{margin: clamp(56px, 7vw, 100px) 0 0 !important;display: grid !important;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;gap: 1px !important;background: rgba(226, 190, 122, 0.24) !important;border: 1px solid rgba(226, 190, 122, 0.24) !important;border-radius: 10px !important;overflow: hidden !important;backdrop-filter: blur(8px) !important}
.cl-stat{background: rgba(17, 18, 17, 0.84) !important;padding: 22px 24px !important;display: flex !important;flex-direction: column !important;gap: 8px !important}
.cl-stat-num{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: clamp(36px, 3.4vw, 48px) !important;font-weight: 600 !important;line-height: 1 !important;color: #F2D9A6 !important}
.cl-stat-lbl{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 11.5px !important;font-weight: 700 !important;letter-spacing: 0.14em !important;text-transform: uppercase !important;color: #BFB8A8 !important;line-height: 1.5 !important}
.cl-photo-wrap{position: relative !important;width: 100% !important;padding: 0 18px 18px 0 !important;box-sizing: border-box !important}
.cl-frame-line{position: absolute !important;top: 18px !important;left: 18px !important;right: 0 !important;bottom: 0 !important;border: 1px solid #C9A25A !important;border-radius: 6px !important}
.cl-photo-tall{position: relative !important;z-index: 1 !important;width: 100% !important;height: clamp(380px, 44vw, 600px) !important;border-radius: 6px !important;overflow: hidden !important}
.cl-img-cover{width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important}
.cl-badge{position: absolute !important;left: 18px !important;bottom: 18px !important;z-index: 2 !important;padding: 16px 20px !important;background: rgba(20, 21, 20, 0.88) !important;border: 1px solid rgba(226, 190, 122, 0.4) !important;border-radius: 6px !important;display: flex !important;flex-direction: column !important;gap: 4px !important}
.cl-badge-num{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: 34px !important;font-weight: 600 !important;line-height: 1 !important;color: #F2D9A6 !important}
.cl-badge-lbl{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 11px !important;font-weight: 800 !important;letter-spacing: 0.16em !important;text-transform: uppercase !important;color: #D7D0C0 !important}
.cl-txt-intro{margin-top: 26px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 16.5px !important;line-height: 1.8 !important;color: #3E3F3A !important}
.cl-feats{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;gap: 0 !important;margin-top: clamp(56px, 7vw, 88px) !important;border-top: 1px solid #D9CFBA !important;width: 100% !important;padding: 0 !important}
.clib-feat .elementor-icon-box-wrapper{display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 16px !important;padding: 30px 28px 6px 0 !important;text-align: left !important}
.clib-feat .elementor-icon{width: 50px !important;height: 50px !important;border-radius: 50% !important;border: 1px solid #C9A25A !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #8A6420 !important;fill: #8A6420 !important;font-size: 20px !important;flex-shrink: 0 !important}
.clib-feat .elementor-icon-box-title{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 17px !important;font-weight: 800 !important;color: #1E1F1D !important;line-height: 1.35 !important}
.clib-feat .elementor-icon-box-description{margin: 6px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 14.5px !important;line-height: 1.7 !important;color: #55564F !important}
.clib-card .elementor-icon-box-wrapper{display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 16px !important;padding: 28px !important;background: #F8F5EE !important;border: 1px solid #DDD3BF !important;border-radius: 8px !important;height: 100% !important;box-sizing: border-box !important;text-align: left !important}
.clib-card .elementor-icon{width: 48px !important;height: 48px !important;border-radius: 8px !important;background: #1E1F1D !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #E2BE7A !important;fill: #E2BE7A !important;font-size: 19px !important;flex-shrink: 0 !important}
.clib-card .elementor-icon-box-title{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 17px !important;font-weight: 800 !important;color: #1E1F1D !important;line-height: 1.35 !important}
.clib-card .elementor-icon-box-description{margin: 6px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 14.5px !important;line-height: 1.7 !important;color: #55564F !important}
.clib-aud .elementor-icon-box-wrapper{display: flex !important;flex-direction: column !important;align-items: flex-start !important;gap: 18px !important;padding: 34px 30px !important;background: #FBF9F4 !important;border: 1px solid #E4DCCB !important;border-top: 3px solid #C9A25A !important;border-radius: 4px 4px 8px 8px !important;height: 100% !important;box-sizing: border-box !important;text-align: left !important}
.clib-aud .elementor-icon{width: 54px !important;height: 54px !important;border-radius: 50% !important;background: #F1E8D6 !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #8A6420 !important;fill: #8A6420 !important;font-size: 21px !important;flex-shrink: 0 !important}
.clib-aud .elementor-icon-box-title{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: 30px !important;font-weight: 600 !important;color: #1E1F1D !important;line-height: 1.1 !important}
.clib-aud .elementor-icon-box-description{margin: 8px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 15px !important;line-height: 1.7 !important;color: #55564F !important}
.cl-rgal{display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 10px !important;width: 100% !important}
.cl-rgal-main{grid-column: 1 / 3 !important;height: clamp(240px, 31vw, 440px) !important;border-radius: 6px !important;overflow: hidden !important}
.cl-rgal-sm{height: clamp(150px, 17vw, 240px) !important;border-radius: 6px !important;overflow: hidden !important}
.cl-bk{background: #2A2B28 !important;border: 1px solid rgba(226, 190, 122, 0.3) !important;border-radius: 10px !important;padding: clamp(22px, 3vw, 34px) !important;display: flex !important;flex-direction: column !important;gap: 0 !important;color: #F4EFE4 !important;box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-tags{display: flex !important;flex-wrap: wrap !important;gap: 6px !important;margin: 0 !important}
.cl-tag{padding: 6px 10px !important;border-radius: 999px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 10.5px !important;font-weight: 800 !important;letter-spacing: 0.12em !important;text-transform: uppercase !important;line-height: 1 !important}
.cl-tag-ok{background: rgba(132, 196, 124, 0.16) !important;color: #B3E0AD !important}
.cl-tag-d{background: rgba(244, 239, 228, 0.08) !important;color: #E4DDCD !important}
.cl-bk-title{margin: 18px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 19px !important;font-weight: 800 !important;color: #F8F3E8 !important;line-height: 1.3 !important}
.cl-bk-price{margin: 12px 0 0 !important;display: flex !important;align-items: baseline !important;gap: 8px !important;flex-wrap: wrap !important}
.cl-bk-amt{font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: clamp(42px, 3.6vw, 52px) !important;font-weight: 600 !important;line-height: 1 !important;color: #F2D9A6 !important}
.cl-bk-per{font-size: 14px !important;color: #BFB8A8 !important}
.cl-bk-note{margin: 10px 0 0 !important;font-size: 14px !important;line-height: 1.6 !important;color: #CFC8B8 !important}
.cl-amen{list-style: none !important;margin: 22px 0 0 !important;padding: 20px 0 0 !important;border-top: 1px solid rgba(226, 190, 122, 0.2) !important;display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 12px 14px !important}
.cl-amen-i{display: flex !important;align-items: center !important;gap: 10px !important;font-size: 14px !important;font-weight: 600 !important;color: #E9E3D5 !important;line-height: 1.35 !important}
.cl-amen-svg{width: 18px !important;height: 18px !important;fill: none !important;stroke: #E2BE7A !important;stroke-width: 1.6 !important;stroke-linecap: round !important;stroke-linejoin: round !important;flex-shrink: 0 !important}
.cl-bk-label{display: block !important;margin: 24px 0 10px !important;font-size: 11.5px !important;font-weight: 800 !important;letter-spacing: 0.14em !important;text-transform: uppercase !important;color: #BFB8A8 !important}
.cl-chips{display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 8px !important;margin: 0 !important}
.cl-chip{min-height: 48px !important;margin: 0 !important;padding: 0 12px !important;border-radius: 6px !important;border: 1px solid rgba(244, 239, 228, 0.25) !important;background: transparent !important;color: #F4EFE4 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 14px !important;font-weight: 700 !important;letter-spacing: 0 !important;text-transform: none !important;cursor: pointer !important}
.cl-chip-on{background: #F4EFE4 !important;color: #1E1F1D !important;border-color: #F4EFE4 !important;font-weight: 800 !important}
.cl-field-d{box-sizing: border-box !important;width: 100% !important;min-height: 48px !important;margin: 0 !important;padding: 0 14px !important;border-radius: 6px !important;border: 1px solid rgba(244, 239, 228, 0.25) !important;background: #1F201E !important;color: #F4EFE4 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 15px !important;color-scheme: dark !important}
.cl-bk-actions{display: flex !important;flex-direction: column !important;gap: 10px !important;margin-top: 22px !important}
.cl-bk-foot{margin: 14px 0 0 !important;text-align: center !important;font-size: 12px !important;color: #A8A193 !important}
.cl-photo-fac{position: relative !important;width: 100% !important;height: clamp(360px, 46vw, 640px) !important;border-radius: 8px !important;overflow: hidden !important}
.cl-cap-over{position: absolute !important;left: 0 !important;right: 0 !important;bottom: 0 !important;padding: 60px 22px 20px !important;background: linear-gradient(0deg, rgba(14, 15, 14, 0.85) 0%, rgba(14, 15, 14, 0) 100%) !important;color: #F4EFE4 !important;font-size: 14px !important;font-weight: 600 !important;margin: 0 !important}
.cl-cards{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;gap: 14px !important;width: 100% !important;padding: 0 !important}
.cl-card-cta{display: flex !important;flex-direction: column !important;justify-content: space-between !important;gap: 18px !important;padding: 28px !important;background: #1E1F1D !important;border-radius: 8px !important;box-sizing: border-box !important}
.cl-card-cta-txt{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 14.5px !important;line-height: 1.7 !important;color: #BFB8A8 !important}
.cl-aud{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;gap: 20px !important;width: 100% !important;margin-top: clamp(40px, 5vw, 60px) !important;padding: 0 !important}
.cl-nf{margin: 20px 0 0 !important;display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 12px 16px !important;padding: 24px 28px !important;background: #1E1F1D !important;border-radius: 8px !important;color: #F4EFE4 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-nf-lbl{margin: 0 !important;font-size: 11.5px !important;font-weight: 800 !important;letter-spacing: 0.18em !important;text-transform: uppercase !important;color: #E2BE7A !important}
.cl-nf-pill{display: inline-flex !important;align-items: center !important;gap: 8px !important;padding: 9px 14px !important;border-radius: 999px !important;border: 1px solid rgba(244, 239, 228, 0.22) !important;font-size: 13.5px !important;font-weight: 700 !important;color: #F4EFE4 !important;line-height: 1 !important}
.cl-nf-svg{width: 13px !important;height: 13px !important;fill: none !important;stroke: #E89A8A !important;stroke-width: 2.4 !important;stroke-linecap: round !important}
.cl-nf-txt{flex-basis: 100% !important;margin: 4px 0 0 !important;font-size: 14.5px !important;line-height: 1.65 !important;color: #BFB8A8 !important}
.cl-steps{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;gap: 0 24px !important;margin: clamp(44px, 5vw, 64px) 0 0 !important;padding: 0 !important;border-top: 1px solid rgba(226, 190, 122, 0.35) !important;width: 100% !important}
.cl-step{display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 0 8px !important}
.cl-dot{display: block !important;width: 11px !important;height: 11px !important;margin: -6px 0 26px !important;border-radius: 50% !important;background: #E2BE7A !important;box-shadow: 0 0 0 6px rgba(226, 190, 122, 0.14) !important}
.cl-step-time{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: clamp(54px, 5.2vw, 76px) !important;font-weight: 600 !important;line-height: 0.95 !important;color: #F2D9A6 !important}
.cl-step-txt{margin: 14px 0 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 15.5px !important;line-height: 1.65 !important;color: #D7D0C0 !important;max-width: 320px !important}
.cl-step-hi{font-style: italic !important}
.cl-map{position: relative !important;width: 100% !important;border-radius: 8px !important;overflow: hidden !important;background: #E6DFD0 !important;padding: 0 !important}
.cl-map-card{position: absolute !important;left: 18px !important;right: 18px !important;bottom: 18px !important;z-index: 2 !important;padding: 20px 22px !important;background: #FFFFFF !important;border-radius: 8px !important;box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18) !important;display: flex !important;flex-wrap: wrap !important;align-items: center !important;justify-content: space-between !important;gap: 14px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-map-name{margin: 0 !important;font-size: 16px !important;font-weight: 800 !important;color: #1E1F1D !important}
.cl-map-addr{margin: 4px 0 0 !important;font-size: 13.5px !important;line-height: 1.5 !important;color: #55564F !important}
.cl-loc-list{list-style: none !important;margin: 0 !important;padding: 0 !important;border-top: 1px solid #D9CFBA !important;width: 100% !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-loc-i{display: flex !important;align-items: center !important;gap: 16px !important;padding: 17px 0 !important;border-bottom: 1px solid #D9CFBA !important}
.cl-loc-ico{width: 44px !important;height: 44px !important;border-radius: 50% !important;border: 1px solid #C9A25A !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #8A6420 !important;flex-shrink: 0 !important}
.cl-loc-svg{width: 19px !important;height: 19px !important;fill: none !important;stroke: currentColor !important;stroke-width: 1.6 !important;stroke-linecap: round !important;stroke-linejoin: round !important}
.cl-loc-body{flex: 1 !important;min-width: 0 !important}
.cl-loc-name{display: block !important;font-size: 16px !important;font-weight: 800 !important;color: #1E1F1D !important;line-height: 1.35 !important}
.cl-loc-desc{display: block !important;font-size: 13px !important;color: #75766F !important;line-height: 1.5 !important}
.cl-loc-time{font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: 30px !important;font-weight: 600 !important;color: #8A6420 !important;white-space: nowrap !important;line-height: 1 !important}
.cl-loc-unit{font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 11px !important;font-weight: 800 !important;letter-spacing: 0.12em !important;text-transform: uppercase !important;margin-left: 4px !important}
.cl-gal{display: grid !important;grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 48px) / 3)), 1fr)) !important;gap: 24px !important;width: 100% !important;margin: clamp(40px, 5vw, 60px) 0 0 !important;padding: 0 !important}
.cl-fig{margin: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important}
.cl-fig-img{width: 100% !important;aspect-ratio: 1 / 1 !important;object-fit: cover !important;border-radius: 6px !important;display: block !important}
.cl-fig-cap{margin: 14px 0 0 !important;font-style: normal !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 14.5px !important;line-height: 1.6 !important;color: #BFB8A8 !important}
.cl-fig-strong{color: #F4EFE4 !important;font-weight: 800 !important}
.cl-fcard{display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;width: 100% !important;border-radius: 12px !important;overflow: hidden !important;box-shadow: 0 30px 70px rgba(30, 31, 29, 0.14) !important;gap: 0 !important;padding: 0 !important}
.cl-fside{flex: 1 1 340px !important;min-width: 0 !important;background: #1E1F1D !important;color: #F4EFE4 !important;padding: clamp(28px, 4vw, 56px) !important;display: flex !important;flex-direction: column !important;gap: 0 !important;box-sizing: border-box !important}
.cl-fmain{flex: 1.35 1 420px !important;min-width: 0 !important;background: #FFFFFF !important;padding: clamp(24px, 4vw, 52px) !important;box-sizing: border-box !important}
.cl-contact{list-style: none !important;margin: 32px 0 0 !important;padding: 26px 0 0 !important;border-top: 1px solid rgba(226, 190, 122, 0.2) !important;display: flex !important;flex-direction: column !important;gap: 16px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 15px !important}
.cl-contact-i{display: flex !important;align-items: flex-start !important;gap: 12px !important;color: #E4DDCD !important;line-height: 1.55 !important}
.cl-contact-a{color: #F8F3E8 !important;font-weight: 800 !important;text-decoration: none !important}
.cl-contact-svg{width: 20px !important;height: 20px !important;fill: none !important;stroke: #E2BE7A !important;stroke-width: 1.7 !important;stroke-linecap: round !important;stroke-linejoin: round !important;flex-shrink: 0 !important;margin-top: 1px !important}
.cl-form{margin: 0 !important;display: flex !important;flex-direction: column !important;gap: 18px !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-fgrid{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;gap: 18px !important}
.cl-ff{display: flex !important;flex-direction: column !important;gap: 8px !important;margin: 0 !important}
.cl-flbl{margin: 0 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 11.5px !important;font-weight: 800 !important;letter-spacing: 0.14em !important;text-transform: uppercase !important;color: #55564F !important}
.cl-field{box-sizing: border-box !important;width: 100% !important;min-height: 50px !important;margin: 0 !important;padding: 0 14px !important;border: 1px solid #D9D0BE !important;border-radius: 6px !important;background: #FBF9F4 !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important;font-size: 15px !important;color: #1E1F1D !important}
.cl-farea{min-height: 110px !important;padding: 12px 14px !important;resize: vertical !important}
.cl-fnote{margin: 0 !important;font-size: 12.5px !important;line-height: 1.6 !important;color: #75766F !important;text-align: center !important}
.cl-closing{position: relative !important;width: 100% !important;box-sizing: border-box !important;background: #141514 !important;color: #F4EFE4 !important;padding: clamp(72px, 9vw, 120px) clamp(20px, 5vw, 64px) 0 !important;display: flex !important;flex-direction: column !important;align-items: center !important;gap: 0 !important;overflow: hidden !important}
.cl-watermark{position: absolute !important;right: -30px !important;top: -30px !important;width: 240px !important;height: auto !important;opacity: 0.06 !important;z-index: 0 !important;margin: 0 !important}
.cl-wm-img{width: 100% !important;height: auto !important;display: block !important;transform: rotate(-90deg) !important}
.clw-close-h .elementor-heading-title{margin: 0 !important;font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-weight: 600 !important;font-size: clamp(46px, 6.4vw, 96px) !important;line-height: 1.04 !important;letter-spacing: -0.01em !important;color: #F8F3E8 !important}
.cl-ft{display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;gap: 32px 56px !important;width: 100% !important;margin-top: clamp(56px, 7vw, 96px) !important;padding: 48px 0 0 !important;border-top: 1px solid rgba(226, 190, 122, 0.2) !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-ft-col{flex: 1 1 200px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 0 !important}
.cl-ft-col-l{flex: 2 1 280px !important}
.cl-ft-logo{height: 40px !important;width: auto !important;display: block !important;align-self: flex-start !important;object-fit: contain !important}
.cl-ft-p{margin: 16px 0 0 !important;max-width: 380px !important;font-size: 14px !important;line-height: 1.7 !important;color: #BFB8A8 !important}
.cl-ft-h{margin: 0 0 12px !important;font-size: 11.5px !important;font-weight: 800 !important;letter-spacing: 0.18em !important;text-transform: uppercase !important;color: #E2BE7A !important}
.cl-ft-t{margin: 0 !important;font-size: 14px !important;line-height: 1.85 !important;color: #D7D0C0 !important}
.cl-ft-a{display: inline-flex !important;align-items: center !important;gap: 8px !important;color: #F8F3E8 !important;font-size: 14px !important;font-weight: 700 !important;text-decoration: none !important;line-height: 1.95 !important}
.cl-ft-bottom{display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;gap: 10px !important;width: 100% !important;margin-top: 40px !important;padding: 20px 0 28px !important;border-top: 1px solid rgba(244, 239, 228, 0.1) !important;font-size: 12px !important;color: #8F897C !important}
.cl-mbar-holder{padding: 0 !important;gap: 0 !important;width: 100% !important}
.cl-mbar{position: fixed !important;left: 0 !important;right: 0 !important;bottom: 0 !important;z-index: 60 !important;display: none !important;align-items: center !important;justify-content: space-between !important;gap: 12px !important;padding: 12px 16px !important;background: #141514 !important;border-top: 1px solid rgba(226, 190, 122, 0.3) !important;font-family: Manrope, 'Helvetica Neue', Arial, sans-serif !important}
.cl-mbar-p{margin: 0 !important;font-size: 12px !important;color: #BFB8A8 !important;line-height: 1.4 !important}
.cl-mbar-amt{font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;font-size: 22px !important;font-weight: 600 !important;color: #F2D9A6 !important}

/* ---- widget internals */
.cl-nav>.elementor-widget,.cl-cta-row>.elementor-widget{width:auto !important;max-width:100% !important;flex:0 0 auto !important}
.cl-hero-media.elementor-widget{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important}
.cl-hero-media .elementor-widget-container{position:absolute !important;inset:0 !important}
.cl-watermark.elementor-widget{position:absolute !important;width:240px !important}
.cl-page .elementor-heading-title em{font-style:italic !important}
.clw-btn .elementor-button-content-wrapper{display:flex !important;align-items:center !important;gap:10px !important;flex-direction:row !important}
.clw-btn .elementor-button-icon{display:inline-flex !important;margin:0 !important;order:-1}
.clw-btn .elementor-button-icon svg,.clw-btn .elementor-button-icon i{width:16px !important;height:16px !important;font-size:16px !important;fill:currentColor !important}
.clw-btn .elementor-button-icon .sim-ico{fill:none !important;stroke:currentColor;stroke-width:1.8}
.clw-btn .elementor-button-text{line-height:1 !important}
.clw-btn .elementor-button-wrapper{display:flex}
.clw-btn-block .elementor-button-wrapper{width:100%}
.cl-ibox .elementor-icon-box-icon{margin:0 !important;display:block !important}
.cl-ibox .elementor-icon-box-content{display:flex;flex-direction:column}
.cl-ibox .elementor-icon svg{width:22px !important;height:22px !important}
.cl-ibox .elementor-icon i{font-size:20px !important;color:inherit !important}
.cl-ibox .elementor-icon .e-font-icon-svg{fill:currentColor !important}
.cl-ibox .elementor-icon .sim-ico{fill:none !important;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cl-ibox.elementor-widget-icon-box,.cl-ibox .elementor-widget-container,.clib-card .elementor-icon-box-wrapper,.clib-aud .elementor-icon-box-wrapper{height:100%}
/* ---- FAQ (Elementor Toggle) */
.cl-faq .elementor-toggle{border-top:1px solid #D5CAB3 !important}
.cl-faq .elementor-toggle-item{border-bottom:1px solid #D5CAB3 !important;margin:0 !important}
.cl-faq .elementor-tab-title{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;padding:22px 0 !important;margin:0 !important;border:0 !important;background:none !important;font-size:17px !important;font-weight:700 !important;line-height:1.45 !important;color:#1E1F1D !important;cursor:pointer}
.cl-faq .elementor-toggle-title{color:#1E1F1D !important;text-decoration:none !important;font:inherit !important}
.cl-faq .elementor-toggle-icon{order:2;float:none !important;flex-shrink:0;width:30px !important;height:30px !important;border:1px solid #C9A25A;border-radius:50%;display:flex !important;align-items:center;justify-content:center;color:#8A6420 !important;font-size:12px !important}
.cl-faq .elementor-toggle-icon svg{width:12px !important;height:12px !important;fill:#8A6420 !important}
.cl-faq .elementor-toggle-icon i{color:#8A6420 !important}
.cl-faq .elementor-tab-content{padding:0 0 22px !important;border:0 !important;font-size:15.5px !important;line-height:1.75 !important;color:#55564F !important;max-width:680px}
.cl-faq .elementor-tab-content p{margin:0 !important}
/* ---- Google Maps widget */
.cl-map-w,.cl-map-w .elementor-custom-embed{width:100% !important;line-height:0}
.cl-map-w iframe{display:block !important;width:100% !important;height:clamp(380px,40vw,520px) !important;border:0 !important;filter:grayscale(.35) contrast(1.04)}
/* ---- states & hover */
.cl-btn-gold:hover,.clw-btn-gold .elementor-button:hover,a.cl-btn-gold:hover{filter:brightness(1.06) !important;transform:translateY(-1px)}
.cl-btn-ghost-d:hover,.clw-btn-ghost-d .elementor-button:hover{background:rgba(244,239,228,.1) !important;border-color:#F2D9A6 !important}
.cl-btn-dark:hover,.clw-btn-dark .elementor-button:hover{background:#000 !important}
.cl-chip:hover{border-color:#F2D9A6 !important}
.cl-chip.cl-chip-on:hover{border-color:#F4EFE4 !important}
.cl-field:focus,.cl-field-d:focus{outline:2px solid #C9973F !important;outline-offset:1px}
.cl-page :focus-visible{outline:2px solid #C9973F;outline-offset:2px}
.cl-contact-a:hover,.cl-ft-a:hover{color:#F2D9A6 !important}
.cl-fig-img{transition:transform .5s ease}
.cl-fig:hover .cl-fig-img{transform:scale(1.02)}
/* ---- responsive refinements (WordPress only) */
@media (max-width:767px){
  .cl-mbar{display:flex !important}
  body.casa-landing{padding-bottom:78px}
  .cl-nav .cl-logo-word{height:22px !important}
  .cl-hero{padding-top:88px !important}
  .cl-hero-shade{background:linear-gradient(0deg,rgba(14,15,14,.95) 0%,rgba(14,15,14,.78) 60%,rgba(14,15,14,.6) 100%) !important}
  .cl-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .cl-stat{padding:18px !important}
  .cl-photo-wrap{padding:0 12px 12px 0 !important}
  .cl-frame-line{top:12px !important;left:12px !important}
  .cl-watermark{display:none !important}
}
@media (prefers-reduced-motion:reduce){.cl-page *{transition:none !important}}

@media (max-width: 767px) {

    .cl-nav {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    /* Logo tetap di kiri */
    .cl-nav > :first-child {
        margin-right: auto !important;
        margin-left: 0 !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    /* Button dan hamburger di kanan */
    .cl-nav > :nth-child(2),
    .cl-nav > :nth-child(3) {
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        justify-self: auto !important;
        grid-column: auto !important;
    }

    /* Reset pengaturan grid sebelumnya */
    .cl-nav > * {
        grid-row: auto !important;
    }
}