.reference-hero{color:#fff;background:#071a34;padding:175px 0 105px;position:relative;overflow:hidden}.reference-hero:after{content:"";border:1px solid #6ca4ff29;border-radius:50%;width:520px;height:520px;position:absolute;top:-240px;right:-120px;box-shadow:0 0 0 70px #6ca4ff06,0 0 0 140px #6ca4ff05}.reference-hero-grid{z-index:1;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;display:grid;position:relative}.reference-hero h1{margin-bottom:22px;font-size:clamp(48px,6vw,76px)}.reference-hero p{color:#b9c9dc;max-width:680px;font-size:19px}.reference-facts{border-left:1px solid #ffffff29;gap:24px;padding-left:45px;display:grid}.reference-facts div{flex-direction:column;display:flex}.reference-facts strong{color:#fff;font-size:28px}.reference-facts span{color:#8fa5bf;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.reference-intro{background:#fff;padding:85px 0 55px}.reference-intro .container{grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.reference-intro span{color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.reference-intro h2{margin-bottom:0;font-size:clamp(34px,4vw,50px)}.reference-intro p{color:var(--muted);max-width:540px;font-size:17px}.reference-section{background:#fff;padding:20px 0 110px}.reference-gallery{columns:3;column-gap:18px}.reference-photo{break-inside:avoid;cursor:pointer;text-align:left;background:#e9eef5;border:0;border-radius:18px;width:100%;margin:0 0 18px;padding:0;display:block;position:relative;overflow:hidden}.reference-photo img{width:100%;height:auto;transition:transform .55s}.reference-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 38%,#030e1edb);flex-direction:column;justify-content:flex-end;padding:26px;transition:opacity .3s;display:flex;position:absolute;inset:0}.reference-overlay small{text-transform:uppercase;letter-spacing:.13em;color:#9bc3ff;font-size:10px}.reference-overlay strong{margin-top:3px;font-size:17px}.reference-overlay i{color:#d7e6fa;margin-top:10px;font-size:11px;font-style:normal}.reference-photo:hover img{transform:scale(1.025)}.reference-photo:hover .reference-overlay,.reference-photo:focus-visible .reference-overlay{opacity:1}.reference-photo:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a16f2;place-items:center;padding:50px 95px;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;justify-content:center;align-items:center;max-width:min(1200px,100%);height:calc(100vh - 100px);margin:0;display:flex}.lightbox figure img{object-fit:contain;border-radius:7px;max-width:100%;max-height:calc(100% - 65px);box-shadow:0 25px 80px #00000073}.lightbox figcaption{color:#fff;text-align:center;padding-top:16px;font-weight:700}.lightbox figcaption small{color:#79adfa;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px;font-size:10px;display:block}.lightbox button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute}.lightbox button:hover{color:#071a34;background:#fff}.lightbox-close{width:45px;height:45px;font-size:29px;top:22px;right:25px}.lightbox-prev,.lightbox-next{width:52px;height:52px;font-size:38px;top:calc(50% - 26px)}.lightbox-prev{left:25px}.lightbox-next{right:25px}@media (max-width:900px){.reference-hero-grid{grid-template-columns:1fr;gap:40px}.reference-facts{border-top:1px solid #ffffff29;border-left:0;grid-template-columns:repeat(3,1fr);padding:28px 0 0}.reference-intro .container{grid-template-columns:1fr;gap:24px}.reference-gallery{columns:2}}@media (max-width:600px){.reference-hero{padding:130px 0 70px}.reference-hero h1{font-size:44px}.reference-facts{grid-template-columns:1fr 1fr;gap:18px}.reference-facts div:last-child{grid-column:1/-1}.reference-intro{padding:65px 0 40px}.reference-section{padding-bottom:75px}.reference-gallery{columns:1}.reference-overlay{opacity:1;padding:22px}.lightbox{padding:65px 14px}.lightbox-prev,.lightbox-next{width:45px;height:45px;top:auto;bottom:15px}.lightbox-prev{left:calc(50% - 55px)}.lightbox-next{right:calc(50% - 55px)}.lightbox-close{top:14px;right:14px}}