.gimlet-page{--accent:#b4d78d;--accent-on:#123d35}.gimlet-hero{overflow:hidden;border-radius:24px;margin-bottom:42px}.gimlet-hero img{width:100%;height:auto;display:block}.gimlet-card .pill{background:#b4d78d!important;color:#123d35!important;border-color:#b4d78d!important}.gimlet-card .feature-visual img{object-fit:contain;background:#063a37}.gimlet-page .case-results{--result-accent:#b4d78d}.gimlet-menu-edition{margin-top:48px}.gimlet-menu-edition>h3{font-size:clamp(28px,3vw,40px);margin:0 0 24px}.gimlet-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.gimlet-menu-grid figure{margin:0;min-width:0}.gimlet-menu-grid .gallery-image{display:block;overflow:hidden;border-radius:12px}.gimlet-menu-grid img{width:100%;height:auto;display:block}.gimlet-menu-grid figcaption{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:16px;color:var(--muted)}.gimlet-menu-grid figcaption .text-link{color:var(--ink);white-space:nowrap}.gimlet-carousel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:start}.gimlet-carousel{margin:0;min-width:0}.gimlet-carousel .ton-heading h3{font-size:clamp(26px,3vw,38px);margin:0;line-height:1.1}.gimlet-carousel .ton-track{background:#073d3b;touch-action:pan-x pan-y;cursor:grab}.ton-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.gimlet-carousel .ton-dots{gap:7px;justify-content:center;flex-wrap:wrap}.gimlet-social>.section-head{align-items:flex-end;margin-bottom:32px;gap:20px}.gimlet-social>.section-head h2{margin:12px 0 0}.gimlet-social .ton-controls>button{flex:0 0 44px}.gimlet-social .ton-dots button[aria-pressed=true]{background:#b4d78d}:root[data-theme=light] .gimlet-page{--accent:#426b37;--accent-on:#fff}:root[data-theme=light] .gimlet-social .ton-dots button[aria-pressed=true]{background:#426b37}@media(max-width:850px){.gimlet-carousel-grid{grid-template-columns:1fr;gap:60px}.gimlet-carousel{width:min(100%,560px)}}@media(max-width:700px){.gimlet-menu-grid{grid-template-columns:1fr;gap:32px}.gimlet-hero{border-radius:16px}.gimlet-social>.section-head{display:block}.gimlet-social>.section-head>.text-link{display:inline-block;margin-top:20px}.gimlet-social .ton-controls{gap:12px}.gimlet-menu-grid figcaption{font-size:16px}.gimlet-menu-edition{margin-top:36px}}

.project-showcase .gimlet-card{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.project-showcase .gimlet-card .feature-meta{align-content:center;padding:clamp(24px,4vw,48px)}.project-showcase .gimlet-card .feature-visual{height:100%;min-height:260px}@media(max-width:700px){.project-showcase .gimlet-card{display:block}.project-showcase .gimlet-card .feature-visual{min-height:0;height:auto}}

.gimlet-carousel .ton-count{font-size:20px}.showcase #viewer.photo-viewer:has(.viewer-thumbnails[hidden]) .viewer-image{height:calc(100dvh - 170px)}

/* Keep section transitions consistent after removing the TON sequence. */
.showcase.graphics-page .case-results{padding-top:0}.showcase.graphics-page .gimlet-social{padding-top:0;padding-bottom:clamp(48px,6vw,80px)}.gimlet-case>.story-grid+.gimlet-social{padding-top:0}.gimlet-case .gimlet-menu-edition{margin-top:40px}@media(max-width:700px){.gimlet-case .gimlet-menu-edition{margin-top:28px}.gimlet-social .ton-heading{gap:16px}.gimlet-carousel .ton-heading h3{max-width:calc(100% - 72px)}}

.showcase .graphics-card .feature-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;object-position:center;background:#101010}.showcase .graphics-card:hover .feature-visual>img{transform:none}
.graphics-card .feature-visual{background:#101010!important}

/* Case covers are static links; playback starts inside the case. */
.source-cover-link{display:block;overflow:hidden;border-radius:16px}.source-cover-link>img{display:block;width:100%;height:auto}.showcase .source-feature-heading>.pill,.showcase .super-source-card .pill{background:#ff7300!important;border-color:#ff7300!important;color:#17100b!important}.showcase .gimlet-bar-card .feature-meta>.pill,.showcase .gimlet-bar-card .pill{background:#b4d78d!important;border-color:#b4d78d!important;color:#123d35!important}.showcase .super-source-card .feature-visual>img,.showcase .black-fox-motors-card .feature-visual>img,.showcase .awallet-card .feature-visual>img{width:100%;height:100%;object-fit:contain;background:transparent}.showcase .super-source-card:hover .feature-visual>img,.showcase .black-fox-motors-card:hover .feature-visual>img,.showcase .awallet-card:hover .feature-visual>img{transform:none}

/* Graphic Works has its own lilac identity, separate from project brands. */
.graphics-page{--accent:#b9a3f5;--accent-on:#21172e}.graphics-page .case-results{--result-accent:#b9a3f5}.showcase .graphics-card .pill{background:#b9a3f5!important;border-color:#b9a3f5!important;color:#21172e!important}:root[data-theme=light] .graphics-page{--accent:#665092;--accent-on:#fff}:root[data-theme=light] .graphics-page .case-results{--result-accent:#665092}
