/* Case-page step lists (Sombrero's Hockey, 2026-10-02): numbered rows whose top rule draws in (data-reveal="border"),
   the same line as the hero; the "now" list sits on the dark card colour (#1C1C1C) of the late CTA. */
.ikag-flow{list-style:none;margin:0;padding:0}
.ikag-flow li{display:grid;grid-template-columns:3rem 1fr auto;gap:.25rem 1.5rem;align-items:baseline;padding:1.25rem 0 1.4rem}
.ikag-flow-n,.ikag-flow-who{font-size:16px;opacity:.65}
.ikag-flow-step{margin:0}
.ikag-flow-who{text-align:right;white-space:nowrap}
.ikag-flow-dark{background:#1C1C1C;color:#fff;padding-left:1.5rem;padding-right:1.5rem;border-radius:1rem}
@media (min-width:1024px){.ikag-flow-dark{padding-left:3rem;padding-right:3rem;border-radius:1.5rem}}
@media (max-width:639px){.ikag-flow li{grid-template-columns:2.25rem 1fr;gap:.35rem 1rem}.ikag-flow-who{grid-column:2;text-align:left}}
/* Case-page feature cards (same cards as the Services page) and the headshot showcase (Sombrero's Hockey) */
.ikag-case-cards{padding-top:2rem}
.ikag-shots{padding-bottom:4rem}
.ikag-shots img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:#e4e5de}
.ikag-shots-trios{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}
.ikag-shot-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.ikag-shot-trio figcaption{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:14px;opacity:.65;padding-top:4px}
.ikag-shots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media (max-width:1023px){.ikag-shots-trios{grid-template-columns:1fr}.ikag-shots-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:639px){.ikag-shots-grid{grid-template-columns:repeat(3,1fr);gap:6px}.ikag-shot-trio figcaption{font-size:12px}}
/* Parking before/after step diagrams (Sombrero's Hockey): boxes joined by arrows; "before" is split by a deadline bar */
.ikag-graph-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px;margin-bottom:40px}
.ikag-graph-head .ikag-case-tags{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:0}
.ikag-graph{display:flex;align-items:stretch;gap:16px}
.ikag-phase{flex:1;min-width:0}
.ikag-phase-label{position:relative;margin:0 0 16px;padding-top:10px;font-size:14px;opacity:.65}
.ikag-steps{list-style:none;margin:0;padding:0;display:flex}
.ikag-steps li{flex:1 1 0;min-width:0;display:flex;align-items:center}
.ikag-step{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:150px;padding:16px;border-radius:16px;background:#fff;color:#0f0f0f;border:1px solid rgba(15,15,15,.14);box-shadow:0 2px 24px rgba(43,0,33,.06);font-size:16px;line-height:1.3}
.ikag-step-n{font-size:13px;opacity:.55}
.ikag-arrow{flex:0 0 26px;width:26px;height:14px;margin:0 2px;color:currentColor}
.ikag-deadline{flex:0 0 auto;display:flex;align-items:stretch;padding-top:42px}
.ikag-deadline span{display:flex;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);background:#0f0f0f;color:#fff;border-radius:10px;padding:14px 8px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ikag-graph-after .ikag-step{min-height:180px;font-size:20px}
.ikag-rest{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-top:28px;font-size:15px}
.ikag-rest span{opacity:.65}
.ikag-rest ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ikag-rest li{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px}
.ikag-flow-dark.ikag-graph-sec{padding-left:1.5rem;padding-right:1.5rem}
@media (min-width:1024px){.ikag-flow-dark.ikag-graph-sec{padding-left:3rem;padding-right:3rem}}
@media (max-width:1023px){
 .ikag-graph{flex-direction:column;gap:0}
 .ikag-steps{flex-direction:column}
 .ikag-steps li{flex-direction:column;align-items:stretch}
 .ikag-step{min-height:0;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:16px;padding:16px 18px}
 .ikag-graph-after .ikag-step{min-height:0;font-size:18px}
 .ikag-arrow{transform:rotate(90deg);align-self:center;margin:8px 0}
 .ikag-deadline{padding:16px 0}
 .ikag-deadline span{writing-mode:horizontal-tb;transform:none;justify-content:center;width:100%;padding:10px}
}
.ikag-graph-before .ikag-step{min-height:172px}@media (max-width:1023px){.ikag-graph-before .ikag-step{min-height:0}}
/* Before/after look borrowed from sombreros.hockey: the "FINAL · SHOOTOUT" tag (Anton, red #e5262a, radius 6px, -7deg), its mint #93ffe4, big Anton score numerals */
@font-face{font-family:"Anton";src:url("/fonts/Anton-latin.woff2") format("woff2");font-display:swap}
.ikag-sticker,.ikag-stickers li,.ikag-deadline span,.ikag-graph-big,.ikag-step-n{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.ikag-sticker{display:inline-block;border-radius:6px;padding:6px 14px 5px;line-height:1;transform:rotate(-7deg);transform-origin:left center}
.ikag-sticker-big{font-size:clamp(28px,3vw,44px);padding:8px 18px 7px;margin-bottom:22px}
.ikag-sticker-red{background:#e5262a;color:#fff}
.ikag-sticker-green{background:#93ffe4;color:#121212}
.ikag-graph-titles{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ikag-graph-head{align-items:flex-end}
.ikag-stickers{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:6px 0 0;padding:0}
.ikag-stickers li{font-size:15px;line-height:1;padding:6px 10px 5px;border-radius:5px;background:#121212;color:#fff;transform:rotate(-3deg)}
.ikag-stickers li:nth-child(2).is-before{background:#e5262a}
.ikag-stickers li.is-after{background:#93ffe4;color:#121212}
.ikag-graph-count{margin:0;display:flex;align-items:flex-end;gap:12px;text-align:right}
.ikag-graph-big{font-size:clamp(96px,12vw,190px);line-height:.8}
.ikag-graph-before-sec .ikag-graph-big{color:#e5262a}
.ikag-graph-after-sec .ikag-graph-big{color:#93ffe4}
.ikag-graph-unit{max-width:9ch;font-size:15px;line-height:1.2;opacity:.7;text-align:left;padding-bottom:6px}
.ikag-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ikag-step-i{width:34px;height:34px;flex:0 0 34px}
.ikag-step-n{font-size:20px;line-height:1;opacity:1;color:#c9c9c9}
.ikag-graph-before-sec .ikag-step-i{color:#121212}
.ikag-graph-after-sec .ikag-step-i{color:#121212;background:#93ffe4;border-radius:12px;padding:8px;width:52px;height:52px;flex-basis:52px}
.ikag-graph-after-sec .ikag-step{border:0}
.ikag-deadline span{background:#e5262a;color:#fff;gap:10px;font-size:20px;font-weight:400;letter-spacing:.04em;border-radius:8px;padding:16px 10px}
.ikag-deadline-i{width:22px;height:22px;transform:rotate(90deg)}
.ikag-graph-before-sec .ikag-phase:last-child .ikag-step{border-color:rgba(229,38,42,.35)}
.ikag-rest li{border-color:rgba(147,255,228,.55);color:#93ffe4}
@media (max-width:1023px){
 .ikag-graph-head{flex-direction:column;align-items:flex-start}
 .ikag-graph-count{text-align:left}
 .ikag-deadline span{font-size:20px;padding:12px}
 .ikag-deadline-i{transform:none}
 .ikag-step-top{flex-direction:column;gap:0}
 .ikag-step-i{width:28px;height:28px;flex-basis:28px}
 .ikag-graph-after-sec .ikag-step-i{width:44px;height:44px;flex-basis:44px}
 .ikag-step-n{display:none}
 .ikag-step{align-items:center}
}
/* Sombrero's Hockey story: chapters, parking scenes, results */
.ikag-chapter-n{font-family:"Anton",Impact,sans-serif;font-size:clamp(64px,7vw,120px);line-height:.85;margin:0}
.ikag-chapter-label{margin:10px 0 0;font-size:16px;opacity:.65}
.ikag-chapter-title{font-size:clamp(30px,3.4vw,56px);line-height:1.08;font-weight:500;letter-spacing:-.01em;max-width:22ch;margin:0 0 8px}
.ikag-stickers li.is-pain{background:#121212}
.ikag-stickers li.is-pain:last-child{background:#e5262a}
.ikag-scenes{display:grid;gap:24px;padding-bottom:4rem}
.ikag-scene-panel{padding:2.5rem 1.5rem;background:#f4f4f1}
.ikag-scene-panel.ikag-flow-dark{background:#1C1C1C}
@media (min-width:1024px){.ikag-scene-panel{padding:3.5rem 3rem}}
.ikag-scene-wrap{margin-top:8px}
.ikag-scene{display:block;width:100%;height:auto}
.ikag-results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0 24px}
.ikag-results li{position:relative;padding-top:18px;display:flex;flex-direction:column;gap:10px}
.ikag-result-n{font-family:"Anton",Impact,sans-serif;font-size:clamp(48px,5vw,84px);line-height:.9}
.ikag-results li:nth-child(3) .ikag-result-n{color:#e5262a}
.ikag-result-t{font-size:16px;line-height:1.3;opacity:.75}
@media (max-width:1023px){.ikag-results{grid-template-columns:repeat(2,1fr);gap:28px 20px}.ikag-scene-panel .ikag-graph-head{margin-bottom:20px}}
@media (max-width:767px){.ikag-scene-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-1.5rem;margin-right:-1.5rem;padding:0 1.5rem}.ikag-scene{width:820px;max-width:none}}
.ikag-scenes>*{min-width:0}
.ikag-scene-m{display:none}
@media (max-width:767px){.ikag-scene-wrap{overflow:visible;margin:0;padding:0}.ikag-scene-d{display:none}.ikag-scene-m{display:block;width:100%;max-width:460px;margin:0 auto}}
.ikag-result-n{white-space:nowrap;font-size:clamp(40px,4.2vw,76px)}
/* Case-page cards: title and text grouped toward the middle instead of pinned top and bottom */
@media (min-width:1024px){
 .ikag-case-cards .service-card>div>div:first-child,.ikag-case-cards .service-card-last>div>div:first-child{justify-content:center;gap:0}
 .ikag-case-cards .service-card .lg\:mt-auto,.ikag-case-cards .service-card-last .lg\:mt-auto{margin-top:0}
 .ikag-case-cards .service-card h2,.ikag-case-cards .service-card-last h2{margin-bottom:0}
 .ikag-case-cards .service-card .lg\:mb-4,.ikag-case-cards .service-card-last .lg\:mb-4{margin-bottom:20px}
}
/* Other case pages: same story parts in the IKAG heavy type, after-scene colour from each client (--acc) */
.ikag-case-hk .ikag-sticker,.ikag-case-hk .ikag-stickers li,.ikag-case-hk .ikag-graph-big,.ikag-case-hk .ikag-chapter-n,.ikag-case-hk .ikag-result-n{font-family:HKGrotesk,Helvetica,sans-serif;font-weight:900;letter-spacing:-.01em}
.ikag-case-hk .ikag-stickers li{text-transform:none;font-size:14px;padding:7px 11px 6px}
.ikag-scenes[style*="--acc"] .ikag-sticker-green,.ikag-scenes[style*="--acc"] .ikag-stickers li.is-after{background:var(--acc);color:#121212}
.ikag-scenes[style*="--acc"] .ikag-graph-after-sec .ikag-graph-big{color:var(--acc)}
.ikag-chapter-title:empty{display:none}
.ikag-case-hk .ikag-results li:nth-child(3) .ikag-result-n{color:inherit}