/*
Theme Name: Dubai Drums Approved Design
Description: The approved orange, ivory and black Dubai Drums one-page design.
Version: 1.0.10
Author: Dubai Drums
Text Domain: dubai-drums-approved
*/
:root{--orange:#f36c16;--cream:#fff8ed;--ink:#111;--sand:#f9ead2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;letter-spacing:-.045em;line-height:1.04}h2{font-size:clamp(34px,4.5vw,62px)}.wrap{width:min(1200px,92%);margin:auto}.top{background:#fff}.header{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0}.brand img{width:174px;height:174px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:16px 25px;border-radius:6px;background:var(--orange);color:white;font-weight:700;border:1px solid var(--orange);cursor:pointer}.outline{background:transparent;border-color:var(--orange)}.hero{position:relative;min-height:570px;background:#171511;display:flex;align-items:center;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.78) 31%,rgba(0,0,0,.2) 62%,transparent)}.hero-content{position:relative;padding:55px 0}.hero-copy{max-width:610px}.eyebrow{color:var(--orange);font-size:13px;letter-spacing:.07em;font-weight:700}.hero h1{font-size:clamp(44px,5.8vw,80px);margin-bottom:24px}.accent{color:var(--orange)}.lead{font-size:21px;max-width:450px;line-height:1.45}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.proof{border-bottom:1px solid #eee1cf}.proof-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0}.proof-item{display:flex;align-items:center;justify-content:center;gap:17px;font-weight:700;border-right:1px solid #f5b68a}.proof-item:last-child{border:0}.icon{color:var(--orange);font-size:30px;font-weight:400}.services{padding:65px 0}.dash{height:5px;width:48px;background:var(--orange);margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px}.card{background:#fff;border-radius:7px;overflow:hidden;display:block}.card img{width:100%;height:235px;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card-copy{padding:17px 18px;position:relative;padding-right:38px}.card h3{font-size:19px;line-height:1.2;margin-bottom:6px;letter-spacing:-.025em}.card p{font-size:14px;margin:0}.arrow{position:absolute;right:16px;top:21px;color:var(--orange);font-size:24px}.about{display:grid;grid-template-columns:1.1fr 1fr;background:var(--sand)}.about-photo{width:100%;height:100%;min-height:560px;object-fit:cover}.about-copy{padding:55px clamp(25px,4vw,75px)}.about h2{font-size:clamp(34px,3.6vw,51px);margin-bottom:20px}.about p{line-height:1.45}.benefit{display:flex;gap:20px;align-items:center;margin-top:24px}.badge{background:var(--orange);color:white;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:26px;flex-shrink:0}.benefit strong{display:block}.benefit small{font-size:14px}.videos{background:#111;color:white;padding:48px 0}.video-head{display:flex;justify-content:space-between;gap:35px;align-items:center}.video-head h2{margin-bottom:28px}.video-head p{max-width:280px;font-size:15px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video{position:relative;display:block;border-radius:6px;overflow:hidden}.video img{width:100%;height:205px;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--orange);width:62px;height:62px;border-radius:50%;font-size:25px;color:white}.contact{background:var(--orange);padding:55px 0;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact h2{font-size:clamp(35px,3.7vw,52px);margin-bottom:20px}.contact p{max-width:420px;font-size:18px}.contact-links{display:grid;gap:15px;margin-top:35px;font-size:20px}.form{background:white;border-radius:8px;padding:26px;color:#171717}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd;border-radius:4px;background:#f6f6f6;padding:10px;min-width:0;font-size:14px}.full{grid-column:1/-1}.field textarea{min-height:85px;resize:vertical}.send{width:100%;background:#111;border:0;color:#fff;padding:14px;border-radius:4px;font-weight:700;cursor:pointer;margin-top:15px}.notice{padding:10px;border:1px solid currentColor;margin-bottom:16px}.trap{position:absolute;left:-10000px}.footer{background:#111;color:white;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{background:white;border-radius:4px;width:125px;height:125px;object-fit:contain}.footer nav{display:flex;gap:24px;font-size:13px}.socials{display:flex;gap:16px}body:not(.home) main.article{padding:60px 4%;min-height:60vh}.mobile-toggle{display:none}@media(max-width:850px){.header{min-height:145px}.brand img{width:125px;height:125px}.nav{gap:15px;font-size:12px}.nav .btn{padding:12px}.hero{min-height:540px}.hero-copy{max-width:540px}.cards{gap:16px}.card img{height:190px}.about-copy{padding:35px 25px}.about-photo{min-height:520px}.contact-grid{gap:30px}.footer nav{flex-wrap:wrap}.footer-inner{flex-wrap:wrap}}@media(max-width:600px){.header{padding:14px 0;min-height:130px;gap:12px}.brand img{width:110px;height:110px}.mobile-toggle{display:block;border:1px solid #ddd;border-radius:5px;background:white;padding:9px 13px}.nav{display:none;position:absolute;top:138px;left:0;right:0;z-index:10;background:#fff;padding:22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:640px;align-items:flex-end}.hero-photo{object-position:62% 50%}.shade{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.7) 60%,rgba(0,0,0,.05))}.hero-content{padding:45px 0}.hero h1{font-size:49px}.lead{font-size:18px}.btn{padding:14px 17px;font-size:14px}.proof-inner{padding:20px 0}.proof-item{font-size:11px;text-align:center;gap:7px;flex-direction:column;padding:0 6px}.icon{font-size:25px}.services{padding:40px 0}.cards{grid-template-columns:1fr;gap:22px}.card img{height:auto;aspect-ratio:3/2}.card h3{font-size:21px}.about{grid-template-columns:1fr}.about-photo{min-height:0;height:340px}.about-copy{padding:38px 6%}.video-head{display:block}.video-head p{max-width:none}.video-grid{grid-template-columns:1fr}.video img{height:auto;aspect-ratio:16/9}.contact-grid{grid-template-columns:1fr}.contact{padding:40px 0}.contact-links{font-size:18px}.form{padding:20px}.fields{gap:12px}.footer-inner{justify-content:center;text-align:center}.footer nav{justify-content:center}.socials{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}

/* Clear, consistent icons for the three introductory facts. */
.proof-item .icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px}.proof-item .icon svg{display:block;width:32px;height:32px}@media(max-width:600px){.proof-item .icon{width:28px;height:28px}.proof-item .icon svg{width:26px;height:26px}}

.contact-links a{display:flex;align-items:center;gap:13px}.contact-links svg{width:25px;height:25px;flex-shrink:0}.socials svg{display:block;width:24px;height:24px}.contact-socials{margin-top:26px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;transition:opacity .2s}.socials a:hover{opacity:.75}.socials a:focus-visible{outline:2px solid currentColor}.footer-socials{flex-wrap:wrap}@media(max-width:600px){.contact-socials{justify-content:flex-start}}

.client-strip{padding:28px 0 20px;background:#fff;border-bottom:1px solid #eee}.client-label{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#666;margin-bottom:12px}.client-marquee{overflow:hidden}.client-track{display:flex;width:max-content;animation:client-scroll 38s linear infinite}.client-track img{width:1000px;height:auto;max-width:none;flex:none;filter:grayscale(1);opacity:.8}.client-marquee:hover .client-track,.client-marquee:focus .client-track,.client-strip.is-paused .client-track{animation-play-state:paused}.client-pause{display:block;margin:4px auto 0;background:none;border:0;color:#666;font-size:11px;text-decoration:underline;cursor:pointer}.testimonials{padding:64px 0;background:var(--cream)}.testimonials h2{font-size:clamp(34px,4vw,50px);margin-bottom:30px}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.testimonial{margin:0;padding:32px;background:#fff;border:1px solid #eadfce;border-radius:7px;display:flex;flex-direction:column}.review-stars{color:var(--orange);letter-spacing:3px;font-size:20px;margin-bottom:18px}.testimonial blockquote{margin:0;flex:1}.testimonial blockquote p{font-size:16px;line-height:1.7;margin-bottom:26px}.testimonial figcaption{font-weight:700;font-size:14px}.testimonial figcaption:before{content:"";display:inline-block;width:24px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}@keyframes client-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.client-track img{width:850px}.testimonials{padding:40px 0}.testimonial-grid{grid-template-columns:1fr;gap:18px}.testimonial{padding:25px}}@media(prefers-reduced-motion:reduce){.client-track{animation:none;width:100%}.client-track img{width:100%;min-width:0}.client-track img+img{display:none}.client-pause{display:none}}

.client-strip{background:var(--cream);border-bottom:1px solid #eadfce}.client-track img{mix-blend-mode:multiply;opacity:1}.client-label{color:var(--ink)}

.client-artwork{width:1000px;height:110px;flex:none;background-color:var(--cream);background-image:url("assets/client-logos.png");background-size:100% 100%;background-repeat:no-repeat;background-blend-mode:multiply}.client-track{filter:none}.client-marquee{background:var(--cream)}@media(max-width:600px){.client-artwork{width:850px;height:93px}}@media(prefers-reduced-motion:reduce){.client-artwork{width:100%;height:auto;aspect-ratio:1288/141;flex:0 0 100%}.client-artwork+.client-artwork{display:none}}

.about-copy{display:flex;flex-direction:column;justify-content:center}

.cards{align-items:stretch}.card{display:flex;flex-direction:column}.card-copy{flex:1}.card img{flex-shrink:0}