/* Shared selected-work hierarchy: content stays distinct from the footer. */
.project-closing{background:#dce1d1;color:#222a24;padding:64px 0 54px}
.project-closing .eyebrow{color:#505941}
.project-closing .credits{padding-bottom:0}
.credits h2{font:400 clamp(24px,2.4vw,33px)/1.25 Manrope,Arial;letter-spacing:-.035em;margin:0 0 34px;max-width:27ch}
.credits .credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 40px;padding:0;font-size:13px;line-height:1.65}
.credits .credit-grid strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#505941;margin-bottom:6px}
.credits .credit-group-title{font-size:20px;margin:30px 0 18px}
.credits-more{display:flex;align-items:center;gap:24px;padding:12px 0;margin-top:24px;background:none;color:inherit;border:0;border-bottom:1px solid #222a2466;font:inherit;font-size:13px}
.credits-more[hidden],.credits [hidden]{display:none!important}
.credits-more span{font-size:20px}
.opening{align-items:start}
.opening .intro{font-size:clamp(19px,1.85vw,25px);max-width:34ch}
.opening>.related{grid-column:1/-1;padding:0!important;margin-top:2px;background:none;color:inherit}
.opening>.related>.wrap{max-width:none;padding:24px 0 0!important;border-top:1px solid #bdc5a444}
.opening .project-service-tags{display:flex;gap:10px 25px;flex-wrap:wrap}
.opening .project-service-tags a{font-size:12px;line-height:1.6}
.opening .related .eyebrow{font-size:9px;margin:0 0 10px}
.project-closing .public-resources{padding-top:30px;padding-bottom:0;font-size:13px}
.more-work{background:#f0f0e8;color:#222a24;padding:56px 0 48px;overflow:hidden}
.more-work .head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}
.more-work .eyebrow{color:#505941;margin:0 0 8px}
.more-work h2{font:400 clamp(24px,2.5vw,34px)/1.3 Manrope,Arial;margin:0;letter-spacing:-.035em}
.more-work .controls{display:flex;gap:10px}
.more-work button{border:1px solid #222a2460;border-radius:50%;width:40px;height:40px;color:inherit;background:transparent;font:400 20px/1 Arial}
.more-work button:disabled{opacity:.3}
.more-work .rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 4px 24px;scrollbar-width:thin;scrollbar-color:#9b9f8c transparent;overscroll-behavior-x:contain;position:relative}
.more-work .work-card{flex:0 0 245px;min-width:0;scroll-snap-align:start;text-decoration:none;color:#f0f0e8}
.more-work .work-art{height:305px;background:var(--tile-colour);position:relative;overflow:hidden;padding:20px;box-sizing:border-box}
.more-work .tile-kicker{position:relative;z-index:2;display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;line-height:1.5;min-height:24px}
.more-work .tile-title{position:relative;z-index:2;display:block;font:400 28px/1.1 Manrope,Arial;letter-spacing:-.045em;max-width:11ch;margin-top:30px}
.more-work .work-tile-ink{position:absolute;width:90%;height:65%;bottom:0;right:-12%;opacity:.65;fill:none;stroke:currentColor;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.more-work .tile-open{position:absolute;bottom:16px;right:18px;font-size:19px}
.more-work .work-card:nth-child(2n) .tile-title{position:absolute;bottom:28px;left:20px;padding-right:15px}
.more-work .work-card:nth-child(2n) .work-tile-ink{top:38px;right:-8%;bottom:auto;opacity:.55}
.more-work .work-card:nth-child(3n) .tile-title{margin-top:55px}
.more-work .work-card:nth-child(3n) .work-tile-ink{width:105%;height:90%;right:-32%;bottom:-24%;opacity:.28}
.more-work .work-art-wicked .work-tile-ink{width:110%;height:73%;right:-8%;bottom:-2%;opacity:.9}
.more-work a:focus-visible,.more-work button:focus-visible,.more-work .rail:focus-visible,.credits-more:focus-visible{outline:2px solid #505941;outline-offset:3px}
.more-work .rail-tail{flex-shrink:0;pointer-events:none}
.end{background:#222a24;color:#f0f0e8}
@media(max-width:760px){.credits .credit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-closing{padding:42px 0}.more-work{padding:40px 0 32px}.more-work .work-card{flex-basis:220px}.more-work .work-art{height:285px}.more-work .rail{gap:22px}}
@media(max-width:440px){.credits .credit-grid{grid-template-columns:1fr}.more-work .head{align-items:flex-end}.more-work h2{font-size:24px}}

/* Two landscapes beside one portrait, with no isolated third row. */
[data-project="first-date"] .project-gallery{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;align-items:start}
[data-project="first-date"] .project-gallery figure:nth-child(1){grid-column:1;grid-row:1}
[data-project="first-date"] .project-gallery figure:nth-child(2){grid-column:1;grid-row:2}
[data-project="first-date"] .project-gallery figure:nth-child(3){grid-column:2;grid-row:1 / span 2}
@media(max-width:600px){[data-project="first-date"] .project-gallery{display:flex;flex-direction:column}[data-project="first-date"] .project-gallery figure{width:100%}}

.opening .opening-summary{min-width:0}.opening>.related{margin-top:28px}


/* Ink-green continuation with a restrained scrollbar. */
.more-work{background:#222a24;color:#f0f0e8}
.more-work .eyebrow{color:#bdc5a4}
.more-work button{border-color:#f0f0e860;color:#f0f0e8}
.more-work .rail{scrollbar-color:#707b69 transparent}
.more-work .rail::-webkit-scrollbar{height:6px}
.more-work .rail::-webkit-scrollbar-track{background:transparent}
.more-work .rail::-webkit-scrollbar-thumb{background:#707b69;border-radius:8px}
.more-work a:focus-visible,.more-work button:focus-visible,.more-work .rail:focus-visible{outline-color:#bdc5a4}