/* Crazy Inventor — Language + Full Video Hero + Sticky Services */
:root{
  --cream:#fbf7f1;--cream-2:#f6eee3;--sand:#ead8c3;--sand-2:#dcc0a2;
  --caramel:#b8794f;--copper:#9a5e37;--espresso:#2a201a;--ink:#251c17;
  --muted:#766a62;--line:rgba(76,52,38,.14);--white:#fffdf9;
  --header-h:88px;--radius:28px;--shadow:0 24px 70px rgba(71,47,31,.12);
  --ease:cubic-bezier(.2,.7,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,"Segoe UI",Arial,sans-serif;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,textarea{font:inherit}::selection{background:var(--sand-2);color:var(--ink)}
.skip-link{position:fixed;left:16px;top:-90px;z-index:99999;background:#fff;color:#111;padding:.7rem 1rem;border-radius:10px}.skip-link:focus{top:16px}.progress-line{position:fixed;z-index:9999;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--copper),#d5a375)}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;background:transparent;border-bottom:1px solid transparent;transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),backdrop-filter .35s var(--ease)}
.site-header.scrolled{background:rgba(251,247,241,.82);border-color:var(--line);box-shadow:0 12px 38px rgba(65,42,27,.07);backdrop-filter:blur(18px)}
.navbar{width:100%;padding:.65rem 0}.navbar>.container-xxl{min-height:64px}.brand{display:inline-flex;align-items:center;gap:.72rem;font-weight:900;letter-spacing:-.055em;font-size:1.24rem;white-space:nowrap}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#9d613b,#7b4427);color:#fff;box-shadow:0 12px 30px rgba(141,81,45,.2);transform:rotate(-4deg)}.brand-mark svg{width:24px;height:24px}.brand-accent{color:var(--copper)}
.navbar-nav{gap:.35rem}.nav-link{position:relative;color:#5f554e!important;font-size:.92rem;font-weight:750;padding:.8rem .8rem!important}.nav-link:hover,.nav-link.active{color:var(--ink)!important}.nav-link:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.35rem;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:.55rem;margin-left:1rem}.header-icon-btn,.header-login{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,249,.5);color:var(--ink);font-weight:800;font-size:.88rem;padding:.65rem .82rem;backdrop-filter:blur(8px);transition:.25s var(--ease)}.header-icon-btn:hover,.header-login:hover{background:#fff;border-color:rgba(154,94,55,.35);transform:translateY(-2px)}.header-icon-btn i,.header-login i{font-size:1.05rem;color:var(--copper)}
.lang-wrap{position:relative}.lang-menu{position:absolute;right:0;top:calc(100% + 10px);width:170px;padding:.45rem;background:rgba(255,253,249,.96);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s var(--ease)}.lang-wrap.open .lang-menu{opacity:1;visibility:visible;transform:none}.lang-option{width:100%;border:0;background:transparent;border-radius:11px;padding:.65rem .75rem;display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-weight:750}.lang-option:hover,.lang-option.active{background:var(--cream-2)}
.btn-ci{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:.78rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:850;letter-spacing:-.015em;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}.btn-ci:hover{transform:translateY(-2px)}.btn-primary-ci{background:linear-gradient(135deg,#9a5e37,#7d472a);color:#fff;box-shadow:0 15px 36px rgba(126,72,42,.18)}.btn-primary-ci:hover{color:#fff;box-shadow:0 20px 44px rgba(126,72,42,.25)}.btn-ghost-ci{background:rgba(255,253,249,.52);border-color:var(--line);color:var(--ink);backdrop-filter:blur(10px)}.btn-ghost-ci:hover{background:#fff;color:var(--ink)}.header-cta{min-height:48px;padding-inline:1.15rem}.navbar-toggler{border:1px solid var(--line);border-radius:13px;padding:.62rem .72rem;background:rgba(255,253,249,.65);box-shadow:none!important}.navbar-toggler-icon{width:22px;height:16px;background:none;position:relative;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.navbar-toggler-icon:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid var(--ink)}
.site-grid{background-image:linear-gradient(rgba(105,76,56,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(105,76,56,.065) 1px,transparent 1px);background-size:72px 72px}
.hero-video-section{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#e9ddcf}.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) sepia(.12) contrast(.96);transform:scale(1.015)}.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,241,.96) 0%,rgba(251,247,241,.88) 42%,rgba(244,232,216,.56) 70%,rgba(239,220,199,.34) 100%)}.hero-video-overlay:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(105,76,56,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,76,56,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 75%,transparent)}
.hero-content{position:relative;z-index:2;width:100%;padding:calc(var(--header-h) + 92px) 0 145px}.hero-copy-wrap{max-width:850px}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;border:1px solid rgba(115,81,58,.18);background:rgba(255,253,249,.66);backdrop-filter:blur(10px);padding:.55rem .85rem;border-radius:999px;color:#584b42;text-transform:uppercase;letter-spacing:.12em;font-weight:850;font-size:.72rem}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#7fa15e;box-shadow:0 0 0 5px rgba(127,161,94,.12)}
.hero-title{margin:1.55rem 0 1.15rem;font-size:clamp(3.2rem,5.9vw,6rem);line-height:.92;letter-spacing:-.075em;font-weight:900;max-width:940px;text-wrap:balance}.hero-title .warm{display:block;color:transparent;background:linear-gradient(95deg,#8c522f,#c4865b);-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:720px;color:#6e6259;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.hero-stats{display:flex;gap:0;margin-top:3.4rem;border-top:1px solid var(--line);max-width:630px}.hero-stat{min-width:155px;padding:1.15rem 2rem 0 0;margin-right:2rem;border-right:1px solid var(--line)}.hero-stat:last-child{border-right:0}.hero-stat strong{display:block;font-size:1.55rem;line-height:1;font-weight:900;letter-spacing:-.04em}.hero-stat small{display:block;margin-top:.45rem;color:#85766b;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:750}
.hero-video-control{position:absolute;z-index:3;right:28px;bottom:118px;width:52px;height:52px;border:1px solid rgba(255,255,255,.42);background:rgba(42,32,26,.58);backdrop-filter:blur(10px);border-radius:50%;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.16)}.hero-video-control:hover{background:var(--espresso)}.hero-note{position:absolute;z-index:3;right:32px;top:calc(var(--header-h) + 38px);display:flex;align-items:center;gap:.65rem;background:rgba(255,253,249,.76);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:.72rem .9rem;border-radius:15px;box-shadow:0 14px 35px rgba(65,42,27,.09)}.hero-note i{color:var(--copper)}.hero-note small{display:block;color:#8a7769;text-transform:uppercase;font-size:.6rem;letter-spacing:.12em;font-weight:850}.hero-note b{display:block;font-size:.82rem}.discipline-strip{position:absolute;z-index:3;bottom:0;left:0;right:0;background:rgba(251,247,241,.88);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discipline-item{min-height:76px;display:flex;align-items:center;justify-content:center;gap:.65rem;border-right:1px solid var(--line);color:#5e5148;font-size:.76rem;font-weight:850;letter-spacing:.04em}.discipline-item i{color:var(--copper);font-size:1rem}
.section{padding:clamp(84px,9vw,140px) 0}.section-kicker{color:var(--copper);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.section-title{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1;letter-spacing:-.055em;font-weight:900;text-wrap:balance}.section-copy{color:var(--muted);font-size:1.04rem;max-width:720px}.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:start}.pill-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.pill-list span{padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fff9f2;color:#63574e;font-size:.78rem;font-weight:780}


/* Full-width sticky / pinned service stack */
.services-section{background:linear-gradient(180deg,#fbf7f1 0%,#f3e5d5 48%,#fbf7f1 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:clip}
.services-topline{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.services-topline .section-title{max-width:820px}.services-topline .section-copy{justify-self:end;max-width:560px}
.service-stack-full{position:relative;padding-bottom:10vh}
.service-card-full{--offset:calc(var(--i) * 10px);position:sticky;top:calc(var(--header-h) + 20px + var(--offset));z-index:calc(20 + var(--i));width:100%;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);min-height:620px;margin:0 0 10vh;border:1px solid rgba(98,65,43,.15);border-radius:32px;overflow:hidden;background:rgba(255,253,249,.985);box-shadow:0 30px 80px rgba(74,48,31,.14);transform-origin:top center;isolation:isolate}
.service-card-full.service-card-reverse{grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr)}
.service-card-full.service-card-reverse .service-image{order:1}.service-card-full.service-card-reverse .service-content{order:2}
.service-content{padding:clamp(2.2rem,4.4vw,4.6rem);display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.service-num{display:inline-flex;color:var(--copper);font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.service-card-full h3{font-size:clamp(2.25rem,4.15vw,4.65rem);line-height:.96;letter-spacing:-.06em;font-weight:900;margin:1rem 0 1.2rem;max-width:680px;text-wrap:balance}
.service-card-full p{color:var(--muted);font-size:clamp(1rem,1.28vw,1.16rem);line-height:1.72;max-width:620px}
.service-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.75rem}.service-feature{display:flex;align-items:center;gap:.65rem;padding:.7rem .75rem;border:1px solid rgba(98,65,43,.1);border-radius:14px;background:#fbf4eb;color:#5e5047;font-size:.82rem;font-weight:780}.service-feature i{flex:0 0 auto;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--copper);box-shadow:0 4px 14px rgba(84,51,32,.06)}
.service-tags{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:1.25rem}.service-tags span{padding:.48rem .68rem;border-radius:999px;background:var(--cream-2);color:#65574d;font-size:.73rem;font-weight:800}
.service-image{min-height:100%;position:relative;overflow:hidden;background:#e1d0bf}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,32,26,.08),transparent 30%,rgba(42,32,26,.04))}.service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) sepia(.07);transition:transform .8s var(--ease),filter .8s var(--ease)}.service-card-full:hover .service-image img{transform:scale(1.035);filter:saturate(.92) sepia(.03)}
.service-image-badge{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.46);border-radius:16px;background:rgba(251,247,241,.78);backdrop-filter:blur(12px);color:#5e5047;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.service-image-badge b{color:var(--copper)}
.more-services{display:flex;justify-content:center;padding-top:.5rem}.more-services .btn-ci{min-width:230px}
.services-page-section{background:linear-gradient(180deg,#fffaf4,#f5e9dc)}.services-topline-page{margin-bottom:3.5rem}.service-page-list{display:grid;gap:1.5rem}.service-page-card{position:relative;top:auto!important;margin:0;min-height:560px;box-shadow:0 18px 55px rgba(74,48,31,.09)}

.projects-section{background:linear-gradient(145deg,#30241d,#201914);color:#fff7ef}.projects-section .section-kicker{color:#d5a57e}.projects-section .section-copy{color:#c8b9ad}.project-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1.2rem;margin-top:3rem}.project-card{position:relative;min-height:650px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#211a16}.project-stack{display:grid;gap:1.2rem}.project-card.small{min-height:315px}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) sepia(.1);transition:transform .8s var(--ease),filter .8s var(--ease)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(22,16,13,.9))}.project-card:hover img{transform:scale(1.045);filter:saturate(.95)}.project-meta{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2rem}.project-meta small{color:#dab18f;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.project-meta h3{font-size:clamp(1.8rem,3vw,3rem);font-weight:900;letter-spacing:-.04em;margin:.45rem 0}.project-meta p{color:#d4c7bd;max-width:560px;margin:0}
.gallery-section{padding:clamp(85px,9vw,140px) 0;background:#f4eadf;border-bottom:1px solid var(--line)}.slider-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.2rem}.slider-arrows{display:flex;gap:.55rem}.slider-btn{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:#fffaf4;color:var(--ink);display:grid;place-items:center;transition:.2s var(--ease)}.slider-btn:hover{background:var(--copper);color:#fff;transform:translateY(-2px)}.gallery-track{display:flex;gap:1.1rem;overflow:auto hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 max(24px,calc((100vw - 1320px)/2)) 20px;scrollbar-width:none;cursor:grab}.gallery-track::-webkit-scrollbar{display:none}.gallery-track.dragging{cursor:grabbing;scroll-behavior:auto}.gallery-card{position:relative;flex:0 0 min(31vw,480px);aspect-ratio:4/5;scroll-snap-align:start;border-radius:24px;overflow:hidden;margin:0;border:1px solid var(--line);background:#d9c7b5}.gallery-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) sepia(.06);transition:transform .7s var(--ease)}.gallery-card:hover img{transform:scale(1.035)}.gallery-label{position:absolute;left:18px;right:18px;bottom:18px;padding:.9rem 1rem;border-radius:15px;background:rgba(251,247,241,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.gallery-label small{display:block;color:#8a7768;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.gallery-label b{display:block;margin-top:.15rem;font-size:.95rem}
.process-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.process-sticky{position:sticky;top:calc(var(--header-h) + 42px);align-self:start}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:68px 1fr;gap:1.2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.process-item>span{color:var(--copper);font-weight:900;font-size:.78rem}.process-item h3{margin:0 0 .45rem;font-size:1.55rem;font-weight:900;letter-spacing:-.035em}.process-item p{margin:0;color:var(--muted)}.cta-panel{padding:clamp(2.4rem,5vw,5rem);border-radius:34px;border:1px solid rgba(144,84,48,.18);background:radial-gradient(circle at 88% 12%,rgba(194,134,91,.22),transparent 31%),linear-gradient(135deg,#fffaf4,#ead5bf);box-shadow:var(--shadow)}
.inner-hero{padding:calc(var(--header-h) + 100px) 0 90px;background:radial-gradient(circle at 82% 10%,rgba(197,139,96,.2),transparent 28%),linear-gradient(180deg,#fbf7f1,#f4e8db);border-bottom:1px solid var(--line)}.inner-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.07em;font-weight:900;max-width:900px}.inner-hero p{font-size:1.1rem;color:var(--muted);max-width:720px}.content-card{border:1px solid var(--line);background:#fffaf5;border-radius:24px;padding:2rem;height:100%;box-shadow:0 12px 38px rgba(80,53,35,.06)}.content-card h3{font-weight:900;letter-spacing:-.03em}.form-control{min-height:54px;border-radius:14px;border-color:var(--line);background:#fffdf9}.form-control:focus{border-color:var(--copper);box-shadow:0 0 0 .2rem rgba(154,94,55,.12)}
.site-footer{padding:80px 0 28px;background:#241b16;color:#e9ddd3}.footer-copy{max-width:430px;color:#ac9d91}.footer-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#d7af8c}.footer-links{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}.footer-links a{color:#bcaea3}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:60px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#8f8176;font-size:.8rem}.back-top{position:fixed;z-index:50;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,253,249,.86);backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease)}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--copper);color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in-view{opacity:1;transform:none}
html[dir=rtl] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}html[dir=rtl] .brand{letter-spacing:0}html[dir=rtl] .header-actions{margin-left:0;margin-right:1rem}html[dir=rtl] .lang-menu{right:auto;left:0}html[dir=rtl] .nav-link:after{transform-origin:right}html[dir=rtl] .hero-copy-wrap{text-align:right}html[dir=rtl] .hero-title{letter-spacing:-.035em}html[dir=rtl] .hero-stat{padding-right:0;padding-left:2rem;margin-right:0;margin-left:2rem;border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .hero-stat:last-child{border-left:0}html[dir=rtl] .project-meta{text-align:right}
@media(max-width:1199.98px){:root{--header-h:82px}.header-login span{display:none}.header-login{width:46px;padding:0}.nav-link{padding-inline:.55rem!important}.header-actions{margin-left:.6rem}.hero-title{font-size:clamp(3.1rem,6.5vw,5.2rem)}.service-card{grid-template-columns:1fr 1fr;min-height:510px}}
@media(max-width:991.98px){.site-header{height:auto;min-height:var(--header-h)}.navbar-collapse{margin-top:.7rem;padding:1rem;border:1px solid var(--line);border-radius:22px;background:rgba(251,247,241,.96);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.header-actions{margin:1rem 0 0;display:grid;grid-template-columns:auto auto 1fr}.header-login span{display:inline}.header-login{width:auto;padding:.65rem .82rem}.nav-link{padding:.75rem .6rem!important}.nav-link:after{display:none}.hero-content{padding-top:calc(var(--header-h) + 105px);padding-bottom:165px}.hero-note{display:none}.hero-video-control{bottom:128px}.intro-grid,.process-layout{grid-template-columns:1fr;gap:3rem}.process-sticky{position:relative;top:auto;padding:0;margin-bottom:2.2rem}.service-card-full{position:relative;top:auto!important;margin-bottom:1.2rem;min-height:500px}.service-stack-full{padding-bottom:0}.project-grid{grid-template-columns:1fr}.project-card{min-height:520px}.project-stack{grid-template-columns:1fr 1fr}.gallery-card{flex-basis:min(58vw,430px)}}
@media(max-width:767.98px){:root{--header-h:76px}.brand{font-size:1rem}.brand-mark{width:42px;height:42px;border-radius:14px}.hero-video-section{min-height:900px}.hero-content{padding-top:145px;padding-bottom:200px}.hero-title{font-size:clamp(3rem,14vw,4.65rem);line-height:.94;letter-spacing:-.065em}.hero-copy{font-size:1rem}.hero-actions .btn-ci{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.4rem}.hero-stat{min-width:0;margin:0;padding:1rem .8rem 0 0}.discipline-strip .row{overflow:auto;flex-wrap:nowrap}.discipline-item{min-width:180px;min-height:68px}.section{padding:78px 0}.section-title{font-size:clamp(2.2rem,11vw,3.55rem)}.service-card-full,.service-card-full.service-card-reverse{display:flex;flex-direction:column-reverse;min-height:0}.service-card-full .service-image{order:0;height:300px}.service-card-full .service-content{order:1;padding:1.7rem}.service-card-full .service-features{grid-template-columns:1fr}.project-card{min-height:440px}.project-stack{grid-template-columns:1fr}.project-card.small{min-height:330px}.slider-toolbar{align-items:flex-start;flex-direction:column}.gallery-card{flex-basis:82vw}.process-item{grid-template-columns:45px 1fr}.header-actions{grid-template-columns:1fr 1fr}.header-cta{grid-column:1/-1}.more-services{justify-content:stretch}.more-services .btn-ci{width:100%}.inner-hero{padding-top:145px}.inner-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

@media(max-width:1199.98px){.service-card-full,.service-card-full.service-card-reverse{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);min-height:560px}.service-card-full.service-card-reverse{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)}.service-features{grid-template-columns:1fr}}
@media(max-width:991.98px){.services-topline{grid-template-columns:1fr;gap:1.25rem}.services-topline .section-copy{justify-self:start}.service-card-full,.service-card-full.service-card-reverse{position:relative;top:auto!important;display:grid;grid-template-columns:1fr 1fr;min-height:500px;margin-bottom:1.35rem}.service-card-full.service-card-reverse{grid-template-columns:1fr 1fr}.service-stack-full{padding-bottom:0}}
@media(max-width:767.98px){.service-card-full,.service-card-full.service-card-reverse{display:flex;flex-direction:column-reverse;min-height:0}.service-card-full .service-content,.service-card-full.service-card-reverse .service-content{order:1}.service-card-full .service-image,.service-card-full.service-card-reverse .service-image{order:0;height:300px;min-height:300px}.service-card-full h3{font-size:clamp(2.15rem,11vw,3.25rem)}.service-content{padding:1.7rem}.service-features{grid-template-columns:1fr}.service-image-badge{left:14px;right:14px;bottom:14px}.services-topline{margin-bottom:2.2rem}}

/* =========================================================
   AUTOPLAY LAB GALLERY — continuous, accessible, responsive
   ========================================================= */
.gallery-section{overflow:hidden}
.gallery-intro{max-width:660px;margin:1rem 0 0;color:var(--muted);font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.7}
.gallery-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.gallery-auto-status{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:0 .95rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,250,244,.7);color:#765d49;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gallery-status-dot{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 6px rgba(158,91,48,.08)}
.slider-toggle.is-paused{background:#eadccd;color:var(--ink)}
.gallery-viewport{position:relative;overflow:hidden}
.gallery-viewport::before,.gallery-viewport::after{content:"";position:absolute;z-index:4;top:0;bottom:20px;width:clamp(20px,5vw,90px);pointer-events:none}
.gallery-viewport::before{left:0;background:linear-gradient(90deg,#f4eadf,rgba(244,234,223,0))}
.gallery-viewport::after{right:0;background:linear-gradient(270deg,#f4eadf,rgba(244,234,223,0))}
.gallery-track{overscroll-behavior-x:contain;scroll-snap-type:none;touch-action:pan-y;user-select:none;will-change:scroll-position}
.gallery-track .gallery-card{scroll-snap-align:none}
.gallery-card img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:.6rem;color:#846f5d;font-size:.78rem}
.gallery-progress{position:relative;display:block;width:min(290px,34vw);height:2px;background:rgba(67,43,28,.13);overflow:hidden;border-radius:999px}
.gallery-progress i{position:absolute;inset:0 auto 0 0;width:4%;background:linear-gradient(90deg,var(--copper),#c49368);border-radius:inherit;transition:width .1s linear}
html[dir="rtl"] .gallery-track{direction:ltr}
@media(max-width:991.98px){.gallery-controls{justify-content:flex-start}.gallery-viewport::before,.gallery-viewport::after{width:32px}}
@media(max-width:767.98px){.gallery-toolbar,.slider-toolbar{gap:1.25rem}.gallery-auto-status{min-height:44px}.slider-btn{width:44px;height:44px}.gallery-foot{align-items:flex-start;flex-direction:column;gap:.8rem}.gallery-progress{width:100%}.gallery-card{flex-basis:78vw}}
@media(prefers-reduced-motion:reduce){.gallery-auto-status{opacity:.65}.gallery-status-dot{box-shadow:none}.gallery-progress i{transition:none}}


/* ===== Professional footer system ===== */
.footer-pro{position:relative;margin-top:0;padding:38px 0 26px;background:linear-gradient(180deg,#2a201a 0%,#1f1814 100%);color:#f5ebe2;overflow:hidden}.footer-pro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(193,137,93,.13),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;pointer-events:none}.footer-pro>.container-xxl{position:relative;z-index:2}.footer-cta-pro{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:34px 36px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.footer-eyebrow{font-size:.66rem;font-weight:900;letter-spacing:.16em;color:#d2a57e}.footer-cta-pro h2{max-width:760px;margin:.55rem 0 .55rem;font-size:clamp(2rem,3.7vw,3.7rem);line-height:.98;letter-spacing:-.055em;color:#fffaf5}.footer-cta-pro p{max-width:720px;margin:0;color:#b8a89c}.footer-cta-btn{background:#f0dfcf!important;color:#2b2019!important;border-color:#f0dfcf!important;white-space:nowrap}.footer-grid-pro{display:grid;grid-template-columns:1.55fr .72fr .9fr .9fr 1.2fr;gap:clamp(1.5rem,3vw,3.4rem);padding:58px 4px 42px}.footer-brand{color:#fff!important}.footer-copy{max-width:390px;margin:20px 0 24px;color:#aa9c91}.footer-status{display:flex;align-items:center;gap:.75rem}.status-pulse{width:10px;height:10px;border-radius:50%;background:#a9c77e;box-shadow:0 0 0 7px rgba(169,199,126,.08),0 0 18px rgba(169,199,126,.35)}.footer-status strong,.footer-status small{display:block}.footer-status strong{font-size:.76rem;color:#eadfd6}.footer-status small{margin-top:.15rem;color:#84786e;font-size:.64rem}.footer-title{font-size:.66rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#d1a47c}.footer-links{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.65rem}.footer-links a{color:#b8aaa0;font-size:.83rem;font-weight:600}.footer-links a:hover{color:#fff}.footer-mail{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;color:#fff4ea;font-weight:800;font-size:.85rem}.footer-small{margin:1rem 0;color:#91847a;font-size:.72rem;line-height:1.6}.footer-newsletter{display:grid;grid-template-columns:1fr 46px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);overflow:hidden}.footer-newsletter input{min-width:0;height:46px;border:0;background:transparent;color:#fff;padding:0 14px;outline:0;font-size:.76rem}.footer-newsletter input::placeholder{color:#736a63}.footer-newsletter button{border:0;background:#9a633d;color:#fff;display:grid;place-items:center}.footer-socials{display:flex;gap:.45rem;margin-top:14px}.footer-socials a{width:35px;height:35px;border-radius:10px;border:1px solid rgba(255,255,255,.11);display:grid;place-items:center;color:#b7aaa0}.footer-socials a:hover{background:#fff1e5;color:#39271c}.footer-bottom-pro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);color:#766b63;font-size:.68rem}.footer-legal{display:flex;gap:1rem}.footer-legal a{color:#8e8279}.footer-legal a:hover{color:#fff}.footer-newsletter.is-success{border-color:rgba(169,199,126,.4)}
@media(max-width:1100px){.footer-grid-pro{grid-template-columns:1.4fr repeat(2,1fr);}.footer-contact-block{grid-column:2/4}.footer-nav-group:nth-of-type(4){grid-column:auto}}
@media(max-width:767px){.footer-pro{padding-top:22px}.footer-cta-pro{padding:26px 22px;align-items:flex-start;flex-direction:column}.footer-cta-pro h2{font-size:2.5rem}.footer-grid-pro{grid-template-columns:1fr 1fr;padding:42px 2px 34px}.footer-brand-block,.footer-contact-block{grid-column:1/-1}.footer-contact-block{max-width:520px}.footer-bottom-pro{align-items:flex-start;flex-direction:column}.footer-legal{flex-wrap:wrap}.footer-pro .brand{font-size:.96rem}}
@media(max-width:440px){.footer-grid-pro{grid-template-columns:1fr}.footer-nav-group,.footer-contact-block,.footer-brand-block{grid-column:1!important}.footer-cta-pro h2{font-size:2.15rem}}


/* ===== Arabic-first bilingual polish ===== */
html[dir="rtl"] body{font-family:"Noto Kufi Arabic",Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .brand{letter-spacing:0;font-weight:800}
.nav-link,.header-login,.header-icon-btn,.header-cta{white-space:nowrap}
@media(min-width:992px){
  .navbar>.container-xxl{display:flex;align-items:center;gap:clamp(.65rem,1.25vw,1.25rem)}
  .navbar-collapse{display:flex!important;align-items:center;justify-content:flex-end;gap:clamp(.45rem,1vw,1rem);min-width:0}
  .navbar-nav{margin:0!important;display:flex;align-items:center;flex-wrap:nowrap;gap:.12rem}
  .header-actions{margin:0!important;flex:0 0 auto;gap:.42rem}
  .nav-link{font-size:clamp(.76rem,.78vw,.9rem);padding:.72rem .58rem!important;line-height:1.25}
  html[dir="rtl"] .nav-link{font-size:clamp(.75rem,.76vw,.88rem);font-weight:700}
  .brand{flex:0 0 auto;font-size:clamp(1rem,1.05vw,1.22rem)}
  .header-login,.header-icon-btn{min-height:46px;font-size:.8rem;padding:.6rem .72rem}
  .header-cta{min-height:46px;font-size:.8rem;padding-inline:.92rem}
}
@media(min-width:992px) and (max-width:1280px){
  .navbar>.container-xxl{gap:.5rem}.navbar-collapse{gap:.3rem}.nav-link{padding-inline:.42rem!important;font-size:.74rem}.header-actions{gap:.3rem}.brand-mark{width:43px;height:43px}.brand{font-size:.96rem}.header-cta{padding-inline:.75rem}
}
html[dir="rtl"] .navbar>.container-xxl,html[dir="rtl"] .navbar-collapse,html[dir="rtl"] .navbar-nav,html[dir="rtl"] .header-actions{direction:rtl}
html[dir="rtl"] .navbar-nav.ms-auto{margin:0!important}
html[dir="rtl"] .lang-menu{right:auto;left:0;text-align:right}
html[dir="rtl"] .lang-option{direction:rtl}
html[dir="rtl"] .header-actions{margin:0!important}
html[dir="rtl"] .nav-link:after{transform-origin:right}
html[dir="rtl"] .hero-copy-wrap{margin-left:auto;margin-right:0;text-align:right}
html[dir="ltr"] .hero-copy-wrap{margin-right:auto;margin-left:0;text-align:left}
.hero-video-overlay{background:linear-gradient(90deg,rgba(251,247,241,.94) 0%,rgba(251,247,241,.82) 38%,rgba(244,232,216,.54) 67%,rgba(239,220,199,.24) 100%)}
html[dir="rtl"] .hero-video-overlay{background:linear-gradient(90deg,rgba(239,220,199,.24) 0%,rgba(244,232,216,.50) 36%,rgba(251,247,241,.84) 68%,rgba(251,247,241,.95) 100%)}
html[dir="rtl"] .hero-note{right:auto;left:32px}
html[dir="rtl"] .hero-video-control{right:auto;left:28px}
html[dir="rtl"] .hero-title{font-size:clamp(3rem,5.25vw,5.45rem);line-height:1.16;letter-spacing:-.035em;max-width:970px}
html[dir="rtl"] .hero-title .warm{line-height:1.22}
html[dir="rtl"] .hero-copy{line-height:2;max-width:770px}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .section-kicker,html[dir="rtl"] .footer-eyebrow{text-transform:none;letter-spacing:.04em}
html[dir="rtl"] .section-title,html[dir="rtl"] .inner-hero h1{letter-spacing:-.025em;line-height:1.28}
html[dir="rtl"] .btn-ci i.bi-arrow-right,html[dir="rtl"] .btn-ci i.bi-arrow-up-right{transform:scaleX(-1)}
html[dir="rtl"] .service-content,html[dir="rtl"] .project-content,html[dir="rtl"] .content-card,html[dir="rtl"] .process-item,html[dir="rtl"] .footer-pro{text-align:right}
html[dir="rtl"] .footer-grid-pro,html[dir="rtl"] .footer-bottom-pro{direction:rtl}
html[dir="rtl"] .footer-newsletter{direction:rtl;grid-template-columns:46px 1fr}
html[dir="rtl"] .footer-newsletter input{text-align:right}
html[dir="rtl"] .form-control,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
@media(max-width:991.98px){
  html[dir="rtl"] .navbar-collapse{text-align:right}.navbar-nav{align-items:stretch!important}.nav-link{white-space:normal}.header-actions{direction:inherit}
  html[dir="rtl"] .hero-note{display:none}
}
@media(max-width:767.98px){
  html[dir="rtl"] .hero-title{font-size:clamp(2.55rem,12.5vw,4.15rem);line-height:1.2}.hero-bg-video{object-position:center center}.hero-video-overlay,html[dir="rtl"] .hero-video-overlay{background:linear-gradient(180deg,rgba(251,247,241,.78) 0%,rgba(251,247,241,.86) 52%,rgba(251,247,241,.96) 100%)}
}

/* WordPress integration helpers */
.ci-form-status{margin-top:14px;min-height:22px;font-size:.85rem;font-weight:700}
.ci-form-status.success{color:#157347}.ci-form-status.error{color:#b42318}
.ci-brand-logo{display:block;max-height:42px;width:auto;max-width:210px;object-fit:contain}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* =========================================================
   V1.5.4 — Public website responsive edge/gutter refinement
   Keeps the existing visual language while preventing content
   from touching/clipping against the viewport edges.
   ========================================================= */
:root{--ci-public-gutter:clamp(18px,2.4vw,34px)}
.site-header .container-xxl,
.hero-video-section .container-xxl,
.section>.container-xxl,
.section>.container,
.inner-hero>.container-xxl,
.inner-hero>.container,
.site-footer .container-xxl,
.site-footer .container,
.footer-pro .container-xxl,
.footer-pro .container{
  padding-inline:var(--ci-public-gutter)!important;
}
.hero-copy-wrap,.intro-grid,.services-topline,.project-grid,.process-layout{min-width:0}
.hero-title,.section-title,.hero-copy,.section-copy,.pill-list span{overflow-wrap:anywhere}
@media(max-width:991.98px){
  :root{--ci-public-gutter:clamp(20px,4vw,32px)}
  .hero-title{max-width:100%}
  .hero-copy{max-width:100%}
}
@media(max-width:767.98px){
  :root{--ci-public-gutter:22px}
  .hero-title{font-size:clamp(2.7rem,11.7vw,4.15rem);line-height:1.02}
  html[dir="rtl"] .hero-title{font-size:clamp(2.45rem,10.8vw,3.85rem);line-height:1.24}
  .pill-list{gap:.65rem}
  .pill-list span{max-width:100%;white-space:normal}
}
@media(max-width:420px){:root{--ci-public-gutter:18px}}