@font-face{font-family:Cairo;src:url('assets/cairo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('assets/cairo-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--navy:#121936;--deep:#0b1026;--panel:#1c2446;--ink:#f6f4ff;--muted:#bcc1d7;--violet:#8000c9;--lavender:#d4acff;--cyan:#50cbee;--line:#ffffff24;--display:Cairo,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.8}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}h1,h2,h3,h4,p{margin:0}h1,h2{white-space:pre-line;line-height:1.35;font-weight:700}h1{font-size:clamp(3rem,5.2vw,5.4rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,3.8vw,3.75rem);letter-spacing:-.025em}h3{font-size:1.5rem;line-height:1.5}h4{font-size:1.18rem}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section{padding-block:48px}.eyebrow{font-size:.79rem;color:var(--lavender);font-weight:700;margin-bottom:12px;letter-spacing:.02em}.body-text{font-size:1.05rem;line-height:2;max-width:620px}.skip{position:fixed;top:-100px;left:20px;background:white;color:#121936;padding:12px;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.header{min-height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;justify-content:space-between;padding:16px 4%;position:relative;z-index:10}.brand{background:transparent;padding:0;flex-shrink:0}.brand img{width:165px}.header nav{display:flex;gap:36px;font-size:.93rem}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-8px;inset-inline:0;height:2px;background:var(--lavender);transform:scaleX(0);transition:transform .2s}.header nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:24px}.header button{border:0;background:none;font-weight:700;font-size:.9rem}.contact-link{border-bottom:1px solid var(--lavender);padding-bottom:5px;font-size:.9rem}#menu{display:none}
.hero{width:min(1480px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:1fr 1.02fr;gap:36px;align-items:center;min-height:0;padding-block:28px 24px}.hero-copy{position:relative;z-index:2}.hero h1{margin-bottom:22px}.hero-body{max-width:590px;font-size:1.12rem;line-height:2}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;font-size:.93rem;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.light{background:#f7f2ff;color:#3d096b}.text-link{font-size:.9rem;border-bottom:1px solid #b69ad9;padding-bottom:5px}.formats{font-size:.77rem;margin-top:22px;color:#929bbd;word-spacing:4px}.hero-stage{height:430px;position:relative;direction:ltr;isolation:isolate;min-width:0}.hero-stage:before{content:'';position:absolute;inset:18% 9%;background:radial-gradient(ellipse,rgba(162,44,255,.28),transparent 67%);z-index:-2}.stage-line{position:absolute;width:97%;height:64%;border:1px solid #63bfe54d;transform:rotate(-12deg);top:18%;left:2%;z-index:-1}.line-two{width:95%;height:68%;transform:rotate(13deg);border-color:#a344e45e}.hero-poster{border:0;padding:0;position:absolute;background:#121936;box-shadow:0 24px 45px #05081580;transition:transform .5s}.hero-poster img{width:100%;height:100%;object-fit:cover}.poster-back{width:29%;height:65%;top:4%;right:1%;transform:rotate(8deg);z-index:1}.poster-front{width:66%;height:66%;top:21%;left:17%;z-index:3;transform:rotate(-3deg)}.poster-side{width:31%;height:60%;top:3%;left:0;transform:rotate(-10deg);z-index:2}.hero-poster:hover{transform:translateY(-8px) rotate(0)}.stage-caption{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;font-size:.68rem;color:#abb3d1;border-top:1px solid var(--line);padding-top:14px;letter-spacing:.07em}
.partners{border-block:1px solid var(--line);padding-block:18px 22px}.partners p{font-size:.73rem;text-align:center;margin-bottom:14px}.partners>div{display:flex;justify-content:space-around;align-items:center;gap:30px;color:#e9e9f0;font-family:'Segoe UI',sans-serif;flex-wrap:wrap}.partner-star{font-size:1.2rem;font-weight:300;letter-spacing:.25em}.partner-kanal{font-size:1.38rem;letter-spacing:.13em;font-weight:700}.partner-zee{font-size:1.9rem;letter-spacing:-.07em;font-weight:800}.partner-weyyak{font-size:1.8rem;font-weight:700}.partner-toons{font-size:1rem;letter-spacing:.12em;font-weight:700}
.dubbing{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.studio-frame{position:relative;max-width:340px;width:100%;padding:0 20px 25px 0}.studio-frame:before{content:'';position:absolute;top:27px;inset-inline-start:0;bottom:60px;width:93%;border:1px solid #9457db;z-index:-1}.studio-frame img{height:auto;width:100%;object-fit:cover}.frame-label{position:absolute;top:25px;inset-inline:40px;display:flex;justify-content:space-between;gap:20px;font-size:.67rem;color:white;letter-spacing:.08em}.studio-frame p{font-size:.82rem;padding-top:20px}.dubbing-copy h2{margin-bottom:22px}.promise-list{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:.89rem;color:#dbe0f3}.promise-list li{border-top:1px solid var(--line);padding-top:14px}.promise-list li:before{content:'+';color:var(--cyan);margin-inline-end:12px}
.work-section{background:#0b1026}.section-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:40px;align-items:end;margin-bottom:24px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px}.project-card{display:block;text-align:start;background:transparent;border:0;padding:0;width:100%}.project-image{height:365px;position:relative;overflow:hidden;background:#20213e}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.project-card:hover .project-image img{transform:scale(1.035)}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-family:'Segoe UI',sans-serif;margin-top:18px}.project-meta h3{font-size:1.4rem}.project-meta span{font-size:.69rem;color:#9ea9ca;text-align:end}.project-card p{font-size:.8rem;margin-top:4px}.project-number{position:absolute;top:12px;inset-inline-start:12px;color:white;font-size:.7rem;background:#0d1326b0;padding:3px 8px}.detail-hint{position:absolute;bottom:16px;inset-inline-end:16px;padding:8px 13px;background:#fcf7ff;color:#2b1546;font-size:.75rem;opacity:0;transform:translateY(6px);transition:.2s}.project-card:hover .detail-hint,.project-card:focus-visible .detail-hint{opacity:1;transform:none}
.catalogue{margin-top:28px;border-block:1px solid var(--line)}.catalogue>summary{padding:18px 0;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:1.15rem}.catalogue>summary::-webkit-details-marker{display:none}.catalogue>summary>span:last-child{font:300 2rem/1 Arial;color:var(--lavender)}.catalogue[open]>summary>span:last-child{transform:rotate(45deg)}.catalogue-inner{padding-bottom:34px}.catalogue-top{display:flex;justify-content:space-between;gap:32px;align-items:center;padding-top:10px}.catalogue-top p{font-size:.9rem}.search-label{max-width:370px;width:100%}#search{width:100%;border:1px solid #747e9f;background:#141d3b;color:#fff;padding:12px 18px;border-radius:0;font-size:.88rem}#search::placeholder{color:#bcc1d7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.filters button{border:1px solid #505d7d;padding:7px 14px;background:none;font-size:.8rem}.filters button[aria-pressed=true]{color:#191236;background:#e5ccff;border-color:#e5ccff}#result-count{font-size:.8rem;padding-block:20px}.catalogue-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;max-height:560px;overflow:auto}.catalogue-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line);align-items:center;font-family:'Segoe UI',sans-serif}.catalogue-row strong{font-size:1rem;direction:ltr;text-align:start}.catalogue-row span{font-size:.72rem;text-align:end;color:#aebad9;max-width:150px}.catalogue-row small{display:block;font-size:.7rem;color:#b7a1d6}
.workflow-list{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;gap:26px}.workflow-list li{position:relative;border-top:1px solid #9784b6;padding-top:20px}.workflow-list .step-number{font-family:'Segoe UI',sans-serif;font-size:2.8rem;color:#cfb5e9;font-weight:300;line-height:1}.workflow-list h3{font-size:1.15rem;line-height:1.6;margin:16px 0 8px}.workflow-list p{font-size:.92rem;line-height:1.9}
.quality{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.quality .body-text{margin-top:24px}.quality-checks{list-style:decimal-leading-zero;padding-inline-start:25px;color:#d9d6ed;font-size:.9rem;margin-top:30px}.quality-checks li{padding-inline-start:10px;margin-bottom:9px}.quality-checks li::marker{color:var(--lavender);font-family:Arial;font-size:.74rem}.quality-image{border:1px solid #4b4468;padding:14px}.quality-image img{width:100%;height:auto;object-fit:cover}.quality-image>div{display:flex;justify-content:space-between;font-size:.64rem;padding-top:18px;letter-spacing:.05em;color:#a9b9d4}.language-section{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding-block:24px}.language-section h3{font-size:1.55rem}.language-section p{font-size:.92rem;margin-top:12px}.language-section article{border-inline-start:1px solid #58607d;padding-inline-start:30px}.language-section article>span{font-family:Arial;font-size:.7rem;color:var(--cyan)}.language-section h4{margin-top:10px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about .body-text{margin-top:25px}.capabilities{padding:22px 28px;border:1px solid #666381;align-self:center}.capabilities h3{font-size:1.25rem}.capabilities ol{list-style:decimal-leading-zero;margin:22px 0 0;padding-inline-start:25px}.capabilities li{font-size:.97rem;padding:15px 10px;border-top:1px solid var(--line)}.capabilities li::marker{color:var(--lavender);font-family:Arial;font-size:.7rem}.channel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#202447;padding:24px 30px;border-inline-start:3px solid #a747e9}.channel .eyebrow{margin-bottom:8px}.channel h3{font-size:1.6rem}.channel p{font-size:.9rem;margin-top:8px}.button.outline{border:1px solid #b2a6ca;flex-shrink:0}.contact{position:relative;overflow:hidden}.contact:after{content:'';position:absolute;inset-inline-end:-100px;bottom:80px;width:350px;height:350px;border:1px solid #523c7d;border-radius:50%;z-index:-1}.contact h2{font-size:clamp(2.8rem,5.7vw,5.5rem);line-height:1.4}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:22px;align-items:center}.contact-details{display:flex;flex-direction:column;gap:5px;font-family:'Segoe UI',sans-serif;font-size:clamp(1.4rem,2.6vw,2.3rem)}.contact-details a:first-child{color:var(--lavender)}.location{margin-top:30px;font-size:.84rem}footer{padding-block:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.78rem;color:#a6adc9}footer img{width:165px;background:transparent;padding:0}dialog{max-width:min(860px,calc(100% - 30px));width:100%;padding:26px;background:#161e3e;color:white;border:1px solid #83739e;max-height:90vh}dialog::backdrop{background:#030717db;backdrop-filter:blur(8px)}#dialog-close{display:block;margin-inline-start:auto;border:1px solid #9e92b1;background:none;padding:7px 18px;margin-bottom:20px}#dialog-content{display:grid;grid-template-columns:.85fr 1fr;gap:30px;align-items:center}#dialog-content img{max-height:510px;width:100%;object-fit:contain}#dialog-content h2{font-family:'Segoe UI',sans-serif;font-size:2.2rem;white-space:normal}#dialog-content dl{margin-block:25px}#dialog-content dt{font-size:.8rem;color:#b9b3c9}#dialog-content dd{margin:0 0 13px;font-size:1rem}#dialog-content p{font-size:.78rem;margin-top:20px}.noscript{padding:30px}body:has(dialog[open]){overflow:hidden}
html[lang=en]{--display:'Segoe UI',Arial,sans-serif}html[lang=en] h1{line-height:1.06;font-weight:600;font-size:clamp(3.2rem,5.5vw,5.5rem)}html[lang=en] h2{line-height:1.12;font-weight:500;letter-spacing:-.045em}html[lang=en] .eyebrow{letter-spacing:.1em;font-size:.72rem}html[lang=en] .body-text,html[lang=en] .hero-body{line-height:1.8}html[lang=en] .hero{gap:36px}
@media(min-width:1600px){.hero-stage{height:470px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{gap:20px}.header nav{gap:22px}.hero{width:calc(100% - 64px);gap:25px;min-height:0}.hero-stage{height:390px}.hero h1{font-size:3.6rem}.hero .eyebrow{font-size:.65rem}.hero-body{font-size:1rem}.dubbing,.quality,.about{gap:50px}.studio-frame img{height:auto}.section-heading{gap:40px}.project-image{height:300px}.workflow-list{gap:18px}.workflow-list h3{font-size:1rem}.workflow-list p{font-size:.85rem}.contact-link{display:none}}
@media(max-width:850px){.header{min-height:86px;padding-inline:24px;flex-wrap:wrap}.brand img{width:165px}#menu{display:inline-block}.header nav{display:none;order:3;width:100%;flex-direction:column;gap:18px;padding:18px 0}.header nav.open{display:flex}.header-actions{gap:18px}.hero,html[lang=en] .hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.hero-copy{max-width:660px}.hero h1{font-size:3.9rem}.hero-body{max-width:640px}.hero-stage{width:min(580px,100%);margin-inline:auto;height:420px}.formats{margin-top:25px}.section{padding-block:40px}.dubbing{grid-template-columns:.7fr 1fr;gap:30px}.studio-frame img{height:auto}.promise-list{grid-template-columns:1fr;gap:9px}.section-heading{grid-template-columns:1fr;gap:22px}.project-grid{grid-template-columns:1fr 1fr}.project-image{height:350px}.workflow-list{grid-template-columns:1fr 1fr}.workflow-list li:last-child{grid-column:1/-1}.quality,.about{grid-template-columns:1fr}.quality-image{max-width:640px}.quality-image img{height:auto}.language-section{grid-template-columns:1fr 1fr}.language-section>div{grid-column:1/-1}.channel{flex-direction:column;align-items:flex-start;padding:30px}.catalogue-top{align-items:flex-start;flex-direction:column}.catalogue-list{column-gap:20px}.contact-bottom{gap:30px;grid-template-columns:1fr}.contact-details{font-size:1.8rem}}
@media(max-width:560px){.wrap,.hero{width:calc(100% - 36px)}.header{padding-inline:18px;gap:12px}.header-actions{gap:12px}.brand{padding:0}.brand img{width:165px}.hero h1{font-size:3.15rem}.hero-body{font-size:1rem}.hero .eyebrow{font-size:.65rem}.actions{gap:18px}.button{font-size:.85rem;padding:11px 18px}.text-link{font-size:.82rem}.hero-stage{height:300px;margin-top:0}.poster-front{height:65%;top:21%}.poster-back{height:64%;top:0}.poster-side{height:57%;top:4%}.stage-caption{font-size:.56rem}.partners{padding-block:22px}.partners>div{gap:19px 27px}.partners>div span{font-size:1rem}.partners .partner-zee,.partners .partner-weyyak{font-size:1.35rem}.section{padding-block:30px}.dubbing{display:flex;flex-direction:column-reverse;align-items:stretch}.studio-frame{margin-top:15px;max-width:350px;align-self:center}.studio-frame img{height:auto}h2{font-size:2.1rem}.body-text{font-size:1rem}.promise-list{grid-template-columns:1fr 1fr;font-size:.78rem}.project-grid{gap:30px 15px}.project-image{height:225px}.project-meta{align-items:flex-start;flex-direction:column;gap:5px}.project-meta h3{font-size:1.15rem}.project-card p{font-size:.72rem}.detail-hint{display:none}.workflow-list{grid-template-columns:1fr;gap:22px}.workflow-list li{display:grid;grid-template-columns:48px 1fr;gap:2px 18px;align-items:center}.workflow-list .step-number{font-size:2rem;grid-row:1/3}.workflow-list h3{margin:0;font-size:1.07rem}.workflow-list p{font-size:.9rem;grid-column:2}.quality{gap:30px}.quality-image img{height:auto}.quality-image>div{font-size:.5rem}.language-section{gap:25px}.language-section article{padding-inline-start:15px}.language-section h4{font-size:1.04rem}.language-section p{font-size:.87rem}.capabilities{padding:24px}.capabilities li{font-size:.9rem}.catalogue-list{grid-template-columns:1fr}.catalogue-row strong{font-size:.96rem}.filters button{padding:6px 10px;font-size:.75rem}.contact h2{font-size:2.55rem}.contact-details{font-size:1.45rem}.contact-bottom{gap:25px}.channel h3{font-size:1.35rem}.channel .button{width:100%}footer{flex-wrap:wrap;font-size:.7rem}footer img{width:104px}#dialog-content{grid-template-columns:1fr}#dialog-content img{max-height:310px}#dialog-content h2{font-size:1.8rem}html[lang=en] h1{font-size:3.25rem}html[lang=en] .hero{gap:28px}.contact:after{display:none}}
.samples-list{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.sample-link{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line);direction:ltr}.sample-link>span{font-size:.72rem;color:var(--lavender)}.sample-link strong{font:500 1.03rem 'Segoe UI',sans-serif}.sample-link small{font-size:.74rem;color:#cdb9eb}.sample-link:hover strong{color:var(--lavender)}@media(max-width:700px){.samples-list{grid-template-columns:1fr}.sample-link strong{font-size:.95rem}.sample-link small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero-stage .poster-front{width:46%;height:82%;top:7%;left:28%;transform:rotate(-2deg)}.hero-stage .poster-front img{object-fit:contain}.hero-stage .poster-back{right:1%;top:12%;height:67%}.hero-stage .poster-side{top:24%;height:48%;left:1%}.hero-stage .poster-side img{object-fit:contain}

/* Production completion, scoped to this standalone page. */
.header .brand img{width:230px}.header nav{gap:22px}
html[lang=en] .hartak-company-footer .footer-info{direction:ltr;text-align:left!important}
@media(max-width:1100px){.header{flex-wrap:wrap}.header nav{display:none;order:3;width:100%;flex-direction:column;gap:16px;padding:12px 0}.header nav.open{display:flex}#menu{display:inline-block}.header .brand img{width:200px}.contact-link{display:none}}
@media(max-width:560px){.header .brand img{width:180px}.header{padding-block:12px}.section-heading{gap:16px}.contact{padding-bottom:28px}}

/* Independent production-company footer; no training-site selectors. */
.production-footer{display:block;background:#0d122a;border-top:1px solid #393451;color:#ece8fa;padding:30px 0 0}
.production-footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;align-items:center;padding-bottom:24px}
.production-footer-brand{display:block;max-width:260px}.production-footer-brand img{display:block;width:100%;height:auto}
.production-footer h3{font-size:1rem;margin:0 0 10px;color:#d4b2f5}
.production-footer nav,.production-footer-contact{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;line-height:1.8}
.production-footer-contact{flex-direction:column;align-items:flex-end;gap:4px}.production-footer[dir=ltr] .production-footer-contact{align-items:flex-start}
.production-footer a:hover{color:#cda9ed}.production-footer-bottom{border-top:1px solid #393451;padding-block:14px;color:#b6b8ce;font-size:.75rem}
@media(max-width:650px){.production-footer-main{grid-template-columns:1fr;gap:22px}.production-footer-brand{max-width:210px}.production-footer{padding-top:24px}}

/* Requested production-only sizing and spacing refinements, 2026-10-02. */
.contact h2{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.45}
.contact-bottom{margin-top:14px;gap:24px}.contact .location{margin-top:18px}
#production-services h2{font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.45}
#about{padding-bottom:20px}.production-services.section{padding-top:20px}
.production-services .section-heading{margin-bottom:22px;align-items:center}
.capabilities{padding:16px 22px}.capabilities ol{margin-top:12px}.capabilities li{padding:7px 6px;line-height:1.65}
.header nav{gap:16px;font-size:.78rem}.header .profile-download{color:var(--lavender);white-space:nowrap}
@media(min-width:1101px){.header{gap:16px}.header .brand img{width:195px}.header-actions{gap:12px}}

/* Four-poster composition: Daha 17 retains the largest uninterrupted foreground. */
.hero-stage .poster-russian{width:25%;height:47%;left:4%;top:0;z-index:2;transform:rotate(-7deg)}
.hero-stage .poster-russian img{object-fit:contain}
.hero-stage .poster-side{width:28%;height:42%;left:0;top:49%;transform:rotate(-10deg)}
.hero-stage .poster-front{z-index:4}
#dubbing.section{padding-bottom:20px}#work.section{padding-top:20px}
#cinema .eyebrow{font-size:1.15rem;line-height:1.7}

:is(.section,.hero,.channel,.language-section) .eyebrow{font-size:1.1rem;line-height:1.7;letter-spacing:0}

.contact-person{font-family:var(--display);text-align:left;margin-bottom:10px;font-size:1.3rem;line-height:1.65}.contact-person strong,.contact-person span{display:block}.contact-person span{font-size:.95rem;color:var(--muted)}.contact-details a[href^="mailto:"]{color:var(--lavender)}

.quran-program{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;border-top:1px solid var(--line);padding-block:28px}.quran-program h2{font-size:clamp(1.8rem,2.8vw,2.7rem)}.quran-program .body-text{margin-top:14px}.quran-video{aspect-ratio:16/9;min-width:0;background:var(--deep)}.quran-video iframe{display:block;width:100%;height:100%;border:0}@media(max-width:700px){.quran-program{grid-template-columns:1fr;gap:20px}}

/* Contact signature and production locations, requested 2 October. */
.contact{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;padding-block:32px;align-items:start}
.contact:after{display:none}.contact>.eyebrow,.contact>h2,.contact>.location{grid-column:1}.contact>.eyebrow{margin-bottom:8px}.contact>.location{margin-top:16px}
.contact-bottom{display:contents}.contact-bottom>.body-text{grid-column:1;margin-top:14px;max-width:620px}
.contact-details{grid-column:2;grid-row:1/6;align-self:center;position:relative;padding:26px 28px;background:linear-gradient(135deg,#242b4c,#171d39);border:1px solid #4c4568;border-inline-end:3px solid var(--lavender);font-size:clamp(1.1rem,1.8vw,1.6rem);gap:8px}
.contact-person{font-family:var(--display);text-align:start;direction:rtl;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid #514966}.contact-person strong{font-size:clamp(1.6rem,2.3vw,2rem);color:#f5f0ff}.contact-person span{font-size:1rem;color:#d4b2f5}html[lang=en] .contact-person{direction:ltr}
.production-footer-main{grid-template-columns:.8fr 1fr 1.3fr 1.15fr;align-items:start;gap:28px}.production-footer-brand{max-width:195px}.production-footer nav{flex-direction:column;gap:5px}.footer-addresses address{font-style:normal;display:grid;gap:3px;font-size:.85rem;line-height:1.8}.footer-addresses address+address{margin-top:12px}.footer-addresses strong{color:#eee8ff}.footer-addresses span{color:#bfc2d8}
.production-footer-contact{align-items:stretch;gap:7px;font-size:.85rem}.production-footer-contact a{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.production-footer-contact a span{color:#bfc2d8;font-size:.78rem}.production-footer-contact bdi{white-space:nowrap}
.quran-watch{grid-column:2;justify-self:end;margin-top:-18px;font-size:.85rem}
@media(max-width:900px){.production-footer-main{grid-template-columns:1fr 1fr}.contact{column-gap:24px}.contact-details{padding:20px}}
@media(max-width:650px){.contact{display:flex;flex-direction:column;gap:0}.contact-bottom{display:contents}.contact-details{width:100%;align-self:stretch;margin-top:22px}.contact>.location{order:5}.production-footer-main{gap:24px 18px}.production-footer-brand{max-width:150px}.production-footer-contact a{flex-direction:column;gap:0}.quran-watch{grid-column:1;margin-top:0}.contact-person strong{font-size:1.6rem}}

.quran-feature{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;background:radial-gradient(ellipse at 25% 10%,#3d315c,transparent 65%),#161d38;border:1px solid #5b4b78;color:#eee8ff}.quran-feature strong{font-size:clamp(1.6rem,3vw,2.6rem)}.quran-feature>span:last-child{font-size:.85rem;color:#d4b2f5}.quran-play{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#d4b2f5;color:#17152e;font-size:1.4rem}.quran-feature:hover{border-color:#d4b2f5;background-color:#232747}

/* Compact footer requested by Somar. */
.production-footer{padding-top:20px}.production-footer-main,.production-footer-bottom{max-width:1200px}.production-footer-main{grid-template-columns:.7fr 1fr 1.4fr 1.3fr;gap:24px;padding-bottom:16px}.production-footer-brand{max-width:155px}.production-footer h3{margin-bottom:7px}.production-footer nav,.production-footer-contact{gap:3px}.footer-addresses address{gap:0;line-height:1.65}.footer-addresses address+address{margin-top:7px}.production-footer-contact a{justify-content:flex-start;gap:12px}.production-footer-contact a span{min-width:85px}.production-footer-bottom{padding-block:10px}
@media(max-width:900px){.production-footer-main{grid-template-columns:1fr 1fr;gap:20px}.production-footer-contact a{gap:3px 10px}}
@media(max-width:650px){.production-footer-main{gap:18px 12px}.production-footer-contact a{gap:0}.production-footer-brand{max-width:140px}}
