.portfolio-intro{padding:72px 0 44px}.portfolio-intro h1{font-size:clamp(39px,5.4vw,67px)}.portfolio-intro .lead{max-width:690px}.portfolio-note{display:flex;align-items:center;gap:12px;color:#6a786b;font-size:13px;margin-top:25px}.portfolio-note>span{font-size:25px;color:#ac5d3e}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:25px}.project{display:flex;flex-direction:column;border:1px solid #dce0d6;border-radius:19px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}.project:hover{transform:translateY(-5px);box-shadow:0 15px 35px #30432d14}.project-art{padding:23px 25px 20px;color:#874b40;background:#efe0dc}.engineering .project-art{background:#e0e8ee;color:#496378}.nature .project-art{background:#e3eadb;color:#5a7151}.number{font-size:10px;font-weight:700;letter-spacing:1.7px}.project-art svg{display:block;width:100%;height:150px;margin:12px 0}.art-caption{font-family:Georgia,serif;font-style:italic;font-size:20px}.project-copy{display:flex;flex-direction:column;flex:1;padding:27px}.project-copy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:13px}.project-copy h2{font-size:24px;letter-spacing:-.8px;margin:0 0 15px}.project-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#617064;margin:0 0 28px}.project-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #e6e9e0;margin-top:auto;font-size:13px;font-weight:650}.project-link>span:last-child{font-size:23px}.portfolio-outro{display:flex;gap:23px;align-items:center;padding:48px 0 60px}.portfolio-outro>span{font-size:45px;color:#b46746}.portfolio-outro p{font-size:16px;line-height:1.8;color:#6a786b}.portfolio-outro strong{color:#314c3c;font-weight:600}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr}.project{display:grid;grid-template-columns:1fr 1.4fr}.project-art svg{height:130px}.portfolio-intro{padding-top:45px}}@media(max-width:540px){.project{display:flex}.project-art svg{height:135px}.portfolio-intro h1{letter-spacing:-1.7px}.portfolio-note{align-items:flex-start}.project-copy{padding:23px}.portfolio-outro{padding:28px 0 38px}}@media(prefers-reduced-motion:reduce){.project{transition:none}.project:hover{transform:none}}