/* Our Work: a reading column and full-width photography, without a vacant sidebar. */
.cye-design-2027 .cye27-case-story{display:block;padding-block:48px 64px}
.cye-design-2027 .cye27-case-story-context{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 40px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.cye-design-2027 .cye27-case-story-context h2{font-size:28px;margin:8px 0 0}
.cye-design-2027 .cye27-case-story-context>.text-link{flex-shrink:0;margin:0}
.cye-design-2027 .cye27-case-story .event-story-body{display:flow-root}
.cye-design-2027 .cye27-case-story .event-story-body>*{width:100%;max-width:860px;margin:24px auto 0;grid-column:auto;grid-row:auto}
.cye-design-2027 .cye27-case-story .event-story-body>:first-child{margin-top:0;grid-row:auto}
.cye-design-2027 .cye27-case-story .event-story-body :is(h2,h3,h4){margin-top:32px}
.cye-design-2027 .cye27-case-story .event-story-body>:is(figure,img,video,iframe,.gallery,.cye-networking-film,.wp-block-columns),
.cye-design-2027 .cye27-case-story .event-story-body>.wp-block-group:has(figure){max-width:none;margin:36px 0;grid-column:auto}
.cye-design-2027 .cye27-case-story .event-story-body>:last-child{margin-bottom:0}
.cye-design-2027 .cye27-case-body{display:block;padding-block:48px 16px}
.cye-design-2027 .cye27-case-client{display:flex;align-items:baseline;gap:28px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.cye-design-2027 .cye27-case-client h2{margin:0}
.cye-design-2027 .cye27-case-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 64px}
.cye-design-2027 .cye27-case-copy section{min-width:0}

/* The grid has twelve tracks. Each row is filled, regardless of image count. */
.cye-design-2027 .cye27-case .cye-work-gallery{width:100%;max-width:none;clear:both;margin:36px 0;padding:0;border:0;background:none}
.cye-design-2027 .cye27-case .cye-work-gallery-track{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:start;gap:16px!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;list-style:none}
.cye-design-2027 .cye27-case .cye-work-gallery-item{grid-column:span var(--gallery-span,6);min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;border:0!important;list-style:none}
.cye-design-2027 .cye27-case .cye-work-gallery-item :is(dt,figure){margin:0;padding:0}
.cye-design-2027 .cye27-case .cye-work-gallery-item .event-story-photo-link{position:relative;display:block;aspect-ratio:3/2;width:100%;height:auto;border:0;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none}
.cye-design-2027 .cye27-case .cye-work-gallery-item img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border:0!important;border-radius:0!important;margin:0!important}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="1"] .cye-work-gallery-item{grid-column:1/-1}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="1"] .event-story-photo-link{aspect-ratio:16/9}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="3"] .cye-work-gallery-track{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="3"] .cye-work-gallery-item{grid-column:2;display:flex;flex-direction:column}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="3"] .cye-work-gallery-item:first-child{grid-column:1;grid-row:1/3}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="3"] .cye-work-gallery-item:first-child .event-story-photo-link{height:100%;flex:1;aspect-ratio:auto;min-height:0}
.cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="3"] .cye-work-gallery-item:not(:first-child) .event-story-photo-link{aspect-ratio:16/9}
.cye-design-2027 .cye27-case .cye-work-gallery-item :is(figcaption,dd){position:static!important;background:none!important;max-height:none!important;color:var(--muted);font:13px/1.5 var(--body);text-align:left;margin:10px 0 0;padding:0}
.cye-design-2027 .cye27-case .cye-work-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.cye-design-2027 .cye27-case .cye-work-gallery-total{color:var(--muted);font:12px/1.5 var(--body);letter-spacing:.03em}
.cye-design-2027 .cye27-case .cye-work-gallery-open{border:0;padding:10px 0;background:none;color:var(--green);font:600 13px/1.5 var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.cye-design-2027 .cye27-case .cye-work-gallery-open svg{width:18px;height:18px}
.cye-design-2027 .cye27-case .cye-work-gallery-navigation{display:none}
.cye-design-2027 .cye27-case .cye-work-gallery :is(button,a):focus-visible{outline:2px solid var(--green);outline-offset:3px}

@media(max-width:760px){
 .cye-design-2027 .cye27-case-story{padding-block:28px 40px}
 .cye-design-2027 .cye27-case-story-context{gap:16px;margin-bottom:28px;padding-bottom:20px}
 .cye-design-2027 .cye27-case-story-context h2{font-size:23px}
 .cye-design-2027 .cye27-case-story-context>.text-link{font-size:12px;gap:6px;max-width:110px}
 .cye-design-2027 .cye27-case-story-context>.text-link svg{width:16px;flex-shrink:0}
 .cye-design-2027 .cye27-case-body{padding-top:28px}
 .cye-design-2027 .cye27-case-client{display:block;margin-bottom:24px;padding-bottom:20px}
 .cye-design-2027 .cye27-case-client h2{margin-top:8px}
 .cye-design-2027 .cye27-case-copy{grid-template-columns:1fr;gap:0}
 /* Native horizontal scroll works with touch and remains usable without scripts. */
 .cye-design-2027 .cye27-case .event-story-gallery-grid[data-columns],
 .cye-design-2027 .cye27-case .cye-work-gallery .cye-work-gallery-track{display:flex!important;gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;align-items:flex-start!important;padding:3px 0 8px!important;grid-template-rows:none}
 .cye-design-2027 .cye27-case .event-story-gallery-grid::-webkit-scrollbar,
 .cye-design-2027 .cye27-case .cye-work-gallery-track::-webkit-scrollbar{display:none}
 .cye-design-2027 .cye27-case .event-story-gallery-grid>.event-story-photo,
 .cye-design-2027 .cye27-case .cye-work-gallery .cye-work-gallery-item{display:block;flex:0 0 88%;width:88%!important;scroll-snap-align:start;scroll-snap-stop:always}
 .cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count] .cye-work-gallery-item:nth-child(n) .event-story-photo-link,
 .cye-design-2027 .cye27-case .event-story-gallery-grid .event-story-photo-link{height:auto;aspect-ratio:4/3;flex:none;border-radius:12px}
 .cye-design-2027 .cye27-case .cye-work-gallery[data-photo-count="1"] .cye-work-gallery-item,
 .cye-design-2027 .cye27-case .event-story-gallery-grid[data-columns="1"]>.event-story-photo{flex-basis:100%;width:100%!important}
 .cye-design-2027 .cye27-case .cye-work-gallery-controls{margin-top:4px}
 .cye-design-2027 .cye27-case .cye-work-gallery-total{display:none}
 .cye-design-2027 .cye27-case .cye-work-gallery-navigation{display:flex;align-items:center;gap:10px}
 .cye-design-2027 .cye27-case .cye-work-gallery-navigation button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;padding:0;background:none;color:var(--white);cursor:pointer}
 .cye-design-2027 .cye27-case .cye-work-gallery-navigation button:disabled{opacity:.3;cursor:default}
 .cye-design-2027 .cye27-case .cye-work-gallery-navigation svg{width:18px;height:18px}
 .cye-design-2027 .cye27-case .cye-work-gallery-count{min-width:42px;text-align:center;font:12px/1.5 var(--body);color:var(--muted)}
 .cye-design-2027 .cye27-case .cye-work-gallery-open{font-size:12px;gap:6px}
 .cye-design-2027 .cye27-case .cye-work-gallery{margin-block:28px}
}
