/* One common editorial grid, six contiguous project dossiers. */
:root{--max:1280px;--gap:clamp(20px,3vw,40px)}
.project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:44px 28px!important;align-items:start}
.project-grid>.project:nth-child(n){grid-column:auto!important;transform:none!important;margin:0!important;min-width:0}
.project .cover{height:auto!important;aspect-ratio:4/3!important;transform:none!important;clip-path:none!important;border-radius:0!important;padding:22px!important;background:#e8e4da!important;overflow:hidden}
.project .cover img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important}
.project-index{font-size:32px!important;margin-bottom:12px!important}.project-title h3{font-size:24px!important;line-height:1.2}.project-meta{min-height:40px;align-items:start;gap:12px;font-size:9px!important}.project-title{margin-top:18px}.project-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0 45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-directory a{display:flex;align-items:center;gap:16px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.project-directory span{color:var(--blue);font-size:11px;font-weight:700}
.portfolio-case{padding-block:80px!important;border-top:1px solid var(--line);background:var(--paper)!important}.portfolio-case>.section-heading{margin-bottom:44px!important}.portfolio-case .case-head,.production-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-bottom:40px}.portfolio-case .case-head h2,.production-head h2{font-size:clamp(44px,5.5vw,72px);line-height:1.05}.case-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:36px}
.project-chapter{margin-top:64px;padding-top:44px;border-top:1px solid var(--line);background:transparent!important}.project-chapter>.case-head{display:block;max-width:850px}.project-chapter h3{font-size:clamp(28px,3.4vw,44px);line-height:1.15;margin-bottom:24px}.project-chapter .case-head>div{margin-top:24px}.project-chapter .eyebrow{margin-bottom:20px}.next-project{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 0;border-top:1px solid var(--line);margin-top:60px}.next-project span{font-size:10px;letter-spacing:1px}.next-project strong{font-size:20px;font-weight:500}
/* Same frames in each series, preserving the complete artwork inside. */
.recovered-grid,.detail-gallery,.print-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--gap)!important;align-items:start!important;margin:32px 0 48px!important}
.recovered-grid>figure,.detail-gallery>figure,.print-grid>figure{grid-column:auto!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important;position:static!important;min-width:0}
.recovered-grid .archive-link,.detail-gallery .archive-link,.print-grid .archive-link{width:100%;aspect-ratio:4/3!important;height:auto!important;padding:18px!important;display:flex!important;align-items:center;justify-content:center;background:#e8e4da!important;overflow:hidden}
.recovered-grid img,.detail-gallery img,.print-grid img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;max-height:none!important}
.poster-grid .archive-link{aspect-ratio:3/4!important}.photo-grid .archive-link{aspect-ratio:4/3!important}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.media-grid .archive-link,.media-grid video{aspect-ratio:9/16!important;background:#e8e4da!important;width:100%;object-fit:contain;padding:0!important}.recovered-grid figcaption,.detail-gallery figcaption,.print-grid figcaption{font-size:12px;line-height:1.5;margin-top:12px;min-height:36px}
#etincelle .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hk-final-panel{aspect-ratio:4/3;background:white}.hk-final-panel img{width:72%;height:75%;object-fit:contain}.hk-archive{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hk-archive .archive-link{max-width:440px;width:100%;padding:24px;background:white}.hk-archive img{height:auto;object-fit:contain}.hk-reading{min-width:0}
.campaign-email-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.campaign-email-copy{position:static}.campaign-email-preview{padding:16px}.campaign-email-preview iframe{max-width:100%;width:100%;height:960px}.campaign-carousel{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);max-width:none}.campaign-carousel .archive-link{display:block;aspect-ratio:1;background:#e8e4da;padding:0}.campaign-carousel img{width:100%;height:100%;object-fit:contain}.campaign-format-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gap);align-items:start}.campaign-story{max-width:none}.campaign-story .archive-link{display:block;aspect-ratio:9/16}.campaign-banner .archive-link{display:block;aspect-ratio:12/5}.campaign-story img,.campaign-banner img{width:100%;height:100%;object-fit:contain}.campaign-format-grid .eyebrow{min-height:32px;margin-bottom:12px}.campaign-handoff{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-handoff h3{font-size:32px}
.press-story{margin-top:60px}.relief-lab{border-top:1px solid var(--line)}.recovered-heading{margin:42px 0 24px}.recovered-heading h3{font-size:clamp(28px,3.4vw,42px)}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#etincelle .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.portfolio-case{padding-block:52px!important}.portfolio-case .case-head,.production-head,.hk-study,.hk-archive,.campaign-email-grid,.campaign-handoff{grid-template-columns:minmax(0,1fr)!important}.portfolio-case .case-head h2,.production-head h2{font-size:48px}.case-facts{grid-template-columns:1fr}.project-chapter{margin-top:40px;padding-top:32px}.campaign-email-preview iframe{height:1000px}.campaign-format-grid{grid-template-columns:minmax(0,1fr)!important}.campaign-story{width:min(100%,320px);margin-inline:auto}.campaign-format-grid .eyebrow{min-height:0}.campaign-carousel{grid-template-columns:minmax(0,1fr);width:min(100%,440px);margin-inline:auto}.next-project{align-items:flex-start;flex-direction:column}.hk-archive .archive-link{max-width:440px}.project-directory a{font-size:12px;padding:14px;gap:10px}}
@media(max-width:520px){.project-grid,.recovered-grid,.detail-gallery,.print-grid,.media-grid,#etincelle .poster-grid{grid-template-columns:minmax(0,1fr)!important}.project .cover{aspect-ratio:4/3!important}.project-title h3{font-size:26px!important}.project-meta{min-height:0;margin-bottom:12px}.project-grid{gap:36px!important}.portfolio-case .case-head h2,.production-head h2{font-size:42px}.recovered-grid figcaption,.detail-gallery figcaption,.print-grid figcaption{min-height:0}.project-directory{grid-template-columns:1fr 1fr}.project-directory span{font-size:10px}.recovered-grid .archive-link{padding:14px!important}.media-grid .archive-link{padding:0!important}.campaign-email-preview{padding:8px}.project-chapter h3{font-size:28px}.next-project strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}