.matlog-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);background:#191b16;border:1px solid var(--line);overflow:hidden}.matlog-feature-copy{padding:clamp(24px,4vw,60px);align-self:center}.matlog-feature .eyebrow{color:var(--lime);font-size:.875rem}.matlog-feature h3{font-size:clamp(2.8rem,5vw,5rem);line-height:1.1;margin:20px 0 16px}.matlog-feature p{max-width:45ch;color:var(--muted);margin-bottom:26px}.matlog-feature .case-link{color:var(--lime);font-size:1rem;display:inline-block;border-bottom:1px solid var(--lime);padding-bottom:5px}.matlog-feature img{display:block;width:100%;height:auto;align-self:center;transition:transform .4s}.matlog-feature:hover img{transform:scale(1.025)}
.case-page .eyebrow{font-size:.875rem}.case-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding-top:46px;padding-bottom:60px}.case-back{display:inline-block;color:var(--muted);font-size:.875rem;margin-bottom:42px}.case-back:hover{color:var(--lime)}.case-copy>.eyebrow{color:var(--lime);margin-bottom:22px}.case-hero h1{font-size:clamp(4rem,8vw,8.5rem)}.case-headline{font-family:var(--display);font-size:clamp(1.9rem,3.3vw,3.3rem);line-height:1.15;letter-spacing:-.045em;margin:22px 0}.case-headline em{font-style:normal;color:var(--lime)}.case-lead{font-size:1.125rem;max-width:55ch;color:var(--muted);line-height:1.65}.case-cover{width:100%;height:auto;display:block}.case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.case-facts dt{font-size:.875rem;color:var(--muted);margin-bottom:6px}.case-facts dd{margin:0;font-size:1rem}.case-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);padding-top:90px;padding-bottom:90px}.case-section .eyebrow,.case-section-heading .eyebrow,.case-enquiry>.eyebrow{color:var(--lime);margin-bottom:22px}.case-section h2,.case-section-heading h2,.case-features h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.12}.case-prose p+p{margin-top:20px}.case-prose{color:var(--muted);font-size:1.0625rem;max-width:65ch}.case-features{background:var(--fg);color:var(--bg);padding:75px 0}.case-features .eyebrow{margin-bottom:22px;color:#55594b}.case-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}.case-feature-grid article{border-top:1px solid #bfc2b3;padding-top:20px}.case-step{font-size:.875rem;color:#55594b}.case-feature-grid h3{font-size:1.5rem;margin:20px 0 12px}.case-feature-grid p{color:#505348}.case-architecture{padding-top:90px;padding-bottom:80px}.case-section-heading .case-lead{margin-top:26px}.architecture-diagram{margin:44px 0 40px;background:var(--fg);color:var(--bg);padding:clamp(24px,5vw,64px)}.architecture-browser{background:var(--lime);border:2px solid var(--bg);padding:28px;text-align:center;max-width:720px;margin:0 auto}.architecture-browser h3{font-size:2rem}.architecture-browser p{font-size:1.125rem;margin:5px 0}.architecture-browser span{font-size:1rem}.architecture-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:900px;margin:64px auto 0}.architecture-service{border:2px solid var(--bg);position:relative;padding:26px;text-align:center}.architecture-service h3{font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.2;margin-bottom:10px}.architecture-arrow{position:absolute;top:-64px;left:calc(50% - 15px);font-size:42px;line-height:60px}.architecture-diagram figcaption{text-align:center;margin-top:28px;font-size:.9375rem}.case-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 60px}.case-tech-grid article{border-top:1px solid var(--line);padding-top:25px}.case-tech-grid h3{font-size:1.35rem;margin-bottom:14px}.case-tech-grid p{color:var(--muted);max-width:60ch}.case-architecture+.case-section{border-top:1px solid var(--line)}.case-enquiry{border-top:1px solid var(--line);padding-top:70px;padding-bottom:85px}.case-enquiry>p:not(.eyebrow){max-width:58ch;margin-top:26px;color:var(--muted);font-size:1.125rem}.case-email{display:block;margin-top:20px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.case-hero{grid-template-columns:1fr 1fr;gap:24px}.case-facts{grid-template-columns:1fr 1fr}.case-feature-grid{gap:24px}.case-section{gap:32px}.case-tech-grid{gap:30px}.case-back{margin-bottom:30px}}
@media(max-width:700px){.matlog-feature{grid-template-columns:1fr}.matlog-feature img{max-width:440px;justify-self:center}.case-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:35px}.case-cover{max-width:520px;justify-self:center;margin-top:8px}.case-hero h1{font-size:clamp(3.5rem,18vw,6rem)}.case-headline{font-size:2rem}.case-section{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.case-feature-grid,.case-tech-grid{grid-template-columns:1fr}.case-features{padding:52px 0}.case-feature-grid{margin-top:30px;gap:30px}.case-architecture{padding-top:55px;padding-bottom:55px}.architecture-diagram{padding:22px 16px}.architecture-browser{padding:20px 12px}.architecture-services{gap:14px}.architecture-service{padding:20px 10px}.architecture-service h3{font-size:1.15rem;overflow-wrap:anywhere}.architecture-service p{font-size:1rem}.case-enquiry{padding-top:50px;padding-bottom:55px}.case-facts{gap:22px 14px}.case-facts dd{overflow-wrap:anywhere}}
@media(max-width:380px){.case-facts{grid-template-columns:1fr}.case-page .header .mark{display:none}}
@media(prefers-reduced-motion:reduce){.matlog-feature img{transition:none}.matlog-feature:hover img{transform:none}}
