.projects-page{background:#fff;color:#303630}.projects-page .brand img{filter:none}.projects-page .menu-toggle{color:#25372f;background:rgba(255,255,255,.65)}
.works-main{padding:170px 7.3% 130px;background:#fff}.works-heading{padding-bottom:72px;border-bottom:1px solid #d9dfd9}.works-heading>p:first-child{font-size:11px;letter-spacing:.15em;color:#6f7a70}.works-heading>p span{margin-left:14px}.works-heading h1{margin:24px 0;font-size:clamp(32px,3.5vw,52px);font-weight:400;letter-spacing:.1em}.works-heading h1 small{display:block;margin-top:14px;font-size:12px;font-weight:300;letter-spacing:.2em;color:#778077}.works-intro{font-size:14px;line-height:2;letter-spacing:.06em}.works-layout{display:grid;grid-template-columns:180px 1fr;gap:64px;padding-top:60px}.works-filters{align-self:start;position:sticky;top:100px}.works-filters>p{font-size:15px;margin-bottom:28px}.works-filters>p small{display:block;font-size:10px;color:#7a837b;letter-spacing:.15em;margin-top:8px}.works-filters button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid #dce1db;background:transparent;padding:17px 12px;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:#69756c;transition:background .2s,color .2s}.works-filters button span{font-size:11px}.works-filters button[aria-pressed=true]{background:var(--hero-dark);color:#fff}.works-filters button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.works-count{font-size:11px;letter-spacing:.1em;color:#747e75;margin-bottom:25px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}.work-card[hidden]{display:none}.work-card figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3}.work-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.025)}.work-card figcaption{position:absolute;right:10px;bottom:10px;font-size:9px;background:#ffffffb3;padding:4px 7px}.work-card__meta{display:flex;gap:16px;align-items:baseline;margin-top:20px}.work-card__meta>span{font-size:10px;color:#7c857e}.work-card h2{font-size:20px;font-weight:400;letter-spacing:.07em}.work-card>p{font-size:11px;margin-top:10px;margin-left:30px;color:#7b847c;letter-spacing:.1em}
@media(max-width:760px){.works-main{padding:112px 24px 80px}.works-heading{padding-bottom:40px}.works-layout{display:block;padding-top:32px}.works-filters{position:static;margin-bottom:36px;display:flex;flex-wrap:wrap;gap:8px}.works-filters>p{width:100%;margin-bottom:12px}.works-filters button{width:auto;gap:18px;padding:12px 14px;border:1px solid #dce1db}.works-grid{grid-template-columns:1fr;gap:36px}.work-card h2{font-size:19px}.works-intro{font-size:13px}}
.work-card__link{display:block;color:inherit;text-decoration:none}.work-card__link:focus-visible{outline:2px solid var(--green);outline-offset:8px}.work-card__link>p{font-size:11px;margin:10px 0 0 30px;color:#7b847c;letter-spacing:.1em}
.work-detail{padding:145px max(24px,10vw) 110px;background:#fff}.work-detail__back{display:inline-block;font-size:12px;color:#6f7a70;letter-spacing:.08em;padding:8px 0}.work-detail h1{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:.1em;margin:42px 0}.work-detail figure{position:relative;margin:0}.work-detail figure img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#f7f8f6}.work-detail figcaption{font-size:10px;color:#7b847c;text-align:right;margin-top:12px}.work-detail__description{max-width:620px;font-size:15px;font-weight:300;line-height:2.2;letter-spacing:.05em;margin:38px 0 0}
@media(max-width:760px){.work-detail{padding:100px 24px 72px}.work-detail h1{margin:28px 0}.work-detail__description{font-size:14px;margin-top:25px}}
.work-detail__photos{display:flex;flex-direction:column;gap:48px;margin-top:48px}.work-detail__photos figure img{max-height:none;object-fit:initial;background:transparent}.work-detail .work-detail__description{margin-top:0}
@media(max-width:760px){.work-detail__photos{gap:28px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.work-card img,.works-filters button{transition:none}}
.works-reveal{opacity:0;transform:translateY(22px);transition:opacity 1.1s ease var(--reveal-delay,0ms),transform 1.3s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}.works-reveal.is-visible{opacity:1;transform:none}
.work-photo-frame{overflow:hidden;aspect-ratio:3/2;max-height:75vh}.work-detail__photos .work-photo-frame img{height:100%;object-fit:cover;transform:translate3d(0,var(--photo-offset,0px),0) scale(1.22);transform-origin:center;will-change:transform}
.works-motion-off .works-reveal{opacity:1;transform:none;transition:none}.works-motion-off .photo-enter{clip-path:none;transition:none}.works-motion-off .work-photo-frame img{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.works-reveal{opacity:1;transform:none;transition:none}.photo-enter{clip-path:none;transition:none}.work-detail__photos .work-photo-frame img{animation:none;transform:none;transition:none}}