@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');
:root{--blue:#1600ad;--yellow:#ffb700;--ink:#17152a;--muted:#6d6b7c;--paper:#f8f8fc;--line:#e8e7f0;--white:#fff;--radius:22px;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cairo',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.announcement{min-height:34px;background:var(--blue);color:#fff;text-align:center;font-size:11px;letter-spacing:.2px;display:flex;justify-content:center;align-items:center;gap:9px;padding:5px 16px}.announcement-dot,.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow)}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;direction:ltr;flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900;line-height:1}.brand-mark span,.brand-name small{color:var(--yellow)}.brand-name{font:800 15px/1.2 var(--mono);letter-spacing:1px}.brand-name small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.nav-links{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:700}.nav-links a{transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:9px;padding:14px 21px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1600ad25}.button span{font-size:17px}.button-small{padding:10px 15px;font-size:12px}.button-dark{background:var(--ink);color:#fff}.button-primary{background:var(--yellow);color:var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{min-height:600px;display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:65px;padding-top:34px;padding-bottom:32px;position:relative}.hero-copy{padding-bottom:30px}.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:9px;color:#666278;direction:ltr;justify-content:flex-end;width:max-content;max-width:100%}.hero-copy .eyebrow,.about-copy .eyebrow,.contact-copy .eyebrow{margin-left:auto}.hero h1{font-size:clamp(43px,5.1vw,68px);line-height:1.25;letter-spacing:-2px;margin:24px 0 19px;font-weight:900}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;z-index:-1;bottom:7px;right:0;width:100%;height:14px;background:var(--yellow);opacity:.9}.hero-description{font-size:15px;color:var(--muted);max-width:510px;line-height:2.1;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:800}.text-link span{margin-right:6px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:34px;font-size:11px;color:#777488}.note-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d9d7e8;border-radius:50%;color:var(--blue)}.hero-art{height:450px;position:relative;isolation:isolate;direction:ltr}.art-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#ffcf4e88;filter:blur(75px);right:4%;top:17%;z-index:-1}.art-topline{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1px;color:#858197}.art-card{position:absolute;box-shadow:0 28px 70px #1d126d24;overflow:hidden}.art-card-back{width:66%;height:70%;top:11%;left:2%;background:#e8e5fa;transform:rotate(-8deg);padding:22px;color:var(--blue)}.mini-label{font:10px var(--mono);letter-spacing:1px}.abstract-mark{font:900 190px/.9 'Cairo',sans-serif;position:absolute;left:17px;top:70px;letter-spacing:-18px}.abstract-mark span{color:var(--yellow)}.art-card-footer,.poster-footer{position:absolute;bottom:17px;left:18px;right:18px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.7px}.art-card-front{width:64%;height:74%;right:5%;top:17%;background:var(--blue);color:#fff;padding:20px;transform:rotate(5deg)}.poster-tag{font:9px/1.5 var(--mono);letter-spacing:1px;position:relative;z-index:2}.poster-orb{position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(140deg,#ffdc70,var(--yellow) 50%,#f47836);right:-22px;top:48px;box-shadow:inset -20px -20px 45px #b24a2a33}.poster-title{position:absolute;left:19px;top:44%;font:900 clamp(30px,4vw,49px)/1.02 var(--mono);letter-spacing:-3px}.poster-title span{color:var(--yellow)}.poster-footer{font-size:7px}.floating-chip{position:absolute;background:#fff;box-shadow:0 10px 35px #15104418;border:1px solid #efedf8;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:800;direction:rtl}.chip-top{top:20%;right:-3%}.chip-dot{display:inline-block;width:7px;height:7px;background:#08bb83;border-radius:50%;margin-left:6px}.chip-bottom{bottom:10%;left:0}.chip-bottom span{color:var(--blue);margin-left:5px}.art-caption{position:absolute;bottom:0;left:0;font:9px var(--mono);letter-spacing:1.4px;color:#777488}.hero-bottomline{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.4px;color:#858197}.trust-strip{background:#efedf8;border-block:1px solid #e7e4f4}.trust-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.trust-inner>span{color:#7a778b}.trust-inner strong{font-size:12px}.trust-inner i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading h2,.about-copy h2,.process-heading h2,.contact-copy h2{font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.35;letter-spacing:-1px;margin:17px 0 0}.section-heading>p{max-width:355px;color:var(--muted);font-size:13px;line-height:2;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:275px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#c6c0f1}.service-featured{background:var(--blue);color:#fff;border-color:var(--blue)}.service-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.service-number{font:11px var(--mono);opacity:.65}.service-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f0eefb;color:var(--blue);font-size:19px}.service-featured .service-icon{background:#ffffff20;color:var(--yellow)}.service-card h3{font-size:19px;margin:32px 0 8px;position:relative;z-index:1}.service-card p{font-size:12px;color:var(--muted);line-height:2;margin:0;position:relative;z-index:1}.service-featured p{color:#d6d2f5}.service-link{display:inline-flex;gap:12px;align-items:center;font-size:11px;font-weight:800;margin-top:22px;position:relative;z-index:2}.service-link span{color:var(--blue);font-size:17px}.service-featured .service-link span{color:var(--yellow)}.service-decoration{position:absolute;pointer-events:none;opacity:.09}.deco-type{font-size:160px;font-weight:900;bottom:-65px;left:-5px}.deco-ring{width:130px;height:130px;border:22px solid var(--blue);border-radius:50%;bottom:-58px;left:-25px}.deco-play{font-size:145px;bottom:-70px;left:3px;color:var(--yellow)}.deco-grid{width:90px;height:90px;left:0;bottom:0;background-image:radial-gradient(var(--blue) 2px,transparent 2px);background-size:13px 13px}.service-wide{grid-column:span 2;display:flex;min-height:255px;background:#f0edf9}.service-wide-copy{position:relative;z-index:2;max-width:62%}.service-wide h3{margin-top:20px}.destination-art{position:absolute;left:0;bottom:0;width:43%;height:100%;overflow:hidden;background:linear-gradient(155deg,#d2e6f3,#f5c7a3 66%,#ed986b)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--yellow);top:18%;left:20%}.mountain{position:absolute;bottom:-50px;width:150%;height:65%;border-radius:50% 50% 0 0}.mountain-one{background:#1600ad;left:-40%;transform:rotate(-17deg)}.mountain-two{background:#3323c6;right:-75%;bottom:-65px;transform:rotate(23deg)}.destination-stamp{position:absolute;left:10px;bottom:18px;color:#fff;font:10px/1.5 var(--mono);letter-spacing:1px}.work-section{background:#efedf8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.work-card{display:block;min-width:0}.work-art{height:320px;position:relative;overflow:hidden;border-radius:16px;direction:ltr;transition:transform .25s}.work-card:hover .work-art{transform:translateY(-4px)}.work-art-kicker,.work-art-foot{position:absolute;left:18px;right:18px;font:8px var(--mono);letter-spacing:1px}.work-art-kicker{top:18px}.work-art-foot{bottom:17px;display:flex;justify-content:space-between}.travel-art{background:linear-gradient(160deg,#f2c2a4 0%,#f6d8ae 45%,#6db7b4 45%,#155b7c 100%);color:#183e56}.travel-sun{position:absolute;width:115px;height:115px;border-radius:50%;background:#ffb700;top:53px;right:53px}.travel-arch{position:absolute;width:145px;height:215px;border:24px solid #fff8e9;border-bottom:0;border-radius:100px 100px 0 0;right:76px;bottom:38px;box-shadow:20px 0 0 #ffffff55}.travel-copy{position:absolute;top:125px;left:22px;font:900 38px/.95 var(--mono);letter-spacing:-2px}.travel-copy em{font-style:normal;color:#ffb700;text-shadow:1px 2px #183e56}.brand-art{background:#1600ad;color:#fff}.brand-art:before{content:"";position:absolute;inset:35px;border:1px solid #ffffff32}.brand-monogram{position:absolute;top:55px;left:34px;font:900 150px/.9 'Cairo',sans-serif;letter-spacing:-18px}.brand-monogram span{color:var(--yellow)}.brand-art-title{position:absolute;bottom:65px;right:28px;font:700 23px/1.15 var(--mono);letter-spacing:-1px;text-align:right}.social-art{background:#ffb700;color:#1600ad}.social-shape{position:absolute;border-radius:50%;border:2px solid #1600ad}.shape-one{width:245px;height:245px;top:35px;right:-45px}.shape-two{width:175px;height:175px;top:70px;right:-10px;border-width:22px;border-color:#1600ad}.social-content{position:absolute;top:105px;left:24px;font:900 43px/.94 var(--mono);letter-spacing:-2px}.social-content span{color:#f15949}.work-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 3px}.work-meta h3{font-size:15px;margin:0 0 2px}.work-meta p{font-size:11px;color:var(--muted);margin:0}.work-arrow{width:35px;height:35px;border-radius:50%;border:1px solid #d5d1e8;display:grid;place-items:center;font-size:17px;transition:background .2s}.work-card:hover .work-arrow{background:var(--yellow);border-color:var(--yellow)}.work-disclaimer{font-size:10px;color:#858197;margin-top:16px}.about-section{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center}.about-visual{height:430px;background:#eae7fa;border-radius:22px;position:relative;overflow:hidden;display:grid;place-items:center}.about-visual:before,.about-visual:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #1600ad22;border-radius:50%}.about-visual:after{width:410px;height:410px}.about-orbit{position:absolute;border:1px solid #1600ad38;border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:420px;height:155px}.orbit-b{width:390px;height:240px;transform:rotate(53deg)}.about-center{width:150px;height:150px;border-radius:36px;background:var(--blue);color:#fff;display:grid;place-items:center;font:900 100px/1 'Cairo',sans-serif;box-shadow:0 25px 50px #1600ad35;transform:rotate(-9deg);z-index:1}.about-center span{color:var(--yellow)}.about-tag{position:absolute;z-index:2;background:#fff;border:1px solid #e2def5;padding:9px 12px;border-radius:7px;font:8px var(--mono);letter-spacing:.5px;box-shadow:0 8px 25px #1600ad10}.tag-one{top:24%;right:7%}.tag-two{bottom:25%;left:6%}.about-index{position:absolute;bottom:18px;left:20px;font:8px var(--mono);letter-spacing:1px;color:#77718f}.about-copy h2{margin-bottom:20px}.about-copy>p{font-size:13px;line-height:2.1;color:var(--muted)}.about-points{margin-top:25px}.about-points>div{display:flex;gap:16px;border-top:1px solid var(--line);padding:15px 0}.about-points>div>span{font:11px var(--mono);color:var(--blue);padding-top:3px}.about-points p{margin:0;display:grid;gap:3px}.about-points strong{font-size:13px}.about-points small{font-size:11px;color:var(--muted)}.process-section{background:#17152a;color:#fff}.process-section .eyebrow{color:#c1bdd5}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:15px 0 45px}.process-heading h2{margin:0}.process-heading>p{max-width:330px;font-size:13px;color:#bdb9d0;margin:0 0 5px}.process-section .highlight:after{height:10px;bottom:8px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-grid>div{border-top:1px solid #ffffff36;padding-top:18px}.process-grid>div>span{font:12px var(--mono);color:var(--yellow)}.process-grid h3{font-size:16px;margin:25px 0 8px}.process-grid p{font-size:12px;line-height:2;color:#bdb9d0;margin:0}.contact-section{padding-bottom:100px}.contact-panel{background:#eae7fa;border-radius:25px;padding:55px;display:grid;grid-template-columns:1fr .85fr;gap:75px;position:relative;overflow:hidden}.contact-panel:after{content:"C.";position:absolute;left:-30px;bottom:-155px;font:900 360px/.9 'Cairo',sans-serif;color:#1600ad08;pointer-events:none}.contact-copy,.contact-form{position:relative;z-index:1}.contact-copy h2{font-size:clamp(34px,4vw,49px);margin-bottom:18px}.contact-copy>p{font-size:13px;line-height:2;color:var(--muted);max-width:370px}.contact-mini{display:flex;align-items:center;gap:12px;font-size:11px;color:#69657f;margin-top:30px}.contact-mini-icon{width:35px;height:35px;border-radius:50%;background:var(--blue);color:var(--yellow);display:grid;place-items:center;font-size:18px}.contact-form{display:flex;flex-direction:column}.contact-form label{font-size:11px;font-weight:800;margin:0 0 6px}.contact-form label span{color:#858197;font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8d4eb;background:#fff;border-radius:8px;padding:12px 13px;outline:none;font-size:12px;margin-bottom:13px;color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1600ad12}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:3px}.form-note{text-align:center;color:#77718f;font-size:10px;margin:9px 0 0}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-top{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>p{font-size:12px;color:var(--muted)}.back-top{font-size:11px;font-weight:800}.footer-bottom{border-top:1px solid var(--line);min-height:48px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#8a879b;letter-spacing:.4px}.floating-whatsapp{position:fixed;z-index:10;bottom:22px;left:22px;background:#1600ad;color:#fff;border-radius:50px;display:flex;align-items:center;gap:9px;padding:12px 17px;box-shadow:0 10px 30px #1600ad3b;font-size:11px}.floating-whatsapp span{background:var(--yellow);color:var(--ink);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:15px}
@media(min-width:1400px){.hero{min-height:650px}.hero-art{height:480px}}
@media(max-width:950px){.nav-links{gap:15px}.hero{gap:30px}.hero-art{height:390px}.hero h1{font-size:52px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-wide{grid-column:span 2}.about-section{gap:45px}.contact-panel{padding:38px;gap:35px}.trust-inner{justify-content:center;padding-block:18px}.trust-inner>span{width:100%;text-align:center}}
@media(max-width:700px){.container{width:min(100% - 34px,520px)}.site-header{height:73px;gap:12px}.brand-mark{width:37px;height:37px}.brand-name{font-size:13px}.header-cta{display:none}.menu-toggle{display:block;order:3;color:var(--ink);cursor:pointer}.nav-links{display:none;position:absolute;top:108px;right:17px;left:17px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;z-index:20;box-shadow:0 20px 50px #17152a15;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 8px;border-bottom:1px solid #f0eef6}.nav-links a:last-child{border-bottom:0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:45px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(43px,12vw,60px);margin-top:19px;letter-spacing:-1.5px}.hero-description{font-size:13px}.hero-actions{gap:18px}.button{padding:13px 16px}.hero-note{margin-top:24px}.hero-art{height:365px;width:100%;max-width:460px;margin:20px auto 0}.art-card-back{width:67%;height:69%}.art-card-front{width:65%;height:72%}.abstract-mark{font-size:150px}.poster-orb{width:155px;height:155px}.poster-title{font-size:clamp(30px,9vw,42px)}.chip-top{right:0}.chip-bottom{left:0}.hero-bottomline{font-size:8px;flex-wrap:wrap}.hero-bottomline span:nth-child(2){display:none}.trust-inner{gap:13px 18px}.trust-inner strong{font-size:10px}.section{padding-top:72px;padding-bottom:72px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about-copy h2,.process-heading h2{font-size:37px}.section-heading>p{margin-top:18px;font-size:12px}.services-grid{gap:10px}.service-card{padding:16px;min-height:265px;border-radius:16px}.service-card h3{font-size:16px;margin-top:25px}.service-card p{font-size:11px}.service-link{font-size:10px}.service-wide{min-height:270px}.service-wide-copy{max-width:75%}.destination-art{width:48%;opacity:.85}.destination-stamp{font-size:8px}.work-grid{grid-template-columns:1fr;gap:18px}.work-art{height:350px}.work-card{max-width:460px;width:100%;margin-inline:auto}.work-disclaimer{line-height:1.9}.about-section{grid-template-columns:1fr;gap:35px}.about-visual{height:340px;order:2}.about-copy{order:1}.about-center{width:125px;height:125px;font-size:85px}.about-visual:before{width:240px;height:240px}.about-visual:after{width:330px;height:330px}.orbit-a{width:330px;height:125px}.orbit-b{width:310px;height:180px}.tag-one{right:4%;top:20%}.tag-two{left:4%;bottom:23%}.process-heading{display:block}.process-heading>p{margin-top:18px}.process-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.process-grid h3{margin-top:16px}.contact-section{padding-top:60px;padding-bottom:60px}.contact-panel{grid-template-columns:1fr;padding:27px 20px;gap:28px;border-radius:18px}.contact-copy h2{font-size:38px}.contact-copy>p{font-size:12px}.contact-mini{margin-top:20px}.footer-top{padding-block:22px;flex-wrap:wrap}.footer-top>p{order:3;width:100%;margin:0}.footer-bottom{padding-block:13px;gap:12px;flex-wrap:wrap;font-size:8px}.floating-whatsapp{bottom:13px;left:13px;padding:9px 12px}.floating-whatsapp b{font-size:10px}}
@media(max-width:380px){.services-grid{grid-template-columns:1fr}.service-card,.service-wide{grid-column:auto;min-height:230px}.service-wide-copy{max-width:70%}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-art{height:315px}.art-card-front{right:3%}.poster-orb{width:130px;height:130px}.poster-title{font-size:30px}.work-art{height:300px}.section-heading h2{font-size:33px}}


/* Real portfolio gallery + refined motion */
:root{--plum:#302844;--orange:#e56f37;--peach:#f5b995;--lavender:#b9a9ed;--paper:#f3f0fa}
.announcement{background:var(--plum)}
.announcement-dot,.eyebrow>span{background:var(--orange)}
.button-primary{background:var(--orange);color:#fff}
.button-dark{background:var(--plum)}
.work-section{background:#f0edf7}
.work-grid.real-work-grid{align-items:start;gap:22px}
.real-work-card{appearance:none;border:0;padding:0;background:transparent;text-align:right;cursor:pointer;display:block;width:100%;color:inherit;font-family:inherit;min-width:0}
.work-image-wrap{display:block;position:relative;overflow:hidden;border-radius:19px;background:var(--plum);aspect-ratio:3/4;isolation:isolate;box-shadow:0 8px 24px #30284412;transform:translateY(0);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}
.work-image-wrap>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s;will-change:transform}
.work-image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(180deg,#30284405 25%,#302844c9 100%);opacity:0;transition:opacity .4s}
.work-open-icon{width:52px;height:52px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center;font-size:25px;transform:translateY(12px) rotate(-25deg);transition:transform .4s}
.work-overlay-label{font-size:13px;font-weight:800;transform:translateY(8px);transition:transform .4s}
.work-number{position:absolute;top:14px;left:14px;color:#fff;background:#302844a8;backdrop-filter:blur(8px);border:1px solid #ffffff4a;border-radius:30px;padding:6px 10px;font:10px monospace;letter-spacing:1px}
.real-work-card:hover .work-image-wrap,.real-work-card:focus-visible .work-image-wrap{transform:translateY(-7px);box-shadow:0 24px 44px #30284425}
.real-work-card:hover .work-image-wrap>img,.real-work-card:focus-visible .work-image-wrap>img{transform:scale(1.055);filter:saturate(1.04)}
.real-work-card:hover .work-image-overlay,.real-work-card:focus-visible .work-image-overlay{opacity:1}
.real-work-card:hover .work-open-icon,.real-work-card:hover .work-overlay-label,.real-work-card:focus-visible .work-open-icon,.real-work-card:focus-visible .work-overlay-label{transform:translateY(0) rotate(0)}
.real-work-card .work-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 5px 0;direction:rtl}
.real-work-card .work-meta>span:first-child{display:grid;gap:3px}
.real-work-card .work-meta strong{font-size:17px;font-weight:900}
.real-work-card .work-meta small{font-size:11px;color:#777087}
.real-work-card .work-arrow{width:43px;height:43px;border:1px solid #d9d2e8;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0;transition:background .25s,color .25s,transform .25s}
.real-work-card:hover .work-arrow{background:var(--orange);color:#fff;border-color:var(--orange);transform:rotate(45deg)}
.work-progress{height:3px;background:#ded8ec;border-radius:10px;margin-top:28px;overflow:hidden}
.work-progress span{display:block;height:100%;width:33.333%;background:var(--orange);border-radius:10px;transform-origin:right;animation:progress-breathe 3s ease-in-out infinite alternate}
.work-lightbox{position:fixed;inset:0;z-index:1000;background:#171321eF;backdrop-filter:blur(12px);display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.work-lightbox.open{opacity:1;visibility:visible}
.lightbox-content{width:min(100%,900px);max-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);align-items:center;gap:25px;transform:translateY(18px) scale(.985);transition:transform .35s}
.work-lightbox.open .lightbox-content{transform:translateY(0) scale(1)}
.lightbox-content img{display:block;max-width:100%;max-height:82vh;object-fit:contain;margin:auto;border-radius:10px;box-shadow:0 24px 90px #0005}
.lightbox-caption{color:#fff;direction:rtl}.lightbox-caption span{color:#f5b995;font-size:11px}.lightbox-caption h3{font-size:clamp(22px,3vw,35px);line-height:1.5;margin:10px 0}
.lightbox-close{position:absolute;top:22px;left:24px;width:45px;height:45px;border-radius:50%;border:1px solid #ffffff70;background:#ffffff12;color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.lightbox-close:hover{background:var(--orange);transform:rotate(90deg)}
@keyframes progress-breathe{from{transform:translateX(0) scaleX(.85)}to{transform:translateX(-4%) scaleX(1)}}
@media(max-width:700px){.work-grid.real-work-grid{grid-template-columns:1fr;gap:25px}.real-work-card{max-width:440px;margin-inline:auto}.work-image-wrap{aspect-ratio:4/5}.work-image-overlay{opacity:.18;background:linear-gradient(180deg,transparent 45%,#30284455 100%)}.work-open-icon,.work-overlay-label{display:none}.real-work-card .work-meta strong{font-size:16px}.lightbox-content{grid-template-columns:1fr;gap:12px;max-height:90vh;overflow:auto}.lightbox-content img{max-height:72vh}.lightbox-caption{text-align:center}.lightbox-close{top:10px;left:10px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.real-work-card{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.real-work-card.is-visible{opacity:1;transform:translateY(0);transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){.real-work-card{opacity:1;transform:none}}


/* Logo sizing + polished studio motion */
.brand-logo{display:block;width:43px;height:43px;max-width:43px;max-height:43px;object-fit:contain;flex:0 0 43px;border-radius:50%;overflow:hidden;background:var(--plum);}
.footer-brand .brand-logo{width:43px;height:43px;}
@media(max-width:700px){.brand-logo{width:37px;height:37px;max-width:37px;max-height:37px;flex-basis:37px}.footer-brand .brand-logo{width:37px;height:37px}}
/* Intro motion: restrained, layered, and never overlaps the headline */
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-art-in{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes card-float-back{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6.5deg) translateY(-7px)}}
@keyframes card-float-front{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.5deg) translateY(-10px)}}
@keyframes orb-breathe{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.045);filter:saturate(1.13)}}
@keyframes chip-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero-copy{animation:hero-copy-in .8s cubic-bezier(.2,.75,.25,1) both}
.hero-art{animation:hero-art-in .95s .12s cubic-bezier(.2,.75,.25,1) both}
.art-card-back{animation:card-float-back 7s 1s ease-in-out infinite}
.art-card-front{animation:card-float-front 8s 1.15s ease-in-out infinite}
.poster-orb{animation:orb-breathe 6s ease-in-out infinite}
.chip-top{animation:chip-drift 5.5s 1.2s ease-in-out infinite}
.chip-bottom{animation:chip-drift 6s .8s ease-in-out infinite reverse}
.site-header .brand-logo{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.site-header .brand:hover .brand-logo,.footer-brand:hover .brand-logo{transform:rotate(-8deg) scale(1.05)}
.whatsapp-number{font-weight:900;color:var(--orange);direction:ltr;unicode-bidi:isolate;display:inline-block}
.whatsapp-number:hover{text-decoration:underline}
.floating-whatsapp{background:#218c5a;box-shadow:0 12px 34px #218c5a38;transition:transform .25s,box-shadow .25s}
.floating-whatsapp:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 18px 38px #218c5a4a}
.floating-whatsapp span{background:#fff;color:#218c5a}
.service-card,.work-image-wrap,.button,.work-arrow{will-change:transform}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art,.art-card-back,.art-card-front,.poster-orb,.chip-top,.chip-bottom{animation:none!important}.hero-copy,.hero-art{opacity:1;transform:none}}

/* Credes brand palette refinement: plum, orange, peach and lavender */
:root{--blue:#302844;--yellow:#e56f37;--ink:#262036;--muted:#777087;--paper:#f3f0fa;--line:#e4deef;--plum:#302844;--orange:#e56f37;--peach:#f5b995;--lavender:#b9a9ed}
body{background:var(--paper);color:var(--ink)}
.announcement,.service-featured,.art-card-front,.brand-mark{background-color:var(--plum)}
.button-primary{background:var(--orange);color:#fff}
.highlight:after{background:var(--orange)}
.poster-orb,.art-glow{background:linear-gradient(135deg,var(--peach),var(--orange))}
.art-glow{background:#f5b99580}
.art-card-back{background:#e8e1f4;color:var(--plum)}
.art-card-front{background:var(--plum)}
.service-featured{background:var(--plum);border-color:var(--plum)}
.service-icon,.note-icon{color:var(--plum)}
.service-wide{background:#eee8f6}
.work-section{background:#eee9f5}
.work-progress{background:#ded6e9}
.work-progress span{background:var(--orange)}
.floating-whatsapp{background:#218c5a;color:#fff}
/* Premium scroll reveal: content rises, sharpens and settles into place */
[data-scroll-reveal]{opacity:0;transform:translate3d(0,42px,0) scale(.985);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1),filter .8s ease;transition-delay:var(--scroll-delay,0ms);will-change:opacity,transform,filter}
[data-scroll-reveal].is-in-view{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.service-card[data-scroll-reveal],.process-grid>div[data-scroll-reveal],.faq-list>details[data-scroll-reveal],.quick-stats-inner>*[data-scroll-reveal]{transition-duration:.72s}
@media(max-width:700px){[data-scroll-reveal]{transform:translate3d(0,24px,0) scale(.99);filter:blur(2px);transition-duration:.65s}}
@media(prefers-reduced-motion:reduce){[data-scroll-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;will-change:auto}}


/* Final fix: quick stats horizontal layout + consistent Arabic typography */
.quick-stats{background:#efedf7;border-block:1px solid var(--line);overflow:hidden}
.quick-stats-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;direction:rtl;padding-block:24px}
.quick-stats-inner>div{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:8px 18px;border-left:1px solid #e1dced;text-align:right}
.quick-stats-inner>div:last-child{border-left:0}
.quick-stats-inner>div strong{flex:0 0 auto;font:500 28px/1 var(--mono);color:var(--blue);white-space:nowrap}
.quick-stats-inner>div span{font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:950px){.quick-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.quick-stats-inner>div:nth-child(2){border-left:0}.quick-stats-inner>div{justify-content:flex-start;padding:12px 14px}}
@media(max-width:520px){.quick-stats-inner{grid-template-columns:1fr;padding-block:10px}.quick-stats-inner>div{border-left:0;border-bottom:1px solid #e1dced;padding:13px 4px;justify-content:flex-start}.quick-stats-inner>div:last-child{border-bottom:0}.quick-stats-inner>div strong{font-size:24px}.quick-stats-inner>div span{font-size:12px}}