.project-showcase-section{border-top:1px solid #dce3d5;padding-block:58px 78px;scroll-margin-top:32px}.project-showcase-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px;display:flex}.project-showcase-heading h2{margin-bottom:0}.project-showcase-heading>p{color:#63705f;max-width:370px;margin:0;font-size:16px;line-height:1.7}.project-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-showcase-card{background:#fff;border:1px solid #dce3d5;border-radius:17px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.project-showcase-image{aspect-ratio:16/9;background:#f1eee6;border-bottom:1px solid #e5e8df;display:block;position:relative;overflow:hidden}.project-showcase-image>img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.project-showcase-image:hover>img{transform:scale(1.025)}.project-showcase-visit{color:#203328;background:#fafbf8;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .25s;display:grid;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 20px #0002}.project-showcase-image:hover .project-showcase-visit{transform:translate(2px,-2px)}.project-showcase-image:focus-visible,.project-showcase-workflow:focus-visible{outline-offset:-5px}.project-showcase-content{flex-direction:column;flex:1;padding:28px;display:flex}.project-showcase-meta{letter-spacing:1px;color:#66715f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:24px;font-size:10px;line-height:1.5;display:flex}.project-showcase-status{letter-spacing:0;color:#58634f;border:1px solid #dde2d8;border-radius:5px;padding:3px 8px;font-size:11px}.project-showcase-card .project-showcase-name{letter-spacing:-1px;margin:18px 0 12px;font-size:29px;font-weight:500;line-height:1.15}.project-showcase-content>p{color:#616b5b;margin:0 0 20px;font-size:15px;line-height:1.75}.project-showcase-tags{color:#4e6142;flex-wrap:wrap;gap:6px 16px;margin:0 0 17px;padding:0;font-size:12px;line-height:1.6;list-style:none;display:flex}.project-showcase-content>.project-showcase-note{color:#727b6c;margin:0 0 24px;font-size:12px;line-height:1.65}.project-showcase-options{background:#f3f6ee;border-left:2px solid #91ac73;border-radius:0 6px 6px 0;margin:0 0 25px;padding:16px 18px}.project-showcase-options>strong{color:#203328;font-size:15px;font-weight:500;display:block}.project-showcase-options>p{color:#58674f;margin:9px 0 12px;font-size:13px;line-height:1.75}.project-showcase-options>a{color:#3d612b;text-underline-offset:3px;align-items:center;gap:9px;font-size:12px;line-height:1.7;text-decoration:underline;display:inline-flex}.project-showcase-options>a>svg{flex:none}.project-showcase-link{color:#203328;border-top:1px solid #e1e6dc;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:21px;font-size:15px;font-weight:600;line-height:1.5;display:flex}.project-showcase-link>svg{flex:none;transition:transform .25s}.project-showcase-link:hover{color:#527d34}.project-showcase-link:hover>svg{transform:translate(3px)}.project-showcase-workflow{aspect-ratio:16/9;color:#f7f9f2;background:#1c3023;flex-direction:column;justify-content:space-between;padding:27px 30px;display:flex}.project-workflow-top{color:#b4c6a6;letter-spacing:.7px;justify-content:space-between;align-items:center;gap:12px;font-size:10px;line-height:1.5;display:flex}.project-workflow-top>span:last-child{letter-spacing:0;color:#c9d6bf;font-size:10px}.project-showcase-workflow>strong{letter-spacing:-1.2px;margin:18px 0;font-size:clamp(24px,2.5vw,35px);font-weight:400;line-height:1.1}.project-workflow-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;display:grid}.project-workflow-steps>div{color:#f0f6e9;border:1px solid #81917466;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 6px;font-size:11px;display:flex}.project-workflow-steps>div:nth-of-type(2){color:#294424;background:#d5f4af;border-color:#d5f4af}.project-workflow-steps>svg{color:#a9bf96}.portfolio-page{padding-bottom:85px}.portfolio-intro{max-width:740px;padding-block:24px 38px}.portfolio-intro h1{letter-spacing:-3px;margin:18px 0;font-size:clamp(44px,5.1vw,72px)}.portfolio-intro>p{color:#63705f;max-width:620px;font-size:18px;line-height:1.75}.portfolio-invitation{border-top:1px solid #dce3d5;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;padding-top:35px;display:flex}.portfolio-invitation h2{letter-spacing:-1px;margin:0 0 9px;font-size:30px}.portfolio-invitation p{color:#63705f;margin:0;font-size:15px;line-height:1.7}.portfolio-invitation .button{flex:none}@media (max-width:1050px) and (min-width:761px){.project-showcase-workflow{padding:20px}.project-workflow-steps{gap:6px}.project-workflow-steps>div{flex-direction:column;gap:4px;padding:7px 4px}.project-showcase-content{padding:23px}.project-showcase-card .project-showcase-name{font-size:26px}}@media (max-width:760px){.project-showcase-section{padding-block:38px 48px}.project-showcase-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:23px}.project-showcase-heading>p{font-size:15px}.project-showcase-grid{grid-template-columns:1fr;gap:24px}.project-showcase-content{padding:23px}.project-showcase-card .project-showcase-name{font-size:27px}.project-showcase-workflow{padding:23px}.project-showcase-workflow>strong{font-size:32px}.project-workflow-steps{gap:8px}.project-showcase-meta{font-size:9px}.portfolio-page{padding-bottom:55px}.portfolio-intro{padding-block:15px 22px}.portfolio-intro h1{letter-spacing:-2px}.portfolio-intro>p{font-size:16px}.portfolio-invitation{flex-direction:column;align-items:flex-start;margin-top:32px;padding-top:28px}.portfolio-invitation h2{font-size:27px}}@media (max-width:400px){.project-showcase-content{padding:20px}.project-showcase-workflow{aspect-ratio:auto;min-height:230px;padding:18px}.project-showcase-workflow>strong{font-size:28px}.project-workflow-top{letter-spacing:0;font-size:9px}.project-workflow-top>span:last-child{font-size:9px}.project-workflow-steps{gap:5px}.project-workflow-steps>div{flex-direction:column;gap:5px;padding:9px 4px}.project-workflow-steps>svg{width:14px}}@media (prefers-reduced-motion:reduce){.project-showcase-image>img,.project-showcase-visit,.project-showcase-link>svg{transition:none}.project-showcase-image:hover>img,.project-showcase-image:hover .project-showcase-visit,.project-showcase-link:hover>svg{transform:none}}