.portfolioPage{--p-ink:#061826;--p-paper:#f5f3eb;--p-yellow:#f2c230;--p-steel:#31566a;background:var(--p-paper);color:var(--p-ink);min-height:100vh}.portfolioNav{border-bottom:1px solid #0618262e;justify-content:space-between;align-items:center;height:88px;padding:0 4.5vw;display:flex}.portfolioBrand img{object-fit:contain;width:265px;max-height:62px;display:block}.portfolioNav nav{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:30px;font-size:11px;font-weight:800;display:flex}.portfolioNavCta{background:var(--p-ink);color:#fff;padding:15px 19px}.portfolioHero{border-bottom:1px solid #0618262e;grid-template-columns:48% 52%;min-height:760px;display:grid}.portfolioHeroCopy{flex-direction:column;justify-content:center;padding:8vw 5vw 7vw 8vw;display:flex}.portfolioEyebrow{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:11px;margin:0 0 28px;font-size:11px;font-weight:800;display:flex}.portfolioEyebrow span{background:var(--p-yellow);width:28px;height:3px;display:inline-block}.portfolioHero h1{letter-spacing:-.055em;margin:0;font-size:clamp(55px,6vw,94px);line-height:.9}.portfolioHeroCopy>p:nth-of-type(2){color:#405966;max-width:610px;margin:34px 0;font-size:16px;line-height:1.75}.portfolioHeroCopy>a{background:var(--p-ink);color:#fff;align-self:flex-start;align-items:center;gap:30px;min-height:52px;padding:0 22px;font-size:12px;font-weight:800;display:flex}.portfolioHeroCopy>a b{color:var(--p-yellow);font-size:18px}.portfolioHero figure{background:#d9d9d5;margin:0;position:relative;overflow:hidden}.portfolioHero figure img{object-fit:cover;width:100%;height:100%;display:block}.portfolioHero figcaption{color:#fff;text-transform:uppercase;background:linear-gradient(#0000,#020f18e0);justify-content:space-between;align-items:end;padding:80px 34px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.portfolioHero figcaption span{color:var(--p-yellow);letter-spacing:.14em;font-size:10px;font-weight:800}.portfolioHero figcaption b{letter-spacing:.07em;font-size:12px}.portfolioIndex{background:var(--p-yellow);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:6vw;min-height:116px;padding:20px 8vw;font-size:10px;font-weight:800;display:grid}.portfolioIndex>p:last-child{text-align:right}.portfolioIndex div{align-items:center;gap:12px;display:flex}.portfolioIndex b{letter-spacing:-.04em;font-size:34px}.portfolioIndex span{max-width:90px;line-height:1.4}.projectList{padding:4vw 8vw 9vw}.portfolioProject{border-bottom:1px solid #0618262e;grid-template-columns:30% 70%;gap:5vw;padding:7vw 0;display:grid}.portfolioProject:last-child{border-bottom:0}.projectCopy{align-self:start;position:sticky;top:32px}.projectCode{text-transform:uppercase;letter-spacing:.16em;color:#71848e;margin:0 0 22px;font-size:10px;font-weight:800}.projectCopy h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,60px);line-height:.95}.projectDiscipline{text-transform:uppercase;letter-spacing:.12em;color:#8b6c00;margin:25px 0;font-size:10px;font-weight:800;line-height:1.5}.projectSummary{color:#4a6471;max-width:420px;margin:0;font-size:14px;line-height:1.75}.projectCount{text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #0618262e;margin:35px 0 0;padding-top:15px;font-size:10px;font-weight:800}.projectGallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(230px,25vw);gap:10px;display:grid}.projectGallery button{cursor:zoom-in;background:#dce0df;border:0;padding:0;position:relative;overflow:hidden}.projectGallery button:first-child{grid-column:1/3}.projectGallery img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .35s;display:block}.projectGallery button:hover img{filter:contrast(1.03);transform:scale(1.025)}.projectGallery button span{background:var(--p-ink);color:#fff;letter-spacing:.1em;padding:7px 9px;font-size:9px;font-weight:800;position:absolute;bottom:12px;right:12px}.gallery2 button:first-child{grid-column:auto}.gallery2{grid-auto-rows:minmax(310px,34vw)}.portfolioClosing{background:var(--p-steel);color:#fff;grid-template-columns:1fr 2.5fr;gap:5vw;padding:9vw 8vw;display:grid}.portfolioClosing .portfolioEyebrow{align-self:start}.portfolioClosing h2{letter-spacing:-.05em;margin:0;font-size:clamp(40px,5.4vw,82px);line-height:.94}.portfolioClosing>a{background:var(--p-yellow);color:var(--p-ink);grid-column:2;justify-self:start;padding:18px 23px;font-size:12px;font-weight:800}.portfolioClosing>a b{margin-left:30px}.portfolioFooter{background:var(--p-ink);color:#9bafb8;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:4vw;padding:43px 5vw;font-size:10px;line-height:1.7;display:grid}.portfolioFooter img{background:#fff;width:230px}.portfolioFooter a{text-align:right;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.portfolioLightbox{max-height:calc(100vh - 36px);color:#fff!important;background:#071824!important;border:0!important;border-radius:0!important;gap:6px!important;width:auto!important;max-width:min(1400px,100vw - 40px)!important;padding:18px!important}.portfolioLightbox>button{color:#fff!important;opacity:1!important;background:#071824!important}.portfolioLightbox h2{padding-right:60px;font-size:17px!important}.portfolioLightbox p{color:#9db1ba!important}.portfolioLightbox>img{object-fit:contain;justify-self:center;width:auto;max-width:calc(100vw - 76px);height:auto;max-height:calc(100vh - 180px)}.lightboxControls{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:6px;display:grid}.lightboxControls button{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff3d;padding:10px 14px;font-size:10px;font-weight:800}.lightboxControls button:last-child{justify-self:end}.lightboxControls span{color:#9db1ba;letter-spacing:.12em;font-size:10px}@media (width<=980px){.portfolioHero{grid-template-columns:1fr}.portfolioHeroCopy{min-height:630px}.portfolioHero figure{min-height:620px}.portfolioProject{grid-template-columns:1fr}.projectCopy{grid-template-columns:1fr 1fr;gap:0 40px;display:grid;position:static}.projectCopy h2,.projectSummary,.projectCount{grid-column:1/3}.portfolioIndex{gap:3vw;padding-left:5vw;padding-right:5vw}}@media (width<=700px){.portfolioNav{height:72px;padding:0 18px}.portfolioBrand img{width:188px;max-height:52px}.portfolioNav nav>a{display:none}.portfolioNav .portfolioNavCta{padding:12px 14px;font-size:9px;display:block}.portfolioHero{min-height:0}.portfolioHeroCopy{min-height:580px;padding:70px 24px 55px}.portfolioHero h1{font-size:52px}.portfolioHero figure{min-height:430px}.portfolioHero figcaption{padding:60px 20px 20px;display:block}.portfolioHero figcaption span{margin-bottom:8px;display:block}.portfolioIndex{grid-template-columns:repeat(2,1fr);gap:20px;padding:22px 24px}.portfolioIndex>p{display:none}.projectList{padding:20px 18px 80px}.portfolioProject{padding:75px 0;display:block}.projectCopy{margin-bottom:38px;display:block}.projectCopy h2{font-size:42px}.projectGallery{grid-template-columns:1fr;grid-auto-rows:270px}.projectGallery button:first-child{grid-column:auto}.projectGallery button:nth-child(n+5){height:220px}.gallery2{grid-auto-rows:280px}.portfolioClosing{padding:80px 24px;display:block}.portfolioClosing h2{font-size:45px}.portfolioClosing>a{margin-top:38px;display:inline-block}.portfolioFooter{grid-template-columns:1fr;gap:28px;padding:50px 24px}.portfolioFooter a{text-align:left}.portfolioLightbox{max-width:calc(100vw - 18px)!important}.portfolioLightbox>img{max-width:calc(100vw - 54px);max-height:calc(100vh - 205px)}}@media (prefers-reduced-motion:reduce){.projectGallery img{transition:none}}
