/* Images stay local; framing can be adjusted later without editing the source files. */
.project-gallery{grid-column:span 3;min-width:0;position:relative}
.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-2px 0 12px;height:28px;font:11px/1 var(--sans);font-variant-numeric:tabular-nums;color:#737875}
.gallery-controls>span{margin-right:4px}
.gallery-controls button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #dedfdd;border-radius:6px;background:#fff;color:#111;font:17px/1 var(--sans);transition:background .2s,color .2s}
.gallery-controls button:hover:not(:disabled){background:#111;color:white;border-color:#111}
.gallery-controls button:disabled{opacity:.28}
.gallery-track{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c6cac7 transparent;overscroll-behavior-x:contain;padding:0 0 10px;min-width:0}
.gallery-track>[data-gallery-item]{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;display:block}
.gallery-track .photo-media{width:100%;border:0;border-radius:9px;background:#f7f7f5;display:block;overflow:hidden}
.gallery-track .photo-media:before{display:none}
.gallery-track .photo-media.frame-square{aspect-ratio:1!important}
.gallery-track .photo-media.frame-portrait{aspect-ratio:4/5!important}
.gallery-track .photo-media.frame-landscape{aspect-ratio:4/3!important}
.photo-media img{width:100%;height:100%;object-fit:cover;display:block}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.project-study{padding:0;max-width:1440px;margin:auto;background:#fff}
.project-study>header.study-header{position:relative;inset:auto;width:auto;margin:0;padding:32px clamp(24px,3.2vw,64px);display:block}
body.project-study main{padding:20px 0 0;margin:0 clamp(24px,3.2vw,64px)}
.project-study .project-heading{padding:22px 0 24px}
.project-study h1{font-family:var(--sans);font-size:clamp(46px,6.5vw,96px);letter-spacing:-.055em;line-height:1.02}
.project-study .project-heading>div{padding-bottom:5px;font-size:14px}
.project-intro{font:18px/1.45 var(--sans);max-width:590px;margin-bottom:36px}
.project-hero{overflow:hidden;border-radius:12px}
.project-hero img{width:100%;height:auto;display:block}
.project-study .project-gallery{grid-column:auto;margin-top:12px}
.project-study .gallery-track>[data-gallery-item]{flex-basis:calc((100% - 20px)/2)}
.project-study .project-content{gap:22px}
@media(max-width:850px){.project-gallery{grid-column:1/-1}.gallery-track>[data-gallery-item]{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.gallery-track{gap:14px}.gallery-track>[data-gallery-item],.project-study .gallery-track>[data-gallery-item]{flex-basis:84%}.project-study .project-heading{align-items:flex-start;flex-direction:column;gap:18px}.project-intro{font-size:16px}.gallery-controls{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}.gallery-controls button{transition:none}}

/* Leave a seven-pixel breath between photographs and their rounded dot outline. */
.gallery-track{padding:9px 9px 20px}
.gallery-track>[data-gallery-item]{flex-basis:calc((100% - 40px)/3)}
.bbh-project .gallery-track>[data-gallery-item]:first-child .photo-media{aspect-ratio:5504/3072!important}
.bbh-project .gallery-track>[data-gallery-item]:first-child img{object-fit:contain;object-position:center!important}
@media(max-width:850px){.gallery-track>[data-gallery-item]{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.gallery-track>[data-gallery-item]{flex-basis:84%}}

.gallery-track{scroll-padding-inline:9px}

/* Five photographs are visible together: overview plus four nested details. */
.projects-page .work-row h3{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin-bottom:24px;padding-bottom:18px}
.projects-page .portfolio-main{padding-top:calc(55px + 65px)}
.project-mosaic .gallery-track{display:grid;grid-template-columns:2.4fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;overflow:visible;scroll-snap-type:none;scrollbar-width:none;padding:9px;align-items:start}
.project-mosaic .gallery-track>[data-gallery-item]{min-width:0}
.project-mosaic .gallery-track>[data-gallery-item]:first-child{grid-row:1/span 2;align-self:center}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:not(:first-child) .photo-media{aspect-ratio:3/2!important}
.project-mosaic .gallery-track .photo-media{background:#fff}
@media(max-width:850px){.project-mosaic .gallery-track{gap:14px;grid-template-columns:1fr 1fr}.project-mosaic .gallery-track>[data-gallery-item]:first-child{grid-column:1/-1;grid-row:auto}.projects-page .portfolio-main{padding-top:200px}}
@media(max-width:600px){.project-mosaic .gallery-track{gap:14px}.projects-page .portfolio-main{padding-top:170px}.projects-page .work-row h3{font-size:31px}}
/* Keep room for the existing illustration after removing its former section label. */
body.projects-page .portfolio-main{padding-top:315px}
@media(max-width:600px){body.projects-page .portfolio-main{padding-top:195px}}

/* Use the contrasting Timeless face for study titles. */
.projects-page .work-row h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}

/* Separate the seven-pixel outer dot rims as well as the photographs. */
.project-mosaic .gallery-track{gap:28px}
@media(max-width:850px){.project-mosaic .gallery-track{gap:26px}}

/* Film and its animated identity share the same breathing room as the photo rims. */
.project-motion-pair{grid-column:span 3;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:28px;padding:9px;min-width:0}
.project-motion-pair .project-visual{margin:0;min-width:0}
.project-motion-pair .motion-media{border:0;border-radius:9px;background:#000;display:block;overflow:hidden}
.project-motion-pair .motion-media::before{display:none}
.project-motion-pair .film-media{aspect-ratio:16/9!important}
.project-motion-pair .logo-media{aspect-ratio:1!important}
.motion-media iframe,.motion-media video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.project-motion-pair figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:13px;color:#676e69;font:13px/1.4 var(--serif-text)}
.project-motion-pair figcaption a:hover{text-decoration:underline}
.helyos-study{position:relative}
.helyos-study .project-motion-pair{grid-column:auto}
.helyos-study .motion-media{outline:2px dotted #111514;outline-offset:7px}
.helyos-credits{max-width:720px;margin-top:36px;font:15px/1.5 var(--sans)}
.helyos-credits p{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:18px}
.helyos-credits p>span{color:#737875;font-family:var(--serif-text)}
@media(max-width:850px){.project-motion-pair{grid-column:1/-1}}
@media(max-width:600px){.project-motion-pair{grid-template-columns:minmax(0,1fr);gap:28px}.project-motion-pair .logo-visual{width:72%;justify-self:end}.helyos-credits p{grid-template-columns:1fr;gap:5px}}

/* Keep the back link clear of the handwritten signature on this new study. */
.helyos-study>header.study-header{text-align:right;min-height:136px}
body.project-study.helyos-study #main{padding-top:28px}
.helyos-study h1{font-family:var(--serif)}
.helyos-credits p>.credit-value{color:inherit;font-family:var(--sans)}
@media(max-width:600px){.helyos-study>header.study-header{min-height:116px}body.project-study.helyos-study #main{padding-top:10px}}

.helyos-project{scroll-margin-top:32px}
/* Content and its document-space dotted contours share the viewport origin. */
body.projects-page,body.project-study{max-width:none;width:100%;margin:0}
/* A quieter square identity beside the main film. */
.project-motion-pair .logo-visual{width:70%;justify-self:center;align-self:start}
/* Keep the full overview, three small details and one tall paper illustration. */
@media(min-width:851px){
.bbh-project .project-mosaic .gallery-track{grid-template-rows:repeat(3,auto)}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:first-child{grid-column:1;grid-row:1/span 3;align-self:center}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(2){grid-column:2;grid-row:1}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(4){grid-column:2;grid-row:2}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(5){grid-column:2;grid-row:3}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(3){grid-column:3;grid-row:1/span 3;align-self:stretch}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(3) figure{height:100%}
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(3) .photo-media{height:100%;aspect-ratio:auto!important}
}
@media(max-width:850px){.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:nth-child(3) .photo-media{aspect-ratio:2/3!important}}
@media(max-width:600px){.project-motion-pair .logo-visual{width:56%;justify-self:center}}
@media(min-width:851px){
.bbh-project .project-mosaic .gallery-track>[data-gallery-item]:is(:nth-child(2),:nth-child(4),:nth-child(5)) .photo-media{aspect-ratio:2.2!important}
}

/* BMG: five original portrait films with the shared dotted media rims. */
.bmg-project{scroll-margin-top:32px}
.bmg-grid{grid-column:span 3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:9px;min-width:0;align-items:start}
.bmg-grid .project-visual{margin:0;min-width:0}
.bmg-grid .bmg-media{display:block;width:100%;aspect-ratio:9/16!important;overflow:hidden;border:0;border-radius:9px;background:#fff}
.bmg-media::before{display:none!important}
.bmg-media video{display:block;width:100%;height:100%;object-fit:contain}
.bmg-grid figcaption{padding-top:13px;color:#676e69;font:13px/1.4 var(--serif-text)}
.bmg-credits{margin:22px 0 0;font:13px/1.5 var(--sans)}
.bmg-credits div{margin-top:12px}.bmg-credits dt{color:#737875;font-family:var(--serif-text)}.bmg-credits dd{margin:2px 0 0}
.bmg-study .bmg-grid{margin-top:36px}.bmg-study .bmg-media{outline:2px dotted #111514;outline-offset:7px}
@media(max-width:1100px){.bmg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.bmg-grid{grid-column:1/-1}}
@media(max-width:600px){.bmg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.bmg-grid figcaption{font-size:11px}}

/* Sennheiser: one overview, with separate campaign chapters on the detail page. */
.sennheiser-project{scroll-margin-top:32px}
.sennheiser-overview{grid-column:span 3;display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:28px;padding:9px;min-width:0;align-items:start}
.sennheiser-overview .project-visual{margin:0;min-width:0}
.sennheiser-overview .project-visual:nth-child(2){grid-column:2;grid-row:1/span 2}
.sennheiser-overview .project-visual:nth-child(3){grid-column:3;grid-row:1/span 2}
.sennheiser-overview .project-visual:nth-child(4){grid-column:1;grid-row:2}
.sennheiser-media{display:block;overflow:hidden;border:0!important;border-radius:9px;background:#000}
.sennheiser-media::before{display:none!important}
.sennheiser-landscape .sennheiser-media{aspect-ratio:16/9!important}
.sennheiser-portrait .sennheiser-media{aspect-ratio:9/16!important}
.sennheiser-media video{display:block;width:100%;height:100%;object-fit:contain}
.sennheiser-project figcaption,.sennheiser-study figcaption{padding-top:13px;color:#676e69;font:13px/1.4 var(--serif-text)}
.sennheiser-discover{display:inline-block;margin-top:22px;font:14px/1.4 var(--sans);text-decoration:underline;text-underline-offset:4px}
.sennheiser-study .project-intro{max-width:740px}
.sennheiser-context{display:grid;grid-template-columns:1fr 2fr;gap:48px;max-width:1100px;margin-bottom:38px}
.sennheiser-context .bmg-credits{margin:0}.sennheiser-context .bmg-credits div:first-child{margin-top:0}
.sennheiser-contribution h2{font:22px/1.2 var(--serif);margin:0 0 14px}
.sennheiser-contribution p{font:16px/1.6 var(--sans);margin:0 0 12px}
.sennheiser-chapters{display:flex;flex-wrap:wrap;gap:12px 28px;padding:18px 0 28px;border-bottom:1px solid #e5e6e3;font:15px/1.4 var(--sans)}
.sennheiser-chapters a:hover,.sennheiser-source:hover{text-decoration:underline;text-underline-offset:4px}
.sennheiser-chapter{margin-top:70px;scroll-margin-top:30px}
.sennheiser-chapter-heading{display:grid;grid-template-columns:45px 1fr;gap:20px;margin-bottom:32px;max-width:900px}
.sennheiser-chapter-heading>span{font:14px/2 var(--serif-text);color:#737875}
.sennheiser-chapter h2{font:clamp(28px,3vw,42px)/1.15 var(--serif);margin:0 0 16px}
.sennheiser-chapter-heading p{font:16px/1.5 var(--sans);margin:0 0 12px}
.sennheiser-source{font:13px/1.4 var(--sans);color:#676e69}
.sennheiser-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start;padding:9px}
.sennheiser-film-grid .project-visual{margin:0;min-width:0}
.sennheiser-film-grid .sennheiser-portrait{width:min(100%,320px);justify-self:center}
.sennheiser-chapter:has(.sennheiser-portrait):not(:has(.sennheiser-landscape)) .sennheiser-film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sennheiser-study .sennheiser-media{outline:2px dotted #111514;outline-offset:7px}
@media(max-width:850px){.sennheiser-overview{grid-column:1/-1}.sennheiser-context{gap:28px}}
@media(max-width:600px){.sennheiser-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.sennheiser-overview .project-visual:first-child{grid-column:1/-1;grid-row:1}.sennheiser-overview .project-visual:nth-child(2){grid-column:1;grid-row:2}.sennheiser-overview .project-visual:nth-child(3){grid-column:2;grid-row:2}.sennheiser-overview .project-visual:nth-child(4){grid-column:1/-1;grid-row:3}.sennheiser-context{grid-template-columns:1fr}.sennheiser-film-grid{grid-template-columns:1fr}.sennheiser-chapter:has(.sennheiser-portrait):not(:has(.sennheiser-landscape)) .sennheiser-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sennheiser-chapter-heading{grid-template-columns:28px 1fr;gap:12px}.sennheiser-project figcaption,.sennheiser-study figcaption{font-size:12px}}

/* A single quiet showreel placeholder on the overview; campaign assets stay in the study. */
.sennheiser-showreel{grid-column:span 3;display:block;margin:9px;min-width:0}
.sennheiser-showreel figure{margin:0}
.sennheiser-showreel-placeholder{display:grid!important;place-items:center;aspect-ratio:16/9!important;border:0!important;border-radius:9px;background:#000!important;color:#fff}
.sennheiser-showreel-placeholder::before{display:none!important}
.sennheiser-showreel-placeholder span{font:clamp(18px,2.2vw,32px)/1.3 var(--sans);letter-spacing:-.025em}
.sennheiser-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;padding:9px;align-items:start}
.sennheiser-photo{margin:0;overflow:hidden;border-radius:9px}
.sennheiser-photo img{display:block;width:100%;height:auto}
@media(max-width:850px){.sennheiser-showreel{grid-column:1/-1}}
@media(max-width:600px){.sennheiser-photo-grid{grid-template-columns:1fr 1fr;gap:20px}.sennheiser-photo-grid .sennheiser-photo:last-child{grid-column:1/-1}}
.sennheiser-showreel-placeholder span{background:transparent!important;color:#fff!important;padding:0!important}