/* Photography, simple benefit cards, and a clear production record. */
.project-visual{max-width:1040px;margin:42px auto 0}
.project-visual img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:center 53%}
.project-visual figcaption{font-size:12px;line-height:1.7;color:var(--muted);text-align:right;margin-top:8px}
.invitation-copy .invitation-project{margin-top:15px;font:400 clamp(23px,3vw,32px)/1.65 var(--serif);letter-spacing:.04em}
.project .section-intro h2{font-size:clamp(27px,3.3vw,44px);line-height:1.8;letter-spacing:.04em}
.project .section-intro h2>span{display:inline-block;white-space:nowrap}
.project-definition{max-width:760px;margin:46px auto 0;text-align:center;font:400 21px/2.1 var(--serif);letter-spacing:.035em}
.project-definition-name{font-size:16px;margin-bottom:22px;letter-spacing:.04em}
.project-support-points{max-width:820px;margin:62px auto 0;text-align:center}
.project-support-point+.project-support-point{margin-top:48px;padding-top:45px;border-top:1px solid var(--line)}
.project-support-point h4{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 26px;font:500 23px/1.9 var(--serif);letter-spacing:.035em}
.project-support-point h4::before,.project-support-point h4::after{content:"";display:block;flex:0 0 1px;height:35px;background:#839cac;transform:rotate(-22deg)}
.project-support-point h4::after{transform:rotate(22deg)}
.project-support-point p{font-size:16px;line-height:2.2}
.project-support-point p+p{margin-top:22px}
.copy-marker{background:linear-gradient(transparent 58%,#ffe873 58%,#ffe873 92%,transparent 92%);color:inherit;font-weight:500;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.project .project-partners{max-width:1040px;margin-top:54px}
.production-record{max-width:1040px;margin:70px auto 0}
.record-heading{text-align:center}
.record-heading h3{font:400 clamp(28px,3vw,38px)/1.8 var(--serif);letter-spacing:.08em;margin-top:16px}
.record-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px}
.record-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px 18px;text-align:center;min-width:0}
.record-logo+.record-logo{border-left:1px solid var(--line)}
.record-logo img{width:100%;max-width:170px;height:65px;object-fit:contain}
.record-logo .nack5-logo{max-width:113px}
.record-logo-caption{font-size:12px;line-height:1.6;color:var(--muted)}
.tif-name{height:65px;display:flex;flex-direction:column;justify-content:center;font:800 43px/1.05 Arial,sans-serif;letter-spacing:.03em}
.tif-name small{font:500 9px/1.5 var(--sans);letter-spacing:.075em;margin-top:5px}
.record-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;padding:28px 0;background:#f3f7f9;text-align:center}
.record-metrics>div{padding:0 16px}
.record-metrics>div+div{border-left:1px solid #d0dce3}
.record-metrics p{font-size:14px;line-height:1.8}
.record-metrics strong{display:block;font:400 58px/1.3 Georgia,serif;margin-top:13px;font-variant-numeric:lining-nums}
.record-metrics strong span{font:400 17px/1.6 var(--serif);margin-left:8px}
.record-details{max-width:880px;margin:25px auto 0;color:var(--muted)}
.record-details>div{display:grid;grid-template-columns:84px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.record-details dt{font:500 13px/1.95 var(--sans)}
.record-details dd{margin:0;font-size:13px;line-height:1.95}
.record-details dd p+p{margin-top:8px}
.benefits-simple .section-intro h2{margin-bottom:0}
.perks-grid{max-width:980px;margin:44px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.perk-card{margin:0;padding:10px;background:#fff;border:1px solid #5c6971;display:flex;flex-direction:column}
.perk-card>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.perk-card h3{font:500 clamp(18px,1.9vw,24px)/1.7 var(--serif);letter-spacing:.02em;text-align:center;min-height:106px;display:flex;align-items:center;justify-content:center;margin:0;padding:22px 10px;flex:1}
.perks-caption{max-width:980px;margin:13px auto 0;text-align:right;font-size:12px;color:var(--muted)}
.benefits-simple .benefit-note{max-width:980px;margin-top:15px}
.work-section{max-width:1040px;margin:88px auto 0;padding-top:64px;border-top:1px solid #bdcdd7}
.work-section h3{font:400 clamp(24px,2.8vw,34px)/1.85 var(--serif);letter-spacing:.035em;margin:22px 0;text-wrap:balance}
.work-section .section-intro>p:last-child{line-height:2.1}
.work-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.work-options article{padding:30px 24px;background:#fff;border-top:2px solid #adc3d0}
.work-options svg{display:block;width:48px;height:48px;margin:0 auto 19px;fill:none;stroke:#526a78;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.work-options h4{font:500 19px/1.7 var(--serif);margin:0 0 17px;text-align:center;min-height:65px;display:flex;align-items:center;justify-content:center}
.work-options p{font-size:15px;line-height:2;margin:0}

.work-experience{text-align:center;font:400 17px/2.1 var(--serif);margin-top:34px}
@media(max-width:900px){.work-options{gap:14px}.work-options article{padding:24px 16px}.work-options h4{font-size:17px}}
@media(max-width:760px){
 .project-visual{margin-top:28px}.project-visual img{aspect-ratio:16/10}.project-visual figcaption{font-size:11px}
 .invitation-copy .invitation-project{font-size:clamp(20px,5.7vw,25px);letter-spacing:.015em;margin-top:12px}
 .project .section-intro h2{font-size:clamp(22px,5.9vw,30px);letter-spacing:.01em;line-height:1.85}
 .project-definition{margin-top:30px;font-size:17px;line-height:2.1;letter-spacing:.005em}.project-definition-name{font-size:14px;margin-bottom:18px}
 .project-support-points{margin-top:40px}.project-support-point+.project-support-point{margin-top:34px;padding-top:32px}
 .project-support-point h4{font-size:18px;line-height:1.8;letter-spacing:0;gap:12px;margin-bottom:22px}.project-support-point h4::before,.project-support-point h4::after{height:32px}
 .project-support-point p{font-size:14px;line-height:2.15;letter-spacing:0}.project-support-point p+p{margin-top:20px}.project .project-partners{margin-top:40px}
 .production-record{margin-top:48px}.record-heading h3{font-size:28px;margin-top:12px}.record-logos{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.record-logo{padding:22px 12px;gap:13px}.record-logo:nth-child(3){border-left:0}.record-logo:nth-child(n+3){border-top:1px solid var(--line)}.record-logo img{max-width:130px;height:52px}.record-logo .nack5-logo{max-width:92px}.tif-name{font-size:36px;height:52px}.tif-name small{font-size:8px}.record-logo-caption{font-size:11px}
 .record-metrics{padding:23px 0;margin-top:22px}.record-metrics>div{padding:0 7px}.record-metrics p{font-size:11px;line-height:1.7;min-height:38px}.record-metrics strong{font-size:40px;margin-top:7px}.record-metrics strong span{display:block;font-size:14px;margin:2px 0 0}.record-details{margin-top:18px}.record-details>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.record-details dt{font-size:12px}.record-details dd{font-size:12px;line-height:1.9}
 .perks-grid{gap:13px;margin-top:30px}.perk-card{padding:7px}.perk-card h3{font-size:16px;line-height:1.6;letter-spacing:0;min-height:87px;padding:15px 5px}.perks-caption{font-size:11px;margin-top:10px}
 .work-section{margin-top:55px;padding-top:40px}.work-section h3{font-size:25px;letter-spacing:.01em;margin:18px 0}.work-options{grid-template-columns:1fr;gap:12px;margin-top:28px}.work-options article{display:grid;grid-template-columns:50px 1fr;column-gap:18px;padding:22px 19px}.work-options svg{grid-row:1/3;margin:5px 0 0}.work-options h4{display:block;min-height:0;font-size:18px;text-align:left;margin:0 0 10px}.work-options h4 br{display:none}.work-options p{grid-column:2;font-size:15px}
 .work-experience{font-size:16px;margin-top:26px;text-align:left}.work-experience br{display:none}
}
@media(max-width:360px){.project-definition{font-size:15px}.project-support-point h4{font-size:16px;gap:9px}.project-support-point p{font-size:12.5px}.perk-card h3{font-size:14px;padding-inline:1px}.record-metrics p{font-size:10px}.record-metrics strong{font-size:36px}.record-metrics strong span{font-size:13px}.work-section h3{font-size:23px}}

/* Keep the invitation introduction, followed by its original concise message. */
.invitation .invitation-discovery{max-width:760px;margin:0 auto 14px;font:400 20px/2 var(--serif);letter-spacing:.025em;text-wrap:balance}
.invitation h2{margin-top:28px}
.invitation-copy>.invitation-message:first-child{max-width:none}
.invitation-copy .invitation-bridge{margin-top:28px;font-size:18px;line-height:2}
@media(max-width:760px){
 .invitation-copy .invitation-bridge{font-size:17px}
 .invitation .invitation-discovery{font-size:17px;line-height:2;margin-bottom:10px;letter-spacing:0}
 .invitation h2{margin-top:24px;line-height:1.85}
}

.record-intro{max-width:760px;margin:22px auto 0;font:400 16px/2.05 var(--serif);letter-spacing:.025em;text-wrap:balance}
@media(max-width:760px){.record-intro{font-size:15px;line-height:2;margin-top:20px;letter-spacing:.01em}}

/* Carry the story directly into the project heading. */
.invitation{padding-bottom:0}
.invitation-copy{margin-bottom:0}
.invitation+.project{padding-top:32px}
.invitation+.project .section-intro .section-title-pattern{margin-top:0}

.project>.activities{max-width:1100px;margin:80px auto 0}
@media(max-width:760px){.project>.activities{margin-top:64px}}

.activity-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
@media(max-width:760px){.activity-image{margin-bottom:20px}}