.elementor-4197 .elementor-element.elementor-element-c1d57de:not(.elementor-motion-effects-element-type-background), .elementor-4197 .elementor-element.elementor-element-c1d57de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quietretreats.co/wp-content/uploads/2025/09/pexels-tane-winiana-122917754-33398375-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4197 .elementor-element.elementor-element-c1d57de > .elementor-background-overlay{background-color:#2D160E;opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4197 .elementor-element.elementor-element-c1d57de > .elementor-container{min-height:403px;}.elementor-4197 .elementor-element.elementor-element-c1d57de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4197 .elementor-element.elementor-element-21a48ca .elementor-button{background-color:#FEF2DA;font-weight:600;fill:#2D160E;color:#2D160E;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-4197 .elementor-element.elementor-element-21a48ca .elementor-button:hover, .elementor-4197 .elementor-element.elementor-element-21a48ca .elementor-button:focus{background-color:#E8BC05;color:#2D160E;}.elementor-4197 .elementor-element.elementor-element-21a48ca > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4197 .elementor-element.elementor-element-21a48ca .elementor-button:hover svg, .elementor-4197 .elementor-element.elementor-element-21a48ca .elementor-button:focus svg{fill:#2D160E;}.elementor-4197 .elementor-element.elementor-element-68717b5 .elementor-tab-title, .elementor-4197 .elementor-element.elementor-element-68717b5 .elementor-tab-title:before, .elementor-4197 .elementor-element.elementor-element-68717b5 .elementor-tab-title:after, .elementor-4197 .elementor-element.elementor-element-68717b5 .elementor-tab-content, .elementor-4197 .elementor-element.elementor-element-68717b5 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-4197 .elementor-element.elementor-element-5024d7d{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-5fd9b24{text-align:start;}.elementor-4197 .elementor-element.elementor-element-205e24c{text-align:start;}.elementor-4197 .elementor-element.elementor-element-a3d0662{text-align:start;}.elementor-4197 .elementor-element.elementor-element-97bc89f{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-371a00f{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-df5dc51{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-8009960{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-03fa43b{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-8120053{--spacer-size:50px;}.elementor-4197 .elementor-element.elementor-element-9b95911{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4197 .elementor-element.elementor-element-9adc778{width:43.991%;}.elementor-4197 .elementor-element.elementor-element-35c50b9{width:55.965%;}}@media(max-width:1024px){.elementor-4197 .elementor-element.elementor-element-c1d57de > .elementor-container{min-height:300px;}}@media(max-width:767px){.elementor-4197 .elementor-element.elementor-element-c1d57de > .elementor-container{min-height:200px;}.elementor-4197 .elementor-element.elementor-element-21a48ca > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-c1d57de */#masumi { display: block; }

#matthew,
#logan,
#nick,
#anna,
#marianne,
#sophie,
#kate {
  display: none;
}/* End custom CSS */
/* Start custom CSS for tabs, class: .elementor-element-68717b5 *//* =====================================
   CASE STUDY TABS - BALANCED SCROLL
   ===================================== */

.case-study-tabs .elementor-tabs-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;

    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    border: none !important;

    margin: 0 auto 30px auto;   /* 🔥 centers the whole row */
    max-width: 1100px;          /* 🔥 limits width for balance */
    padding: 10px 10px 12px 10px;

    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

/* scrollbar */
.case-study-tabs .elementor-tabs-wrapper::-webkit-scrollbar {
    height: 6px;
}
.case-study-tabs .elementor-tabs-wrapper::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 999px;
}

/* =========================
   TAB BUTTONS (MORE BALANCED)
   ========================= */

.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title {
    position: relative;

    background: #e9e9e9 !important;
    border-radius: 999px !important;
    border: none !important;

    padding: 14px 18px !important;

    min-width: 260px;     /* 🔥 smaller than before */
    width: 260px;
    height: 85px;

    flex: 0 0 auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;

    text-align: left;
    white-space: normal;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;

    color: #2b160f !important;

    transition: all 0.25s ease;
    overflow: hidden;
}

/* circle */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #cfcfcf;

    flex-shrink: 0;
    display: block;
    align-self: center;
}

/* text clamp */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* hover */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title:hover {
    transform: translateY(-1px);
}

/* active */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    background: #efefef !important;
    border: 2px solid #1f1f1f !important;
}

/* =========================
   CONTENT
   ========================= */

.case-study-tabs .elementor-tab-content {
    padding-top: 25px !important;
    border: none !important;
}

/* remove mobile duplicate */
.case-study-tabs .elementor-tab-mobile-title {
    display: none !important;
}

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

@media (max-width: 767px) {

    .case-study-tabs .elementor-tabs-wrapper {
        max-width: 100%;
        padding-left: 5px;
    }

    .case-study-tabs .elementor-tabs-wrapper .elementor-tab-title {
        min-width: 220px;
        width: 220px;
        height: 80px;
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fd346bd *//* ---------- tabs root ---------- */
.case-study-tabs {
    position: relative;
}

/* ---------- scroll row ---------- */
.case-study-tabs .elementor-tabs-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    border: none !important;
    margin: 0 auto 30px auto;
    max-width: 1100px;
    padding: 10px 56px 14px 10px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

/* right fade to hint more cards */
.case-study-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 115px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255,255,255,0), #f7f6f2 70%);
    z-index: 3;
}

/* arrow hint */
.case-study-tabs::before {
    content: "→";
    position: absolute;
    top: 42px;
    right: 16px;
    font-size: 24px;
    line-height: 1;
    color: #7b6a2d;
    z-index: 4;
    pointer-events: none;
    opacity: 0.8;
}

/* scrollbar */
.case-study-tabs .elementor-tabs-wrapper::-webkit-scrollbar {
    height: 8px;
}

.case-study-tabs .elementor-tabs-wrapper::-webkit-scrollbar-track {
    background: #efe7cf;
    border-radius: 999px;
}

.case-study-tabs .elementor-tabs-wrapper::-webkit-scrollbar-thumb {
    background: #c8b276;
    border-radius: 999px;
}

/* ---------- tab cards ---------- */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title {
    position: relative;
    background: #E8BC057A !important;
    border-radius: 5px !important;
    border: 1px solid rgba(120, 92, 0, 0.12) !important;
    padding: 14px 18px !important;
    min-width: 240px;
    width: 240px;
    height: 88px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    text-align: left;
    white-space: normal;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #2b160f !important;
    transition: all 0.25s ease;
    overflow: hidden;
    box-shadow: none !important;
}

/* dot */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title::before {
    content: "";
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    background: rgba(120, 92, 0, 0.18);
    flex-shrink: 0;
    display: block;
    align-self: center;
}

/* title text clamp */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* hover */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title:hover {
    transform: translateY(-1px);
    background: rgba(232, 188, 5, 0.60) !important;
}

/* selected / active */
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title.active-custom {
    background: #fef2da !important;
    border: 1px solid rgba(120, 92, 0, 0.28) !important;
}

.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active::before,
.case-study-tabs .elementor-tabs-wrapper .elementor-tab-title.active-custom::before {
    background: rgba(120, 92, 0, 0.32);
}

/* remove default Elementor tabs content */
.case-study-tabs .elementor-tabs-content-wrapper,
.case-study-tabs .elementor-tab-content {
    border: none !important;
}

.case-study-tabs .elementor-tab-content {
    padding-top: 0 !important;
    display: none !important;
}

/* remove duplicate mobile titles */
.case-study-tabs .elementor-tab-mobile-title {
    display: none !important;
}

/* ---------- content layout ---------- */
.case-study-layout {
    max-width: 1100px;
    margin: 0 auto;
}

.case-study-layout .elementor-container,
.case-study-layout .e-con-inner {
    align-items: flex-start;
}

.case-study-sidebar {
    position: sticky;
    top: 110px;
    align-self: flex-start;
}

.case-study-body {
    min-width: 0;
}

/* ---------- truncated story ---------- */
.case-study-copy.is-collapsed {
    position: relative;
    max-height: 280px;
    overflow: hidden;
}

.case-study-copy.is-collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    background: linear-gradient(to bottom, rgba(247,246,242,0), #f7f6f2 78%);
    pointer-events: none;
}

/* ---------- read more / less ---------- */
.case-read-more {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    transition: none;
}

/* READ MORE button state */
.case-read-more.is-read-more {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 16px;
    border-radius: 5px;
    border: 1px solid rgba(120, 92, 0, 0.22);
    background: #E8BC05 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.case-read-more.is-read-more:hover,
.case-read-more.is-read-more:focus,
.case-read-more.is-read-more:active {
    background: #d8ad04 !important;
    color: #ffffff !important;
    border: 1px solid rgba(120, 92, 0, 0.22);
    box-shadow: none !important;
    outline: none !important;
}

/* READ LESS text state */
.case-read-more.is-read-less,
.case-study-body .case-read-more.is-read-less,
.case-study-body .case-read-more.is-read-less:hover,
.case-study-body .case-read-more.is-read-less:focus,
.case-study-body .case-read-more.is-read-less:active {
    display: inline !important;
    margin-top: 18px;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    background-image: none !important;
    color: #8a8a8a !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
    text-decoration: none;
    box-shadow: none !important;
    outline: none !important;
}

.case-read-more.is-read-less:hover {
    color: #666666 !important;
    text-decoration: underline;
}

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
    .case-study-sidebar {
        position: static;
        top: auto;
    }

    .case-study-tabs::after,
    .case-study-tabs::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .case-study-tabs .elementor-tabs-wrapper {
        max-width: 100%;
        padding: 8px 36px 12px 6px;
        gap: 10px;
    }

    .case-study-tabs .elementor-tabs-wrapper .elementor-tab-title {
        min-width: 210px;
        width: 210px;
        height: 82px;
        font-size: 12px;
        padding: 12px 14px !important;
    }

    .case-study-tabs .elementor-tabs-wrapper .elementor-tab-title::before {
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
    }

    .case-study-copy.is-collapsed {
        max-height: 220px;
    }
}/* End custom CSS */