.portfolio-page{color:#101c2a;background:#f3f6f8;min-height:100vh}.portfolio-nav{z-index:20;background:#fff;border-bottom:1px solid #d9e3ea;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex;position:sticky;top:0}.portfolio-nav>a:last-child{color:#1479bb;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.portfolio-brand{align-items:center;gap:12px;display:flex}.portfolio-brand>span{color:#6dc0ef;background:#071a33;place-items:center;width:43px;height:43px;font-size:25px;font-weight:950;display:grid}.portfolio-brand b,.portfolio-brand small{display:block}.portfolio-brand b{letter-spacing:.07em;color:#071a33;font-size:17px}.portfolio-brand small{letter-spacing:.14em;color:#71879b;margin-top:4px;font-size:7px}.portfolio-hero{color:#fff;background:linear-gradient(112deg,#041326,#0a315a);padding:90px 7vw 80px;position:relative;overflow:hidden}.portfolio-hero:after{content:"";border:70px solid #1785cd19;width:520px;height:520px;position:absolute;top:-200px;right:-120px;transform:rotate(35deg)}.portfolio-hero>p,.portfolio-album>header p,.portfolio-cta p,.portfolio-browser>aside>p{letter-spacing:.18em;color:#68bff0;font-size:9px;font-weight:950}.portfolio-hero h1{letter-spacing:-.06em;z-index:1;margin:18px 0 28px;font-size:clamp(54px,7vw,98px);line-height:.88;position:relative}.portfolio-hero h1 em{color:#72c5f1;font-style:normal}.portfolio-hero>span{color:#c0ceda;z-index:1;max-width:680px;font-size:14px;line-height:1.75;display:block;position:relative}.portfolio-browser{grid-template-columns:250px 1fr;gap:35px;max-width:1500px;margin:0 auto;padding:55px 5vw 90px;display:grid}.portfolio-browser>aside{background:#071a33;align-self:start;padding:22px;position:sticky;top:110px}.portfolio-browser>aside>p{margin:4px 7px 17px}.portfolio-browser>aside button{color:#acc0d1;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff18;width:100%;padding:15px 8px;display:block}.portfolio-browser>aside button.active{color:#fff;background:#1685d1;padding-left:15px}.portfolio-browser>aside b,.portfolio-browser>aside span{display:block}.portfolio-browser>aside b{font-size:12px}.portfolio-browser>aside span{opacity:.7;margin-top:4px;font-size:8px}.portfolio-album>header{background:#fff;border:1px solid #d9e3ea;grid-template-columns:1fr 120px;align-items:center;gap:25px;margin-bottom:18px;padding:34px;display:grid}.portfolio-album>header h2{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(33px,4vw,54px)}.portfolio-album>header div>span{color:#637587;max-width:800px;font-size:12px;line-height:1.7;display:block}.portfolio-album>header>b{color:#1479bb;border-left:1px solid #d9e3ea;padding-left:25px;font-size:38px}.portfolio-album>header>b small{color:#788b9c;text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:8px;display:block}.public-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gallery-photo{cursor:pointer;background:#0a2948;border:0;min-height:260px;padding:0;position:relative;overflow:hidden}.gallery-photo img{object-fit:cover;width:100%;height:100%;transition:all .35s;position:absolute;inset:0}.gallery-photo span{color:#fff;letter-spacing:.1em;opacity:0;background:#071a33e8;padding:8px 11px;font-size:8px;font-weight:900;transition:all .2s;position:absolute;bottom:12px;left:12px}.gallery-photo:hover img{transform:scale(1.035)}.gallery-photo:hover span{opacity:1}.portfolio-loading,.portfolio-empty{text-align:center;background:#fff;border:1px solid #d9e3ea;max-width:900px;margin:70px auto;padding:55px}.portfolio-empty b,.portfolio-empty span,.portfolio-empty a{display:block}.portfolio-empty b{font-size:25px}.portfolio-empty span{color:#6b7c8d;margin:12px 0 25px}.portfolio-empty a{color:#1479bb;font-weight:900}.portfolio-no-photos{text-align:center;color:#6f8294;background:#fff;border:1px dashed #bacbd8;padding:60px}.portfolio-cta{color:#fff;background:#1685d1;justify-content:space-between;align-items:center;padding:60px 7vw;display:flex}.portfolio-cta h2{margin:10px 0;font-size:clamp(32px,4vw,56px);line-height:1}.portfolio-cta p{color:#d5effd}.portfolio-cta>a{text-transform:uppercase;letter-spacing:.08em;background:#071a33;padding:17px 20px;font-size:10px;font-weight:900}.photo-lightbox{z-index:100;background:#020b13f2;grid-template-columns:70px 1fr 70px;align-items:center;padding:25px;display:grid;position:fixed;inset:0}.photo-lightbox figure{grid-template-rows:minmax(0,1fr) auto;justify-items:center;max-height:92vh;margin:0;display:grid}.photo-lightbox figure>img{object-fit:contain;max-width:100%;max-height:80vh;display:block}.photo-lightbox figcaption{color:#fff;align-items:center;gap:18px;width:min(100%,1100px);padding:15px 5px;display:flex}.photo-lightbox figcaption b{font-size:12px}.photo-lightbox figcaption span{color:#9fb3c4;font-size:9px}.photo-lightbox figcaption a{color:#71c4f0;margin-left:auto;font-size:9px;font-weight:900}.photo-lightbox>button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:55px}.lightbox-close{position:absolute;top:12px;right:20px;font-size:38px!important}.photo-fallback{color:#fff;text-align:center;background:#102b44;place-content:center;min-height:260px;padding:25px;display:grid}.photo-fallback b,.photo-fallback span,.photo-fallback a{display:block}.photo-fallback span{color:#b8c8d5;margin:8px 0;font-size:10px}.photo-fallback a{color:#67c1ef;font-size:9px}.photo-fallback.full{width:min(900px,80vw);height:65vh}.photo-fallback.full a{font-size:12px}@media (width<=950px){.portfolio-browser{grid-template-columns:1fr}.portfolio-browser>aside{gap:4px;display:flex;position:static;overflow-x:auto}.portfolio-browser>aside>p{display:none}.portfolio-browser>aside button{border-top:0;min-width:180px}.public-photo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.portfolio-nav{height:70px;padding:0 4vw}.portfolio-brand small{display:none}.portfolio-nav>a:last-child{font-size:8px}.portfolio-hero{padding:70px 6vw}.portfolio-browser{gap:18px;padding:25px 4vw 60px}.portfolio-album>header{grid-template-columns:1fr;padding:24px}.portfolio-album>header>b{border-top:1px solid #d9e3ea;border-left:0;padding:15px 0 0}.public-photo-grid{grid-template-columns:1fr}.gallery-photo{min-height:290px}.portfolio-cta{padding:50px 6vw;display:block}.portfolio-cta>a{margin-top:18px;display:inline-block}.photo-lightbox{grid-template-columns:38px 1fr 38px;padding:10px}.photo-lightbox>button{font-size:38px}.photo-lightbox figcaption{flex-wrap:wrap}.photo-lightbox figcaption a{width:100%;margin:0}.photo-fallback.full{width:76vw}}.featured-project{color:#fff;background:#071a33;scroll-margin-top:84px}.featured-intro{max-width:1500px;margin:auto;padding:92px 7vw 85px}.featured-intro>span,.chapter-copy>span{color:#72c5f1;letter-spacing:.16em;font-size:12px;font-weight:800}.featured-intro h2{letter-spacing:-.06em;margin:24px 0;font-size:clamp(3.4rem,8vw,8rem);line-height:.95}.featured-intro h2 em{color:#72c5f1;font-style:normal}.featured-intro p{color:#ccdae7;max-width:660px;font-size:1.15rem;line-height:1.65}.featured-intro a{color:#a8dcf7;border-bottom:1px solid #72c5f1;margin-top:25px;padding-bottom:9px;font-weight:750;display:inline-block}.project-chapter{border-top:1px solid #ffffff24;max-width:1500px;margin:auto;padding:70px 7vw 95px}.chapter-copy{max-width:640px;margin-bottom:34px}.chapter-copy h3{letter-spacing:-.05em;margin:16px 0;font-size:clamp(2.3rem,5vw,5rem);line-height:1.03}.chapter-copy p{color:#c7d7e5;font-size:1.05rem;line-height:1.65}.chapter-grid{gap:12px;display:grid}.before-grid{grid-template-columns:1.5fr 1fr 1fr}.chapter-grid figure{background:#153753;min-width:0;margin:0;position:relative;overflow:hidden}.chapter-grid img{object-fit:cover;width:100%;height:100%;min-height:310px;transition:transform .8s;display:block}.chapter-grid figure:hover img{transform:scale(1.035)}.chapter-grid figcaption{background:linear-gradient(#0000,#051526c9);padding:30px 18px 16px;font-size:.85rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.before-grid figure:first-child{grid-row:span 2}.before-grid figure:first-child img{min-height:632px}.project-finished{scroll-margin-top:84px}.finished-hero{margin-bottom:12px;position:relative;overflow:hidden}.finished-hero img{object-fit:cover;width:100%;max-height:760px;display:block}.finished-hero span{letter-spacing:.11em;background:#071a33e8;padding:12px 16px;font-size:.8rem;font-weight:800;position:absolute;bottom:22px;left:22px}.finished-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finished-grid img{height:390px}.project-reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(34px)}.project-reveal.is-visible{opacity:1;transform:none}@media (width<=850px){.before-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.before-grid figure:first-child{grid-row:auto}.before-grid figure:first-child img{min-height:310px}.finished-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finished-grid figure:last-child{grid-column:1/-1}}@media (width<=600px){.featured-intro{padding:65px 6vw}.project-chapter{padding:55px 5vw 70px}.before-grid,.finished-grid{grid-template-columns:1fr 1fr;gap:7px}.chapter-grid img,.before-grid figure:first-child img{height:230px;min-height:210px}.before-grid figure:first-child,.finished-grid figure:last-child{grid-column:1/-1}.before-grid figure:first-child img,.finished-grid figure:last-child img{height:300px}.chapter-grid figcaption{padding:25px 10px 12px;font-size:.75rem}.finished-hero span{font-size:.7rem;bottom:10px;left:10px}}@media (prefers-reduced-motion:reduce){.project-reveal{opacity:1;transition:none;transform:none}.chapter-grid img{transition:none}}