/* neutraltools case studies — deliberate introduction grid and native-ratio photography. */
.project-page .project-detail-main{width:min(calc(100% - 2*var(--gutter)),1440px);margin:0 auto;padding:24px 0 0;border-top:0}
.project-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px);row-gap:30px;padding:0 0 44px;align-items:start}
.project-location{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 4px}
.project-location>a{display:inline-flex;align-items:center;min-height:44px;margin:-11.5px 0}
.project-location span{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.project-location a:hover{text-decoration:underline;text-underline-offset:5px}
.project-title-group{min-width:0}
.project-page .project-heading h1{font-family:"neue-haas-grotesk-display",Arial,sans-serif;font-size:clamp(40px,4.4vw,64px);line-height:1.1;font-weight:600;letter-spacing:-.012em;max-width:none;margin:0 0 18px;text-wrap:balance}
.project-category{font-size:clamp(17px,1.35vw,20px);line-height:1.4;color:var(--muted);margin:0}
.project-heading .project-hero-copy{min-width:0;padding-top:7px;max-width:620px}
.project-lead{font-size:23px;line-height:1.45;letter-spacing:-.01em;max-width:38ch;margin:0;color:var(--ink);text-wrap:pretty;font-weight:400}
.project-supporting-note{font-size:18px;line-height:1.55;max-width:43ch;color:var(--muted);margin:24px 0 0}
.project-hero{display:block;margin:0 0 clamp(60px,6vw,88px)}
.project-hero-media{width:100%;max-width:min(var(--project-image-max,880px),100%);margin:0 auto;background:transparent}
.project-hero-media img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
.project-hero-media-panel{aspect-ratio:2/1;overflow:hidden}
.project-hero-media-panel img{width:100%;height:100%;object-fit:cover;object-position:center}
.project-story{margin:0 0 clamp(54px,5.5vw,80px)}
.project-story-text{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(36px,5vw,80px);max-width:1100px}
.project-page .project-story h2{font-family:"neue-haas-grotesk-display",Arial,sans-serif;font-size:clamp(26px,2.2vw,33px);line-height:1.18;font-weight:600;letter-spacing:-.016em;margin:0 0 24px;max-width:400px;text-wrap:balance}
.project-story-copy p{font-size:clamp(18px,1.45vw,21px);line-height:1.6;letter-spacing:-.004em;max-width:57ch;margin:0 0 22px;color:var(--muted);font-weight:400;text-wrap:pretty}
.project-story-copy p:last-child{margin-bottom:0}
.project-story-with-image{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr);gap:clamp(48px,6.5vw,104px);align-items:center}
.project-secondary-media{margin:0;min-width:0;max-width:100%}
.project-secondary-media img{width:100%;height:auto;display:block;max-width:960px}
.project-secondary-media figcaption{font-size:13px;line-height:1.45;color:var(--muted);letter-spacing:0;margin-top:16px}
.project-gallery{margin:0 0 clamp(60px,6vw,88px)}
.project-gallery .project-secondary-media{max-width:960px;margin:0 auto}
.project-references{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(32px,6vw,96px);border-top:1px solid var(--line);padding:28px 0 38px;margin-top:0}
.project-page .project-references h2{font-size:13px;line-height:1.5;font-weight:400;color:var(--muted);letter-spacing:.015em;margin:0 0 14px}
.project-references p{font-size:16px;line-height:1.5;max-width:62ch;margin:0;font-weight:400}
.project-references .project-source{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:-10px 0}
.project-references a:hover{text-decoration:underline;text-underline-offset:5px}
.project-navigation{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);padding:34px 0 4px;margin-top:12px}
.project-navigation a{display:grid;grid-template-columns:1fr auto;gap:13px 20px;align-content:start;min-height:100px;padding:0 0 8px}
.project-navigation a>span:first-child{grid-column:1;grid-row:1;font-size:13px;line-height:1.5;color:var(--muted)}
.project-navigation strong{font-family:"neue-haas-grotesk-display",Arial,sans-serif;grid-column:1/-1;grid-row:2;font-size:clamp(23px,2.4vw,33px);line-height:1.2;font-weight:500;letter-spacing:-.014em;text-wrap:balance}
.project-navigation-previous strong{font-size:clamp(20px,1.75vw,24px)}
.project-navigation-arrow{grid-column:2;grid-row:1;font-size:22px;line-height:1;color:var(--ink);transition:transform .2s}
.project-navigation a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.project-navigation-previous:hover .project-navigation-arrow{transform:translateX(-4px)}
.project-navigation-next:hover .project-navigation-arrow{transform:translateX(4px)}
.project-navigation-next{text-align:right}
.project-navigation-next .project-navigation-arrow{justify-self:end}
.project-page .contact-section{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:64px;padding-top:38px;padding-bottom:38px}
.project-page .contact-intro .contact-eyebrow,.project-page .contact-intro>p:last-child,.project-page .contact-note{display:none}
.project-page .contact-intro h2{font-size:36px;line-height:1.12;max-width:620px;margin:0}
.project-page .send-button{min-width:190px;min-height:52px;padding:12px 20px;font-size:17px;gap:24px}
@media(max-width:1000px){.project-heading{column-gap:40px}.project-story-with-image{gap:40px}}
@media(max-width:900px){.project-page .project-detail-main{padding-top:20px}.project-heading{grid-template-columns:1fr;row-gap:26px;padding-bottom:34px}.project-location{margin-bottom:0}.project-heading .project-hero-copy{padding-top:0;max-width:640px}.project-page .project-heading h1{font-size:clamp(40px,5.5vw,52px)}.project-lead{font-size:23px;max-width:40ch}.project-hero-media{max-width:min(var(--project-image-max,880px),620px,100%)}.project-story-text,.project-story-with-image{grid-template-columns:1fr;gap:26px;max-width:640px}.project-page .project-story-text h2{margin-bottom:0}.project-story-copy p{font-size:19px}.project-secondary-media{max-width:620px}.project-story-with-image .project-secondary-media{order:2}.project-references{grid-template-columns:1fr;gap:28px}}
@media(max-width:450px){.project-page .project-detail-main{padding-top:8px}.project-heading{row-gap:24px;padding-bottom:30px}.project-page .project-heading h1{font-size:40px;margin-bottom:16px}.project-category{font-size:17px}.project-lead{font-size:20px;line-height:1.45}.project-supporting-note{font-size:17px;margin-top:22px}.project-story-copy p{font-size:18px}.project-story{margin-bottom:48px}.project-navigation{gap:24px;padding-top:28px}.project-navigation strong{font-family:"neue-haas-grotesk-display",Arial,sans-serif;font-size:23px}.project-navigation-previous strong{font-size:20px}.project-navigation-arrow{font-size:21px}.project-references p{font-size:16px}}
@media(max-width:760px){.project-page .contact-section{grid-template-columns:1fr;gap:26px;padding-top:34px;padding-bottom:34px;margin-top:48px}.project-page .contact-intro h2{font-size:clamp(28px,8.2vw,32px);max-width:380px}.project-page .contact-action{justify-self:start}}
@media(prefers-reduced-motion:reduce){.project-navigation-arrow{transition:none}}