.projects-hero{min-height:790px;background:#071a3d}
.projects-hero .hero-visual{inset:0;width:100%;align-items:stretch;justify-content:center;background-image:linear-gradient(rgba(3,19,46,.2),rgba(3,19,46,.2)),var(--projects-hero-image);background-position:center;background-size:cover}
.projects-hero .hero-visual img{width:100%;height:100%;object-fit:contain;object-position:82% center;filter:drop-shadow(0 0 34px rgba(3,19,46,.42)) saturate(1.02) contrast(1.02)}
.projects-hero .hero-visual::after{content:"";position:absolute;inset:0;background:rgba(3,31,72,.38);pointer-events:none}
.projects-hero::before{background:linear-gradient(90deg,rgba(3,19,46,.97) 0%,rgba(3,19,46,.93) 22%,rgba(3,19,46,.82) 38%,rgba(3,19,46,.56) 52%,rgba(3,19,46,.26) 70%,rgba(3,19,46,.1) 100%)}
.projects-hero::after{height:180px;background:linear-gradient(0deg,rgba(3,19,46,.82),rgba(3,19,46,.08) 72%,transparent 100%)}
.projects-hero .hero-content{max-width:760px;padding-top:228px;padding-bottom:136px}
.projects-hero .hero-claim{max-width:670px}
.projects-hero .hero-intro{max-width:660px;color:rgba(255,255,255,.8)}
.portfolio-intro{padding:102px 0 78px;background:#fff}
.portfolio-intro__grid,.featured-projects__head,.archive-head,.projects-closing__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.82fr);align-items:start;gap:82px}
.portfolio-intro h2,.featured-projects__head h2,.archive-head h2,.projects-closing h2{margin:0;color:var(--navy);font-size:clamp(40px,4.2vw,62px);line-height:1.02;letter-spacing:-.045em}
.portfolio-intro__grid>div:last-child>p,.featured-projects__head>p,.archive-head>p,.projects-closing__grid>p{margin:0;color:var(--muted);font-size:18px;line-height:1.75}
.portfolio-intro__note{margin-top:28px;padding:24px 26px;border-left:4px solid var(--green);background:var(--soft);color:var(--navy);font-size:17px;font-weight:720;line-height:1.55}
.featured-projects{padding:42px 0 118px;background:linear-gradient(180deg,#fff 0%,#f3f6f9 18%,#f3f6f9 100%)}
.featured-projects__head{align-items:start;margin-bottom:52px}
.featured-projects__list{display:grid;gap:32px}
.featured-project{display:grid;min-height:500px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);overflow:hidden;border-bottom:4px solid var(--green);background:#fff;box-shadow:0 22px 55px rgba(3,19,46,.1)}
.featured-project--reverse{grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr)}
.featured-project--reverse .featured-project__visual{order:2}
.featured-project--reverse .featured-project__content{order:1}
.featured-project__visual{position:relative;min-height:500px;overflow:hidden;background:var(--navy)}
.featured-project__visual::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,46,.02),rgba(3,19,46,.2));content:""}
.featured-project__visual img{width:100%;height:100%;min-height:500px;object-fit:cover;transition:transform .55s ease}
.featured-project:hover .featured-project__visual img{transform:scale(1.035)}
.featured-project__content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 50px}
.featured-project__content::before{position:absolute;top:54px;left:0;width:4px;height:62px;background:var(--green);content:""}
.featured-project--reverse .featured-project__content::before{right:0;left:auto}
.featured-project__client{margin:0;color:var(--green-dark);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.featured-project__content h3{margin:16px 0 20px;color:var(--navy);font-size:clamp(38px,3.6vw,54px);letter-spacing:-.045em;line-height:1}
.featured-project__description{max-width:540px;color:var(--muted);font-size:18px;line-height:1.72}
.featured-project__description p{margin:0}
.featured-project__tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.featured-project__tags span{padding:8px 11px;border:1px solid rgba(22,71,131,.14);background:rgba(22,71,131,.05);color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.reference-archive{padding:104px 0;background:#fff}
.archive-head{align-items:start;margin-bottom:42px}
.archive-list{border-top:1px solid var(--line);background:#fff}
.archive-row{display:grid;min-height:104px;grid-template-columns:minmax(240px,.78fr) minmax(0,1.52fr) auto;align-items:center;gap:32px;padding:24px 18px;border-bottom:1px solid var(--line);transition:background .2s ease,padding .2s ease}
.archive-row:hover{padding-left:26px;background:var(--soft)}
.archive-client{color:var(--navy);font-size:17px;font-weight:840;letter-spacing:.02em}
.archive-work{color:var(--text);font-size:16px;line-height:1.55}
.archive-row>span{padding:8px 11px;background:rgba(121,189,34,.11);color:var(--green-dark);font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}
.projects-closing{padding:92px 0;background:var(--navy);color:#fff}
.projects-closing h2{color:#fff}
.projects-closing .kicker{color:var(--green)}
.projects-closing__grid>p{color:rgba(255,255,255,.7)}
@media(max-width:980px){.projects-hero{min-height:730px}.projects-hero .hero-visual{width:100%;opacity:1}.projects-hero .hero-visual img{object-position:60% center}.projects-hero::before{background:linear-gradient(180deg,rgba(3,19,46,.72) 0%,rgba(3,19,46,.82) 46%,rgba(3,19,46,.94) 100%),linear-gradient(90deg,rgba(3,19,46,.62) 0%,rgba(3,19,46,.12) 100%)}.projects-hero .hero-content{padding-top:204px;padding-bottom:118px}.portfolio-intro__grid,.featured-projects__head,.archive-head,.projects-closing__grid{grid-template-columns:1fr;gap:30px}.featured-project,.featured-project--reverse{grid-template-columns:1fr 1fr}.featured-project__content{padding:44px 36px}.archive-row{grid-template-columns:1fr;gap:10px}.archive-row>span{justify-self:start}}
@media(max-width:760px){.featured-project,.featured-project--reverse{grid-template-columns:1fr}.featured-project--reverse .featured-project__visual{order:1}.featured-project--reverse .featured-project__content{order:2}.featured-project__visual,.featured-project__visual img{min-height:360px}.featured-project__content{padding:42px 30px 46px}.featured-project__content::before,.featured-project--reverse .featured-project__content::before{top:0;right:auto;left:30px;width:64px;height:4px}}
@media(max-width:680px){.projects-hero{min-height:680px}.projects-hero .hero-visual img{object-position:64% center}.projects-hero .hero-content{padding-top:186px;padding-bottom:106px}.projects-hero h1{font-size:52px}.portfolio-intro{padding:82px 0 60px}.portfolio-intro__grid>div:last-child>p,.featured-projects__head>p,.archive-head>p,.projects-closing__grid>p{font-size:16px}.featured-projects{padding:34px 0 82px}.featured-projects__list{gap:24px}.featured-project__visual,.featured-project__visual img{min-height:310px}.featured-project__content h3{font-size:36px}.featured-project__description{font-size:16px}.reference-archive{padding:82px 0}.archive-row{padding:22px 10px}.archive-row:hover{padding-left:16px}.projects-closing{padding:76px 0}}
@media(max-width:980px){.projects-hero .hero-visual img{object-position:78% center}}
@media(max-width:680px){.projects-hero .hero-visual img{object-position:center}}