/* Yemen Telecom / Individual Services — bespoke MAH motion case study */
.tc-case{--tc-navy:#083B70;--tc-deep:#062C56;--tc-blue:#0A5596;--tc-sky:#4BBBE5;--tc-light:#D9EFFC;--tc-text:#183D58;--tc-muted:#62859B;--tc-paper:#F5FAFD;--tc-line:#D5E5EE;background:var(--tc-paper);color:var(--tc-text);font-family:"Alexandria",sans-serif;overflow:clip;isolation:isolate}
html[lang=en] .tc-case{font-family:"DM Sans",sans-serif}
.tc-case *{box-sizing:border-box}.tc-case img,.tc-case video{display:block;max-width:100%}.tc-case p{line-height:1.95}.tc-case a{text-decoration:none;color:inherit}.tc-case button{font:inherit;cursor:pointer}.tc-case figure{margin:0}
.tc-container{width:min(1300px,calc(100% - 96px));margin-inline:auto}.tc-section{padding:clamp(82px,9vw,132px) 0;scroll-margin-top:110px}.tc-section-index,.tc-kicker{font-family:"DM Sans",sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.8;text-transform:uppercase}.tc-heading{margin-bottom:42px}.tc-heading .tc-section-index{color:#0B7FB5}.tc-heading h2{font-size:clamp(35px,4.7vw,68px);line-height:1.4;letter-spacing:-.05em;font-weight:750;margin:14px 0 18px}.tc-heading>p{color:var(--tc-muted);max-width:760px;font-size:14px}.tc-heading br{display:block}html[lang=en] .tc-heading h2{line-height:1.14}
/* Strong original-footage split hero */
.tc-hero{color:white;background:radial-gradient(ellipse 800px 600px at 65% 45%,#1375AE88,transparent 78%),linear-gradient(138deg,#0B528C,#083E7A 51%,#042B56);padding:82px 48px 24px;position:relative;overflow:hidden}
.tc-hero:before{position:absolute;content:"";width:970px;height:970px;border:1px solid #DAF5FF25;border-radius:50%;left:-350px;top:-500px;box-shadow:0 0 0 90px #AFEBFF08,0 0 0 180px #AEEFFF06;pointer-events:none}
.tc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(26px,4.1vw,70px);align-items:center;max-width:1500px}
.tc-kicker{color:#8BDFFF;font-size:10px}.tc-hero h1{font-size:clamp(47px,4.7vw,78px);line-height:1.35;letter-spacing:-.06em;font-weight:800;margin:26px 0 22px}.tc-head-sub{display:block;color:#A5E7FE;font-size:.60em;margin-top:7px;font-weight:650;letter-spacing:-.035em}
html[lang=en] .tc-hero h1{line-height:1.12}.tc-hero-text>p{font-size:14px;color:#DAEFFF;line-height:2.1;max-width:510px}.tc-buttons{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:34px 0}.tc-button{border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 22px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.tc-button:hover{transform:translateY(-3px)}.tc-button-white{color:#064376!important;background:white}.tc-button-white:hover{background:#D9F5FF}.tc-text-link{color:#D9EFF9!important;border-bottom:1px solid #85CCE6;padding:7px 0;font-size:12px}
.tc-hero-meta{display:flex;flex-wrap:wrap;gap:13px;margin-top:42px;font-size:10px;color:#BCDCF0}.tc-hero-meta span+span{border-inline-start:1px solid #80AAC8;padding-inline-start:13px}
.tc-hero-media{align-self:center;background:#073867;border:1px solid #4D9ECC;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px #021C38AA;min-width:0}
.tc-hero-media video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#073F75}.tc-hero-media figcaption{border-top:1px solid #3F79A6;padding:16px 19px;font-size:11px;color:#D4E8F4;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tc-live-dot{width:8px;height:8px;border-radius:50%;background:#43D9E1;box-shadow:0 0 0 4px #43D9E133;flex-shrink:0}.tc-pictogram{margin-inline-start:auto;font:700 10px "DM Sans",sans-serif;letter-spacing:.1em;color:#84D7F5}
.tc-hero-bottom{position:relative;z-index:1;max-width:1500px;margin:54px auto 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #87B5D744;padding-top:17px;color:#A7D5EC;font:700 10px "DM Sans",sans-serif;letter-spacing:.07em}
.tc-chapter-nav{position:sticky;top:0;z-index:22;background:#FDFEFFED;backdrop-filter:blur(18px);height:65px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 48px;border-bottom:1px solid #D4E5ED;box-shadow:0 5px 18px #134E7110}.tc-chapter-nav strong{font:800 16px "DM Sans",sans-serif;white-space:nowrap}.tc-chapter-nav strong span{font-size:10px;color:#3D7EA4}.tc-chapter-nav>div{display:flex;gap:clamp(13px,2vw,28px);overflow-x:auto;scrollbar-width:none}.tc-chapter-nav>div::-webkit-scrollbar{display:none}.tc-chapter-nav a{font-size:11px;white-space:nowrap;padding:24px 0;color:#51758C;border-bottom:2px solid transparent}.tc-chapter-nav a:hover,.tc-chapter-nav a.active{color:#087DB9;border-color:#087DB9}
/* Brief */
.tc-brief{background:#FFFFFF}.tc-brief-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start}.tc-prose>p{font-size:15px;color:#527388;margin:0 0 21px}.tc-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:38px;border-top:1px solid var(--tc-line)}.tc-facts>div{padding:19px 0;border-bottom:1px solid var(--tc-line);display:flex;flex-direction:column;gap:5px}.tc-facts>div span{font-size:10px;color:#658398}.tc-facts>div strong{font-size:12px;font-weight:750}.tc-brief-image{background:#0E4F88;border-radius:14px;overflow:hidden;box-shadow:0 22px 48px #12487017}.tc-brief-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.tc-brief-image figcaption{padding:17px 20px;background:#083E75;color:#C3E9FA;font:700 10px "DM Sans",sans-serif;letter-spacing:.07em}
/* Selectable services */
.tc-services{background:#052D58;color:white}.tc-services .tc-section-index{color:#7AD5F5}.tc-services .tc-heading>p{color:#B3D2E7}.tc-services-grid{display:grid;grid-template-columns:minmax(310px,.76fr) minmax(0,1.24fr);gap:29px;align-items:center}.tc-stage-list{display:flex;flex-direction:column;gap:8px}.tc-stage-btn{border:1px solid #3F6586;background:#103E68;color:#fff;padding:16px 22px;text-align:start;border-radius:10px;display:flex;flex-direction:column;gap:5px;transition:background .18s,border-color .18s}.tc-stage-btn>span{color:#8FD9F6;font:750 10px "DM Sans",sans-serif;letter-spacing:.1em}.tc-stage-btn b{font-size:17px}.tc-stage-btn small{color:#BFD9EA;line-height:1.75;font-size:10px}.tc-stage-btn:hover{background:#1B4D7D}.tc-stage-btn[aria-pressed=true]{background:#1174A9;border-color:#7EDCFF;box-shadow:inset 4px 0 0 #77DFFF}html[dir=rtl] .tc-stage-btn[aria-pressed=true]{box-shadow:inset -4px 0 0 #77DFFF}
.tc-stage-screen{background:#DBEFF9;border:1px solid #3A81AD;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 17px 45px #00000033}.tc-stage-screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:opacity .18s}.tc-stage-screen figcaption{padding:17px 21px;background:#093D71;display:flex;justify-content:space-between;gap:14px;font-size:13px;color:white}.tc-stage-screen figcaption span{font:700 11px "DM Sans",sans-serif;color:#94DFF5;white-space:nowrap}
/* Original frames gallery */
.tc-frames{background:#EAF4FA}.tc-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tc-frame-card{background:#fff;border:1px solid #C8DEEA;border-radius:13px;overflow:hidden;box-shadow:0 10px 28px #064E7508}.tc-frame-card img{aspect-ratio:16/9;width:100%;height:auto;object-fit:contain}.tc-frame-card figcaption{padding:18px 21px;border-top:1px solid #DDEAF0;color:#1173A0;font:700 11px "DM Sans",sans-serif;letter-spacing:.06em;display:flex;justify-content:space-between;gap:15px}.tc-frame-card figcaption span{font-family:inherit;letter-spacing:0;color:#254D68}
/* Storyboards */
.tc-storyboard{background:#FDFEFF}.tc-board-shell{padding:23px;border:1px solid #D4E5EF;box-shadow:0 15px 50px #0C3B590B;background:#fff;border-radius:15px}.tc-tabs{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #DFECF2;padding-bottom:20px}.tc-board-tab{border:1px solid #C7DCE8;background:#F7FCFE;color:#325A71;border-radius:7px;padding:11px 16px;font-size:12px}.tc-board-tab[aria-selected=true]{color:white;background:#0A5891;border-color:#0A5891}.tc-board-tab:focus-visible{outline:3px solid #54BFE5;outline-offset:3px}.tc-board-tab>span{margin-inline-start:6px}.tc-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tc-board-display{margin-top:21px}.tc-pair figure{min-width:0;margin:0;border:1px solid #D4E3EB;border-radius:10px;overflow:hidden;background:#fff}.tc-pair img,.tc-pair video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#E2F1F9;display:block}.tc-pair figcaption{padding:14px 17px;min-height:47px;background:#F7FBFD;border-top:1px solid #E2ECF1;color:#416A82;font-size:11px}.tc-pair video::-webkit-media-controls{display:none!important}.tc-board-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;color:#1B6797;font-size:12px}.tc-board-foot>div{display:flex;gap:8px}.tc-board-foot button{border:1px solid #C8DDE8;border-radius:50%;background:white;color:#1B6693;width:43px;height:43px;font-size:19px}.tc-board-foot button:hover{background:#0A5596;color:white}
/* Clips */
.tc-motion{background:#F2F8FA}.tc-moment{border-top:1px solid #C9DDE8;padding:38px 0 47px}.tc-moment-heading{display:grid;grid-template-columns:175px minmax(160px,.55fr) minmax(0,1fr);align-items:start;gap:17px;margin-bottom:20px}.tc-moment-heading>span{font:700 11px "DM Sans",sans-serif;letter-spacing:.08em;color:#1687BD}.tc-moment-heading h3{font-size:clamp(23px,2vw,32px);line-height:1.45;margin:0}.tc-moment-heading p{margin:0;font-size:12px;color:#668497}.tc-motion .tc-pair figure{background:#E5F3FB}
/* My role */
.tc-role{background:#fff}.tc-role-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:start}.tc-role-copy>p{font-size:17px;color:#506F83;line-height:2.2;margin:0 0 34px}.tc-production-note{border-top:1px solid #CFE2EC;padding:25px 0}.tc-production-note b{font-size:12px;color:#087AAB}.tc-production-note p{font-size:13px;color:#678499;margin-top:10px}.tc-role-panel{background:linear-gradient(135deg,#094F8B,#042B51);border-radius:13px;padding:31px;color:white;box-shadow:0 25px 55px #0843701A}.tc-role-panel>span{font:700 10px "DM Sans",sans-serif;letter-spacing:.11em;color:#91DEF7}.tc-role-panel ol{list-style:none;margin:22px 0 0;padding:0}.tc-role-panel li{display:flex;gap:18px;border-top:1px solid #518AB477;padding:17px 0;font-size:13px}.tc-role-panel li small{font:700 10px "DM Sans",sans-serif;color:#8BDFF9}
/* Final hosted on YouTube once provided */
.tc-film{background:linear-gradient(145deg,#0A5896,#05325E);color:#fff}.tc-film .tc-section-index{color:#8BDEF9}.tc-film .tc-heading>p{color:#BBDFF2}.tc-film-player{position:relative;width:100%;aspect-ratio:16/9;background:#052D57;border:1px solid #65A9CE;border-radius:15px;overflow:hidden}.tc-film-player>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.72)}.tc-player-message{position:absolute;inset:0;background:#062C56AF;display:grid;place-content:center;text-align:center;padding:26px}.tc-player-message>span{width:70px;height:70px;border:1px solid #DCF8FF;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:22px}.tc-player-message p{font-size:13px;color:white;margin-top:18px}.tc-youtube-button{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;gap:20px;color:white;background:#062F55A0;border:0;font-size:17px;font-weight:750}.tc-youtube-button span{border:1px solid white;padding:20px;border-radius:50%}.tc-film-player iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.tc-credit{font-size:11px;color:#A7CFE5;margin-top:19px}
.tc-cta{background:#E5F5FB;padding:96px 0}.tc-cta-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:center}.tc-cta .tc-section-index{color:#0A85B2}.tc-cta h2{font-size:clamp(32px,4.2vw,59px);line-height:1.45;margin:17px 0}.tc-cta p{color:#507086;max-width:690px;font-size:14px}.tc-cta-links{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.tc-button-navy{background:#064776;color:white!important}.tc-button-navy:hover{background:#006493}.tc-cta-links>a:last-child{font-size:12px;color:#255A7B;border-bottom:1px solid #95B8CA;padding:0 0 7px}
@media(max-width:1100px){.tc-hero{padding-inline:28px}.tc-container{width:calc(100% - 68px)}.tc-hero-grid{gap:25px}.tc-hero h1{font-size:clamp(41px,4vw,64px)}.tc-chapter-nav{padding-inline:25px}.tc-moment-heading{grid-template-columns:135px .6fr 1fr}}
@media(max-width:830px){.tc-hero{padding:47px 23px 25px}.tc-hero-grid{grid-template-columns:1fr}.tc-hero h1{font-size:clamp(45px,7.5vw,65px)}.tc-hero-bottom{margin-top:26px}.tc-hero-meta{margin-top:23px}.tc-chapter-nav{top:68px;height:59px}.tc-chapter-nav strong{display:none}.tc-chapter-nav>div{width:100%;justify-content:space-between}.tc-brief-grid,.tc-services-grid,.tc-role-grid,.tc-cta-grid{grid-template-columns:1fr;gap:27px}.tc-stage-list{display:grid;grid-template-columns:1fr 1fr}.tc-moment-heading{display:block}.tc-moment-heading h3{margin:7px 0 4px}.tc-section{padding:75px 0}.tc-cta{padding:75px 0}}
@media(max-width:560px){.tc-container{width:calc(100% - 30px)}.tc-hero{padding:31px 15px 19px}.tc-hero h1{font-size:clamp(37px,9.5vw,54px)}.tc-kicker{font-size:9px}.tc-hero-text>p{font-size:12px}.tc-buttons{gap:17px;margin:23px 0}.tc-button{padding:13px 17px;gap:15px;font-size:12px}.tc-hero-media figcaption{font-size:10px}.tc-hero-bottom{font-size:8px;flex-wrap:wrap}.tc-chapter-nav{top:66px;padding:0 13px}.tc-chapter-nav>div{justify-content:initial;gap:18px}.tc-chapter-nav a{font-size:11px}.tc-heading h2{font-size:clamp(32px,8.1vw,47px)}.tc-heading>p,.tc-prose>p{font-size:12px}.tc-section{padding:61px 0}.tc-facts{grid-template-columns:1fr 1fr}.tc-stage-list{grid-template-columns:1fr}.tc-stage-btn{padding:13px 16px}.tc-stage-btn b{font-size:15px}.tc-frame-grid,.tc-pair{grid-template-columns:1fr;gap:12px}.tc-frame-card figcaption{padding:13px 15px}.tc-board-shell{padding:12px}.tc-tabs{gap:6px}.tc-board-tab{padding:8px 10px;font-size:10px}.tc-board-tab span{margin-inline-start:3px}.tc-pair figcaption{font-size:10px}.tc-role-copy>p{font-size:14px}.tc-role-panel{padding:22px}.tc-role-panel li{font-size:12px}.tc-cta h2{font-size:33px}.tc-cta p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tc-case *,.tc-case *:before,.tc-case *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}