.sample-card{cursor:pointer;will-change:transform,box-shadow;break-inside:avoid;vertical-align:top;background:linear-gradient(145deg,#fff 0%,#f8faf9 100%);border:1px solid #59a96a26;border-radius:16px;width:100%;margin-bottom:35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;overflow:hidden}@media (max-width:768px){.sample-card{margin-bottom:15px}}.sample-card:hover{border-color:#59a96a66;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #59a96a40,0 8px 16px #0000001a,inset 0 1px #ffffffe6}.sample-image{background:linear-gradient(135deg,#f0f4f1 0%,#e8efe9 50%,#f5f8f6 100%);width:100%;position:relative;overflow:hidden}.sample-image img{object-fit:cover;object-position:center;will-change:transform;width:100%;height:auto;transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .3s;display:block}.sample-card:hover .sample-image img{filter:brightness(1.05);transform:scale(1.1)}.sample-image:before{content:"";opacity:0;z-index:2;will-change:opacity;background:linear-gradient(#10294200 0% 50%,#10294299 100%);transition:opacity .4s;position:absolute;inset:0}.sample-card:hover .sample-image:before{opacity:1}.sample-image:after{content:"👁 View";-webkit-backdrop-filter:blur(10px);color:#102942;opacity:0;z-index:3;letter-spacing:.5px;background:#fffffff2;border-radius:50px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 15px #00000026}.sample-card:hover .sample-image:after{opacity:1;transform:translate(-50%)translateY(0)}.modal{z-index:1000;background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{justify-content:center;align-items:center;display:flex}.modal-content{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.modal-image{object-fit:contain;max-width:100%;max-height:100%}.modal-close{color:#fff;cursor:pointer;z-index:1001;padding:5px;font-size:2.5rem;line-height:1;position:absolute;top:20px;right:30px}.modal-close:hover{color:#ccc}.modal-nav{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000004d;padding:10px 15px;font-size:2rem;transition:background .2s,color .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{color:#ccc;background:#00000080}.modal-prev{left:20px}.modal-next{right:20px}@media (max-width:1024px){.sample-card{transition:all .3s!important}.sample-image{height:280px}.sample-card:hover{transform:translateY(-8px)scale(1.01)}.sample-image:after{padding:6px 16px;font-size:.8rem}}@media (max-width:768px){.sample-image{height:240px}.sample-card:hover{transform:translateY(-6px)}.sample-card:hover .sample-image img{transform:scale(1.05)}.sample-image:after{padding:6px 14px;font-size:.75rem;bottom:12px}.modal-close{font-size:2rem;top:15px;right:15px}.modal-nav{padding:8px 12px;font-size:1.5rem}.modal-prev{left:10px}.modal-next{right:10px}}@media (max-width:480px){.sample-image{height:200px}.sample-card{border-radius:12px!important}.sample-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #59a96a33,0 4px 8px #00000014}.sample-card:hover .sample-image img{transform:scale(1.03)}.sample-image:after{padding:5px 12px;font-size:.7rem;bottom:10px}.modal-close{font-size:1.5rem;top:10px;right:10px}.modal-nav{padding:6px 10px;font-size:1.2rem}.modal-prev{left:5px}.modal-next{right:5px}}@media (max-width:360px){.sample-image{height:160px}.sample-image:after{padding:4px 10px;font-size:.65rem;bottom:8px}.sample-card{border-radius:10px!important}}@media (prefers-reduced-motion:reduce){.sample-card,.sample-image img,.sample-image:before,.sample-image:after,.modal-nav{will-change:auto;transition:none!important}.sample-card:hover,.sample-card:hover .sample-image img{transform:none}.sample-card:hover .sample-image:after{transform:translate(-50%)}}