.casestudySection{padding:3.5rem 0}.casestudySection .csHeader{margin-bottom:2rem;text-align:center}.casestudySection .csHeader h2{color:var(--text-primary);font-family:EB Garamond,serif;font-size:45px;font-weight:600;letter-spacing:.5px;line-height:1.15}.casestudySection .grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.casestudySection .card{cursor:pointer;overflow:hidden;transition:transform .32s cubic-bezier(.25,.8,.25,1),box-shadow .32s}.casestudySection .card:focus .play-btn,.casestudySection .card:hover .play-btn{background:var(--accent-hover);opacity:1;transform:translate(-50%,-50%) scale(1.12)}.casestudySection .card:focus .img-overlay,.casestudySection .card:hover .img-overlay{opacity:1}.casestudySection .thumb-wrap{aspect-ratio:4/3;background:var(--text-white);border-radius:8px;overflow:hidden;position:relative;width:100%}.casestudySection .thumb-wrap img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.casestudySection .card:focus .thumb-wrap img,.casestudySection .card:hover .thumb-wrap img{transform:scale(1.04)}.casestudySection .img-overlay{background:linear-gradient(160deg,rgba(0,0,0,.02),rgba(0,0,0,.2));inset:0;opacity:.6;position:absolute;transition:opacity .3s}.casestudySection .play-btn{align-items:center;background:var(--accent-hover);border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.22);display:flex;height:55px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.25,.8,.25,1),background .3s;width:55px;z-index:2}.casestudySection .play-btn svg{fill:var(--text-white);height:20px;margin-left:3px;transition:fill .3s;width:20px}.casestudySection .card-info{padding:14px 0 0}.casestudySection .card-info h3{color:var(--text-primary);font-family:EB Garamond,serif;font-size:17px;font-weight:600;margin-bottom:4px}.casestudySection .card-info p{color:var(--text-secondary);font-family:Roboto,serif;font-size:13px;font-weight:400;letter-spacing:.2px}.casestudySection .play-btn:before{border:2px solid hsla(0,0%,100%,.5);border-radius:50%;content:"";inset:-5px;opacity:0;position:absolute;transition:opacity .3s}.casestudySection .card:focus .play-btn:before,.casestudySection .card:hover .play-btn:before{animation:pulse-ring 1.2s ease-out infinite;opacity:1}.casestudyPopup.modal-backdrop{align-items:center;backdrop-filter:blur(10px);background:rgba(87,97,82,.82);display:flex;inset:0;justify-content:center;opacity:0;padding:20px;pointer-events:none;position:fixed;top:3rem;transition:opacity .3s ease;z-index:100}.casestudyPopup.modal-backdrop.active{opacity:1;pointer-events:all}.casestudyPopup .modal-box{background:var(--text-primary);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);flex-shrink:0;opacity:0;overflow:visible;position:relative;transform:scale(.88) translateY(30px);transition:transform .38s cubic-bezier(.25,.8,.25,1),opacity .3s;width:280px}.casestudyPopup.modal-backdrop.active .modal-box{opacity:1;transform:scale(1) translateY(0)}.casestudyPopup .close-btn{align-items:center;background:var(--text-primary);border:2px solid hsla(0,0%,100%,.12);border-radius:50%;color:var(--text-white);cursor:pointer;display:flex;font-family:Roboto,serif;font-size:13px;height:34px;justify-content:center;padding:0;position:absolute;right:-14px;top:-20px;transition:background .2s,color .2s,border-color .2s;width:35px;z-index:20}.casestudyPopup .close-btn:focus,.casestudyPopup .close-btn:hover{background:var(--accent);color:var(--text-primary)}.casestudyPopup .modal-inner{border-radius:8px;overflow:hidden}.casestudyPopup .modal-header{align-items:center;background:var(--text-primary);display:flex;justify-content:space-between;padding:13px 16px 10px}.casestudyPopup .modal-title-block{width:100%}.casestudyPopup .modal-title-block h4{color:var(--text-white);font-family:EB Garamond,serif;font-size:15px;font-weight:700}.casestudyPopup .modal-title-block p{color:var(--text-secondary);font-family:Roboto,serif;font-size:12px;margin-top:5px}.casestudyPopup .mute-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;float:right;height:30px;justify-content:center;margin-right:10px;margin-top:10px;padding:0;position:relative;transition:background .2s;width:30px;z-index:9}.casestudyPopup .mute-btn,.casestudyPopup .mute-btn:focus,.casestudyPopup .mute-btn:hover{background:var(--text-white);color:var(--text-secondary);font-family:Roboto,serif}.casestudyPopup .mute-btn svg{fill:var(--text-white);height:15px;width:15px}.casestudyPopup .video-wrap{aspect-ratio:9/16;background:var(--text-primary);max-height:calc(100vh - 140px);overflow:hidden;position:relative;width:100%}.casestudyPopup .video-wrap iframe{border:none;bottom:0;height:calc(100% + 114px);left:0;position:absolute;top:-11.5%;width:100%}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media screen and (max-width:1199px){.casestudyPopup.modal-backdrop{align-items:center}.casestudyPopup .modal-box{width:250px}}@media screen and (max-width:991px){.casestudyPopup .video-wrap iframe{top:-13%}.casestudySection{padding:2rem 0 2.5rem}.casestudySection .csHeader{margin-bottom:1rem}.casestudySection .csHeader h2{font-size:36px}}@media screen and (max-width:860px){.casestudySection .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:575px){.casestudySection .grid{grid-template-columns:1fr}.casestudyPopup.modal-backdrop{align-items:flex-end}.casestudySection .csHeader h2{font-size:28px;line-height:1.1}.casestudySection{padding:1.8rem 0}.casestudySection .grid{gap:18px}.casestudySection .card-info{padding:8px 0 0}}