:root{
  --paper:#f6f4ee;
  --soft:#fff;
  --ink:#071728;
  --accent:#b89055;
  --muted:#56616d;
  --line:rgba(7,23,40,.12);
  --line-dark:rgba(255,255,255,.14);
  --radius:38px;
  --gutter:clamp(24px,4.5vw,78px);
  --header-h:82px;
  --shadow:0 24px 68px rgba(7,23,40,.14),0 4px 18px rgba(7,23,40,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Cairo",Arial,sans-serif!important;font-size:16px;line-height:1.9;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
body.admin-bar .site-header{top:32px}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:"Cairo",Arial,sans-serif!important;line-height:1.24;letter-spacing:-.025em}
p{line-height:1.95}
main{display:block}
.section-paper{background:var(--paper)}
.section-ink{background:var(--ink);color:#fff}
.eyebrow{margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.eyebrow--light{color:#f0d7ad}
.reveal-up,.reveal-media{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.78,.25,1)}
.reveal-media{transform:translateY(22px) scale(.988)}
.reveal-up.is-visible,.reveal-media.is-visible{opacity:1;transform:none}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:14px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link i,.pill-button i{font-style:normal}
.pill-button{min-height:50px;padding:12px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:#fff;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease}
.pill-button:hover{transform:translateY(-2px)}
.pill-button--light{background:#fff;color:var(--ink)}

/* Loader */
.site-loader{position:fixed;z-index:4000;inset:0;background:#07131e;display:grid;place-items:center;transition:opacity .65s ease,visibility .65s ease}
.site-loader.is-hidden{opacity:0;visibility:hidden}
.site-loader__mark img{width:64px;height:64px;object-fit:contain}
.site-loader__line{position:absolute;bottom:10vh;width:min(280px,70vw);height:1px;background:rgba(255,255,255,.16);overflow:hidden}
.site-loader__line span{display:block;height:100%;background:#fff;animation:droob-loader 1.9s ease-in-out infinite}
@keyframes droob-loader{0%{width:0;transform:translateX(0)}55%{width:72%}100%{width:20%;transform:translateX(-420%)}}

/* Header */
.site-header{position:fixed;z-index:1200;top:0;left:0;right:0;height:var(--header-h);color:var(--ink);transition:background .3s ease,box-shadow .3s ease,color .3s ease}
.site-header.is-solid,body:not(.is-home) .site-header{background:rgba(246,244,238,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.site-header__inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:0 var(--gutter)}
.site-brand{width:68px;height:42px;display:block}
.site-brand a{display:block;width:100%;height:100%}
.site-brand img{width:100%;height:100%;object-fit:contain}
.site-nav{justify-self:center}.site-nav__list{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.site-nav__list a{font-size:13px;font-weight:700}
.site-header__cta{min-height:44px;padding:9px 17px;border:1px solid var(--line);border-radius:999px;display:flex;gap:11px;align-items:center;font-size:12px;font-weight:800}
.site-header__cta i{font-style:normal}.site-header__cta:hover{background:var(--ink);color:#fff}
.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.mobile-menu{position:fixed;z-index:1500;inset:0;background:#07131e;color:#fff;opacity:0;visibility:hidden;transition:.3s ease}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu__inner{min-height:100%;padding:30px;display:flex;flex-direction:column}.mobile-menu__close{align-self:flex-start;border:0;background:transparent;color:#fff;font-size:38px}.mobile-menu .site-nav__list{display:grid;gap:12px;margin-top:50px}.mobile-menu .site-nav__list a{font-size:clamp(34px,10vw,56px);font-weight:800}.mobile-menu__footer{margin-top:auto;display:grid;gap:5px;color:rgba(255,255,255,.62);font-size:13px}

/* Scroll-driven hero */
.hero-scroll{height:360svh;background:var(--paper);position:relative;padding:0}
.hero-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding:calc(var(--header-h) + 14px) var(--gutter) 18px;background:var(--paper);overflow:hidden}
.hero-card{position:relative;width:min(1280px,100%);height:min(720px,calc(100svh - var(--header-h) - 34px));min-height:520px;border-radius:clamp(30px,3vw,48px);overflow:hidden;background:#08121d;box-shadow:var(--shadow);isolation:isolate;transform:translateZ(0)}
.hero-media,.hero-scene,.hero-scene video,.hero-shade{position:absolute;inset:0}
.hero-scene{opacity:0;transition:opacity .12s linear;will-change:opacity}
.hero-scene.is-active{opacity:1}
.hero-scene video{width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos-desktop,center center);filter:none;transform:translateZ(0);backface-visibility:hidden}
.hero-shade{z-index:2;background:linear-gradient(90deg,rgba(3,12,21,.05) 0%,rgba(3,12,21,.28) 48%,rgba(3,12,21,.76) 100%),linear-gradient(0deg,rgba(3,12,21,.28),transparent 48%)}
.hero-copy{position:absolute;z-index:3;inset:0;display:flex;align-items:center;padding:clamp(74px,10vh,120px) clamp(38px,6vw,90px) 105px}
.hero-copy__stage{position:absolute;right:clamp(38px,6vw,90px);left:auto;width:min(720px,62vw);opacity:0;transform:translateY(24px);pointer-events:none}
.hero-copy__stage.is-active{pointer-events:auto}
.hero-copy h1,.hero-copy h2{margin:0;color:#fff;font-size:clamp(54px,6.5vw,108px);font-weight:800;line-height:1.14;text-shadow:0 10px 38px rgba(0,0,0,.25)}
.hero-copy h1 span,.hero-copy h2 span{display:block;margin-top:14px;font-size:.34em;font-weight:500;line-height:1.65;letter-spacing:0;max-width:650px}
.hero-copy .pill-button{margin-top:24px}
.hero-ui{position:absolute;z-index:4;left:clamp(30px,5vw,72px);right:clamp(30px,5vw,72px);bottom:26px;color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;font-size:10px;letter-spacing:.08em}
.hero-progress{height:1px;background:rgba(255,255,255,.28)}.hero-progress b{display:block;width:0;height:100%;background:#fff}
.hero-ui em{font-style:normal;direction:ltr;unicode-bidi:isolate}.hero-ui strong{font-weight:800}

/* Intro */
.intro-section{padding:clamp(90px,11vw,170px) var(--gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(50px,8vw,130px);align-items:center;max-width:1600px;margin:0 auto}
.intro-section__copy h2{font-size:clamp(46px,5.3vw,86px);margin-bottom:28px;max-width:830px}
.intro-section__copy>p:not(.eyebrow){font-size:clamp(17px,1.4vw,21px);color:var(--muted);max-width:680px}
.intro-section__media{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow)}
.intro-section__media img{width:100%;height:100%;object-fit:cover}
.services-opening{padding:clamp(70px,8vw,120px) var(--gutter) clamp(48px,6vw,88px);border-top:1px solid var(--line)}
.services-opening__inner{max-width:1120px;margin:0 auto;text-align:center}
.services-opening h2{font-size:clamp(46px,6vw,96px);margin-bottom:24px}.services-opening__inner>p:last-child{max-width:680px;margin-inline:auto;color:var(--muted);font-size:18px}

/* Service chapters */
.service-chapter{border-top:1px solid var(--line)}
.service-chapter--paper{background:var(--paper)}.service-chapter--white{background:var(--soft)}
.service-chapter__inner{max-width:1600px;margin:0 auto;padding:clamp(86px,10vw,150px) var(--gutter)}
.service-chapter__header{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(280px,.45fr);gap:clamp(24px,4vw,70px);align-items:end;margin-bottom:clamp(42px,6vw,80px)}
.service-chapter__index{font-size:13px;font-weight:800;color:var(--accent);align-self:start;padding-top:8px}
.service-chapter__heading h2{font-size:clamp(48px,6vw,96px);margin:0;max-width:920px}
.service-chapter__lead{margin:0;color:var(--muted);font-size:clamp(16px,1.35vw,20px);max-width:480px}
.service-chapter__media{width:min(1280px,100%);aspect-ratio:16/9;margin:0 auto clamp(60px,7vw,100px);border-radius:var(--radius);overflow:hidden;background:#07131e;box-shadow:var(--shadow)}
.service-chapter__media video,.service-chapter__media img{width:100%;height:100%;object-fit:cover;filter:none;transform:translateZ(0)}
.service-chapter__details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:clamp(50px,7vw,110px);align-items:start;max-width:1280px;margin:0 auto}
.service-chapter__editor{font-size:clamp(17px,1.35vw,21px);color:#3f4b57}.service-chapter__editor p{margin-bottom:22px}.service-chapter__editor p:last-child{margin-bottom:0}
.service-capabilities{background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:28px;padding:28px}.service-chapter--white .service-capabilities{background:var(--paper)}
.service-capabilities ul{list-style:none;margin:0;padding:0}.service-capabilities li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;line-height:1.65}.service-capabilities li:last-child{border-bottom:0}.service-capabilities li span{color:var(--accent);flex:none}
.service-chapter__workflow{max-width:1280px;margin:clamp(70px,9vw,125px) auto 0;display:grid;grid-template-columns:1fr;gap:clamp(38px,5vw,72px)}
.service-chapter__workflow.has-image{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);align-items:stretch}
.service-chapter__secondary{margin:0;border-radius:var(--radius);overflow:hidden;min-height:560px;box-shadow:0 18px 50px rgba(7,23,40,.1)}
.service-chapter__secondary img{width:100%;height:100%;object-fit:cover}
.service-workflow{min-width:0}.service-workflow__list{border-top:1px solid var(--line)}
.service-workflow__item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.service-workflow__item>span{font-size:12px;font-weight:800;color:var(--accent);padding-top:4px}.service-workflow__item h3{font-size:21px;margin-bottom:5px}.service-workflow__item p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.service-gallery{max-width:1280px;margin:clamp(75px,9vw,130px) auto 0;padding-top:42px;border-top:1px solid var(--line)}
.service-gallery__head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.service-gallery__head h3{font-size:clamp(34px,4.5vw,64px);margin:0}.service-gallery__nav{display:flex;gap:8px}.service-gallery__nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink)}
.service-gallery__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,34%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:none}.service-gallery__track::-webkit-scrollbar{display:none}
.service-project-card{scroll-snap-align:start}.service-project-card a{display:block}.service-project-card figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#dcd8cf}.service-project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-project-card:hover img{transform:scale(1.025)}
.service-project-card__body{position:relative;padding:18px 4px}.service-project-card__body span{font-size:10px;color:var(--accent)}.service-project-card__body h4{font-size:23px;margin:6px 34px 5px 0}.service-project-card__body p{font-size:13px;color:var(--muted);margin:0}.service-project-card__body i{position:absolute;left:4px;top:20px;font-style:normal}

/* Process + CTA */
.global-process{padding:clamp(90px,10vw,145px) var(--gutter)}
.global-process__head{max-width:900px}.global-process__head h2{font-size:clamp(50px,6.5vw,104px);margin-bottom:20px}.global-process__head>p:last-child{color:rgba(255,255,255,.64);font-size:18px}
.global-process__steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid var(--line-dark)}
.global-process__step{padding:28px 22px 10px;border-left:1px solid var(--line-dark);min-height:245px}.global-process__step:last-child{border-left:0}.global-process__step span{font-size:11px;color:#f0d7ad}.global-process__step h3{font-size:25px;margin:34px 0 12px}.global-process__step p{font-size:13px;color:rgba(255,255,255,.58);margin:0}
.final-cta{padding:clamp(80px,9vw,130px) var(--gutter)}
.final-cta__card{max-width:1280px;margin:0 auto;min-height:530px;border-radius:var(--radius);padding:clamp(36px,6vw,82px);display:flex;align-items:flex-end;justify-content:space-between;gap:38px;color:#fff;background:linear-gradient(135deg,rgba(5,20,34,.96),rgba(10,31,48,.72)),var(--cta-bg) center/cover;box-shadow:var(--shadow)}
.final-cta h2{font-size:clamp(48px,6vw,92px);max-width:850px;margin-bottom:18px}.final-cta p:not(.eyebrow){max-width:590px;color:rgba(255,255,255,.68)}

/* General pages */
.simple-page-hero{padding:calc(var(--header-h) + 90px) var(--gutter) 100px;background:var(--ink);color:#fff}.simple-page-hero h1,.page-hero h1,.contact-page h1{font-size:clamp(56px,8vw,124px);margin-bottom:24px}.simple-page-hero>p:last-child{max-width:740px;color:rgba(255,255,255,.68);font-size:18px}
.page-hero{padding:calc(var(--header-h) + 65px) var(--gutter) 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.page-hero__copy>p:last-child{max-width:620px;color:var(--muted);font-size:18px}.page-hero__media{margin:0;border-radius:var(--radius);overflow:hidden;min-height:600px}.page-hero__media img,.page-hero__media video{width:100%;height:100%;object-fit:cover}
.about-manifesto{padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-manifesto__title h2{font-size:clamp(44px,5vw,82px)}.about-manifesto__body{font-size:20px;color:var(--muted)}.about-manifesto__media{grid-column:1/-1;margin:20px 0 0;border-radius:var(--radius);overflow:hidden;max-height:720px}.about-manifesto__media img{width:100%;height:100%;object-fit:cover}
.values{padding:80px var(--gutter);display:grid;grid-template-columns:repeat(4,1fr)}.values article{padding:30px;border-left:1px solid var(--line-dark)}.values article:last-child{border-left:0}.values h3{font-size:27px;margin:35px 0 12px}.values p{font-size:13px;color:rgba(255,255,255,.65)}
.contact-page{padding:calc(var(--header-h) + 75px) var(--gutter) 110px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.contact-page__intro p:last-child{max-width:600px;color:var(--muted)}.contact-page__form{background:var(--soft);padding:34px;border-radius:var(--radius);box-shadow:0 18px 50px rgba(7,23,40,.08)}.contact-page form{display:grid;gap:20px}.contact-page label{display:grid;gap:7px;font-weight:700}.contact-page input,.contact-page textarea{border:1px solid var(--line);border-radius:16px;background:#faf9f5;padding:15px 16px;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-page__details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:35px}.contact-page__details div{padding-left:25px;border-left:1px solid var(--line)}.contact-page__details div:last-child{border-left:0}.contact-page__details span{font-size:11px;color:var(--accent);display:block;margin-bottom:8px}
.case-study__hero{padding:calc(var(--header-h) + 70px) var(--gutter) 90px}.case-study__title h1{font-size:clamp(56px,8vw,128px)}.case-study__facts{display:flex;gap:50px;padding:35px 0}.case-study__facts span{font-size:11px;color:var(--accent);display:block}.case-study__cover{margin:0;border-radius:var(--radius);overflow:hidden;max-height:800px}.case-study__cover img{width:100%;height:100%;object-fit:cover}.case-study__body{padding:100px var(--gutter)}.case-study__body section{max-width:1000px;margin:0 auto 70px}.case-study__body h2{font-size:clamp(36px,5vw,74px)}

/* Footer */
.site-footer{background:#06131e;color:#fff;padding:70px var(--gutter) 24px}.site-footer__top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:70px}.site-footer__brand img{width:170px;max-height:100px;object-fit:contain;object-position:right}.site-footer__brand p{max-width:430px;color:rgba(255,255,255,.58);font-size:14px}.site-footer .site-nav__list{display:grid;justify-content:start;gap:8px}.site-footer__contact{display:grid;align-content:start;gap:8px}.site-footer__contact a,.site-footer__contact span{color:rgba(255,255,255,.7);font-size:14px}.site-footer__bottom{margin-top:60px;padding-top:20px;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:10px}
.whatsapp-float{position:fixed;z-index:900;left:22px;bottom:22px;background:#fff;color:var(--ink);border-radius:999px;box-shadow:0 12px 36px rgba(7,23,40,.18);padding:12px 17px;display:flex;gap:12px;font-size:12px;font-weight:800}.custom-cursor{position:fixed;z-index:1500;left:0;top:0;width:30px;height:30px;border:1px solid rgba(184,144,85,.7);border-radius:50%;pointer-events:none;opacity:0;transition:width .2s,height .2s,opacity .2s}.custom-cursor span{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hover{width:50px;height:50px}

@media(max-width:1080px){
  :root{--gutter:30px}.site-nav{display:none}.menu-toggle{display:block}.site-header__inner{grid-template-columns:auto 1fr auto}.site-header__cta{justify-self:end}
  .intro-section{grid-template-columns:1fr}.intro-section__media{max-width:820px;justify-self:center;width:100%}
  .service-chapter__header{grid-template-columns:65px 1fr}.service-chapter__lead{grid-column:2}.service-chapter__details{grid-template-columns:1fr}.service-capabilities{max-width:none}
  .service-chapter__workflow.has-image{grid-template-columns:1fr}.service-chapter__secondary{min-height:0;aspect-ratio:16/9}
  .global-process__steps{grid-template-columns:repeat(2,1fr)}.global-process__step:nth-child(2n){border-left:0}.global-process__step:last-child{grid-column:1/-1}
  .page-hero,.contact-page{grid-template-columns:1fr}
}

@media(max-width:760px){
  :root{--gutter:18px;--radius:26px;--header-h:68px}
  body.admin-bar .site-header{top:46px}
  .site-header__inner{padding:0 18px;gap:12px}.site-header__cta{display:none}.site-brand{width:54px;height:34px}.menu-toggle{display:block;justify-self:start}
  .hero-scroll{height:330svh}
  .hero-stage{display:block;padding:calc(var(--header-h) + 9px) 10px 10px}
  .hero-card{width:100%;height:calc(100svh - var(--header-h) - 19px);min-height:500px;max-height:none;border-radius:26px;background:#fff;display:grid;grid-template-rows:minmax(210px,44svh) minmax(0,1fr);box-shadow:0 18px 50px rgba(7,23,40,.16);overflow:hidden}
  .hero-media{position:relative;inset:auto;grid-row:1;min-height:0;background:#08121d;overflow:hidden}
  .hero-scene,.hero-scene video,.hero-shade{position:absolute;inset:0}
  .hero-scene video{object-position:var(--hero-pos-mobile,center center);object-fit:cover}
  .hero-shade{background:linear-gradient(0deg,rgba(3,12,21,.24),transparent 60%)}
  .hero-copy{position:relative;inset:auto;grid-row:2;display:block;padding:0;color:var(--ink);background:#fff;min-height:0}
  .hero-copy__stage{top:22px;right:20px;left:20px;width:auto;max-width:none}
  .hero-copy .eyebrow--light{color:rgba(7,23,40,.48);margin-bottom:11px}
  .hero-copy h1,.hero-copy h2{color:var(--ink);font-size:clamp(38px,11.7vw,56px);line-height:1.22;text-shadow:none;letter-spacing:-.025em}
  .hero-copy h1 span,.hero-copy h2 span{font-size:.35em;line-height:1.75;margin-top:8px;color:rgba(7,23,40,.68);max-width:92vw}
  .hero-copy .pill-button{margin-top:14px;min-height:42px;padding:9px 16px;background:var(--ink);color:#fff}
  .hero-ui{left:20px;right:20px;bottom:15px;color:rgba(7,23,40,.58);grid-template-columns:1fr auto;gap:14px}.hero-ui>span{display:none}.hero-progress{background:rgba(7,23,40,.16)}.hero-progress b{background:var(--ink)}
  .intro-section{padding:72px 18px;gap:34px}.intro-section__copy h2{font-size:42px;line-height:1.3}.intro-section__copy>p:not(.eyebrow){font-size:16px}.intro-section__media{aspect-ratio:4/3}
  .services-opening{padding:58px 18px 42px}.services-opening h2{font-size:40px;line-height:1.3}.services-opening__inner>p:last-child{font-size:15px}
  .service-chapter__inner{padding:66px 18px}.service-chapter__header{grid-template-columns:42px 1fr;gap:14px;margin-bottom:34px}.service-chapter__index{padding-top:3px}.service-chapter__lead{grid-column:1/-1;font-size:15px;margin-top:10px}.service-chapter__heading h2{font-size:40px;line-height:1.32}.service-chapter__media{aspect-ratio:16/9;border-radius:24px;margin-bottom:42px}.service-chapter__details{gap:32px}.service-chapter__editor{font-size:15px}.service-capabilities{padding:22px;border-radius:22px}.service-capabilities li{font-size:13px;padding:12px 0}.service-chapter__workflow{margin-top:52px;gap:28px}.service-chapter__secondary{aspect-ratio:16/10;border-radius:24px}.service-workflow__item{grid-template-columns:40px 1fr;gap:14px;padding:18px 0}.service-workflow__item h3{font-size:18px}.service-workflow__item p{font-size:13px}.service-gallery{margin-top:58px;padding-top:30px}.service-gallery__head{align-items:flex-start}.service-gallery__head h3{font-size:32px}.service-gallery__nav{display:none}.service-gallery__track{grid-auto-columns:84%;gap:14px}.service-project-card figure{border-radius:20px}.service-project-card__body h4{font-size:20px}
  .global-process{padding:72px 18px}.global-process__head h2{font-size:42px}.global-process__steps{grid-template-columns:1fr;margin-top:42px}.global-process__step,.global-process__step:nth-child(2n){border-left:0;border-bottom:1px solid var(--line-dark);min-height:auto;padding:23px 0}.global-process__step h3{margin:18px 0 7px}.global-process__step:last-child{grid-column:auto}
  .final-cta{padding:66px 18px}.final-cta__card{min-height:500px;padding:30px;display:block}.final-cta h2{font-size:42px}.final-cta .pill-button{margin-top:24px}
  .simple-page-hero{padding:calc(var(--header-h) + 60px) 18px 68px}.simple-page-hero h1,.page-hero h1,.contact-page h1{font-size:49px;line-height:1.3}.page-hero{padding:calc(var(--header-h) + 48px) 18px 68px;gap:34px}.page-hero__media{min-height:390px}.about-manifesto{padding:68px 18px;grid-template-columns:1fr;gap:24px}.about-manifesto__media{grid-column:auto}.values{padding:48px 18px;grid-template-columns:1fr}.values article{border-left:0;border-bottom:1px solid var(--line-dark);padding:23px 0}.contact-page{padding:calc(var(--header-h) + 52px) 18px 75px;gap:34px}.contact-page__form{padding:22px}.form-row,.contact-page__details{grid-template-columns:1fr}.contact-page__details div{border-left:0;border-bottom:1px solid var(--line);padding:20px 0}
  .site-footer{padding:54px 18px 24px}.site-footer__top{grid-template-columns:1fr;gap:34px}.site-footer__bottom{display:grid;gap:7px}.whatsapp-float{left:12px;bottom:12px}.custom-cursor{display:none}
}

@media(max-width:420px){
  .hero-card{grid-template-rows:minmax(200px,41svh) minmax(0,1fr)}
  .hero-copy__stage{top:18px}.hero-copy h1,.hero-copy h2{font-size:clamp(34px,10.8vw,46px)}
}
@media(max-height:690px) and (max-width:760px){
  .hero-card{grid-template-rows:42svh minmax(0,1fr)}.hero-copy h1,.hero-copy h2{font-size:36px}.hero-copy h1 span,.hero-copy h2 span{line-height:1.55}.hero-copy .pill-button{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.site-loader{display:none}.reveal-up,.reveal-media{opacity:1!important;transform:none!important;transition:none!important}.hero-scroll{height:auto}.hero-stage{position:relative;height:auto;padding-top:calc(var(--header-h) + 14px)}.hero-card{height:auto;min-height:680px}.hero-scene{display:none}.hero-scene:first-child{display:block;opacity:1}.hero-scene video{display:none}.hero-scene:first-child{background:url('../images/hero-01-poster.jpg') center/cover no-repeat}.hero-copy__stage{display:none}.hero-copy__stage:first-child{display:block;opacity:1;transform:none}.hero-ui{display:none}.custom-cursor{display:none}
}

/* WordPress admin-bar safe area while previewing as a logged-in administrator. */
@media (min-width:783px){
  body.admin-bar .hero-stage{top:32px;height:calc(100svh - 32px)}
  body.admin-bar .hero-card{height:min(720px,calc(100svh - 32px - var(--header-h) - 34px))}
}
@media (max-width:782px){
  body.admin-bar .hero-stage{top:46px;height:calc(100svh - 46px)}
  body.admin-bar .hero-card{height:calc(100svh - 46px - var(--header-h) - 19px)}
}

/* =========================================================
   DROOB v7 — homepage service grid, larger hero and footer
   ========================================================= */
.hero-ui__mobile{display:none}

@media (min-width:761px){
  .hero-scroll{height:360svh}
  .hero-stage{padding:calc(var(--header-h) + 10px) 16px 16px}
  .hero-card{
    width:min(1640px,calc(100vw - 32px));
    height:calc(100svh - var(--header-h) - 26px);
    max-height:none;
    min-height:620px;
    border-radius:clamp(28px,2.5vw,44px);
  }
  .hero-copy__stage{width:min(820px,58vw)}
  .hero-copy h1,.hero-copy h2{font-size:clamp(62px,6.8vw,126px)}
  body.admin-bar .hero-card{height:calc(100svh - 32px - var(--header-h) - 26px);max-height:none}
}

/* Services on the home page: video + title only, three per row. */
.services-grid-section{padding:clamp(76px,9vw,140px) var(--gutter);border-top:1px solid var(--line)}
.services-grid-section__head{max-width:980px;margin:0 auto clamp(44px,6vw,78px);text-align:center}
.services-grid-section__head h2{font-size:clamp(44px,5.8vw,88px);margin-bottom:20px}
.services-grid-section__head>p:last-child{max-width:700px;margin-inline:auto;color:var(--muted);font-size:clamp(15px,1.2vw,18px)}
.services-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.6vw,40px)}
.service-card{min-width:0}
.service-card__link{display:block}
.service-card__media{position:relative;margin:0;aspect-ratio:16/10;border-radius:clamp(22px,2vw,32px);overflow:hidden;background:#08121d;box-shadow:0 18px 44px rgba(7,23,40,.1)}
.service-card__media video,.service-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.78,.25,1),filter .35s ease}
.service-card__link:hover .service-card__media video,.service-card__link:hover .service-card__media img{transform:scale(1.035)}
.service-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,21,.4),transparent 46%);opacity:.55;transition:opacity .3s ease}
.service-card__link:hover .service-card__media::after{opacity:.8}
.service-card__arrow{position:absolute;z-index:2;left:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--ink);font-size:18px;transform:translateY(7px);opacity:0;transition:.28s ease}
.service-card__link:hover .service-card__arrow{transform:none;opacity:1}
.service-card__body{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:19px 5px 2px}
.service-card__body>span{font-size:11px;color:var(--accent);font-weight:800;padding-top:8px}
.service-card__body h3{font-size:clamp(20px,1.65vw,30px);line-height:1.48;margin:0}

/* Single service pages keep the detailed explanation and their own gallery. */
body.single-droob_service .service-chapter__inner{padding-top:calc(var(--header-h) + clamp(56px,7vw,100px))}
body.single-droob_service .service-chapter{border-top:0}

/* Expanded editable footer. */
.site-footer__top{grid-template-columns:1.25fr .65fr .8fr 1fr;gap:clamp(32px,4vw,68px)}
.site-footer__compliance{display:grid;align-content:start;gap:8px}
.site-footer__compliance span,.site-footer__compliance a{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.7;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07)}
.site-footer__compliance b{font-weight:700;color:rgba(255,255,255,.42)}
.site-footer__compliance i{font-style:normal;color:var(--accent)}
.site-footer__payments{margin-top:44px;padding-top:30px;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.site-footer__payments>p{margin:0;color:rgba(255,255,255,.48);font-size:11px;font-weight:800}
.site-footer__payments>div{display:flex;flex-wrap:wrap;gap:9px}
.site-footer__payments span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.82);font-size:11px;font-weight:700;background:rgba(255,255,255,.035)}

@media(max-width:1120px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer__top{grid-template-columns:1.2fr .8fr;gap:42px}
}

@media(max-width:760px){
  /* Mobile hero is a normal page block and the three videos play sequentially. */
  .hero-scroll,.hero-scroll.is-mobile-autoplay{height:auto!important;min-height:0}
  .hero-stage{position:relative!important;top:auto!important;height:auto!important;display:block;padding:calc(var(--header-h) + 8px) 10px 14px;overflow:visible}
  .hero-card{height:calc(100svh - var(--header-h) - 22px)!important;min-height:570px;max-height:760px;border-radius:28px;grid-template-rows:minmax(300px,58%) minmax(0,42%)}
  .hero-media{grid-row:1}
  .hero-copy{grid-row:2}
  .hero-copy__stage{top:20px;right:20px;left:20px;padding-bottom:58px}
  .hero-copy h1,.hero-copy h2{font-size:clamp(34px,10.6vw,48px);line-height:1.28}
  .hero-copy h1 span,.hero-copy h2 span{font-size:.37em;line-height:1.7;margin-top:7px}
  .hero-ui{bottom:14px}
  .hero-ui__desktop{display:none!important}.hero-ui__mobile{display:block}
  .hero-ui>span{display:block!important;font-size:9px}
  body.admin-bar .hero-stage{top:auto!important;height:auto!important}
  body.admin-bar .hero-card{height:calc(100svh - 46px - var(--header-h) - 22px)!important}

  .services-grid-section{padding:64px 18px 76px}
  .services-grid-section__head{margin-bottom:36px;text-align:right}
  .services-grid-section__head h2{font-size:40px;line-height:1.35}
  .services-grid-section__head>p:last-child{font-size:15px;margin-inline:0}
  .services-grid{grid-template-columns:1fr;gap:34px}
  .service-card__media{aspect-ratio:16/10;border-radius:24px}
  .service-card__arrow{opacity:1;transform:none;width:42px;height:42px;left:14px;bottom:14px}
  .service-card__body{padding:15px 3px 0;gap:12px}
  .service-card__body h3{font-size:23px}

  .site-footer__top{grid-template-columns:1fr;gap:34px}
  .site-footer__payments{grid-template-columns:1fr;gap:14px}
  .site-footer__payments>div{gap:7px}
  .site-footer__payments span{min-height:34px;padding:6px 12px}
}

@media(max-width:420px){
  .hero-card{grid-template-rows:minmax(280px,55%) minmax(0,45%)}
}
.service-back-link{display:inline-flex;margin-bottom:12px;font-size:12px;font-weight:800;color:var(--accent)}
.service-chapter__heading h1{font-size:clamp(48px,6vw,96px);margin:0;max-width:920px}
@media(max-width:760px){.service-chapter__heading h1{font-size:40px;line-height:1.32}}
.services-grid-section--archive{padding-top:clamp(70px,8vw,120px)}
.service-card__body h2{font-size:clamp(20px,1.65vw,30px);line-height:1.48;margin:0}
@media(max-width:760px){.service-card__body h2{font-size:23px}}