.case-section{padding:48px var(--gutter) 96px;min-width:0}.case-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;outline-offset:6px;align-items:stretch}.case-card{display:flex;flex-direction:column;min-width:0;text-decoration:none}.case-card:hover,.case-card:focus-visible{text-decoration:none}.case-cover{aspect-ratio:16/9;overflow:hidden;background:transparent;flex:none}.case-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.case-card[data-project=tsvetomania] .case-cover img{object-position:left center}.case-caption{display:flex;flex-direction:column;flex:1;padding-top:22px}.case-caption .eyebrow{font-size:var(--small)}.case-caption h3{font-size:var(--display);line-height:1.05;margin:14px 0 18px}.case-caption p{font-size:var(--text);line-height:1.35;max-width:24em;margin-bottom:18px}.case-open{display:inline-flex;align-items:baseline;gap:.6em;align-self:flex-start;font-size:var(--small);padding:12px 0;margin-top:auto;text-decoration:none}.case-navigation{display:none;justify-content:space-between;align-items:center;margin-top:24px;font-size:var(--small)}.case-navigation[hidden]{display:none}.case-navigation button{background:none;border:1px solid var(--line);width:44px;height:44px;margin-left:8px;font-size:24px}.case-navigation button:disabled{opacity:.35;cursor:default}
.group-case-link,.session-details-link{font-size:var(--small);padding:12px 0;text-decoration:none}.group-case-link{margin-top:6px}.session-details-link{grid-column:1/-1;padding-top:0}.group-examples{display:flex;flex-wrap:wrap;gap:8px 24px;padding:8px 0}
.session-hero{padding:96px var(--gutter) 112px}.session-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.session-intro>.eyebrow{grid-column:1/-1;margin-bottom:28px}.session-intro h1{font-size:var(--display);line-height:.98}.session-intro .product-lead{margin:0;max-width:26em}.session-intro .text-link{justify-self:start}.session-cover{margin-top:64px}.session-cover img{display:block;width:100%;height:auto}.session-cover img,.session-photo-track img{filter:grayscale(1) contrast(1.04) brightness(1.04)}.session-gallery{padding:24px var(--gutter) 96px}.session-photo-track{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.session-photo-track img{width:100%;height:auto;display:block}.session-photo-track figcaption{font-size:var(--small);line-height:1.4;color:var(--muted);margin-top:14px}.session-gallery h2{font-size:var(--display);line-height:1.05}.session-invitation .text-link{margin-top:20px}

@media(max-width:900px){.case-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);gap:20px;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 12px;scrollbar-width:none}.case-track::-webkit-scrollbar{display:none}.case-track>.case-card{flex:0 0 75%;scroll-snap-align:start}.case-navigation{display:flex}}
@media(max-width:680px){.case-section{padding-top:24px;padding-bottom:72px}.case-track>.case-card{flex-basis:88%}.case-caption{padding-top:18px}.case-caption h3{font-size:26px}.case-caption p{font-size:16px}.case-cover{aspect-ratio:16/9}.session-hero{padding-top:62px;padding-bottom:72px}.session-intro{display:block}.session-intro .eyebrow{margin-bottom:24px}.session-intro .product-lead{margin-top:26px}.session-intro .text-link{margin-top:24px}.session-cover{margin:40px 0 0}.session-gallery{padding-top:24px;padding-bottom:72px}.session-gallery .section-top{display:block}.session-gallery .eyebrow{margin-top:18px}.session-photo-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px 12px;scroll-padding-left:24px}.session-photo-track figure{flex:0 0 88%;scroll-snap-align:start}.session-photo-track img{height:auto;max-height:70svh;object-fit:contain;object-position:left top}}
@media(prefers-reduced-motion:reduce){.case-track,.session-photo-track{scroll-behavior:auto}}