@font-face{font-family:"DTC Arabic";src:url("fonts/tajawal-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DTC Arabic";src:url("fonts/tajawal-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DTC Arabic";src:url("fonts/tajawal-extra-bold.ttf") format("truetype");font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"DTC Latin";src:url("fonts/montserrat-regular.ttf") format("truetype");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"DTC Latin";src:url("fonts/montserrat-bold.ttf") format("truetype");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"DTC Display";src:url("fonts/times-newer-bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  --dtc-bg:#101413;--dtc-surface:#191e1c;--dtc-surface-high:#232a26;
  --dtc-text:#f3f5ef;--dtc-muted:#b2bab3;--dtc-green:#9fce55;
  --dtc-blue:#3f5172;--dtc-magenta:#ba2795;--dtc-pink:#e48dce;
  --dtc-border:#343d36;--dtc-focus:#c2e997;--dtc-scroll-thumb:#566251;
  --dtc-scroll-hover:#8fa67b;--dtc-scroll-active:#9fce55;
  --dtc-radius:8px;--dtc-width:1240px;--dtc-section:96px;
  --dtc-font:"DTC Latin","DTC Arabic",Tahoma,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable;scrollbar-color:var(--dtc-scroll-thumb) var(--dtc-bg);scrollbar-width:thin}
*{scrollbar-color:var(--dtc-scroll-thumb) var(--dtc-bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--dtc-bg)}::-webkit-scrollbar-thumb{background:var(--dtc-scroll-thumb);border-radius:4px;border:2px solid var(--dtc-bg)}::-webkit-scrollbar-thumb:hover{background:var(--dtc-scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--dtc-scroll-active)}
body{margin:0;background:var(--dtc-bg);color:var(--dtc-text);font-family:var(--dtc-font);font-size:17px;line-height:1.85;letter-spacing:0;-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{letter-spacing:0}
::selection{background:var(--dtc-green);color:var(--dtc-bg)}
a{color:inherit;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease;cursor:pointer}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default;opacity:.35}
a:hover{color:var(--dtc-green)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--dtc-focus);outline-offset:5px}
[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.35;overflow-wrap:anywhere;font-weight:700}
h2{font-size:44px;line-height:1.35}
h3{font-size:24px}
p{color:var(--dtc-muted)}
p+p{margin-top:18px}
ul,ol{padding-inline-start:24px}
.wrap{width:min(var(--dtc-width),calc(100% - 96px));margin-inline:auto}
.section{padding-block:var(--dtc-section)}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:42px}
.section-heading{max-width:750px}
.section-heading h2{margin-top:13px}
.section-heading p{margin-top:14px;max-width:600px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--dtc-green);font-size:15px;font-weight:700;line-height:1.7}
.eyebrow::before{content:"";width:23px;height:2px;flex-shrink:0;background:currentColor}
.text-pink{color:var(--dtc-pink)}
.lead{font-size:21px;color:var(--dtc-text)}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:16px;font-weight:700;line-height:1.7}
.text-link .fa{font-size:14px;transition:transform .2s ease}
.text-link:hover .fa{transform:translateX(-4px)}
.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.button,.prose .btn,.project-extra .btn,.wpcf7-submit{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:12px 25px;background:var(--dtc-green);border:1px solid var(--dtc-green);border-radius:5px;font-size:17px;font-weight:700;color:#15200c;line-height:1.6;text-align:center;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}
.button:hover,.prose .btn:hover,.project-extra .btn:hover,.wpcf7-submit:hover{background:#b6df79;border-color:#b6df79;color:#15200c;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button-small{font-size:15px;min-height:43px;padding:9px 18px;gap:16px}
.button-ghost{background:rgba(16,20,19,.45);border-color:#73796f;color:var(--dtc-text)}
.button-ghost:hover{background:var(--dtc-surface-high);border-color:var(--dtc-green);color:var(--dtc-green)}
.icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:43px;height:43px;min-width:43px;padding:0;background:transparent;border:1px solid var(--dtc-border);border-radius:5px;font-size:17px;line-height:1;transition:color .2s,background .2s,border-color .2s}
.icon-button:hover:not(:disabled){background:var(--dtc-surface-high);color:var(--dtc-green);border-color:var(--dtc-green)}
.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;right:20px;z-index:100000;background:var(--dtc-green);color:var(--dtc-bg);padding:12px 20px}
.skip-link:focus{top:12px}
.site-header{position:sticky;inset-block-start:0;z-index:100;background:rgba(16,20,19,.97);border-bottom:1px solid var(--dtc-border);transition:box-shadow .2s}
.site-header.is-scrolled{box-shadow:0 8px 32px #0004}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}
.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.brand-logo{width:85px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}
.brand-caption{font-size:14px;font-weight:700;line-height:1.5}
.brand-caption small{display:block;font-family:"DTC Latin",sans-serif;font-size:8px;font-weight:400;margin-top:5px;color:var(--dtc-muted)}
.desktop-nav{display:flex;align-items:center;gap:30px}
.desktop-nav a{font-size:15px;white-space:nowrap;padding-block:28px;position:relative}
.desktop-nav a[aria-current=page]{color:var(--dtc-green)}
.desktop-nav a[aria-current=page]::after{content:"";position:absolute;bottom:18px;inset-inline:0;margin:auto;width:16px;height:2px;background:var(--dtc-green)}
.header-actions{display:flex;align-items:center;gap:12px}
.language-link{display:flex;align-items:center;gap:7px;font-size:13px;min-height:43px}
.search-toggle.icon-button{border-color:transparent;width:36px;min-width:36px}
.menu-toggle{display:none}
.mobile-menu{position:absolute;inset-inline:0;top:100%;padding:16px 28px 24px;max-height:calc(100svh - 100px);overflow-y:auto;background:var(--dtc-bg);border-bottom:1px solid var(--dtc-border);box-shadow:0 20px 30px #0005}
.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--dtc-border);font-size:18px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dtc-bg)}
.hero-media,.hero-shade,.hero-pattern{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.hero-media{inset-inline-end:0;inset-inline-start:18%}
.hero-slides{position:relative;width:100%;height:100%}
.hero-slide{display:none;width:100%;height:100%;margin:0}
.hero-slide:first-child{display:block}
.hero-media .hero-slide img{object-position:center var(--photo-focus,43%)}
.hero-shade{background:linear-gradient(270deg,#101413 0%,#101413f5 24%,#101413b5 46%,#10141320 75%),linear-gradient(0deg,#101413eb,transparent 40%,#10141320);}
.hero-pattern{inset-inline-end:auto;width:37%;opacity:.16;background-image:url("pattern.webp");background-size:620px;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{min-height:650px;min-height:min(700px,calc(100svh - 175px));display:flex;align-items:center;position:relative;padding-block:56px 120px}
.hero-copy{width:57%;max-width:680px;position:relative}
.hero-copy>.eyebrow{font-size:15px;margin-bottom:17px}
.hero h1{font-size:72px;line-height:1.25;margin-bottom:6px}
.hero h1 span[lang=en]{font-family:"DTC Display",Georgia,serif;font-size:88px;font-weight:700}
.hero-statement{font-size:47px;line-height:1.35;font-weight:800;color:var(--dtc-text);margin:0}
.hero-statement em{font-style:normal;color:var(--dtc-green)}
.hero-description{font-size:18px;max-width:520px;line-height:1.95;margin-top:20px;color:#d5dcd2}
.hero .button-row{margin-top:28px}
.hero-footer{position:absolute;inset-inline:0;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff26;padding-top:18px;min-height:64px}
.hero-caption{display:flex;align-items:center;gap:15px;font-size:16px;font-weight:700;text-shadow:0 2px 5px #000;min-width:0}
.hero-caption-title{display:block;line-height:1.5}
.hero-caption small{display:block;font-size:12px;font-weight:400;color:#dde2dc;margin-top:2px}
.caption-line{width:32px;height:2px;background:var(--dtc-magenta);flex-shrink:0}
.hero-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
.hero-controls[hidden]{display:none}
.hero-controls .icon-button{width:40px;height:40px;min-width:40px;background:#10141366;border-color:#ffffff40;font-size:14px}
.hero-controls .icon-button:hover{background:var(--dtc-green);border-color:var(--dtc-green);color:var(--dtc-bg)}
.hero-dots{display:flex;align-items:center}
.hero-dot{display:grid;place-items:center;width:28px;height:40px;border:0;padding:0;background:none;cursor:pointer}
.hero-dot span{width:7px;height:7px;border-radius:50%;background:var(--dtc-muted);transition:background .2s,transform .2s}
.hero-dot[aria-current=true] span{background:var(--dtc-green);transform:scale(1.35)}
.hero-dot:hover span{background:var(--dtc-text)}
.hero-playback{margin-inline-start:6px}
.project-ribbon{background:var(--dtc-surface);border-block:1px solid var(--dtc-border)}
.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:92px}
.ribbon-inner>span{font-size:13px;color:var(--dtc-muted);max-width:110px;line-height:1.7}
.ribbon-inner>a{display:flex;align-items:center;gap:15px;font-size:19px}
.ribbon-inner .fa{color:var(--dtc-green);font-size:23px}
.ribbon-inner>a:nth-of-type(2) .fa{color:#90a8d4}
.ribbon-inner>a:nth-of-type(3) .fa{color:var(--dtc-pink)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.about-grid h2{font-size:49px;margin:17px 0 24px}
.about-grid .text-link{margin-top:27px}
.about-photo{position:relative;padding-inline-start:20px;padding-block-end:20px}
.about-photo::before{content:"";position:absolute;inset-inline-start:0;bottom:0;width:65%;height:65%;background:url("pattern.webp") center/360px;filter:invert(1) hue-rotate(180deg);opacity:.65;z-index:-1}
.about-photo>img{aspect-ratio:1.28;object-fit:cover;width:100%;border-radius:var(--dtc-radius)}
.about-photo figcaption{position:absolute;bottom:38px;inset-inline:40px 20px;background:#101413eb;border-inline-start:3px solid var(--dtc-green);padding:15px 20px}
.about-photo figcaption span{display:block;font-size:21px;font-weight:700;line-height:1.6}
.about-photo figcaption small{font:10px/1.8 "DTC Latin",sans-serif;color:var(--dtc-muted)}
.projects-section{background:var(--dtc-surface);border-block:1px solid var(--dtc-border)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{display:block;background:var(--dtc-bg);border:1px solid var(--dtc-border);border-radius:var(--dtc-radius);overflow:hidden;--card-accent:var(--dtc-green);transition:transform .25s,border-color .25s}
.project-card.accent-blue{--card-accent:#91a9d6}
.project-card.accent-pink{--card-accent:var(--dtc-pink)}
.project-card:hover{transform:translateY(-5px);border-color:var(--card-accent);color:var(--dtc-text)}
.project-photo{position:relative;aspect-ratio:1.9;overflow:hidden;background:var(--dtc-surface-high)}
.project-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.project-card:hover .project-photo>img{transform:scale(1.035)}
.project-tag{position:absolute;bottom:18px;inset-inline-start:22px;display:flex;align-items:center;gap:9px;background:#101413f0;padding:5px 13px;border-radius:4px;color:var(--card-accent);font-size:14px}
.project-copy{padding:25px 28px 30px}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:9px}
.card-heading h3{font-size:30px}
.round-arrow{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--dtc-border);border-radius:50%;font-size:15px;transition:background .2s,color .2s,transform .2s}
.project-card:hover .round-arrow,.team-member:hover .round-arrow,.service-row:hover .round-arrow{background:var(--dtc-green);border-color:var(--dtc-green);color:var(--dtc-bg);transform:rotate(35deg)}
.project-copy p{font-size:17px;max-width:470px;line-height:1.9}
.iqraa-band{position:relative;isolation:isolate;background:#202c20;border-bottom:1px solid #415137;overflow:hidden;padding-block:65px}
.iqraa-band::before{content:"";position:absolute;inset:0;z-index:-1;background:url("pattern.webp") left center/500px;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen;opacity:.14;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.iqraa-inner{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:48px}
.iqraa-inner h2{font-size:39px;margin-block:14px}
.iqraa-inner p{max-width:630px;color:#d1d9cc}
.iqraa-inner .button-row{margin-top:26px;gap:26px}
.iqraa-word{text-align:center;font-family:"DTC Arabic",sans-serif;font-size:150px;font-weight:800;line-height:1.2;color:var(--dtc-green)}
.iqraa-word span{display:block;font-family:var(--dtc-font);font-size:17px;font-weight:400;color:#d1d9cc;margin-top:16px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.news-image{aspect-ratio:1.48;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9eae6;border-radius:var(--dtc-radius);margin-bottom:23px}
.news-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.news-card:hover .news-image img{transform:scale(1.025)}
.news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:12px;color:var(--dtc-muted);margin-bottom:13px}
.news-meta>span{color:var(--dtc-pink)}
.news-card h3{font-size:24px;line-height:1.55;margin-bottom:11px}
.news-card p{font-size:16px;line-height:1.9}
.news-card .text-link{margin-top:19px;font-size:15px;color:var(--dtc-green)}
.pattern-placeholder{background:var(--dtc-blue);position:relative;isolation:isolate;color:white}
.pattern-placeholder::before{content:"";position:absolute;inset:0;background:url("pattern.webp") center/300px;filter:invert(1) hue-rotate(180deg);opacity:.15;z-index:-1}
.pattern-placeholder>span{font-family:"DTC Display",Georgia,serif;font-size:40px;line-height:1.1;text-align:center}
.learning-section{border-block:1px solid var(--dtc-border);background:var(--dtc-surface)}
.learning-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.learning-grid .section-heading h2{max-width:350px}
.service-row{display:flex;align-items:center;gap:22px;padding-block:25px;border-bottom:1px solid var(--dtc-border)}
.service-row:first-child{padding-top:0}
.service-row:last-child{border-bottom:0;padding-bottom:0}
.service-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;font-size:29px;color:var(--dtc-green)}
.service-row:nth-child(2) .service-icon{color:var(--dtc-pink)}
.service-row:nth-child(3) .service-icon{color:#91a9d6}
.service-row h3{font-size:24px;margin-bottom:6px}
.service-row p{font-size:15px;line-height:1.8}
.service-row .round-arrow{margin-inline-start:auto}
.gallery-section{padding-block-end:70px}
.gallery-controls{display:flex;gap:9px}
.gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:0 16px;overscroll-behavior-inline:contain}
.gallery-track figure{flex:0 0 31%;aspect-ratio:1.05;scroll-snap-align:start;overflow:hidden;border-radius:var(--dtc-radius)}
.gallery-track img{width:100%;height:100%;object-fit:cover}
.team-section{padding-block-start:30px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 26px}
.team-photo{position:relative;aspect-ratio:1.08;background:#26302c;border:1px solid var(--dtc-border);border-radius:var(--dtc-radius);overflow:hidden;margin-bottom:20px}
.team-member:nth-child(4n+2) .team-photo{background:#282731}
.team-member:nth-child(4n+3) .team-photo{background:#302731}
.team-member:nth-child(4n+4) .team-photo{background:#292e39}
.team-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);transition:transform .4s}
.team-photo .round-arrow{position:absolute;bottom:14px;inset-inline-end:14px;background:var(--dtc-bg)}
.team-member:hover .team-photo>img{transform:scale(1.04)}
.team-member h3{font-size:23px;margin-bottom:4px}
.team-member p{font-size:14px;line-height:1.8}
.contact-band{position:relative;isolation:isolate;background:#202532;padding-block:70px;overflow:hidden;border-block:1px solid #3f4a60}
.contact-band::before{content:"";position:absolute;inset:0;background:url("pattern.webp") left center/700px;filter:invert(1) hue-rotate(180deg);opacity:.1;mix-blend-mode:screen;z-index:-1}
.contact-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.contact-band h2{margin:15px 0;font-size:46px}
.contact-band p{color:#c7ccd5}
.contact-band .button-row{margin-top:28px;gap:30px}
.contact-band-location{flex-shrink:0;font-size:14px;line-height:1.9}
.contact-band-location>.fa{display:block;color:var(--dtc-pink);font-size:34px;margin-bottom:12px}
.site-footer{padding-top:65px;background:#0c100e}
.footer-main{display:grid;grid-template-columns:1.35fr .85fr 1.1fr 1fr;gap:48px;padding-bottom:50px}
.footer-brand .brand-logo{width:110px;height:82px;margin-bottom:22px}
.footer-brand p{font-size:14px;line-height:2;max-width:280px}
.footer-main h2{font-size:18px;margin:12px 0 21px}
.footer-main ul{list-style:none;padding:0;margin:0}
.footer-main li{margin-bottom:8px;font-size:14px;color:var(--dtc-muted)}
.footer-contact p,.footer-contact>a{font-size:13px;display:block;text-align:start;color:var(--dtc-muted);line-height:1.9;margin-bottom:8px;overflow-wrap:anywhere}
.footer-contact p[dir=ltr],.footer-contact>a[dir=ltr]{text-align:right}
.footer-contact p:last-child{margin-top:16px}
.social-links{display:flex;gap:10px;margin-top:22px}
.social-links>a{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--dtc-border);border-radius:50%;font-size:16px;color:var(--dtc-muted)}
.social-links>a:hover{border-color:var(--dtc-green);color:var(--dtc-green)}
.footer-bottom{padding-block:22px;border-top:1px solid var(--dtc-border);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--dtc-muted)}
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:25px}
.back-top{display:flex;gap:8px;align-items:center}
.page-heading{position:relative;isolation:isolate;overflow:hidden;padding-block:42px 68px;border-bottom:1px solid var(--dtc-border);background:var(--dtc-surface)}
.page-heading::before{content:"";position:absolute;inset:0;background:url("pattern.webp") left center/650px;filter:invert(1) hue-rotate(180deg);opacity:.11;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 75%);z-index:-1}
.breadcrumb,.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dtc-muted);margin-bottom:32px}
.page-heading h1{font-size:56px;margin-top:15px;max-width:1000px}
.page-heading p{font-size:20px;max-width:780px;margin-top:15px}
.detail-heading h1{font-size:44px;line-height:1.5;max-width:1050px}
.detail-heading time{display:block;font-size:14px;color:var(--dtc-muted);margin-top:17px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:76px;padding-top:55px;align-items:start}
.article-image{margin-bottom:36px;background:var(--dtc-surface);border-radius:var(--dtc-radius);overflow:hidden}
.article-image img{width:100%;max-height:620px;object-fit:contain}
.article-image.portrait{max-width:400px;background:var(--dtc-surface-high)}
.article-image.portrait img{aspect-ratio:1.15;object-fit:contain;object-position:bottom}
.prose{overflow-wrap:anywhere;font-size:18px;color:#d0d6ce;line-height:2}
.prose::after{content:"";display:block;clear:both}
.prose p{color:inherit;margin-bottom:20px}
.prose h1{font-size:33px;margin-block:36px 22px;color:var(--dtc-text)}
.prose h2,.project-extra h2{font-size:28px;margin-block:35px 18px;color:var(--dtc-text)}
.prose h3{font-size:23px;margin-block:28px 15px;color:var(--dtc-text)}
.prose h4{font-size:20px;color:var(--dtc-text)}
.prose strong,.prose b{color:var(--dtc-text)}
.prose a:not(.btn){color:var(--dtc-green);text-decoration:underline;text-underline-offset:4px}
.prose li{margin-block:14px;padding-inline-start:5px}
.prose img{max-width:100%;height:auto;border-radius:5px}
.prose img[width="16"],.prose img.emoji{display:inline;width:1em;vertical-align:middle}
.prose figure{max-width:100%}
.prose .aligncenter{margin:24px auto}
.prose .alignleft{float:left;margin:12px 22px 12px 0}
.prose .alignright{float:right;margin:12px 0 12px 22px}
.prose iframe{max-width:100%;border:0;min-height:280px}
.prose .wp-block-embed iframe{width:100%;height:auto;aspect-ratio:16/9}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{padding:12px;border:1px solid var(--dtc-border)}
.prose hr{border:0;border-top:1px solid var(--dtc-border);margin-block:24px}
.prose .btn{margin-block:8px!important;text-decoration:none}
.project-extra{border-top:1px solid var(--dtc-border);margin-top:32px}
.detail-sidebar{align-self:stretch}
.sidebar-inner{position:sticky;top:125px;border-inline-start:1px solid var(--dtc-border);padding-inline-start:28px}
.sidebar-inner h2{font-size:26px;margin-block:14px}
.sidebar-inner p{font-size:16px;line-height:1.9}
.sidebar-inner>.button{display:flex;width:100%;margin-block:23px;font-size:15px;gap:14px}
.sidebar-inner>.text-link{font-size:15px;margin-bottom:20px}
.sidebar-links{margin-top:20px;border-top:1px solid var(--dtc-border);padding-top:20px}
.sidebar-links h3{font-size:18px;margin-bottom:14px}
.sidebar-links>a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:14px}
.legal-layout{display:block;max-width:900px}
.legal-content .prose{font-size:16px;line-height:1.95}
.legal-content .prose>h1:first-child{display:none}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.contact-details>div{display:flex;align-items:flex-start;gap:22px;padding-block:28px;border-bottom:1px solid var(--dtc-border)}
.contact-details>div:first-child{padding-top:0}
.contact-details>div>.fa{font-size:26px;color:var(--dtc-green);width:28px;flex-shrink:0;line-height:1.5}
.contact-details>div:nth-child(2)>.fa{color:var(--dtc-pink)}
.contact-details h3{font-size:23px;margin-bottom:13px}
.contact-details a{display:block;width:fit-content;font-size:16px;color:var(--dtc-muted)}
.contact-details a:hover{color:var(--dtc-green)}
.contact-details p{font-size:16px;line-height:2.1}
.contact-form h2{font-size:32px;margin-bottom:22px}
input,textarea,select{color:var(--dtc-text);background:var(--dtc-surface);border:1px solid #596454;border-radius:5px;padding:12px 15px;font-size:16px;line-height:1.7;max-width:100%;accent-color:var(--dtc-green)}
input::placeholder,textarea::placeholder{color:var(--dtc-muted);opacity:1}
input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select{width:100%}
textarea{resize:none;min-height:175px}
.wpcf7 p{margin-bottom:20px}
.wpcf7 label{font-size:15px;display:block;color:var(--dtc-text)}
.wpcf7-form-control-wrap{display:block;margin-top:7px}
.wpcf7-not-valid{border-color:#f395b3}
.wpcf7-not-valid-tip{color:#ffabbe;font-size:14px;margin-top:5px}
.wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:14px 18px;border-radius:5px;color:var(--dtc-text);font-size:15px}
.wpcf7 .wpcf7-spinner{vertical-align:middle}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:55px}
.page-numbers{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--dtc-border);border-radius:4px;font-size:15px}
.page-numbers.current{background:var(--dtc-green);color:var(--dtc-bg);border-color:var(--dtc-green)}
.page-numbers.dots{border:0}
.empty-state{padding-block:100px;text-align:center}
.empty-state>.fa{display:block;font-size:42px;color:var(--dtc-green);margin-bottom:25px}
.empty-state h1,.empty-state h2{font-size:37px}
.empty-state p{margin:18px auto 30px;max-width:550px}
.empty-state .button-row{justify-content:center}
.empty-state .eyebrow{justify-content:center}
.search-dialog{color:var(--dtc-text);background:var(--dtc-surface);width:min(630px,calc(100% - 40px));border:1px solid var(--dtc-border);border-radius:var(--dtc-radius);padding:30px;position:fixed;box-shadow:0 30px 100px #0007}
.search-dialog::backdrop{background:#080c0ce0;backdrop-filter:blur(5px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.dialog-heading h2{font-size:30px}
.search-form{display:flex;align-items:center;gap:12px}
.search-input{position:relative;flex:1;min-width:0}
.search-input input{padding-inline-end:43px;min-height:54px}
.search-input input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-clear{position:absolute;inset-inline-end:5px;top:5px;width:34px;min-width:34px;border:none}
.search-form>.button{min-height:54px;gap:12px}
.reveal-ready{transition:opacity .65s ease,transform .65s ease;opacity:0;transform:translateY(20px)}
.reveal-ready.revealed{opacity:1;transform:none}
#trp-floater-ls{display:none!important}
.admin-bar .site-header{top:32px}
body:not(.rtl) .hero-shade{background:linear-gradient(90deg,#101413 0%,#101413f5 24%,#101413b5 46%,#10141320 75%),linear-gradient(0deg,#101413eb,transparent 40%)}
body:not(.rtl) .hero h1 span[lang=en]{font-family:"DTC Display",Georgia,serif;font-size:68px}
body:not(.rtl) .hero-statement{font-size:37px}
body:not(.rtl) .hero-caption{inset-inline-end:0}
body:not(.rtl) .fa-arrow-left,body:not(.rtl) .fa-arrow-right,body:not(.rtl) .fa-angle-left{transform:scaleX(-1)}
body:not(.rtl) .footer-contact p[dir=ltr],body:not(.rtl) .footer-contact>a[dir=ltr]{text-align:left}

@media(min-width:1600px){.hero-inner{min-height:720px}.hero-media{inset-inline-start:25%}.hero-copy{max-width:720px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.header-inner{gap:18px}.brand-caption{display:none}.desktop-nav{gap:24px}.hero h1{font-size:64px}.hero h1 span[lang=en]{font-size:77px}.hero-statement{font-size:42px}.hero-copy{width:60%}.about-grid{gap:50px}.footer-main{gap:30px}.learning-grid{gap:45px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:inline-grid}.brand-caption{display:block}.header-actions{margin-inline-start:auto}.hero-copy{width:62%}.hero-caption{font-size:14px;bottom:30px}.ribbon-inner>a{font-size:16px;gap:9px}.ribbon-inner>span{display:none}.ribbon-inner{justify-content:space-around;gap:18px}.about-grid h2{font-size:42px}.section-heading h2{font-size:38px}.team-grid{gap:25px 18px}.team-member h3{font-size:20px}.detail-grid{gap:40px;grid-template-columns:minmax(0,1fr) 250px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px 30px;align-items:center;border-top:1px solid var(--dtc-border);padding-top:22px}.footer-contact h2{margin:0}.footer-contact p:last-child{margin-top:0}.contact-grid{gap:45px}}
@media(max-width:800px){:root{--dtc-section:65px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px}.brand-logo{width:70px;height:54px}.brand-caption{font-size:12px}.brand-caption small{font-size:7px}.header-contact{display:none}.hero-inner{min-height:620px;padding-block:60px}.hero-copy{width:75%;max-width:600px}.hero-media{inset-inline-start:0}.hero-shade{background:linear-gradient(270deg,#101413f5,#101413b0 60%,#1014135a),linear-gradient(0deg,#101413,transparent 60%)}.hero-pattern{width:65%;opacity:.12}.hero-caption{display:none}.hero h1{font-size:59px}.hero h1 span[lang=en]{font-size:72px}.hero-statement{font-size:40px}.hero-description{font-size:17px}.about-grid{gap:35px}.about-grid h2{font-size:37px}.lead{font-size:18px}.about-grid p{font-size:16px}.about-photo>img{aspect-ratio:.85}.project-grid{gap:20px}.card-heading h3{font-size:26px}.project-copy{padding:20px}.project-copy p{font-size:16px}.iqraa-inner{grid-template-columns:1fr .45fr;gap:20px}.iqraa-inner h2{font-size:32px}.iqraa-word{font-size:100px}.iqraa-word span{font-size:12px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid .news-card:last-child:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.news-grid .news-card:last-child:nth-child(3)>.news-image{grid-row:1/5}.learning-grid{grid-template-columns:1fr;gap:35px}.learning-grid .section-heading h2{max-width:unset}.gallery-track figure{flex-basis:43%}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.team-member h3{font-size:23px}.contact-band>.wrap{display:block}.contact-band h2{font-size:38px}.contact-band-location{display:flex;align-items:center;gap:15px;margin-top:35px}.contact-band-location>.fa{margin:0}.contact-band-location br{display:none}.detail-grid{grid-template-columns:1fr;gap:40px}.sidebar-inner{position:static;padding:25px 0;border-inline:0;border-top:1px solid var(--dtc-border)}.sidebar-inner>.button{width:auto}.sidebar-links{display:none}.contact-grid{grid-template-columns:1fr 1fr;gap:30px}.page-heading h1{font-size:44px}.detail-heading h1{font-size:36px}.section-top{align-items:flex-start;gap:20px}.section-top>.text-link{flex-shrink:0;align-self:flex-end;font-size:14px}.section-heading h2{font-size:35px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;gap:15px 35px}.footer-brand p{max-width:unset}.footer-brand .social-links{grid-column:2;margin:0}.footer-contact{grid-column:1/-1}.footer-bottom{align-items:flex-start}.footer-bottom>div{gap:12px 20px}.prose{font-size:17px}}
@media(max-width:540px){:root{--dtc-section:55px}.wrap{width:calc(100% - 36px)}.header-inner{gap:12px;min-height:74px}.brand{gap:10px}.brand-caption{font-size:11px}.brand-caption small{display:none}.brand-logo{width:60px;height:48px}.header-actions{gap:5px}.language-link{font-size:12px;gap:5px;padding-inline:3px}.language-link>.fa{display:none}.icon-button{width:40px;height:40px;min-width:40px}.hero-inner{min-height:550px;padding-block:45px}.hero-copy{width:100%}.hero-media img{object-position:42% center}.hero-shade{background:linear-gradient(270deg,#101413eb,#101413a6),linear-gradient(0deg,#101413,transparent 70%)}.hero-pattern{width:100%;opacity:.1}.hero-copy>.eyebrow{font-size:13px;margin-bottom:14px}.hero h1{font-size:48px}.hero h1 span[lang=en]{font-size:64px}.hero-statement{font-size:36px}.hero-description{font-size:17px;max-width:380px;margin-top:17px;line-height:1.9}.hero .button-row{margin-top:25px;gap:10px}.hero .button{font-size:15px;padding-inline:17px;gap:15px;min-height:49px}.ribbon-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:18px;gap:15px 20px}.ribbon-inner>a{font-size:15px;gap:12px}.ribbon-inner .fa{font-size:18px;width:22px;text-align:center}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid h2{font-size:38px;margin-block:14px 21px}.about-grid .text-link{font-size:15px;margin-top:21px}.about-photo{padding-inline-start:14px;padding-bottom:14px}.about-photo>img{aspect-ratio:1.25}.about-photo figcaption{inset-inline:30px 16px;bottom:30px;padding:10px 17px}.about-photo figcaption span{font-size:20px}.about-photo figcaption small{font-size:8px}.section-top{display:block;margin-bottom:27px}.section-top>.text-link{margin-top:20px}.section-heading h2{font-size:34px}.section-heading p{font-size:16px}.eyebrow{font-size:13px}.project-grid{grid-template-columns:1fr;gap:23px}.project-photo{aspect-ratio:1.65}.project-copy{padding:21px}.card-heading h3{font-size:28px}.project-tag{inset-inline-start:16px;bottom:14px;font-size:12px}.iqraa-inner{display:block}.iqraa-inner h2{font-size:33px;line-height:1.45}.iqraa-band{padding-block:45px}.iqraa-word{display:none}.iqraa-inner .button-row{gap:22px}.iqraa-inner p{font-size:16px}.iqraa-inner .button{font-size:15px}.news-grid{grid-template-columns:1fr;gap:38px}.news-image{aspect-ratio:1.4;margin-bottom:18px}.news-card h3{font-size:24px}.news-grid .news-card:last-child:nth-child(3){display:block;grid-column:auto}.news-meta{font-size:11px}.service-row{gap:14px;padding-block:23px}.service-icon{width:35px;height:40px;font-size:25px}.service-row h3{font-size:21px}.service-row p{font-size:14px}.service-row .round-arrow{width:33px;height:33px;font-size:12px}.gallery-section .section-top{position:relative;padding-bottom:55px}.gallery-controls{position:absolute;bottom:0}.gallery-track figure{flex-basis:83%}.gallery-section{padding-bottom:45px}.team-section{padding-top:15px}.team-grid{gap:26px 14px}.team-photo{aspect-ratio:.9;margin-bottom:13px}.team-member h3{font-size:19px}.team-member p{font-size:12px;line-height:1.8}.team-photo .round-arrow{width:30px;height:30px;bottom:9px;inset-inline-end:9px;font-size:12px}.contact-band{padding-block:47px}.contact-band h2{font-size:37px}.contact-band p{font-size:16px}.contact-band .button-row{gap:22px}.contact-band .text-link{font-size:14px}.contact-band-location{font-size:12px}.footer-main{gap:25px}.footer-brand{grid-template-columns:1fr}.footer-brand .brand-logo{width:88px;height:65px;margin:0}.footer-brand p{font-size:14px}.footer-brand .social-links{grid-column:auto}.footer-main h2{font-size:16px;margin:8px 0 16px}.footer-main li{font-size:13px}.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}.footer-contact h2{grid-column:1/-1}.footer-contact>a{font-size:11px}.footer-contact p:last-child{grid-column:1/-1}.footer-bottom{display:block;font-size:11px}.footer-bottom>div{margin-top:16px;gap:12px 20px}.site-footer{padding-top:45px}.page-heading{padding-block:25px 40px}.page-heading h1{font-size:40px;margin-top:12px}.page-heading p{font-size:17px}.detail-heading h1{font-size:30px}.breadcrumb,.breadcrumbs{margin-bottom:23px;font-size:12px}.detail-grid{padding-top:30px}.prose{font-size:17px}.prose h1{font-size:28px}.prose h2{font-size:25px}.prose h3{font-size:22px}.prose .alignright,.prose .alignleft{float:none;margin:20px auto}.prose iframe{min-height:200px}.prose .btn{font-size:15px;padding-inline:17px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-details>div{padding-block:22px}.contact-details h3{font-size:22px}.contact-form h2{font-size:29px}.search-dialog{padding:20px}.dialog-heading h2{font-size:25px}.search-form{flex-wrap:wrap}.search-form>.button{font-size:15px;padding-inline:15px}.search-input{flex-basis:100%}.empty-state h1,.empty-state h2{font-size:30px}.empty-state{padding-block:65px}.admin-bar .site-header{top:46px}body:not(.rtl) .hero h1 span[lang=en]{font-size:48px}body:not(.rtl) .hero-statement{font-size:28px}body:not(.rtl) .hero-shade{background:linear-gradient(90deg,#101413eb,#101413a6)}body:not(.rtl) .hero-description{font-size:15px}body:not(.rtl) .hero-copy>.eyebrow{font-size:12px}body:not(.rtl) .hero .button{font-size:12px;padding-inline:13px;gap:12px}body:not(.rtl) .brand-caption{font-size:9px}body:not(.rtl) .ribbon-inner>a{font-size:12px}}
@media(max-width:1100px){.hero-inner{padding-bottom:120px}.hero-footer{bottom:24px}.hero-caption{font-size:14px}.caption-line{width:22px}}
@media(max-width:800px){.hero-inner{padding-top:40px;padding-bottom:138px}.hero-footer{display:flex;bottom:22px;flex-wrap:wrap;gap:10px;padding-top:14px}.hero-caption{display:flex;font-size:14px;gap:10px}.hero-caption small{font-size:11px}.hero-controls{margin-inline-start:auto}.hero-shade{background:linear-gradient(270deg,#101413e0,#101413b0),linear-gradient(0deg,#101413 3%,transparent 70%)}body:not(.rtl) .hero-shade{background:linear-gradient(90deg,#101413e0,#101413b0),linear-gradient(0deg,#101413 3%,transparent 70%)}}
@media(max-width:540px){.hero-inner{min-height:570px;padding-top:32px;padding-bottom:136px}.hero-description{font-size:16px;line-height:1.8}.hero-footer{bottom:18px;gap:9px}.hero-caption{width:100%;font-size:13px}.hero-caption small{font-size:10px}.hero-controls{width:100%;justify-content:flex-end}.hero-controls .icon-button{width:36px;min-width:36px;height:36px}.hero-dot{height:36px}.hero .button-row{margin-top:20px}}
@media(max-width:800px) and (max-height:740px){.hero-inner{min-height:0;padding-top:24px;padding-bottom:128px}.hero h1{font-size:38px}.hero h1 span[lang=en]{font-size:48px}body:not(.rtl) .hero h1 span[lang=en]{font-size:40px}.hero-statement{font-size:28px}body:not(.rtl) .hero-statement{font-size:23px}.hero-copy>.eyebrow{font-size:12px;margin-bottom:10px}.hero-description,body:not(.rtl) .hero-description{font-size:14px;line-height:1.65;margin-top:12px}.hero .button-row{margin-top:16px}.hero .button{min-height:44px;font-size:13px;padding-inline:14px}}
@media(max-width:360px){.brand-caption{display:none}body .hero .button-row{gap:8px}body .hero .button-row .button{font-size:12px;padding-inline:10px;gap:6px}}
@media(max-width:360px) and (max-height:740px){.hero-inner{padding-top:16px}body:not(.rtl) .hero h1 span[lang=en]{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.project-card:hover,.project-card:hover img,.team-member:hover img,.button:hover{transform:none}}
@media(forced-colors:active){html,*{scrollbar-color:auto}.button,.icon-button,.project-card{border:1px solid ButtonText}.hero-shade{background:Canvas}.hero-pattern,.page-heading::before{display:none}}