.portfolio-hero{border-bottom:1px solid var(--rule);padding-block:70px 58px}.portfolio-hero h1{letter-spacing:-.045em;font-size:clamp(64px,10.3vw,148px);line-height:1.08}.portfolio-hero>p{letter-spacing:-.045em;margin-top:12px;font-size:clamp(23px,3.2vw,42px);line-height:1.3}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-block:48px 66px;display:grid}.portfolio-project{border-bottom:1px solid var(--rule);min-width:0}.portfolio-featured{grid-column:1/-1}.project-preview{isolation:isolate;padding:25px 24px 16px;display:block;position:relative}.project-preview:before{content:"";z-index:-2;background:#eae4d9 url(/images/paper-grain.svg);position:absolute;inset:14px 9px 8px 20px;transform:rotate(-1.7deg)}.project-preview:after{content:"";z-index:-1;background:var(--blue) url(/images/paper-grain.svg);width:29%;height:49%;position:absolute;top:1px;left:0;transform:rotate(-3deg)}.portfolio-project:nth-child(2n) .project-preview:after{background-color:var(--orange)}.portfolio-featured .project-preview{padding:40px 55px 24px}.portfolio-featured .project-preview:after{width:23%;height:41%;top:auto;bottom:0}.portfolio-featured .project-preview:before{inset:20px 20px 12px 35px}.project-preview img{aspect-ratio:1400/851;background:#fff;border:1px solid #09172b26;width:100%;height:auto;box-shadow:0 8px 18px #09172b1c}.project-details{justify-content:space-between;align-items:center;gap:16px;padding-block:17px 18px;display:flex}.project-details>div{min-width:0}.project-details h2{letter-spacing:-.025em;font-size:clamp(27px,2.7vw,39px);line-height:1.15}.project-details h2 a:hover{color:var(--blue)}.project-details p{letter-spacing:.035em;overflow-wrap:anywhere;margin-top:7px;font-size:14px}.project-visit{color:var(--blue);flex-shrink:0;padding-block:12px;font-size:16px}.project-visit span{margin-left:7px}.project-visit:hover{text-underline-offset:5px;text-decoration:underline}.portfolio-featured h2{font-size:clamp(36px,5vw,66px)}.portfolio-closing{background:var(--blue);color:#fff;padding-block:40px}.portfolio-closing-inner{grid-template-columns:1.1fr .8fr auto;align-items:center;gap:40px;display:grid}.portfolio-closing h2{letter-spacing:-.025em;font-size:clamp(38px,4.1vw,60px);line-height:1.1}.portfolio-closing p{border-left:1px solid #ffffffb3;max-width:350px;padding:22px 0 22px 36px;font-size:18px;line-height:1.6}.portfolio-cta{align-items:center;gap:16px;display:flex}.portfolio-cta-arrow{color:#ff772e;font-size:62px;line-height:1}.portfolio-closing .button{color:#fff;white-space:nowrap;background:0 0;border:1px solid #fff;padding:18px 22px;font-size:16px}.portfolio-closing .button:hover{color:var(--blue);background:#fff}.portfolio-closing a:focus-visible{outline-color:#fff}@media (width<=1199px){.portfolio-grid{gap:38px 32px}.project-details{flex-direction:column;align-items:flex-start;gap:2px}.portfolio-featured .project-details{flex-direction:row;align-items:center}.portfolio-closing-inner{grid-template-columns:1fr 1fr;gap:20px 35px}.portfolio-cta{grid-column:2}.portfolio-closing p{padding-block:5px}}@media (width<=680px){.portfolio-hero{padding-block:38px 32px}.portfolio-hero h1{font-size:clamp(54px,10.8vw,73px)}.portfolio-hero>p{max-width:340px;margin-top:15px;font-size:23px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:30px 42px}.portfolio-featured{grid-column:auto}.project-preview,.portfolio-featured .project-preview{padding:17px 14px 12px}.project-preview:before,.portfolio-featured .project-preview:before{inset:10px 5px 5px 10px}.portfolio-featured .project-preview:after{width:29%;height:49%;top:0;bottom:auto}.project-details,.portfolio-featured .project-details{flex-direction:column;align-items:flex-start;gap:2px;padding-block:16px 12px}.project-details h2,.portfolio-featured h2{font-size:33px}.project-details p{font-size:13px}.project-visit{font-size:15px}.portfolio-closing{padding-block:30px}.portfolio-closing-inner{grid-template-columns:1fr;gap:23px}.portfolio-closing h2{font-size:44px}.portfolio-closing p{border-left:0;max-width:310px;padding:0;font-size:17px}.portfolio-cta{grid-column:auto;gap:12px}.portfolio-cta-arrow{font-size:43px}.portfolio-closing .button{padding:16px;font-size:14px}}