/* Shared editorial project template. Homepage styles remain untouched. */
.project-page{background:#F4F1EA;color:#191919}
.project-shell{padding:0 clamp(24px,4.5vw,76px);background-image:none}
.project-intro{padding-top:55px}
.project-index{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#77736D;margin:0 0 34px;line-height:1.5}
.project-page h1{font-size:clamp(72px,10vw,150px);font-weight:400;letter-spacing:-.07em;line-height:1;margin:0 0 28px}
.project-deck{font-size:clamp(22px,2.6vw,36px);letter-spacing:-.035em;max-width:720px;line-height:1.25;margin:0 0 52px}
.project-facts{display:grid;grid-template-columns:1fr 2fr 3fr;gap:30px;border-top:1px solid #D9D3C8;padding:24px 0;margin:0 0 26px}
.project-facts dt,.project-small{font-size:12px;color:#77736D;line-height:1.5}
.project-facts dd{font-size:14px;line-height:1.65;margin:8px 0 0}
.project-figure{margin:0;min-width:0}
.project-figure img{display:block;width:100%;height:auto;object-fit:contain}
.project-figure figcaption{font-size:12px;color:#77736D;line-height:1.5;margin-top:12px}
.project-hero-image img{aspect-ratio:16/9;background:#f6f6f6}
.project-section{padding:94px 0;border-top:1px solid #D9D3C8;margin-top:80px}
.project-section+.project-section{margin-top:0}
.project-page h2{font-size:clamp(36px,4.3vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:0}
.project-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.project-split p{font-size:16px;line-height:1.75;color:#77736D;margin:0}
.project-prose p+p{margin-top:22px}
.project-brand-images{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;margin-top:58px}
.project-brand-images img{max-height:650px}
.project-brand-notes{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;margin:44px 0 32px}
.project-signature{font-size:clamp(24px,2.8vw,38px);line-height:1.2;letter-spacing:-.035em;max-width:500px;margin:15px 0 0}
.project-font-name{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:12px 0 0}
.project-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.project-palette>div{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.5}
.project-palette>div>span:last-child{color:#77736D}
.project-swatch{height:100px;display:block;margin-bottom:8px}
.project-realizations>h2{margin-bottom:76px}
.project-work{margin-top:90px}
.project-work:first-of-type{margin-top:0}
.project-work .project-index{margin-bottom:18px}
.project-page h3{font-size:clamp(26px,2.7vw,39px);line-height:1.16;font-weight:400;letter-spacing:-.04em;margin:0}
.project-media{margin-top:38px}
.project-media-wide img{aspect-ratio:16/9;background:#f6f6f6}
.project-media-portrait{width:82%;margin-left:auto;margin-right:auto}
.project-media-portrait img{max-height:1050px}
.project-media-mixed{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px;align-items:start}
.project-media-mixed .project-figure:first-child{grid-column:1/-1}
.project-media-mixed .project-figure:first-child img{aspect-ratio:16/9;background:#f6f6f6}
.project-media-film img,.project-media video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#191919;display:block}
.project-resource-pending{padding:20px 0;border-top:1px solid #D9D3C8;margin-top:28px;color:#77736D}
.project-resource-pending p{font-size:14px;line-height:1.5;margin:6px 0 0}
.project-next-link{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(36px,6vw,88px);line-height:1.12;letter-spacing:-.05em;padding-bottom:24px;border-bottom:1px solid #191919}
.project-next-link>span{transition:transform 300ms ease}
.project-next-link:hover>span:first-child,.project-next-link:focus-visible>span:first-child{transform:translateX(5px)}
.project-next-link:hover>span:last-child,.project-next-link:focus-visible>span:last-child{transform:translate(5px,-5px)}
.project-back{display:inline-block;font-size:14px;margin-top:38px;padding-bottom:6px;border-bottom:1px solid #191919}
.project-footer{display:flex;justify-content:space-between;gap:20px;margin:0 var(--margin);padding:24px 0;font-size:12px;color:#77736D}
@media(max-width:1050px){.project-split{gap:32px}.project-section{padding:64px 0;margin-top:60px}.project-facts{grid-template-columns:1fr 2fr 2fr;gap:20px}.project-media-portrait{width:100%}}
@media(max-width:700px){.project-shell{padding:0 18px}.project-intro{padding-top:36px}.project-page h1{font-size:clamp(48px,12vw,78px)}.project-deck{font-size:23px;margin-bottom:32px}.project-index{font-size:11px;margin-bottom:22px}.project-facts{grid-template-columns:1fr 2fr;gap:20px}.project-facts>div:last-child{grid-column:1/-1}.project-facts dd{font-size:13px}.project-split{grid-template-columns:1fr;gap:24px}.project-page h2{font-size:38px}.project-page h3{font-size:28px}.project-section{padding:48px 0;margin-top:45px}.project-brand-images,.project-brand-notes{grid-template-columns:1fr;gap:30px}.project-brand-images{margin-top:32px}.project-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.project-swatch{height:80px}.project-work{margin-top:62px}.project-realizations>h2{margin-bottom:48px}.project-media{margin-top:28px}.project-media-mixed{grid-template-columns:1fr;gap:30px}.project-media-mixed .project-figure:first-child{grid-column:auto}.project-next-link{font-size:36px;gap:12px}.project-figure figcaption{font-size:11px}.project-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.project-next-link>span{transition:none;transform:none!important}}
