/* Project folio: a single aligned composition with a clear leading photograph. */
.works{background:#272e27;color:#f7f5f0;padding-top:84px;padding-bottom:45px;scroll-margin-top:0}
.works .section-top{border-top:1px solid #71796a;padding-top:22px;margin-bottom:45px}
.works .eyebrow{color:#d6dcce;font-size:12px}
.folio-label{font-size:11px;letter-spacing:.15em;color:#b9c3b0}
.works-heading{align-items:end;gap:50px;margin-bottom:42px}
.works-heading h2{font-size:clamp(44px,4.4vw,68px)}
.works-heading h2 em{color:#becbac}
.works-intro{max-width:390px;padding-bottom:5px}
.works-intro p{color:#d0d6c9;line-height:1.8}
.works .underlined{color:#f7f5f0;border-color:#7f8b73;margin-top:19px;font-size:13px;padding-bottom:7px}
.works .underlined:hover{color:#c9d7b8}
.gallery{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(2,300px);gap:18px;align-items:stretch}
.works .project{position:relative;display:block;width:100%;height:100%;margin:0;overflow:hidden;isolation:isolate;color:#fff;background:#40473e}
.project-featured{grid-row:1/3}
.works .project-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#40473e}
.works .project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#131b1838 0%,transparent 30%,#111a1833 55%,#111a18e8 100%);pointer-events:none}
.works .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;object-position:center 55%}
.works .project-featured .project-image img{object-position:center 45%}
.works .project-detail .project-image img{object-position:center 70%}
.works .project:hover img{transform:scale(1.035)}
.works .project:focus-visible{outline:3px solid #d2dfb8;outline-offset:5px;overflow:visible}
.project-index{position:absolute;top:24px;left:27px;font-family:var(--serif);font-size:26px;line-height:1;color:#fff;text-shadow:0 1px 8px #0009}
.works .project-caption{position:absolute;left:30px;bottom:28px;right:90px;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}
.works .project-caption>small{font-family:var(--sans);color:#e2e7dc;font-size:10px;letter-spacing:.16em;max-width:none;text-align:left}
.works .project-caption>span:first-of-type{font-family:var(--serif);font-size:clamp(29px,2.65vw,40px);line-height:1.07;letter-spacing:-.02em}
.works .project-featured .project-caption>span:first-of-type{font-size:clamp(35px,3.3vw,49px);max-width:330px}
.works .project-caption>.project-description{font-family:var(--sans);font-size:13px;line-height:1.5;color:#e2e7dc;letter-spacing:0;margin-top:5px}
.works .expand{bottom:30px;right:28px;width:46px;height:46px;border-radius:50%;border:1px solid #e0e7d280;background:#ffffff08;color:#fff;transition:background .2s,color .2s}
.expand svg{width:21px;height:21px}
.works .project:hover .expand{background:#f7f5f0;color:#272e27}
.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:32px}
.portfolio-signature{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.25;color:#e6eadf}
.portfolio-signature small{display:block;font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.18em;margin-top:8px;color:#b9c3b0}
.works .portfolio-footer>p{font-family:var(--serif);font-size:26px;color:#e4e9dc;letter-spacing:-.01em}
.portfolio-footer em{color:#bccbab}
.view-hint{display:flex;align-items:center;gap:12px;color:#bfc9b6;font-size:12px}
.view-hint svg{width:18px;height:18px}
@media(min-width:1700px){.gallery{grid-template-rows:repeat(2,340px)}}
@media(max-width:1050px){.works-heading{gap:35px}.works-intro{max-width:330px}.gallery{grid-template-rows:repeat(2,265px)}.works .project-caption{left:22px;right:72px;bottom:24px}.works .expand{right:18px;bottom:24px;width:42px;height:42px}.works .project-caption>span:first-of-type{font-size:31px}.portfolio-footer{flex-wrap:wrap}.works .portfolio-footer>p{font-size:23px}.view-hint{font-size:11px}}
@media(max-width:760px){.works{padding-top:55px;padding-bottom:32px}.works .section-top{padding-top:19px;margin-bottom:30px}.folio-label{display:none}.works-heading{display:block;margin-bottom:30px}.works-heading h2{font-size:43px}.works-intro{max-width:none;margin-top:23px}.works-intro p{font-size:15px!important}.works-intro br{display:none}.works .underlined{font-size:13px;margin-top:16px;min-height:44px;align-items:center}.gallery{grid-template-columns:1fr;grid-template-rows:none;gap:14px}.works .project{height:290px}.works .project-featured{grid-row:auto;height:470px}.works .project-caption{left:23px;bottom:24px;right:79px;gap:9px}.works .project-featured .project-caption>span:first-of-type{font-size:39px}.works .project-caption>span:first-of-type{font-size:32px}.works .project-caption>.project-description{font-size:12px}.project-index{left:23px;top:22px;font-size:24px}.works .expand{right:20px;bottom:24px;width:42px;height:42px}.portfolio-footer{padding-top:26px;gap:20px}.portfolio-signature{font-size:25px}.works .portfolio-footer>p{font-size:22px}.view-hint{width:100%;border-top:1px solid #596550;padding-top:20px;font-size:12px}.portfolio-signature small{font-size:8px}.works .project-image img{object-position:center 55%}}
@media(max-width:380px){.works-heading h2{font-size:38px}.works .project-featured{height:420px}.works .project{min-height:270px}.works .project-caption>span:first-of-type{font-size:28px}.works .project-featured .project-caption>span:first-of-type{font-size:35px}.works .portfolio-footer>p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.works .project-image img,.works .expand{transition:none}}