/* Each introduction returns to a real photograph; brand marks sit below the image. */
body[data-page=home] .intro-featured{padding-top:35px}
body .intro-featured .stories-heading h1{font:500 clamp(42px,4.4vw,66px)/1.02 'Manrope',Arial,sans-serif;letter-spacing:-.055em;max-width:none}
body .intro-featured .stories-heading h1 em{font:italic 500 1.2em/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;color:#e8efc8}
.intro-featured .stories-heading{margin-bottom:29px}
.intro-featured .stories-track{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;padding-bottom:0}
.intro-featured .stories-navigation{display:none}
.intro-featured .story-card,.intro-more .story-card{border:0;box-shadow:none}
.intro-featured .story-caption{padding:22px 23px 16px}
.story-card .story-picture>img{object-fit:cover;object-position:var(--photo-position,50% 50%)}
.story-card .story-picture>video{object-fit:cover;transition:opacity .8s ease}
.story-card.is-finished .story-picture>video{opacity:0!important}
.story-caption .story-brand-logo{display:block;width:auto;height:54px;max-width:100%;object-fit:contain;object-position:left center;margin:4px 0 10px}
.story-card[data-story=casa-jardin] .story-brand-logo{height:46px;max-width:170px}
.story-card[data-story=h-wellness] .story-brand-logo{height:58px}
.story-card[data-story=skybox] .story-brand-logo{height:60px}
.story-card[data-story=buji]{--story-bg:#10110f;--story-ink:#fff;--story-muted:#b8b89c;--story-accent:#d7854b;--story-font:'Manrope',Arial,sans-serif}
.story-card[data-story=tabu]{--story-bg:#081b1e;--story-ink:#fbf7ee;--story-muted:#dac7a7;--story-accent:#cb9b51;--story-font:'Cormorant Garamond',Georgia,serif}
body[data-page] .story-caption .story-line{font:400 13px/1.6 'Manrope',Arial,sans-serif;margin:6px 0 21px;color:var(--story-muted)}
.story-topic{font-size:9px;letter-spacing:.1em}
.story-actions>a{min-height:44px}
.story-play{min-height:44px}
.intro-more{padding-top:12px;padding-bottom:38px}
body .intro-more .stories-heading h2{font-size:clamp(25px,2.7vw,37px);max-width:none}
.intro-more .stories-heading{padding-top:28px;border-top:1px solid #ffffff29;align-items:center}
.intro-more .stories-track{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:20px;padding:0}
.intro-more .stories-navigation{display:none}
.intro-more .story-caption{padding:17px 17px 12px}
.intro-more .story-brand-logo{height:47px;max-width:170px}
.intro-more .story-topic{font-size:8px}
body[data-page] .intro-more .story-line{font-size:11px;margin-bottom:13px}
.intro-more .story-actions>a{font-size:9px;gap:7px}
.intro-more .story-play{font-size:8px}
/* Photographs replace the uniform text-only directory. */
.photo-roster{padding:43px 0 47px!important;background:#003427!important}
.photo-roster .roster-heading{margin-bottom:26px;align-items:end}
body .photo-roster .roster-heading h2{font:500 clamp(34px,3.5vw,50px)/1.05 'Manrope',Arial,sans-serif;letter-spacing:-.045em}
.photo-roster .roster-heading>p{max-width:37ch;color:#c4d1c9;font-size:12px;line-height:1.8}
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;align-items:start}
.project-card{--client-bg:#0d3429;--client-ink:#f5f3eb;--client-accent:#c7e2ba;display:block;min-width:0;background:var(--client-bg);color:var(--client-ink)!important;text-decoration:none;border:0}
.project-card[hidden]{display:none!important}
.project-photo{display:block;aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--client-bg)}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--card-position,center)}
.project-card.is-mark .project-photo img{object-fit:contain;padding:15px}
.project-caption{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:17px 17px 20px;border-top:3px solid var(--client-accent)}
.project-caption>span{display:block;min-width:0}
.project-caption small{display:block;font:500 8px/1.6 'Manrope',Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;opacity:.75}
.project-caption b{display:block;font:500 20px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.025em}
.project-caption i{font:400 22px/1 Arial,sans-serif;color:var(--client-accent)}
.project-card:hover .project-caption i{transform:translate(2px,-2px)}
.project-card:focus-visible{outline:2px solid #f4de9c;outline-offset:5px}
.project-lettering{display:grid;place-content:center;text-align:center;width:100%;height:100%;padding:20px;font:500 30px/1 'Cormorant Garamond',Georgia,serif}
.project-card.is-compact .project-photo{display:none}
.project-card.is-compact .project-caption{min-height:110px}
.collection-link{display:inline-flex;gap:50px;align-items:center;color:#eef4e6!important;min-height:46px;margin-top:25px;border-bottom:1px solid #a4c6b5;font:500 12px 'Manrope',Arial,sans-serif}
.project-card[data-client=mousai]{--client-bg:#0c0c0c;--client-ink:#fff;--client-accent:#ff1a1a}
.project-card[data-client=mousai] b{font-family:'Bodoni Moda',Georgia,serif;font-size:27px}
.project-card[data-client=casa-jardin]{--client-bg:#fffaf1;--client-ink:#59382a;--client-accent:#d38caa}
.project-card[data-client=casa-jardin] b{font-family:'Fraunces',Georgia,serif;font-size:25px}
.project-card[data-client=skybox]{--client-bg:#071426;--client-ink:#fff;--client-accent:#75e4d5}
.project-card[data-client=skybox] b,.project-card[data-client=sunday-blitz] b{font-family:'Barlow Condensed',Arial,sans-serif;font-size:27px;text-transform:uppercase;font-weight:700;letter-spacing:0}
.project-card[data-client=sunday-blitz]{--client-bg:#101012;--client-ink:#fff;--client-accent:#ff3645}
.project-card[data-client=h-wellness]{--client-bg:#15120e;--client-ink:#f4eddf;--client-accent:#d4b671}
.project-card[data-client=h-wellness] b{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px}
.project-card[data-client=buji]{--client-bg:#171915;--client-ink:#b8b89c;--client-accent:#d7854b}
.project-card[data-client=tabu]{--client-bg:#081b1e;--client-ink:#fbf7ee;--client-accent:#cb9b51}
.project-card[data-client=texas-valley-motors]{--client-bg:#f8f6f1;--client-ink:#102435;--client-accent:#ac3833}
.project-card[data-client=jp-construction]{--client-bg:#101619;--client-ink:#f8f3e8;--client-accent:#c69c53}
.project-card[data-client=corte-fino]{--client-bg:#17130d;--client-ink:#f3ecdf;--client-accent:#b79a72}
.project-card[data-client=jd-barbershop]{--client-bg:#182327;--client-ink:#f2eee3;--client-accent:#c9ae77}
.project-card[data-client=prado-steaks]{--client-bg:#291816;--client-ink:#f6eadd;--client-accent:#cea568}
.project-card[data-client=mob-fitness]{--client-bg:#141318;--client-ink:#faf9fa;--client-accent:#ef8c4c}
.project-card[data-client=penny-z]{--client-bg:#164c3b;--client-ink:#fff;--client-accent:#f08cac}
.project-card[data-client=penny-z] b{font:italic 700 28px/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.project-card[data-client=getting-stronger]{--client-bg:#171918;--client-ink:#eee8db;--client-accent:#c5cc75}
.project-card[data-client=tonory]{--client-bg:#f3eee6;--client-ink:#3c3730;--client-accent:#887055}
body[data-page=work] .work-intro h1{font-size:clamp(40px,5vw,72px)}
body[data-page=work] .work-intro h1 em{font:italic 500 1.1em/.9 'Cormorant Garamond',Georgia,serif;color:#e8efc8;letter-spacing:-.03em}
body[data-page=work] .work-intro-copy p{font-size:14px}
body[data-page=work] .full-project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:27px 23px}
body[data-page=work] .full-project-grid .project-card{grid-column:span 3}
body[data-page=work] .full-project-grid .project-card:nth-child(-n+3){grid-column:span 4}
body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-photo{aspect-ratio:1/1}
body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-caption{padding:22px}
/* Existing portfolio films can finish on a selected photograph too. */
[data-brand-page] .portfolio-hero-story.has-end-photo{position:relative}
[data-brand-page] .portfolio-hero-story.has-end-photo>.portfolio-end-photo{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .8s ease;z-index:1}
[data-brand-page] .portfolio-hero-story.has-end-photo.is-finished>.portfolio-end-photo{opacity:1}
[data-brand-page] .portfolio-hero-story.has-end-photo .portfolio-story-film{transition:opacity .8s ease}
.m-cinema .story-card.is-finished .story-picture>video{opacity:0}
@media(max-width:1100px){.intro-featured .stories-track{gap:18px}.intro-featured .story-caption{padding:18px}.intro-more .stories-track{gap:16px}.intro-more .story-actions{flex-wrap:wrap;gap:0 9px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-caption b{font-size:18px}body[data-page=work] .full-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page=work] .full-project-grid .project-card,body[data-page=work] .full-project-grid .project-card:nth-child(-n+3){grid-column:auto}}
@media(max-width:760px){body[data-page=home] .intro-featured{padding-top:25px}.intro-featured .stories-heading{margin-bottom:23px;align-items:end;gap:12px}.intro-featured .stories-heading .eyebrow{font-size:7px;max-width:32ch}body .intro-featured .stories-heading h1{font-size:34px;letter-spacing:-.05em}body .intro-featured .stories-heading h1 em{font-size:1.17em;white-space:nowrap}.intro-featured .stories-heading-copy{flex:none}.intro-featured .stories-navigation{display:flex}.intro-featured .stories-navigation button{width:31px;height:36px}.intro-featured .stories-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(83vw,360px);overflow:auto;gap:15px;padding:0 19px 12px 0}.intro-featured .story-caption{padding:18px}.intro-featured .story-brand-logo{height:48px}.intro-more{padding-top:0}.intro-more .stories-heading{padding-top:20px;margin-bottom:20px}.intro-more .stories-heading h2{font-size:25px;max-width:25ch}.intro-more .stories-track{width:calc(100% - 38px);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:20px 14px;padding:0;overflow:visible}.intro-more .story-caption{padding:12px 12px 9px}.intro-more .story-brand-logo,.intro-more .story-card[data-story=h-wellness] .story-brand-logo{height:37px;width:100%;max-width:100%;object-position:left}.intro-more .story-topic{font-size:6px;letter-spacing:.08em}.intro-more .story-caption h2{font-size:23px}.intro-more .story-actions{flex-wrap:wrap;gap:0;align-items:start;justify-content:start;padding-top:6px}.intro-more .story-actions a{font-size:9px;min-height:34px;width:100%;gap:14px}.intro-more .story-play{font-size:9px;padding-left:0;min-height:34px}.intro-more .story-line{font-size:10px!important;line-height:1.55!important;margin:5px 0 12px!important;min-height:3.1em}.stories-footer{font-size:9px}.photo-roster{padding-block:30px!important}.photo-roster .roster-heading{display:block}.photo-roster .roster-heading>p{font-size:11px;max-width:42ch;margin:16px 0 0}body .photo-roster .roster-heading h2{font-size:34px}.project-grid,body[data-page=work] .full-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.project-caption{padding:12px 12px 16px;gap:8px}.project-caption small{font-size:6px;line-height:1.6;letter-spacing:.06em;margin-bottom:7px}.project-caption b{font-size:16px;line-height:1.2}.project-caption i{font-size:17px}.project-card.is-mark .project-photo img{padding:9px}.project-card.is-compact .project-caption{min-height:100px}.project-card[data-client=mousai] b,.project-card[data-client=casa-jardin] b,.project-card[data-client=h-wellness] b{font-size:23px}.project-card[data-client=skybox] b,.project-card[data-client=sunday-blitz] b,.project-card[data-client=penny-z] b{font-size:23px}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3){grid-column:1/-1}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-photo{aspect-ratio:4/3}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-caption{padding:17px 18px}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) b{font-size:29px}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) small{font-size:8px}}
@media(max-width:390px){body .intro-featured .stories-heading h1{font-size:30px}.intro-featured .stories-navigation{gap:3px}.intro-featured .stories-navigation button{width:28px}}
@media(prefers-reduced-motion:reduce){.story-picture>video,.portfolio-end-photo,.portfolio-story-film,.project-caption i{transition:none!important}}
/* Show complete dishes and group photographs when the film gives way to the still. */
.story-card[data-story=mousai] .story-picture>img,.story-card[data-story=skybox] .story-picture>img,.story-card[data-story=sunday-blitz] .story-picture>img,.story-card[data-story=tabu] .story-picture>img{object-fit:contain;background:#0d100e}
.story-card[data-story=sunday-blitz] .story-picture>img{background:#18070a}
[data-brand-page] .portfolio-hero-story.has-end-photo>.portfolio-end-photo{object-fit:contain;background:#0e100f}
[data-brand-page] .portfolio-hero-story.has-end-photo.is-finished .portfolio-story-film{opacity:0}
.m-cinema-two .stories-track{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto}
.m-cinema-two .story-picture>img{object-fit:contain}
.m-film-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card[data-client=sunday-blitz] .project-photo img,.project-card[data-client=prado-steaks] .project-photo img{object-fit:contain;background:var(--client-bg)}
body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-photo{aspect-ratio:3/4;background:var(--client-bg)}
body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-photo img{object-fit:contain}
@media(max-width:760px){.m-cinema-two .stories-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,340px)}body[data-page=work] .full-project-grid .project-card:nth-child(-n+3) .project-photo{aspect-ratio:3/4}}
@media(max-width:440px){.intro-featured .stories-heading{display:block;position:relative}.intro-featured .stories-heading .eyebrow{max-width:24ch;min-height:32px}.intro-featured .stories-heading-copy{position:absolute;right:0;top:0}.intro-featured .stories-navigation{gap:5px}body .intro-featured .stories-heading h1 em{white-space:normal}}

/* Preserve Corte Fino’s intact account mark and complete food photograph. */
.project-card[data-client=corte-fino] .project-photo{aspect-ratio:4/5}
.project-card[data-client=corte-fino] .project-photo img{object-fit:contain}
.project-caption .project-brand-logo{display:block;width:88px;height:88px;object-fit:contain}
.story-card[data-story=casa-jardin] .story-picture>img{object-fit:contain;background:#20170f}
