.works-section{padding-top:74px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters button{border:1px solid #cfd9e7;border-radius:999px;background:#fff;color:var(--deep);padding:10px 17px;font-size:14px;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.filters button:hover{border-color:#8ea5c2}.filters button.active{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 6px 16px rgba(2,31,75,.15)}.portfolio-intro{max-width:760px;margin:48px 0 34px}.portfolio-intro .section-title{margin-top:14px}.portfolio-intro p{margin:18px 0 0;color:#647388;font-size:17px;line-height:1.7}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.works-grid>.reveal{min-width:0}.work{position:relative;display:block;width:100%;min-height:0;padding:0;overflow:hidden;border:0;border-radius:18px;background:var(--deep);color:#fff;text-align:left;cursor:pointer;isolation:isolate;box-shadow:0 8px 24px rgba(2,31,75,.09)}.filters button:focus-visible,.modal-arrow:focus-visible,.modal-close:focus-visible,.modal-thumbnails button:focus-visible,.work:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.work-image{aspect-ratio:4/3;overflow:hidden}.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.work-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,59,.04) 20%,rgba(2,23,65,.91));transition:background .36s ease}.work-content{position:absolute;right:0;bottom:0;left:0;padding:30px 26px 25px;z-index:1}.modal-details small,.work-content small{display:block;color:#ffab5c;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.work-content h3{max-width:90%;margin-top:9px;font-size:clamp(22px,2vw,28px);line-height:1.12}.work-content h3:after{content:"";display:block;width:28px;height:2px;margin-top:13px;background:var(--orange);transition:width .32s ease}.work-content span{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:14px;font-weight:700;opacity:.86;transition:opacity .3s ease}.work-content b{font-size:18px;font-weight:400;transition:transform .3s ease}.work:hover .work-image img{transform:scale(1.04)}.work:hover .work-overlay{background:linear-gradient(180deg,rgba(2,20,59,.25) 15%,rgba(2,23,65,.96))}.work:hover .work-content h3:after{width:46px}.work:hover .work-content span{opacity:1}.work:hover .work-content b{transform:translateX(4px)}.project-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:30px;background:rgba(0,10,34,.76)}.project-modal{position:relative;width:min(920px,100%);max-height:calc(100vh - 60px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 25px 70px rgba(0,10,34,.42)}.modal-image{position:relative;aspect-ratio:16/9;background:var(--navy)}.modal-image img{object-fit:cover}.modal-arrow,.modal-close{position:absolute;z-index:2;display:grid;place-items:center;border:0;color:#fff;cursor:pointer}.modal-close{top:15px;right:15px;width:42px;height:42px;border-radius:50%;background:rgba(1,18,53,.76);font-size:28px;line-height:1}.modal-arrow{top:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:rgba(1,18,53,.7);font-size:26px;transition:background .25s ease}.modal-arrow:hover,.modal-close:hover{background:var(--orange)}.modal-arrow.previous{left:18px}.modal-arrow.next{right:18px}.modal-details{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:27px 30px 30px;color:var(--deep)}.modal-details>div:first-child{max-width:575px}.modal-details small{color:var(--orange)}.modal-details small span{margin:0 6px;color:#7f8da0}.modal-details h2{margin-top:8px;font-size:30px}.modal-details p{margin:12px 0 0;color:#5c6b7e;line-height:1.65}.modal-thumbnails{display:flex;flex:0 0 auto;gap:9px}.modal-thumbnails button{position:relative;width:68px;height:48px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:7px;background:#dfe7ef;opacity:.68;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.modal-thumbnails button.active{border-color:var(--orange);opacity:1}.modal-thumbnails img{object-fit:cover}@media(max-width:980px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-details{align-items:flex-start;flex-direction:column}.modal-thumbnails{width:100%}}@media(max-width:680px){.works-section{padding-top:56px}.portfolio-intro{margin:38px 0 28px}.portfolio-intro p{font-size:16px}.works-grid{grid-template-columns:1fr;gap:16px}.work-content{padding:27px 23px 22px}.project-modal-backdrop{padding:0}.project-modal{width:100%;max-height:100vh;height:100vh;border-radius:0}.modal-image{aspect-ratio:4/3}.modal-close{top:12px;right:12px}.modal-arrow{top:calc(33.33vw - 24px);width:44px;height:44px}.modal-arrow.previous{left:12px}.modal-arrow.next{right:12px}.modal-details{gap:22px;padding:24px 20px 28px}.modal-details h2{font-size:27px}.modal-thumbnails{overflow-x:auto;padding-bottom:4px}.modal-thumbnails button{flex:0 0 76px;height:54px}}