.projects-page{min-height:70vh}.projects-intro{grid-template-columns:1.15fr .85fr;align-items:end;column-gap:clamp(40px,8vw,112px);padding-top:clamp(152px,19vh,216px);padding-bottom:32px;display:grid}.projects-intro h1{max-width:15ch;color:var(--color-gilt);font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(52px,6.3vw,82px);font-weight:400;line-height:1.08}.projects-intro>p{max-width:37ch;color:var(--color-marble);font-family:var(--font-body);padding-bottom:8px;font-size:clamp(21px,2vw,26px);line-height:1.5}.projects-rule{color:var(--color-gild);grid-column:1/-1;margin-top:clamp(40px,5.5vw,72px)}.projects-gallery{padding-top:16px;padding-bottom:clamp(92px,12vw,152px)}.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(78px,10vw,128px) clamp(28px,5vw,72px);display:grid}.project-entry{min-width:0}.project-entry:nth-child(4n+1){grid-column:span 7}.project-entry:nth-child(4n+2){grid-column:span 5;margin-top:78px}.project-entry:nth-child(4n+3){grid-column:span 5}.project-entry:nth-child(4n+4){grid-column:span 7;margin-top:78px}.project-window{border:1px solid var(--rule-gold);background:var(--surface);color:var(--color-gilt);isolation:isolate;display:block;position:relative;overflow:hidden}.project-window:after{content:"";pointer-events:none;border:1px solid #c6a66b6b;position:absolute;inset:6px}.project-window-bar{border-bottom:1px solid var(--rule-gold);min-height:42px;font-family:var(--font-display);letter-spacing:.055em;justify-content:space-between;align-items:center;gap:12px;padding-inline:16px;font-size:12px;display:flex}.project-window-mark{opacity:.66;border-inline:1px solid;flex:none;width:18px;height:10px}.project-domain{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.project-window-bar .arrow{width:17px;height:17px}.project-image-wrap{aspect-ratio:1.44;background:var(--color-basalt);display:block;overflow:hidden}.project-image{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .65s var(--ease-control);display:block}.project-copy{padding-top:26px}.project-heading-line{border-bottom:1px solid var(--rule-gold);justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:13px;display:flex}.project-heading-line h2{color:var(--color-gilt);font-family:var(--font-display);font-size:clamp(27px,3vw,38px);font-weight:400;line-height:1.2}.project-heading-line span{color:var(--color-ash);font-family:var(--font-display);letter-spacing:.03em;text-align:right;font-size:12px}.project-copy>p{max-width:48ch;color:var(--color-marble);font-family:var(--font-body);margin-top:18px;font-size:clamp(19px,1.5vw,21px);line-height:1.58}.project-visit{min-height:48px;color:var(--color-gilt);font-family:var(--font-display);letter-spacing:.035em;text-underline-offset:6px;align-items:center;gap:14px;margin-top:16px;font-size:13px;display:inline-flex}.project-copy>.project-updated{color:var(--color-ash);margin-top:12px;font-size:16px}.project-visit:hover{text-decoration:underline;text-decoration-thickness:1px}.project-visit .arrow{width:19px;height:19px}.projects-invitation{padding-bottom:clamp(88px,11vw,136px)}.projects-invitation .projects-rule{margin-top:0}.projects-invitation-copy{justify-content:space-between;align-items:center;gap:32px;padding-top:32px;display:flex}.projects-invitation-copy h2{color:var(--color-marble);font-size:clamp(29px,4vw,48px)}@media (hover:hover) and (pointer:fine){.project-window:hover .project-image{transform:scale(1.035)}.project-window:focus-visible{outline-offset:7px}}@media (max-width:820px){.projects-intro{grid-template-columns:1fr;gap:24px;padding-top:138px}.projects-intro h1{max-width:13ch;font-size:clamp(48px,9vw,76px)}.projects-intro>p{max-width:42ch}.projects-grid{grid-template-columns:minmax(0,1fr);row-gap:72px}.project-entry:nth-child(n){grid-column:1;margin-top:0}.project-image-wrap{aspect-ratio:1.5}}@media (max-width:560px){.projects-intro{padding-top:126px}.projects-intro h1{font-size:clamp(43px,12vw,62px)}.project-window-bar{min-height:38px;padding-inline:12px;font-size:11px}.project-window:after{inset:4px}.project-copy{padding-top:20px}.project-heading-line{flex-direction:column;align-items:flex-start;gap:5px}.project-heading-line span{text-align:left}.project-copy>p{font-size:19px}.projects-invitation-copy{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){.project-image{transition:none}}