html.project-document{scroll-snap-type:none}.project-page{padding:0 0 0 var(--rail-width);overflow:hidden}.project-container{max-width:1536px;margin:auto;padding:40px clamp(24px,5vw,88px) 0}.project-back{min-height:44px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:.75rem;display:inline-flex}.project-back:hover{color:var(--accent)}.project-hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(180px,26%);align-items:center;gap:clamp(24px,4vw,64px);padding:70px 0 64px;display:grid;position:relative}.project-hero-copy{min-width:0}.project-client-logo{border-left:1px solid var(--border-h);place-items:center;min-height:220px;padding:32px;display:grid}.project-client-logo img{object-fit:contain;width:100%;max-width:240px;max-height:200px}.project-client-logo:has(.project-brand-mark){padding:12px}.project-client-logo .project-brand-mark{width:100%;max-width:300px;height:auto;max-height:280px;display:block;overflow:hidden}.project-client-name{font-family:var(--f-display);text-align:center;text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(1.5rem,2.5vw,2.75rem);font-weight:700;line-height:1.1}.project-symbol{z-index:-1;object-fit:contain;opacity:.045;pointer-events:none;width:75%;height:115%;position:absolute;top:0;right:-14%}.project-eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);align-items:center;gap:14px;margin-bottom:24px;font-size:.7rem;font-weight:700;line-height:1.5;display:flex}.project-eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:28px;height:1px}.project-hero h1{max-width:1050px;font-family:var(--f-display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(3rem,6vw,6.5rem);font-weight:700;line-height:.97}.project-hero h1 span{color:var(--accent);display:block}.project-intro{max-width:660px;color:var(--fg-muted);margin-top:32px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.7}.project-meta{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 0 48px;display:grid}.project-meta dt{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.65rem;font-weight:700}.project-meta dd{font-size:.95rem;font-weight:600;line-height:1.5}.project-film{aspect-ratio:9/16;background:#111;width:100%;position:relative;overflow:hidden}.project-film video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.project-film video:not([controls]),.project-film--playing video{object-fit:cover}.project-play{width:100%;color:var(--accent);background:linear-gradient(#00000026,#00000080);place-items:center;display:grid;position:absolute;inset:0}.project-play-icon{aspect-ratio:1;border:1px solid var(--accent);background:#14161480;border-radius:50%;place-items:center;width:clamp(60px,7vw,100px);transition:background .2s,color .2s;display:grid}.project-play:hover .project-play-icon{background:var(--accent);color:var(--bg)}.project-film-label{color:var(--fg);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.project-video-error{color:var(--fg-muted);padding-top:16px}.project-video-error a{text-decoration:underline}.project-page h2{font-family:var(--f-display);letter-spacing:-.045em;font-weight:700;line-height:1.1}.project-feature{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,96px);padding:28px 0 100px;display:grid;position:relative}.project-feature-media{min-width:0;position:relative}.project-feature-media:before{content:"";background:linear-gradient(var(--accent), transparent 85%);width:2px;position:absolute;top:56px;bottom:58px;left:-12px}.project-feature-caption,.project-feature-credit{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;font-size:.6rem;line-height:1.5;display:flex}.project-feature-caption{min-height:40px;color:var(--fg-muted);padding-bottom:16px}.project-feature-caption>span:first-child{color:var(--fg);align-items:center;gap:8px;display:flex}.project-feature-caption i{background:var(--accent);border-radius:50%;width:5px;height:5px}.project-feature-credit{border-bottom:1px solid var(--border-h);color:var(--fg-muted);padding:18px 0}.project-feature-credit>span:first-child{color:var(--fg)}.project-story{flex-direction:column;align-self:stretch;min-width:0;padding:0;display:flex}.project-story-topline{min-height:40px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:.6rem;display:flex}.project-story-topline img{object-fit:contain;width:24px;height:24px}.project-story-chapter{isolation:isolate;border-left:2px solid #0000;border-top:1px solid var(--border-h);flex:1;padding:clamp(28px,3.2vw,48px) 0 36px 28px;position:relative}.project-chapter-number{z-index:-1;font-family:var(--f-display);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px var(--border-h);-webkit-user-select:none;user-select:none;font-size:clamp(5rem,9vw,9rem);font-weight:700;line-height:1;position:absolute;top:16px;right:0}.project-story h2{letter-spacing:-.065em;text-transform:uppercase;margin-bottom:24px;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.95}.project-heading-dot{color:var(--accent)}.project-story-chapter .project-eyebrow{margin-bottom:24px;font-size:.6rem}.project-story-chapter>p:not(.project-eyebrow){max-width:48ch;color:var(--fg-muted);white-space:pre-line;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.85}.project-story-chapter--approach{border-left:2px solid var(--accent);background:linear-gradient(110deg,#cadb2e0f,#0000 70%);padding-left:28px}.project-story-chapter--approach h2{color:var(--accent)}.project-story-chapter--approach .project-heading-dot{color:var(--fg)}.project-story-bottomline{border-top:1px solid var(--border-h);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:.6rem;display:flex}.project-story-bottomline svg{color:var(--accent);transform:rotate(45deg)}@media (width>=761px) and (height>=800px){.project-feature-media{position:sticky;top:28px}}@media (width<=760px){.project-feature{grid-template-columns:minmax(0,1fr);gap:40px;padding:12px 0 64px}.project-feature-media{justify-self:center;width:min(100%,420px)}.project-story h2{font-size:clamp(2.6rem,9vw,4.5rem)}.project-chapter-number{font-size:7rem}.project-story-chapter{padding-top:32px;padding-bottom:36px;padding-left:24px}.project-story-chapter--approach{padding-left:24px}}.project-gallery-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px;display:flex}.project-gallery-heading h2{font-size:clamp(1.8rem,3vw,3rem)}.project-gallery-controls{gap:10px;display:flex}.project-gallery-controls button,.project-next-arrow{border:1px solid var(--border-h);width:52px;height:52px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;transition:background .2s,color .2s;display:grid}.project-gallery-controls button:disabled{opacity:.3;cursor:default}.project-gallery-controls button:hover:not(:disabled),.project-next:hover .project-next-arrow{background:var(--accent);color:var(--bg)}.project-gallery-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-2);gap:24px;padding-bottom:20px;display:flex;overflow-x:auto}.project-gallery-track figure{scroll-snap-align:start;flex:0 0 70%;min-width:0}.project-gallery-track img{aspect-ratio:16/10;object-fit:cover;filter:grayscale();width:100%;transition:filter .3s}.project-gallery-track figure:hover img{filter:grayscale(0)}.project-gallery-track figcaption{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);justify-content:space-between;gap:16px;padding:16px 0;font-size:.65rem;font-weight:600;display:flex}.project-impact{border:1px solid var(--border);background:var(--bg-2);margin:90px 0;padding:48px}.project-impact h2.project-eyebrow{font-family:var(--f-body);letter-spacing:.13em;font-size:.7rem;line-height:1.5}.project-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0 20px;display:grid}.project-metric{text-align:center;flex-direction:column;align-items:center;gap:18px;min-width:0;padding:16px 24px;display:flex}.project-metric+.project-metric{border-left:1px solid var(--border-h)}.project-metric dd{color:var(--accent);font-family:var(--f-display);letter-spacing:-.065em;overflow-wrap:anywhere;order:-1;font-size:clamp(3.5rem,7vw,7rem);font-weight:700;line-height:1}.project-metric dt{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:.7rem;font-weight:600;line-height:1.6}@media (width<=600px){.project-metrics{grid-template-columns:1fr;padding:0}.project-metric{padding:28px 12px}.project-metric+.project-metric{border-left:0;border-top:1px solid var(--border-h)}}.project-next{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:64px 0;display:flex}.project-next h2{text-transform:uppercase;font-size:clamp(2.5rem,6vw,6rem)}.project-next-arrow{width:80px;height:80px}.project-footer{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-size:.7rem;display:flex}.project-footer img{width:80px}.project-footer>a:last-child{color:var(--accent);align-items:center;min-height:44px;display:flex}.project-page :focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (width<=1024px){.project-page{padding-top:88px;padding-left:0}}@media (width<=760px){.project-hero{grid-template-columns:minmax(0,1fr);gap:32px}.project-client-logo{justify-self:end;width:160px;min-height:100px;padding:16px 24px}.project-client-logo img{max-height:100px}.project-client-name{font-size:1.5rem}}@media (width<=600px){.project-container{padding:8px 20px 0}.project-hero{padding:40px 0}.project-hero h1{font-size:clamp(3rem,13vw,5rem)}.project-symbol{width:110%;right:-35%}.project-meta{grid-template-columns:1fr 1fr;padding-bottom:32px}.project-eyebrow{margin-bottom:18px;font-size:.6rem}.project-gallery-heading{align-items:center}.project-gallery-controls button{width:44px;height:44px}.project-gallery-track figure{flex-basis:88%}.project-gallery-track img{aspect-ratio:4/3}.project-impact{margin:56px 0;padding:28px 24px}.project-next{padding:40px 0}.project-next-arrow{width:52px;height:52px}.project-next h2{font-size:2.5rem}.project-footer{flex-wrap:wrap}.project-footer>span{display:none}.project-film-label{bottom:14px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.project-page *,.project-page :before{scroll-behavior:auto!important;transition:none!important}}