:root{--p-brand:#00246B;--p-action:#2D73FD;--p-hover:#1E5ED8;--p-navy:#071426;--p-surface:#0B1F38;--p-accent:#2d73fd;--p-text:#101828;--p-strong:#344054;--p-copy:#475467;--p-muted:#667085;--p-border:#D9E2EC;--p-tint:#EEF4FF;--p-light:#F7F9FC;--p-white:#ffffff;--p-radius:16px;--p-shadow:0 18px 45px rgba(7,20,38,.08)}html{scroll-behavior:smooth}.portfolio-page{margin:0;overflow-x:hidden;color:var(--p-text);background:#ffffff;font:16px/1.65 Inter,sans-serif}.portfolio-page *,.portfolio-page *:before,.portfolio-page *:after{box-sizing:border-box}.portfolio-page img{display:block;max-width:100%}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3{margin:0;color:var(--p-text);font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.035em}.portfolio-page p{margin:0}.portfolio-page .container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;border-radius:8px;color:#ffffff;background:var(--p-navy);transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}.portfolio-header{position:sticky;z-index:100;top:0;height:80px;border-bottom:1px solid rgba(217,226,236,.8);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px}.brand{display:inline-flex;align-items:center}.brand img{width:154px;height:auto}.portfolio-header nav{display:flex;align-items:center;gap:30px}.portfolio-header nav>a:not(.button){position:relative;color:var(--p-strong);font:700 15px Manrope,sans-serif;text-decoration:none}.portfolio-header nav>a[aria-current=page]{color:var(--p-action)}.portfolio-header nav>a:not(.button):after{position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:3px;background:var(--p-action);content:"";transform:scaleX(0);transition:transform .2s}.portfolio-header nav>a:hover:after,.portfolio-header nav>a:focus-visible:after,.portfolio-header nav>a[aria-current=page]:after{transform:scaleX(1)}.menu-toggle{display:none;align-items:center;gap:10px;min-width:48px;min-height:48px;border:1px solid var(--p-border);border-radius:10px;color:var(--p-brand);background:#ffffff;font:700 15px Manrope}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;content:""}.menu-toggle i{position:relative}.menu-toggle i:before{position:absolute;top:-6px}.menu-toggle i:after{position:absolute;top:6px}.portfolio-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border:2px solid var(--p-action);border-radius:10px;color:#ffffff!important;background:var(--p-action);font:700 16px/1.2 Manrope,sans-serif;text-decoration:none;transition:.2s}.portfolio-page .button:hover{border-color:var(--p-hover);background:var(--p-hover);transform:translateY(-1px)}.portfolio-page .button--small{min-height:44px;padding:10px 18px;font-size:15px}.portfolio-page .button--outline{color:var(--p-brand)!important;border-color:var(--p-border);background:#ffffff}.portfolio-page .button--outline:hover{color:#ffffff!important;border-color:var(--p-brand);background:var(--p-brand)}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible{outline:3px solid var(--p-accent);outline-offset:3px}.portfolio-hero{position:relative;overflow:hidden;padding:112px 0 80px;background:var(--p-tint)}.portfolio-hero:before{position:absolute;top:0;left:max(24px,calc((100% - 1240px)/2));width:64px;height:4px;background:var(--p-accent);content:""}.hero-inner{max-width:940px}.eyebrow{margin-bottom:16px!important;color:var(--p-action);font:800 13px/1.2 Manrope,sans-serif;letter-spacing:.13em}.portfolio-hero h1{max-width:820px;font-size:clamp(44px,5.6vw,76px)}.hero-copy{max-width:780px;margin-top:24px!important;color:var(--p-copy);font-size:20px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px 32px;margin-top:48px;padding-top:26px;border-top:1px solid rgba(0,36,107,.15);color:var(--p-copy);font-size:15px}.hero-proof span{display:inline-flex;align-items:baseline;gap:7px}.hero-proof strong{color:var(--p-brand);font:800 22px/1 Manrope}.section{padding:104px 0}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:60px;margin-bottom:42px}.section-head h2{max-width:720px;font-size:clamp(34px,4vw,50px)}.section-head>p{max-width:460px;color:var(--p-copy);font-size:18px}.featured-leads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:32px}.feature-card{overflow:hidden;border:1px solid var(--p-border);border-radius:var(--p-radius);background:#ffffff}.feature-card--lead{border-color:rgba(45,115,253,.3);box-shadow:0 22px 52px rgba(7,20,38,.11)}.feature-shot{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--p-light)}.feature-card--lead .feature-shot{aspect-ratio:16/9;padding:22px 22px 0}.feature-desktop{width:100%;height:100%;object-fit:cover;object-position:50% 0}.feature-card--lead .feature-desktop{border:1px solid var(--p-border);border-bottom:0;border-radius:11px 11px 0 0;box-shadow:0 14px 30px rgba(7,20,38,.11)}.feature-mobile{position:absolute;right:24px;bottom:0;width:22%;height:68%;border:4px solid var(--p-navy);border-bottom:0;border-radius:13px 13px 0 0;object-fit:cover;object-position:top;box-shadow:0 12px 28px rgba(7,20,38,.25)}.feature-copy{padding:24px}.feature-card--lead .feature-copy{padding:30px 32px 34px}.category{margin-bottom:10px!important;color:var(--p-action);font:800 13px/1.2 Manrope;letter-spacing:.09em}.feature-copy h3{font-size:22px}.feature-card--lead h3{font-size:30px}.feature-copy>p:not(.category){margin-top:8px;color:var(--p-muted);font-size:15px}.feature-copy>a,.project-copy>a{display:inline-flex;gap:7px;margin-top:18px;color:var(--p-brand);font:800 15px Manrope;text-decoration:none}.feature-copy>a:hover,.project-copy>a:hover{color:var(--p-action)}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:0}.all-projects{background:var(--p-light)}.filter-head{margin-bottom:28px}.filter-head>p{justify-self:end;font:700 15px Manrope}.project-count{padding:8px 13px;border:1px solid var(--p-border);border-radius:999px;color:var(--p-muted);background:#ffffff;font-size:14px!important}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.filters button{min-height:48px;padding:11px 18px;border:1px solid var(--p-border);border-radius:999px;color:var(--p-strong);background:#ffffff;font:700 15px Manrope;cursor:pointer}.filters button:hover{border-color:var(--p-action);color:var(--p-action)}.filters button[aria-pressed=true]{color:#ffffff;border-color:var(--p-action);background:var(--p-action);box-shadow:0 0 0 3px rgba(45,115,253,.14)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{display:flex;overflow:hidden;flex-direction:column;min-width:0;border:1px solid var(--p-border);border-radius:var(--p-radius);background:#ffffff;transition:.2s}.project-card:hover{border-color:rgba(45,115,253,.45);transform:translateY(-3px);box-shadow:var(--p-shadow)}.project-card[hidden]{display:none}.project-shot{display:block;overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--p-border);background:var(--p-tint)}.project-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .35s}.project-card:hover .project-shot img{transform:scale(1.025)}.project-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 22px 24px}.project-copy h3{font-size:20px;line-height:1.25;text-wrap:balance}.project-copy p{margin-top:7px;color:var(--p-muted);font-size:15px}.variety{padding:78px 0}.variety-inner{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:70px}.variety h2{font-size:clamp(32px,3.4vw,44px)}.type-list{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.type-list li{position:relative;padding:12px 16px 12px 34px;border:1px solid var(--p-border);border-radius:9px;color:var(--p-strong);background:var(--p-light);font:700 15px Manrope}.type-list li:before{position:absolute;top:50%;left:15px;width:8px;height:8px;border-radius:50%;background:var(--p-accent);content:"";transform:translateY(-50%)}.portfolio-cta{padding:88px 0;color:#ffffff;background:var(--p-navy)}.cta-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:70px}.eyebrow--light{color:#eef4ff}.portfolio-cta h2{color:#ffffff;font-size:clamp(34px,4vw,50px)}.portfolio-cta p:not(.eyebrow){margin-top:20px;color:#d9e2ec;font-size:18px}.portfolio-cta .actions{align-items:stretch;flex-direction:column;margin-top:0}.portfolio-cta .button--light{color:var(--p-brand)!important;border-color:#ffffff!important;background:#ffffff!important}.portfolio-cta .button--light:hover{color:#ffffff!important;border-color:var(--p-action)!important;background:var(--p-action)!important}.button--ghost{color:#ffffff!important;border-color:rgba(255,255,255,.4)!important;background:transparent!important}.button--ghost:hover{border-color:#ffffff!important;background:rgba(255,255,255,.08)!important}.portfolio-footer{padding:68px 0 24px;color:#d9e2ec;background:var(--p-surface)}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr 1fr .8fr;gap:44px}.footer-brand img{width:160px;height:auto}.footer-brand p{max-width:310px;margin-top:20px}.portfolio-footer h2{margin-bottom:18px;color:#ffffff;font-size:16px;letter-spacing:0}.portfolio-footer a{display:block;margin-top:10px;color:#d9e2ec;text-decoration:none}.portfolio-footer a:hover{color:#ffffff}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#d9e2ec;font-size:14px}@media(max-width:1024px){.portfolio-header nav{gap:20px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-inner{grid-template-columns:1fr;gap:38px}.portfolio-cta .actions{align-items:flex-start;flex-direction:row}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}@media(max-width:820px){.portfolio-header,.header-inner{height:72px;min-height:72px}.menu-toggle{display:inline-flex}.portfolio-header nav{position:absolute;top:72px;right:0;left:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:18px 24px 24px;border-bottom:1px solid var(--p-border);background:#ffffff;box-shadow:0 16px 30px rgba(7,20,38,.1)}.menu-open .portfolio-header nav{display:flex}.portfolio-header nav>a:not(.button){min-height:48px;padding:13px 4px}.portfolio-header nav>a:not(.button):after{display:none}.portfolio-header nav .button{margin-top:10px}.portfolio-hero{padding:86px 0 68px}.section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.featured-leads{grid-template-columns:1fr}.feature-card--lead .feature-shot{aspect-ratio:16/9}.variety-inner{grid-template-columns:1fr;gap:42px}.filter-head>p{justify-self:start}}@media(max-width:640px){.portfolio-page .container{width:min(100% - 32px,1240px)}.brand img{width:140px}.menu-toggle span{display:none}.portfolio-hero{padding:72px 0 56px}.portfolio-hero h1{font-size:clamp(40px,12vw,54px)}.hero-copy{font-size:18px}.actions{align-items:stretch;flex-direction:column}.portfolio-page .button{width:100%}.hero-proof{display:grid;gap:12px;margin-top:36px}.section{padding:68px 0}.section-head h2,.variety h2,.portfolio-cta h2{font-size:34px}.feature-card--lead .feature-shot{aspect-ratio:16/9;padding:12px 12px 0}.feature-mobile{right:16px;width:24%;height:64%;border-width:3px}.feature-copy,.feature-card--lead .feature-copy{padding:22px 20px 24px}.featured-grid,.project-grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filters button{padding-inline:10px;font-size:13px}.type-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.type-list li{padding:11px 10px 11px 29px;font-size:14px}.portfolio-cta{padding:68px 0}.portfolio-cta .actions{align-items:stretch;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.filters,.type-list{grid-template-columns:1fr}.feature-mobile{width:27%}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-page *,.portfolio-page *:before,.portfolio-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}