/* Grok identity on the shared editorial shell. No rules escape this case. */
.grok-case{--ink:#101c35;--paper:#f8faff;--muted:#52627d;--line:#d6dfef;--acid:#194cf5;--color-base-100:var(--paper);--color-base-200:#eaf0fa;--color-base-300:var(--line);--color-base-content:var(--ink);--color-primary:var(--acid);--color-primary-content:#fff;color-scheme:light}
.grok-case .ec-return{background:var(--ink)}.grok-case .ec-wrap{max-width:1440px}.grok-case .ec-brand{letter-spacing:-.045em}.grok-case .ec-header{background:var(--paper)}
.grok-hero{padding:72px 0 0}.grok-hero-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:end;margin:30px 0 50px}.grok-hero h1{font-size:clamp(48px,6.2vw,92px);letter-spacing:-.06em;line-height:1.08}.grok-hero em{color:var(--acid);font-style:normal}.grok-hero-heading p{font-size:16px;line-height:1.85;margin-bottom:25px;max-width:420px}.grok-case .btn{gap:14px;border:0;background:var(--acid);color:#fff;white-space:normal;height:auto;padding:15px 22px;text-align:center;line-height:1.4}.grok-case .btn:hover{background:var(--ink)}
.grok-hero-screen{margin:0;position:relative;border:1px solid var(--line);border-radius:8px 8px 0 0;overflow:hidden;background:#eaf0fa}.grok-hero-screen img{width:100%;height:auto;max-height:650px;object-fit:cover;object-position:top}.grok-hero-screen figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 22px;font-size:10px;letter-spacing:.04em;border-top:1px solid var(--line);color:var(--muted)}
.grok-case .ec-map-section{background:var(--ink);padding:65px 5%;border-radius:8px}.grok-case .ec-map-section h2{max-width:800px}.grok-case .ec-map-section p,.grok-case .ec-map-section .eyebrow,.grok-case .ec-map span{color:#b8c9e7}.grok-case .ec-map small{color:#9bb7ff}.grok-case .ec-story .ec-callout{border-color:var(--acid)}.grok-case .ec-map strong{font-size:26px;letter-spacing:-.04em}.grok-case .ec-screen{background:#eaf0fa;border:1px solid var(--line)}.grok-case .ec-window>span:first-child{color:#95a8c8}.grok-case .ec-product{padding:100px 0}.grok-case .ec-product h2{font-size:clamp(32px,3.5vw,52px)}.grok-case .ec-product .btn{font-size:12px}.grok-case .ec-product-copy .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.grok-materials>h2{margin:22px 0}.grok-materials>p{max-width:680px;font-size:16px;line-height:1.85}.grok-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0 24px}.grok-slides figure{margin:0;min-width:0}.grok-slides a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:white}.grok-slides img{width:100%;height:auto;aspect-ratio:1.414;object-fit:contain;transition:transform .25s}.grok-slides a:hover img{transform:scale(1.025)}.grok-slides figcaption{font-size:11px;padding:15px 0;color:var(--muted)}.grok-materials .grok-note{font-size:12px;max-width:800px}.grok-case .ec-result{background:#eaf0fa}.grok-deliverables{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.grok-deliverables span{border:1px solid var(--line);border-radius:30px;padding:8px 15px;font-size:11px;color:var(--muted)}.grok-case .case-pager{background:#f8fafff5}.grok-case .ec-contact{padding-bottom:130px}
@media(max-width:1023px){.grok-hero-heading{grid-template-columns:1fr;gap:28px}.grok-hero-heading>div{display:flex;align-items:center;justify-content:space-between;gap:30px}.grok-hero-heading p{margin:0;max-width:470px}.grok-hero-heading .btn{flex-shrink:0}.grok-case .ec-map strong{font-size:22px}.grok-case .ec-product{padding:65px 0}}
@media(max-width:767px){.grok-hero{padding-top:40px}.grok-hero-heading{margin:22px 0 30px}.grok-hero h1{font-size:clamp(39px,9.7vw,65px)}.grok-hero-heading>div{display:block}.grok-hero-heading p{font-size:14px;margin-bottom:22px}.grok-hero-screen figcaption{font-size:8px;padding:12px;flex-wrap:wrap;gap:5px}.grok-case .ec-brand{font-size:21px}.grok-case .ec-brand span{font-size:9px}.grok-case .ec-menu{font-size:10px;gap:8px}.grok-case .ec-map-section{padding:35px 22px}.grok-case .ec-product{padding:55px 0}.grok-slides{grid-template-columns:1fr;gap:20px}.grok-materials>p{font-size:14px}.grok-deliverables{flex-direction:column;align-items:center}.grok-case .ec-contact{padding-bottom:100px}}