/* Shared, mobile-first editorial layouts. */
.matego-ui .mg-editorial-heading{padding-block:32px}
.matego-ui .mg-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;color:var(--mg-muted);margin-bottom:26px}
.matego-ui .mg-editorial-heading .mg-eyebrow{margin-bottom:14px}
.matego-ui .mg-editorial h1{font-size:clamp(2rem,6vw,3.9rem);max-width:1050px;line-height:1.12}
.matego-ui .mg-editorial-lead{font-size:1rem;line-height:1.7;color:var(--mg-muted);max-width:720px;margin-top:20px}
.matego-ui .mg-editorial-list{padding-bottom:56px}
.matego-ui .mg-case-grid,.matego-ui .mg-journal-grid{display:grid;gap:32px}
.matego-ui .mg-case-feature{display:grid;background:var(--mg-paper);border:1px solid var(--mg-line);border-radius:5px;overflow:hidden;margin-bottom:32px}
.matego-ui .mg-case-feature-photo{display:block;overflow:hidden;min-width:0}
.matego-ui .mg-case-feature-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.matego-ui .mg-case-feature-copy{padding:26px 22px;display:flex;flex-direction:column;align-items:flex-start}
.matego-ui .mg-case-feature-copy h2{font-size:clamp(1.65rem,2.8vw,2.55rem);line-height:1.2}
.matego-ui .mg-case-feature-copy .mg-eyebrow{margin-bottom:14px}
.matego-ui .mg-case-feature-copy>p:not(.mg-eyebrow){color:var(--mg-muted);margin-top:18px;font-size:.9375rem}
.matego-ui .mg-case-feature-copy .mg-text-link{margin-top:24px}
.matego-ui .mg-editorial-card{min-width:0;border-bottom:1px solid var(--mg-line);padding-bottom:24px}
.matego-ui .mg-editorial-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.matego-ui .mg-editorial-card-photo{overflow:hidden;background:var(--mg-paper);border-radius:4px}
.matego-ui .mg-editorial-card-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .25s ease}
.matego-ui .mg-case-grid .mg-editorial-card-photo img{aspect-ratio:4/3}
.matego-ui .mg-editorial-card .mg-eyebrow{margin:22px 0 10px;font-size:.6875rem;color:var(--mg-muted)}
.matego-ui .mg-editorial-card h2,.matego-ui .mg-editorial-card h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.035em}
.matego-ui .mg-editorial-card p:not(.mg-eyebrow){margin-top:14px;color:var(--mg-muted);font-size:.9375rem}
.matego-ui .mg-editorial-card .mg-text-link{padding-top:20px;margin-top:auto}
.matego-ui .mg-editorial-card a:hover h2,.matego-ui .mg-editorial-card a:hover h3{text-decoration:underline;text-underline-offset:5px}
.matego-ui .mg-editorial-cta{background:var(--mg-accent)}
.matego-ui .mg-editorial-cta>.mg-wrap{padding-block:40px;display:flex;flex-direction:column;gap:24px}
.matego-ui .mg-editorial-cta h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.matego-ui .mg-editorial-cta p{margin-top:12px;max-width:650px}
.matego-ui .mg-editorial-cta .mg-actions{margin:0;flex-shrink:0}
.matego-ui .mg-case-hero{position:relative;background:var(--mg-paper);border-radius:4px;overflow:hidden}
.matego-ui .mg-case-hero img{width:100%;aspect-ratio:4/3;object-fit:cover}
.matego-ui .mg-case-hero figcaption{position:absolute;bottom:16px;left:16px;right:16px;background:white;padding:12px 16px;font-size:.75rem;width:fit-content;max-width:calc(100% - 32px)}
.matego-ui .mg-case-facts{display:grid;gap:20px;margin:0;padding:26px 0;border-bottom:1px solid var(--mg-line)}
.matego-ui .mg-case-facts dt{font-size:.75rem;color:var(--mg-muted)}
.matego-ui .mg-case-facts dd{font-weight:700;margin:4px 0 0}
.matego-ui .mg-case-story{display:grid;gap:24px}
.matego-ui .mg-case-story .mg-eyebrow{margin-bottom:14px}
.matego-ui .mg-case-solution{background:var(--mg-paper)}
.matego-ui .mg-case-gallery{display:grid;gap:24px}
.matego-ui .mg-case-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.matego-ui .mg-case-gallery figcaption{font-size:.75rem;color:var(--mg-muted);margin-top:10px}
.matego-ui .mg-case-video{display:grid;gap:24px;border-top:1px solid var(--mg-line)}
.matego-ui .mg-case-video h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}
.matego-ui .mg-case-video p:not(.mg-eyebrow){color:var(--mg-muted);margin-top:16px}
.matego-ui .mg-case-video-player{width:min(100%,420px);justify-self:center}
.matego-ui .mg-case-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#202522;border-radius:4px}
.matego-ui .mg-editorial-related{padding-bottom:56px}
.matego-ui .mg-rental > .mg-editorial-related{padding-block:var(--mg-section-space)}
.matego-ui .mg-related-links{display:grid;gap:16px;margin-top:24px}
.matego-ui .mg-related-links>a{padding:20px 0;display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--mg-line);font-weight:650}
.matego-ui .mg-article-dates{font-size:.75rem;color:var(--mg-muted);margin-top:22px}
.matego-ui .mg-article-heading h1{font-size:clamp(2rem,4.5vw,3.35rem)}
.matego-ui .mg-reading-layout{display:grid;gap:28px}
.matego-ui .mg-reading-layout>*{min-width:0}
.matego-ui .mg-toc{border-block:1px solid var(--mg-line);padding:16px 0}
.matego-ui .mg-toc summary{cursor:pointer;font-weight:700;font-size:.9375rem;min-height:30px}
.matego-ui .mg-toc nav{display:grid;padding-top:12px;gap:4px}
.matego-ui .mg-toc a{font-size:.875rem;line-height:1.5;padding:9px 0;color:var(--mg-muted)}
.matego-ui .mg-reading-contact{display:none}
.matego-ui .mg-article-photo{margin-bottom:32px;background:var(--mg-paper)}
.matego-ui .mg-article-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.matego-ui .mg-prose{font-size:1.0625rem;line-height:1.75;overflow-wrap:anywhere}
.matego-ui .mg-prose h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.035em;margin:44px 0 18px;scroll-margin-top:115px}
.matego-ui .mg-prose h3{font-size:1.25rem;margin:28px 0 14px;scroll-margin-top:115px}
.matego-ui.admin-bar :is(section,aside,.mg-prose h2,.mg-prose h3){scroll-margin-top:145px}
.matego-ui .mg-prose>h2:first-child,.matego-ui .mg-prose>p:first-child{margin-top:0}
.matego-ui .mg-prose p{margin:0 0 20px}
.matego-ui .mg-prose ul,.matego-ui .mg-prose ol{padding-left:23px;margin:20px 0}
.matego-ui .mg-prose li{padding-left:5px;margin:10px 0}
.matego-ui .mg-prose a{text-decoration:underline;text-decoration-color:#bd4a0b;text-decoration-thickness:1px}
.matego-ui .mg-prose a:hover{text-decoration-thickness:2px}
.matego-ui .mg-table-scroll{max-width:100%;overflow-x:auto;margin:26px 0;border:1px solid var(--mg-line)}
.matego-ui .mg-prose table{border-collapse:collapse;width:100%;min-width:440px;font-size:.875rem;margin:0}
.matego-ui .mg-prose td,.matego-ui .mg-prose th{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mg-line)}
.matego-ui .mg-prose th{background:var(--mg-paper);font-weight:700}
.matego-ui .mg-pagination{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap}
.matego-ui .mg-pagination .page-numbers{padding:10px 16px;border:1px solid var(--mg-line)}
.matego-ui .mg-pagination .current{background:var(--mg-accent)}
.matego-ui .mg-reading-links{padding:24px 0 0;border-top:1px solid var(--mg-line);margin-top:32px}
.matego-ui .mg-reading-links a{display:block;padding-block:9px;text-decoration:underline;text-underline-offset:5px}
.matego-ui .mg-lightbox{border:0;border-radius:4px;padding:52px 16px 16px;background:#202522;color:white;width:min(1100px,95vw);max-height:94vh}
.matego-ui .mg-lightbox::backdrop{background:rgba(15,20,17,.85)}
.matego-ui .mg-lightbox img{width:100%;max-height:76vh;object-fit:contain}
.matego-ui .mg-lightbox button{position:absolute;right:12px;top:8px;background:white;border:0;border-radius:3px;min-height:38px;padding:6px 16px;cursor:pointer;color:#222624}
.matego-ui .mg-lightbox p{font-size:.8125rem;margin-top:10px}
@media(min-width:640px){.matego-ui .mg-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matego-ui .mg-case-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px){
 .matego-ui .mg-editorial-heading{padding-block:40px}
 .matego-ui .mg-editorial-lead{font-size:1.125rem}
 .matego-ui .mg-editorial-list,.matego-ui .mg-editorial-related{padding-bottom:80px}
 .matego-ui .mg-case-feature{grid-template-columns:1.35fr 1fr;margin-bottom:40px}
 .matego-ui .mg-case-feature-photo img{height:100%;min-height:400px}
 .matego-ui .mg-case-feature-copy{padding:40px 32px;justify-content:center}
 .matego-ui .mg-case-grid,.matego-ui .mg-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .matego-ui .mg-case-story{grid-template-columns:1fr 1.35fr;gap:64px}
 .matego-ui .mg-case-video{grid-template-columns:1fr 1.35fr;gap:64px}
 .matego-ui .mg-case-hero img{aspect-ratio:2/1;max-height:620px}
 .matego-ui .mg-case-facts{padding-block:32px}
 .matego-ui .mg-related-links{grid-template-columns:1fr 1fr;gap:36px}
 .matego-ui .mg-prose{font-size:1.125rem}
 .matego-ui .mg-prose h2{font-size:1.9rem}
 .matego-ui .mg-editorial-cta>.mg-wrap{padding-block:48px}
}
@media(min-width:1050px){
 .matego-ui .mg-journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
 .matego-ui .mg-journal-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
 .matego-ui .mg-reading-layout{grid-template-columns:240px minmax(0,740px);gap:64px;justify-content:center}
 .matego-ui .mg-reading-aside{align-self:start;position:sticky;top:124px}
 .matego-ui .mg-toc summary{font-size:.9375rem}
 .matego-ui .mg-toc nav{display:grid}
 .matego-ui .mg-reading-contact{display:block;margin-top:28px;font-size:.875rem;background:var(--mg-paper);padding:20px}
 .matego-ui .mg-reading-contact strong{display:block;margin-top:10px}
 .matego-ui .mg-editorial-cta>.mg-wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:48px}
}
@media(min-width:1001px) and (max-width:1370px){.matego-ui .mg-header-inner{gap:24px}.matego-ui .mg-header-actions>.mg-phone{display:none}.matego-ui .mg-desktop-nav{gap:20px}}
@media(prefers-reduced-motion:no-preference){.matego-ui .mg-editorial-card a:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.matego-ui .mg-editorial-card-photo img{transition:none}}
.matego-ui .mg-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.matego-ui .mg-lightbox button{min-height:44px}

/* Project stories: photo-led, compact and usable with or without a film. */
.matego-ui .mg-case-top{padding-top:24px}
.matego-ui .mg-case-top .mg-breadcrumb{margin-bottom:24px}
.matego-ui .mg-case-intro{display:grid;gap:26px}
.matego-ui .mg-case-cover{margin:0;min-width:0}
.matego-ui .mg-case-cover img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.matego-ui .mg-case-hero-video{position:relative;overflow:hidden;border-radius:4px;background:#202522}
.matego-ui .mg-case-hero-video video{display:block;width:100%;aspect-ratio:4/5;max-height:640px;object-fit:contain;background:#202522}
.matego-ui .mg-case-play{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:7px 20px 7px 8px;border-radius:4px;background:#202522;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 24px #0004;transition:background .2s ease,transform .2s ease}
.matego-ui .mg-case-play:hover,.matego-ui .mg-case-play:focus-visible{background:#111714;color:#fff;transform:translateY(-2px)}
.matego-ui .mg-case-play:focus-visible{outline:3px solid #ff7525;outline-offset:3px}
.matego-ui .mg-case-play-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:3px;background:#ff7525}
.matego-ui .mg-case-play-icon:before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #202522;margin-left:3px}
.matego-ui .mg-case-cover figcaption{font-size:.75rem;color:var(--mg-muted);margin-top:9px}
.matego-ui .mg-case-intro-copy{min-width:0;align-self:center}
.matego-ui .mg-case-intro-copy .mg-eyebrow{color:#bd4a0b;margin-bottom:17px}
.matego-ui .mg-case-intro-copy h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.1;letter-spacing:-.05em;max-width:720px}
.matego-ui .mg-case-lead{font-size:1rem;line-height:1.65;color:var(--mg-muted);margin-top:22px;max-width:590px}
.matego-ui .mg-case-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-block:1px solid var(--mg-line);margin:34px 0 0}
.matego-ui .mg-case-summary>div{padding:18px 0;min-width:0}
.matego-ui .mg-case-summary dt{font-size:.75rem;color:var(--mg-muted)}
.matego-ui .mg-case-summary dd{font-size:1.0625rem;font-weight:750;line-height:1.3;margin:6px 0 0}
.matego-ui .mg-case-process{padding-block:56px}
.matego-ui .mg-case-section-heading{max-width:740px;margin-bottom:32px}
.matego-ui .mg-case-section-heading .mg-eyebrow{margin-bottom:12px}
.matego-ui .mg-case-section-heading h2{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.12;letter-spacing:-.04em}
.matego-ui .mg-case-section-heading>p:not(.mg-eyebrow){color:var(--mg-muted);margin-top:14px}
.matego-ui .mg-case-process-grid{display:grid;gap:28px}
.matego-ui .mg-case-process-grid>div{border-top:1px solid var(--mg-line);padding-top:18px}
.matego-ui .mg-case-step{display:block;font-size:.75rem;font-weight:750;letter-spacing:.03em;color:#bd4a0b;margin-bottom:16px}
.matego-ui .mg-case-process-grid h3{font-size:1.35rem;line-height:1.25;margin:0 0 12px}
.matego-ui .mg-case-process-grid .mg-prose{font-size:1rem;line-height:1.65;color:var(--mg-muted)}
.matego-ui .mg-case-process-grid .mg-prose p{margin:0}
.matego-ui .mg-case-documentation{background:var(--mg-paper);padding-block:56px}
.matego-ui .mg-case-gallery{display:grid;gap:24px}
.matego-ui .mg-case-media-item{min-width:0;margin:0}
.matego-ui .mg-case-media-item>a{display:block;overflow:hidden;border-radius:4px;background:#e3e7e3}
.matego-ui .mg-case-media-item img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .25s ease}
.matego-ui .mg-case-media-item figcaption{font-size:.8125rem;color:var(--mg-muted);margin-top:10px}
.matego-ui .mg-case-media-video .mg-case-video-player{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#dfe4df;border-radius:4px;overflow:hidden}
.matego-ui .mg-case-media-video video{display:block;height:100%;width:auto;max-width:100%;aspect-ratio:9/16;background:#202522}
.matego-ui .mg-case-outcome{border-top:1px solid var(--mg-line);display:grid;gap:12px;padding-top:26px;margin-top:36px}
.matego-ui .mg-case-outcome span{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:#bd4a0b}
.matego-ui .mg-case-outcome p{font-size:1.0625rem;line-height:1.6;margin:0;max-width:780px}
.matego-ui .mg-case-cta .mg-eyebrow{margin-bottom:12px}
.matego-ui .mg-case-more{padding-block:56px}
@media(min-width:640px){
 .matego-ui .mg-case-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .matego-ui .mg-case-outcome{grid-template-columns:170px 1fr;align-items:start}
}
@media(min-width:761px){
 .matego-ui .mg-case-top{padding-top:36px}
 .matego-ui .mg-case-intro{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(34px,5vw,76px);align-items:center}
 .matego-ui .mg-case-cover img{max-height:640px}
 .matego-ui .mg-case-lead{font-size:1.125rem}
 .matego-ui .mg-case-summary{margin-top:44px}
 .matego-ui .mg-case-summary>div{padding:24px 0}
 .matego-ui .mg-case-process,.matego-ui .mg-case-documentation,.matego-ui .mg-case-more{padding-block:80px}
 .matego-ui .mg-case-section-heading{margin-bottom:40px}
 .matego-ui .mg-case-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .matego-ui .mg-case-gallery{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);grid-auto-rows:clamp(210px,20vw,250px);gap:20px 24px}
 .matego-ui .mg-case-gallery>.mg-case-media-item{display:flex;flex-direction:column;min-height:0}
 .matego-ui .mg-case-gallery>.mg-case-media-item:first-child{grid-row:span 2}
 .matego-ui .mg-case-gallery>.mg-case-media-item:nth-child(2):last-child{grid-row:span 2}
 .matego-ui .mg-case-gallery>.mg-case-media-item:last-child:nth-child(even):not(:nth-child(2)){grid-column:1/-1}
 .matego-ui .mg-case-gallery .mg-case-media-item>a,.matego-ui .mg-case-gallery .mg-case-video-player{height:calc(100% - 28px);aspect-ratio:auto}
 .matego-ui .mg-case-gallery .mg-case-media-item img{height:100%;aspect-ratio:auto}
 .matego-ui .mg-case-gallery .mg-case-media-video video{height:100%}
}
@media(prefers-reduced-motion:no-preference){.matego-ui .mg-case-media-item>a:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.matego-ui .mg-case-media-item img,.matego-ui .mg-case-play{transition:none}}
