.portfolio-intro{padding:105px 7vw 72px;background:#17102f;color:#fff}.portfolio-intro h2{font:800 clamp(40px,5.5vw,72px)/1.08 Manrope;margin:12px 0 22px;max-width:850px}.portfolio-intro>p:not(.section-tag){max-width:760px;color:#c9c2da;font-size:18px;line-height:1.7}.project-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.project-jump a{padding:11px 16px;border:1px solid #62577d;color:#fff;text-decoration:none;font:700 13px Manrope;transition:.2s}.project-jump a:hover,.project-jump a:focus-visible{background:#ed3038;border-color:#ed3038}.project-gallery{padding:105px 7vw;background:#f4f2f8;scroll-margin-top:76px}.project-gallery.alt-project{background:#fff}.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:48px}.gallery-heading h2{font:800 clamp(38px,5vw,66px)/1.08 Manrope;margin:0;color:#17102f}.gallery-heading>p,.project-copy p{color:#667386;font-size:17px;line-height:1.7;margin:0}.project-copy .product-list{margin-top:12px;color:#31264a;font-size:15px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:14px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;background:#211541;cursor:zoom-in}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:brightness(.86)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 15px;background:linear-gradient(transparent,rgba(10,7,24,.8));color:#fff;text-align:left;font:700 13px Manrope;letter-spacing:.04em}.gallery-item:focus-visible{outline:3px solid #ed3038;outline-offset:3px}.gallery-dialog{width:min(92vw,900px);max-height:90vh;padding:0;border:0;background:#0d0919;box-shadow:0 24px 80px rgba(0,0,0,.55)}.gallery-dialog::backdrop{background:rgba(4,2,10,.85)}.gallery-dialog img{display:block;max-width:100%;max-height:86vh;margin:auto}.gallery-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:28px;line-height:1;cursor:pointer;color:#17102f}@media(max-width:900px){.gallery-heading{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}}@media(max-width:560px){.portfolio-intro,.project-gallery{padding:75px 7vw}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:320px}.gallery-item.tall{grid-row:span 1}.gallery-item.wide{grid-column:span 1}.project-jump a{width:100%}}
