.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fff;max-width:800px;width:90%;max-height:90vh;border-radius:20px;overflow-y:auto;position:relative;padding:2rem;transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close{position:absolute;top:5px;right:10px;font-size:28px;cursor:pointer;background:none;border:none;font-weight:700;color:#333}.modal-image{width:100%;height:300px;background-size:cover;background-position:center;border-radius:12px;margin-bottom:20px}.modal-title{color:#000;font-size:28px;margin-bottom:12px}.modal-short-desc{font-size:16px;color:#555;margin-bottom:20px;border-left:3px solid #ccc;padding-left:12px}.modal-full-desc{font-size:16px;line-height:1.5;color:#222}.case-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.case-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.cases-page{width:100%;padding:24px 16px 80px;color:#fff}.cases-topline{max-width:1280px;margin:0 auto 22px;display:flex;justify-content:center;gap:14px;align-items:center;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#ffffffad}.cases-topline .dot{color:#ffffff52}.cases-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:92px;gap:12px;width:100%;align-items:stretch;justify-items:stretch;grid-auto-flow:dense}.case-item{width:100%;min-width:0;display:block;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.case-item.is-visible{opacity:1;transform:translateY(0)}.case-card{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:26px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;box-shadow:0 18px 50px #0006,inset 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.case-card:hover{transform:scale(1.01);box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff14}.case-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000085),linear-gradient(90deg,rgba(0,0,0,.14),transparent 55%,rgba(0,0,0,.1));z-index:1;pointer-events:none}.case-card__content{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:8px}.case-card__short{color:#ffffffe0;line-height:1.45;font-size:13px;text-shadow:0 2px 14px rgba(0,0,0,.35)}.case-card__title{font-weight:700;line-height:1.05;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.48);font-size:24px}.case-card__image{position:absolute;right:18px;bottom:18px;z-index:2}.case-card__image img{display:block;height:104px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.case-item--small{grid-column:span 3;grid-row:span 2}.case-item--medium{grid-column:span 4;grid-row:span 3}.case-item--wide{grid-column:span 6;grid-row:span 3}.case-item--tall,.case-item--hh{grid-column:span 4;grid-row:span 5}.case-item:nth-child(1){grid-column:1 / span 4;grid-row:1 / span 5}.case-item:nth-child(2){grid-column:5 / span 4;grid-row:1 / span 3}.case-item:nth-child(3){grid-column:9 / span 4;grid-row:1 / span 4}.case-item:nth-child(4){grid-column:5 / span 3;grid-row:4 / span 2}.case-item:nth-child(5){grid-column:8 / span 5;grid-row:5 / span 4}.case-item:nth-child(6){grid-column:1 / span 3;grid-row:6 / span 4}.case-item:nth-child(7){grid-column:4 / span 4;grid-row:7 / span 4}.case-item:nth-child(8){grid-column:8 / span 3;grid-row:9 / span 2}.case-modal{position:fixed;inset:0;z-index:9999;display:none}.case-modal.active{display:block}.case-modal__backdrop{position:absolute;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-modal__dialog{position:relative;z-index:2;width:min(92vw,1100px);margin:5vh auto 0;border-radius:28px;overflow:hidden;background:#0b0b0b;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px #000000a6;animation:modalIn .22s ease-out}.case-modal__close{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border:0;border-radius:999px;background:#ffffff1a;color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.case-modal__close:hover{background:#ffffff2e;transform:scale(1.04)}.case-modal__image{width:100%;height:390px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.08)}.case-modal__content{padding:28px}.case-modal__title{font-size:clamp(24px,4vw,40px);line-height:1.05;font-weight:700;letter-spacing:-.03em;margin-bottom:12px}.case-modal__short{font-size:16px;color:#ffffffd1;line-height:1.65;margin-bottom:16px}.case-modal__full{white-space:pre-line;font-size:15px;line-height:1.75;color:#ffffffb8}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1440px){.case-card__title{font-weight:700;line-height:1.05;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.48);font-size:22px}}@media(max-width:1000px){.case-card__title{font-weight:700;line-height:1.05;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.48);font-size:16px}.cases-page{padding-inline:10px}.cases-topline{font-size:10px;gap:10px;letter-spacing:.18em}.cases-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.case-item,.case-item:nth-child(n){grid-column:auto!important;grid-row:auto!important;justify-self:stretch}.case-card{min-height:260px;border-radius:22px}.case-card__short{font-size:12px}.case-card__title{font-size:22px}.case-card__image img{height:76px}.case-modal__dialog{width:min(94vw,900px);margin-top:3vh}.case-modal__image{height:240px}.case-modal__content{padding:18px}}