.case-studies-page{padding-top:80px}.case-studies-hero{padding:3cap 0 2rem;position:relative}.case-studies-title{color:#1a1919;text-align:left;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.1}.case-studies-subtitle{color:#666;text-align:left;max-width:min(800px,90%);margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.case-studies-featured{background:#fff;padding:60px 0}.case-studies-featured-content{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,60px);max-width:1400px;margin:0 auto;display:grid}.case-studies-image-wrapper{aspect-ratio:16/9;background:#f8fafc;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-studies-image{object-fit:fill}.case-studies-image-overlay{z-index:1;position:absolute;top:20px;left:20px}.case-studies-image-label{color:#fff;background:#0066cce6;border-radius:30px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-block}.case-studies-featured-text{flex-direction:column;gap:16px;display:flex}.case-studies-featured-meta{color:#666;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.case-studies-featured-type{color:#666}.case-studies-featured-read-time{color:#999}.case-studies-featured-read-time:before{content:"•";margin-right:8px}.case-studies-featured-title{color:#1a1a1a;margin:0;font-size:36px;font-weight:600;line-height:1.2}.case-studies-featured-description{color:#666;margin:0;font-size:18px;line-height:1.6}.case-studies-main-section{background:#fff;padding:40px 0}.case-studies-main-layout{grid-template-columns:350px 1fr;align-items:start;gap:clamp(2rem,5vw,60px);max-width:1400px;margin:0 auto;display:grid}.case-studies-filters-section{max-height:calc(100vh - 120px);position:sticky;top:100px;overflow-y:auto}.case-studies-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.case-studies-browse-title{color:#1a1a1a;font-size:clamp(1.5rem,3vw,3rem);font-weight:600}.case-studies-search-wrapper{width:100%;max-width:400px;position:relative}.case-studies-search{border:1px solid #ddd;width:100%;padding:12px 16px 12px 44px;font-size:16px;transition:border-color .3s}.case-studies-search:focus{border-color:#06c;outline:none}.case-studies-search-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.case-studies-filters{flex-direction:column;gap:16px;display:flex}.case-studies-filters-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.case-studies-filters-title{color:#1a1a1a;font-size:18px;font-weight:600}.case-studies-reset-filters{color:#06c;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:opacity .3s}.case-studies-reset-filters:hover{opacity:.8}.case-studies-filter-group{border-bottom:1px solid #e5e5e5;padding-bottom:16px}.case-studies-filter-label{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-size:16px;font-weight:500;display:flex}.case-studies-filter-arrow{color:#666;transition:transform .3s}.case-studies-filter-arrow.open{transform:rotate(180deg)}.case-studies-filter-options{flex-direction:column;gap:12px;margin-left:16px;padding:16px 0;display:flex}.case-studies-filter-option{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.case-studies-filter-option input[type=checkbox]{cursor:pointer;accent-color:#06c;width:18px;height:18px}.case-studies-grid-section{width:100%}.case-studies-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:clamp(1.5rem,2vw,32px);max-width:100%;display:grid}.case-study-card{color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.case-study-card:hover{box-shadow:0 8px 24px #0000001f}.case-study-image-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;height:240px;display:flex;position:relative;overflow:hidden}.case-study-image{object-fit:fill}.case-study-content{flex-direction:column;flex:1;padding:24px 0 0;display:flex}.case-study-meta{color:#666;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.case-study-category{color:#06c;font-weight:600}.case-study-type{color:#666}.case-study-read-time{color:#999}.case-study-title{color:#1a1a1a;margin-bottom:12px;font-size:20px;font-weight:600;line-height:1.4}.case-study-description{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.case-study-link{color:#06c;align-items:center;gap:8px;margin-top:auto;font-size:16px;font-weight:500;transition:gap .3s;display:flex}.case-study-card:hover .case-study-link{gap:12px}.case-study-arrow{transition:transform .3s}.case-studies-no-results{text-align:center;color:#666;padding:80px 20px;font-size:18px}@media (max-width:1024px){.case-studies-hero{padding:2.5rem 0 1.75rem}.case-studies-title{font-size:clamp(2.5rem,5vw,3rem)}.case-studies-subtitle{font-size:clamp(1.125rem,2.5vw,1.25rem)}.case-studies-featured{padding:4rem 0}.case-studies-featured-content{gap:3rem}.case-studies-featured-title{font-size:clamp(2rem,4vw,2.25rem)}.case-studies-featured-description{font-size:clamp(1rem,2vw,1.125rem)}.case-studies-main-layout{grid-template-columns:1fr;gap:3rem}.case-studies-filters-section{max-height:none;position:static;overflow-y:visible}.case-studies-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.case-study-image-wrapper{height:220px}}@media (max-width:768px){.case-studies-hero{padding:2rem 0 1.5rem}.case-studies-title{margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.25rem)}.case-studies-subtitle{font-size:clamp(1rem,2.5vw,1.125rem)}.case-studies-featured{padding:3rem 0}.case-studies-featured-content{grid-template-columns:1fr;gap:2rem}.case-studies-image-wrapper{order:-1}.case-studies-featured-title{font-size:clamp(1.5rem,4vw,1.75rem)}.case-studies-featured-description{font-size:clamp(.95rem,2vw,1rem)}.case-studies-main-section{padding:2rem 0}.case-studies-header{flex-direction:column;align-items:stretch;margin-bottom:2rem}.case-studies-browse-title{font-size:clamp(1.25rem,3vw,1.5rem)}.case-studies-search-wrapper{max-width:100%}.case-studies-grid{grid-template-columns:1fr;gap:1.5rem}.case-study-image-wrapper{height:200px}.case-study-title{font-size:clamp(1.125rem,2.5vw,1.25rem)}.case-study-description{font-size:clamp(.9rem,2vw,.95rem)}.case-studies-filters{gap:12px}.case-studies-filter-options{margin-left:0}}@media (max-width:480px){.case-studies-title{font-size:1.75rem}.case-studies-subtitle{font-size:1rem}.case-studies-featured-title{font-size:1.5rem}.case-studies-featured-description{font-size:.95rem}.case-study-image-wrapper{height:180px}.case-study-title{font-size:1.125rem}.case-study-description{font-size:.9rem}}
