/* The Myriad Dubai · compact SEO and digital-growth case study. */
.case-myriad-dubai{background:#0d0d0d}
.md-case{--md-black:#11110f;--md-panel:#191815;--md-gold:#cda557;--md-paper:#f4f1e9;--md-ink:#15144f;position:relative;z-index:2;overflow:hidden;background:var(--md-paper);color:var(--md-ink)}
.md-section{position:relative;padding:58px max(5vw,30px)}
.md-marker{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:var(--md-ink);font:500 9px/1 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.md-marker:before{content:"";width:42px;height:1px;background:var(--md-gold)}.md-marker span{color:#a07827}.md-marker p{margin:0}
.md-copy{max-width:700px}.md-copy-wide{max-width:1040px}.md-copy h2,.md-two-stories h2{margin:0;font:750 clamp(2.35rem,4.15vw,4.7rem)/.96 Manrope,sans-serif;letter-spacing:-.06em}.md-copy>p,.md-two-stories p{margin:20px 0 0;color:#5a5a68;font-size:clamp(14px,1.05vw,17px);line-height:1.68}
.md-media{position:relative;margin:0;overflow:hidden;border-radius:20px;background:#171612;box-shadow:0 26px 62px rgba(20,15,4,.18);transform-style:preserve-3d}.md-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.2,1)}.md-media:hover img{transform:scale(1.015)}.md-media figcaption{position:absolute;right:13px;bottom:13px;padding:7px 10px;border-radius:99px;background:rgba(15,15,13,.82);color:#fff;font:500 8px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}

.md-hero{min-height:min(790px,100svh);padding-top:142px;padding-bottom:48px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:4vw;align-items:center;background:var(--md-black);color:#fff}.md-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(205,165,87,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(205,165,87,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000 25%,transparent 90%)}.md-hero-copy{position:relative;z-index:2;max-width:680px}.md-hero .kicker{color:rgba(255,255,255,.55)}.md-hero .kicker>span{background:var(--md-gold)}.md-hero h1{margin:25px 0 12px;font:780 clamp(3.7rem,6.5vw,7rem)/.84 Manrope,sans-serif;letter-spacing:-.075em}.md-hero h2{max-width:610px;margin:0 0 22px;color:var(--md-gold);font:600 clamp(1.45rem,2.2vw,2.5rem)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.md-hero-copy>p{max-width:620px;margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.62}.md-hero-image{z-index:2;aspect-ratio:16/9;border:1px solid rgba(205,165,87,.28);box-shadow:0 30px 90px rgba(0,0,0,.42)}.md-facts{position:relative;z-index:2;grid-column:1/3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.md-facts span{min-width:0;padding:0 18px;border-left:1px solid rgba(255,255,255,.12)}.md-facts span:first-child{padding-left:0;border-left:0}.md-facts small{display:block;margin-bottom:7px;color:var(--md-gold);font:500 7px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.md-facts b{display:block;color:rgba(255,255,255,.78);font-size:11px;line-height:1.4}

.md-brief{display:grid;grid-template-columns:.42fr 1.12fr;gap:5vw;border-bottom:1px solid rgba(21,20,79,.12)}.md-brief .md-marker{grid-column:1}.md-brief .md-copy{grid-column:2}.md-brief .md-wide-image{grid-column:1/3}.md-wide-image{width:min(1120px,100%);aspect-ratio:16/9;margin:26px auto 0}.md-tags,.md-markets,.md-ai-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.md-tags span,.md-markets span,.md-ai-platforms span{padding:8px 11px;border:1px solid rgba(21,20,79,.16);border-radius:99px;background:#fff;font:500 8px/1 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}
.md-challenge{display:grid;grid-template-columns:.42fr 1.12fr;gap:5vw;background:#fff}.md-zero-grid{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}.md-zero-grid span{padding:18px;border:1px solid rgba(21,20,79,.13);border-radius:14px;color:#676777;font:500 9px/1.4 'DM Mono',monospace;text-transform:uppercase}.md-zero-grid b{display:block;margin-bottom:8px;color:var(--md-gold);font:750 2.5rem/1 Manrope,sans-serif}
.md-strategy{display:grid;grid-template-columns:.42fr 1.12fr;gap:5vw}.md-strategy .md-wide-image{grid-column:1/3;max-width:1120px}
.md-split{min-height:600px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:5vw;align-items:center;background:#fff}.md-split-image{aspect-ratio:16/9}.md-gold{background:#d6ae62}.md-gold .md-marker:before{background:var(--md-ink)}.md-gold .md-marker span{color:#fff}.md-gold .md-copy>p{color:rgba(21,20,79,.72)}.md-gold .md-markets span{background:rgba(255,255,255,.42)}.md-dark{background:var(--md-black);color:#fff}.md-dark .md-marker{color:#fff}.md-dark .md-marker span{color:var(--md-gold)}.md-dark .md-copy>p{color:rgba(255,255,255,.66)}.md-authority-stat{display:flex;align-items:baseline;gap:12px;margin-top:24px;color:var(--md-gold);font:760 clamp(3rem,5vw,5.4rem)/1 Manrope,sans-serif;letter-spacing:-.06em}.md-authority-stat small{color:rgba(255,255,255,.58);font:500 8px/1.3 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}

.md-results{background:#ece6da}.md-results>.md-marker,.md-results>.md-copy{max-width:1120px;margin-right:auto;margin-left:auto}.md-results .md-wide-image{max-width:880px;margin-top:24px}.md-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:min(1120px,100%);margin:18px auto 0}.md-stats span{padding:16px;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(20,15,4,.07)}.md-stats b{display:block;color:#9a7223;font:760 clamp(1.75rem,2.6vw,2.9rem)/1 Manrope,sans-serif;letter-spacing:-.055em}.md-stats small{display:block;margin-top:8px;color:#61616f;font:500 7px/1.35 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.md-two-stories{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:22px;background:#fff}.md-two-stories article{padding:28px;border:1px solid rgba(21,20,79,.12);border-radius:18px}.md-two-stories h2{font-size:clamp(1.85rem,2.8vw,3.2rem)}
.md-ai{background:#0f1820;color:#fff}.md-ai-graphic-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.08fr);gap:28px 3.5vw;align-items:center;padding-top:52px;padding-bottom:58px}.md-ai-graphic-section>.md-marker{grid-column:1/3;margin-bottom:0;color:#fff}.md-ai-graphic-section>.md-marker span{color:var(--md-gold)}.md-ai-graphic{width:100%;aspect-ratio:1672/941;margin:0;border:1px solid rgba(205,165,87,.2);border-radius:18px;box-shadow:0 28px 74px rgba(0,0,0,.35)}.md-ai-graphic img{object-fit:contain}.md-ai .md-copy{max-width:720px}.md-ai .md-copy>p{color:rgba(255,255,255,.68)}.md-ai-platforms span{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
.md-outcome{--ct-gold:#ffc742;--ct-ink:#15144f;min-height:560px;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center;padding-top:76px;padding-bottom:96px;background:#245f9f;color:#fff;overflow:hidden}.md-outcome:after{content:"M";position:absolute;right:-.02em;bottom:-.24em;color:rgba(255,255,255,.035);font:800 31vw/1 Manrope,sans-serif;pointer-events:none}.md-outcome-copy{position:relative;z-index:2;max-width:1050px}.md-outcome .kicker{display:flex;align-items:center;gap:13px;margin:0;color:rgba(255,255,255,.68);font:500 8px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.md-outcome .kicker>span{width:42px;height:1px;background:var(--ct-gold)}.md-outcome .kicker b{color:var(--ct-gold);font:inherit}.md-outcome h2{max-width:1040px;margin:32px 0 0;font:750 clamp(3rem,5vw,5.5rem)/.92 Manrope,sans-serif;letter-spacing:-.065em}.md-outcome-copy>p:not(.kicker){max-width:760px;margin:24px 0 0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}.md-outcome .ct-project-link{position:relative;z-index:3;justify-self:end}.md-outcome .ct-next-link{z-index:3}
.md-next{display:flex;align-items:center;justify-content:space-between;background:var(--md-black);color:#fff}.md-next small{color:rgba(255,255,255,.48);font:500 8px/1 'DM Mono',monospace;text-transform:uppercase}.md-next a{display:flex;align-items:center;gap:22px;color:#fff;font:700 clamp(1.8rem,3vw,3.4rem)/1 Manrope,sans-serif;letter-spacing:-.05em}.md-next a b{color:var(--md-gold)}
.case-myriad-dubai .case-acquisition-pathways{background:var(--md-paper)}

@media(max-width:1050px){.md-hero{grid-template-columns:.8fr 1.2fr}.md-split{grid-template-columns:.9fr 1.1fr}.md-outcome{grid-template-columns:1.3fr .7fr}}
@media(max-width:820px){.md-section{padding:54px 24px}.md-hero{min-height:auto;padding-top:128px;grid-template-columns:1fr;gap:30px}.md-hero h1{font-size:clamp(3.8rem,15vw,6.2rem)}.md-hero-image{grid-row:2}.md-facts{grid-column:1;grid-template-columns:repeat(2,1fr);gap:16px}.md-facts span{padding:0;border:0}.md-brief,.md-challenge,.md-strategy,.md-split,.md-two-stories{grid-template-columns:1fr;gap:28px;min-height:0}.md-brief .md-marker,.md-brief .md-copy,.md-brief .md-wide-image,.md-zero-grid,.md-strategy .md-wide-image{grid-column:1}.md-split>.md-split-image:first-child{order:2}.md-zero-grid,.md-stats{grid-template-columns:repeat(2,1fr)}.md-two-stories article{padding:24px}.md-ai-graphic-section{grid-template-columns:1fr;gap:26px;padding:40px 24px}.md-ai-graphic-section>.md-marker{grid-column:1}.md-ai-graphic{border-radius:14px}.md-ai .md-copy h2{font-size:clamp(2.4rem,10vw,4rem)}.md-outcome{min-height:610px;grid-template-columns:1fr;gap:34px;padding:68px 24px 145px}.md-outcome h2{font-size:clamp(2.7rem,11.5vw,4.3rem)}.md-outcome-copy>p:not(.kicker){font-size:15px}.md-outcome .ct-project-link{justify-self:start;width:150px}}
@media(max-width:520px){.md-section{padding:46px 20px}.md-hero{padding-top:112px}.md-hero-actions{align-items:flex-start;flex-direction:column}.md-facts{grid-template-columns:1fr 1fr}.md-copy h2{font-size:clamp(2.35rem,11.5vw,3.6rem)}.md-zero-grid{grid-template-columns:1fr 1fr}.md-zero-grid span{padding:14px}.md-stats{grid-template-columns:1fr 1fr}.md-stats span:last-child{grid-column:1/3}.md-media{border-radius:14px}.md-results .md-wide-image{width:calc(100% + 40px);max-width:none;margin-left:-20px;border-radius:0}}
@media(prefers-reduced-motion:reduce){.md-media,.md-media img{transition:none!important}}
