@font-face{font-family:Alexandria;src:url('alexandria.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--navy:#08243b;--deep:#061b2d;--gold:#d8ac5b;--ink:#132c3f;--muted:#657682;--line:#dce3e8;--paper:#f3f6f8;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:Alexandria,Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;font-weight:650}ul,ol{padding:0;margin:0}::selection{background:var(--gold);color:var(--navy)}:focus-visible{outline:3px solid #c28c2e;outline-offset:5px}a,button{touch-action:manipulation}.container{width:min(1280px,88%);margin-inline:auto}.section{padding:112px 0}.section h2{font-size:clamp(2rem,3.4vw,3.125rem);line-height:1.55;letter-spacing:-.04em;font-weight:650}.muted-heading{color:#758591}.text-gold{color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:13px;font-size:.875rem;font-weight:500;color:#5b7180;margin-bottom:22px}.eyebrow.light{color:#d5dde2}.short-rule{width:31px;height:2px;background:var(--gold);display:inline-block}.index{font-size:.8125rem;color:#8e692a;border:1px solid #dfc594;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;font-weight:450}.light .index{color:var(--gold);border-color:#6b644e}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px}.section-intro{max-width:370px;color:var(--muted);line-height:2.1;font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;padding:13px 25px;border:1px solid transparent;border-radius:4px;font-size:.9375rem;font-weight:550;line-height:1.6;transition:background .25s,color .25s,transform .25s;position:relative}.button span{font-size:1.6rem;line-height:1;transition:transform .25s}.button:hover span{transform:translate(-3px,3px)}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--deep)}.button-gold:hover{background:#edc983}.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#153b54}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:.9375rem;font-weight:550;line-height:1.6}.text-link>span{font-size:1.5rem}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.skip-link{position:fixed;top:12px;right:12px;z-index:1000;background:#fff;color:var(--navy);padding:10px 18px;transform:translateY(-200%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:101;pointer-events:none}
/* Navigation */
.header{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;border-bottom:1px solid #e6e9ec;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;height:102px}.brand{display:block;flex:0 0 auto}.brand img{width:146px;height:97px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:.875rem;white-space:nowrap;position:relative;padding:14px 0}.nav a:after{content:'';position:absolute;bottom:6px;right:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .25s}.nav a:hover:after,.nav a.is-current:after{transform:scaleX(1)}.header-cta{min-height:48px;font-size:.8125rem;padding:10px 18px;gap:22px}.menu-toggle{display:none}
/* Opening composition */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,#26435e66,transparent 56%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;min-height:700px;padding-block:62px 72px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(3.5rem,5.7vw,5.45rem);font-weight:660;line-height:1.47;letter-spacing:-.065em;margin-right:-4px}.gold-word{color:var(--gold);white-space:nowrap}.hero-description{color:#bccbd5;max-width:510px;line-height:2.1;font-size:1rem;margin-top:23px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.light-link{color:#eff2f4;font-size:.875rem;font-weight:450}.round-arrow{width:36px;height:36px;border:1px solid #547084;border-radius:50%;display:grid;place-items:center;font-size:1.3rem!important}.hero-note{display:flex;align-items:center;gap:15px;margin-top:38px}.hero-note>span{font-size:32px;color:var(--gold);line-height:1}.hero-note p{font-size:.8125rem;line-height:1.9;color:#95abb9}.hero-note strong{font-weight:450;color:#d6e1e8}.hero-visual{height:536px;position:relative;direction:ltr;max-width:600px;width:100%;justify-self:end}.stage-frame{position:absolute;left:0;top:19px;width:85%;height:87%;border:1px solid #6b7f8d63;border-radius:130px 4px 4px 4px;transform:rotate(-6deg)}.stage-frame span{position:absolute;top:-15px;left:45%;background:var(--navy);padding:0 15px;color:#b7c6d2;font-size:.75rem}.stage-tall{position:absolute;top:5px;left:24px;width:57%;z-index:2;transform:rotate(-6deg);border:5px solid #d8dfdf;border-radius:6px;overflow:hidden;box-shadow:0 25px 60px #0005;animation:float-tall 9s ease-in-out infinite}.stage-tall img{width:100%}.stage-wide{position:absolute;right:0;bottom:8px;width:80%;z-index:4;border:5px solid #eef1f2;border-radius:6px;background:#eef1f2;box-shadow:0 25px 60px #0005;transform:rotate(5deg);animation:float-wide 10s ease-in-out infinite}.stage-wide img{width:100%}.stage-caption{display:flex;justify-content:space-between;direction:rtl;font-size:.75rem;color:#334957;line-height:1.8;padding:6px 8px 10px;font-weight:500}.stage-stamp{position:absolute;right:9px;top:39px;width:116px;height:116px;background:var(--gold);color:var(--navy);border-radius:50%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6;transform:rotate(10deg);box-shadow:0 8px 30px #0002}.stage-stamp:before{content:'';position:absolute;inset:8px;border:1px solid #8f692d6b;border-radius:50%}.stage-stamp>span:first-child{font-size:.75rem}.stage-stamp strong{font-size:1.5rem;font-weight:700}.stamp-star{font-size:20px}.stage-label{position:absolute;bottom:-24px;left:9px;color:#9fb2c1;font-size:.75rem;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-watermark{position:absolute;bottom:12px;left:-6px;font-family:Arial,sans-serif;line-height:.8;font-size:clamp(120px,21vw,310px);font-weight:800;letter-spacing:-.07em;opacity:.027;z-index:-1}.hero-bottom{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff1c;font-size:.75rem;color:#a9bdca}.hero-bottom i{font-style:normal;margin-inline:10px;color:#577389}.saudi-time{display:flex;align-items:center;gap:10px}.saudi-time time{color:#edc983;font-size:.875rem;font-variant-numeric:tabular-nums;min-width:82px;font-weight:400}.clock-icon{height:14px;width:14px;border:1px solid var(--gold);border-radius:50%;position:relative}.clock-icon:before{content:'';width:4px;height:4px;position:absolute;left:6px;top:3px;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold)}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue span{font-size:1.3rem;color:var(--gold)}.ticker{background:var(--gold);padding:20px 0;overflow:hidden;color:var(--navy);direction:ltr}.ticker-track{display:flex;width:max-content;align-items:center;gap:46px;animation:ticker 32s linear infinite}.ticker-track>span{font-size:1.25rem;font-weight:550;direction:rtl;white-space:nowrap}.ticker-track>b{font-size:23px;font-weight:400}.ticker:hover .ticker-track{animation-play-state:paused}
/* About and services */
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about-content{padding-top:42px;color:var(--muted)}.about-content .lead{font-size:1.3rem;line-height:1.9;font-weight:500;color:var(--ink);margin-bottom:22px}.about-content>p+p{margin-top:15px}.about-principles{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.about-principles>div{flex:1}.about-principles span{display:block;color:#a47a39;font-size:.75rem;margin-bottom:6px}.about-principles strong{color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.8}.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;padding:29px 29px 20px;border:1px solid #e0e6e9;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);border-color:#ceb37f;box-shadow:0 20px 40px #18364c09}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.service-no{color:#83949f;font-size:.8125rem;font-weight:400}.service-top svg{width:38px;height:38px;fill:none;stroke:#947138;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:1.16rem;font-weight:600;line-height:1.7;margin-bottom:14px;letter-spacing:-.035em}.service-card>p{font-size:1rem;color:var(--muted);line-height:2;min-height:94px}.service-card ul{list-style:none;margin:22px 0 26px;font-size:.875rem;line-height:2.1;color:#3f5666}.service-card li{position:relative;padding-right:15px;margin-bottom:4px}.service-card li:before{content:'';position:absolute;right:0;top:13px;width:5px;height:1px;background:#a78851}.service-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #e8edef;display:flex;align-items:center;justify-content:space-between;gap:10px}.service-bottom>span{font-size:.75rem;color:#677d8b;line-height:1.7}.service-link{display:grid;place-items:center;min-width:44px;height:44px;border-radius:50%;font-size:24px;border:1px solid #dde4e8;transition:.25s}.service-link:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}
/* Store service */
.commerce{background:var(--navy);color:#fff;overflow:hidden}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.commerce-image{position:relative;max-width:475px;padding:0 0 24px 22px;margin-inline:auto;width:100%}.commerce-image:before{content:'';position:absolute;bottom:0;left:0;right:24px;top:24px;border:1px solid #a18752}.commerce-image img{position:relative;width:100%;box-shadow:0 20px 40px #0002;border-radius:4px}.image-tab{position:absolute;bottom:0;left:0;color:var(--navy);background:var(--gold);padding:11px 24px;font-size:.875rem;transform:translate(-8px,8px)}.commerce-copy>p:not(.eyebrow):not(.commerce-note){color:#bfd0dc;line-height:2.1;margin-top:24px}.commerce-steps{list-style:none;margin-top:30px}.commerce-steps>li{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff1b}.commerce-steps>li>span{color:var(--gold);font-size:.75rem;padding-top:7px}.commerce-steps h3{font-size:1rem;font-weight:550;margin-bottom:8px}.commerce-steps p{font-size:.875rem;line-height:2;color:#a8becd}.commerce-note{font-size:.75rem;color:#becbd4;margin:20px 0 23px;line-height:2}
/* Work */
.featured-work{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line);background:#f5f7f9;margin-bottom:46px;overflow:hidden;scroll-margin-top:130px}.featured-image{position:relative;display:flex;align-items:center;justify-content:center;background:#e5edf2;overflow:hidden;min-width:0}.featured-image img{width:100%;height:auto;transition:transform .6s var(--ease)}.featured-image:hover img{transform:scale(1.025)}.featured-content{padding:34px 35px;display:flex;align-items:flex-start;flex-direction:column}.work-category{display:block;font-size:.75rem;color:#6b7b88;line-height:1.9;margin-bottom:9px;font-weight:400}.featured-content h3{font-size:2.2rem;font-weight:650;margin-bottom:12px;line-height:1.4}.featured-content>p{font-size:1rem;line-height:1.95;color:#556e7f}.featured-content strong{font-weight:550;color:var(--ink)}.featured-content .project-description{font-size:.875rem;margin-top:12px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tags>span{font-size:.75rem;padding:4px 9px;border:1px solid #d1dce3;color:#526b7b}.featured-content .text-link{margin-top:auto;font-size:.875rem}.image-open{position:absolute;bottom:18px;left:18px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-size:1.5rem;box-shadow:0 4px 12px #0001;transition:.25s;pointer-events:none}.featured-image:hover .image-open,.project-image:hover .image-open{background:var(--gold);transform:rotate(45deg)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:48px}.project-image{position:relative;display:block;overflow:hidden;background:#edf1f4;aspect-ratio:4/5;isolation:isolate}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease)}.project-image:hover img{transform:scale(1.018)}.honey-project{background:#f4e5be}.project-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:21px}.project-meta .work-category{margin-bottom:5px}.project-meta h3{font-size:1.2rem;line-height:1.7;font-weight:600}.project-index{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:300;color:#a7b5bf}.project-card>p{font-size:.875rem;color:var(--muted);line-height:2;margin-top:10px;padding-left:10px}.work-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:55px;padding-top:33px}.work-end>p{font-size:.9375rem;color:var(--muted)}.work-end strong{font-size:1.25rem;color:var(--ink);font-weight:550;line-height:1.8}
/* Process and values */
.process{background:var(--deep);color:#fff}.process .section-intro{color:#b0c3d0}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff2c;margin-top:56px}.process-grid>li{padding:35px 30px 0;border-left:1px solid #ffffff19}.process-grid>li:first-child{padding-right:0}.process-grid>li:last-child{border-left:0}.process-number{font-family:Arial,sans-serif;font-weight:300;color:var(--gold);font-size:3.2rem;line-height:1.1;letter-spacing:-.04em;display:block;margin-bottom:25px}.process-grid h3{font-size:1.35rem;font-weight:550;margin-bottom:17px}.process-grid p{color:#a8bdcb;font-size:1rem;line-height:2.1}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.difference .text-link{margin-top:30px}.value-list>article{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.value-list>article:first-child{padding-top:4px}.value-list>article>span{color:#a47c3c;font-size:1.5rem}.value-list h3{font-size:1.13rem;font-weight:600;margin-bottom:11px}.value-list p{font-size:1rem;color:var(--muted);line-height:2}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid>div:first-child>p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:2.5;margin-top:28px}.faq .text-link{font-size:.875rem}.faq-list details{border-bottom:1px solid #d5dfe5}.faq-list details:first-child{border-top:1px solid #d5dfe5}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;font-size:1rem;font-weight:550;cursor:pointer;list-style:none;line-height:1.9}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:24px;height:24px;position:relative;flex:0 0 auto}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;background:#8b723f;top:11px;left:4px;width:16px;height:1px}.faq-list summary>span:after{transform:rotate(90deg);transition:transform .25s}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details[open] summary{color:#8c682f}.faq-list details>p{padding:0 0 26px 30px;font-size:1rem;color:#5c7382;line-height:2.2}
/* Contact and footer */
.contact{background:var(--navy);color:#fff;position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-copy h2{font-size:clamp(2.35rem,4vw,3.65rem);line-height:1.6}.contact-copy>p:not(.eyebrow){font-size:1rem;line-height:2.2;color:#bbccd7;margin-top:24px}.contact-phone{display:block;width:max-content;font-size:clamp(1.65rem,3.1vw,2.8rem);font-weight:500;line-height:1.5;margin-top:37px;letter-spacing:-.045em}.contact-phone>span{color:var(--gold);font-size:1.6rem;vertical-align:middle;padding-left:12px;display:inline-block}.contact-whatsapp{display:flex;gap:20px;align-items:center;color:var(--gold);font-size:.9375rem;margin-top:20px;width:fit-content}.contact-whatsapp>span{font-size:1.5rem}.contact-footnote{display:flex;align-items:center;gap:14px;color:#9bb2c2;margin-top:48px;font-size:.8125rem}.contact-footnote>span{font-size:24px;color:var(--gold)}.brief-form{background:#11314a;border:1px solid #ffffff21;padding:36px;border-radius:7px}.brief-form h3{font-size:1.2rem;font-weight:550;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:23px;min-width:0}.field label{display:block;font-size:.875rem;color:#dce6ec;margin-bottom:11px}.field label>span{color:var(--gold);margin-right:3px}.field input,.field select,.field textarea{display:block;width:100%;color:#fff;border:0;border-bottom:1px solid #587084;background:#ffffff04;border-radius:2px 2px 0 0;padding:12px 10px;font-size:.875rem;outline-offset:2px;line-height:1.9;min-height:47px}.field textarea{resize:vertical;min-height:107px}.field select option{background:#11314a;color:white}.field input::placeholder,.field textarea::placeholder{color:#9eb4c3;opacity:1}.field :is(input,select,textarea):focus{border-color:var(--gold)}.brief-form .button{width:100%;justify-content:space-between;margin-top:2px}.form-note{font-size:.75rem;color:#aac0ce;margin-top:14px;text-align:center;line-height:1.9}.form-status{font-size:.875rem;color:#ecd09c;margin-top:0}.form-status:not(:empty){margin-top:16px}.form-status a{text-decoration:underline;text-underline-offset:4px}.footer{background:#fff;padding:35px 0 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:27px}.footer-brand img{width:142px;height:97px}.footer-main>p{font-size:.875rem;color:var(--muted)}.footer-main>nav{display:flex;gap:25px;font-size:.875rem}.back-top{display:flex;gap:15px;align-items:center;font-size:.875rem}.back-top span{width:38px;height:38px;border:1px solid #d8e1e7;display:grid;place-items:center;border-radius:50%;font-size:20px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e4e9ed;padding-top:23px;font-size:.75rem;color:#6a7b88}.footer-bottom b{color:#aa7e37;font-weight:400;padding-inline:8px}.motion-toggle{background:none;border:0;border-bottom:1px solid #b9c6ce;padding:3px 0;color:#637887;font-size:.75rem;line-height:1.8}.floating-whatsapp{position:fixed;left:25px;bottom:24px;z-index:90;display:flex;gap:10px;align-items:center;color:white;background:var(--navy);border:1px solid #b69250;padding:13px 17px;border-radius:40px;box-shadow:0 5px 22px #0002;transition:background .25s,transform .25s}.floating-whatsapp:hover{background:#18533d;transform:translateY(-3px)}.floating-whatsapp svg{width:27px;height:27px}.floating-whatsapp span{font-size:.875rem}
/* Artwork detail viewer */
.project-dialog{padding:0;border:0;border-radius:8px;max-width:1100px;width:92vw;max-height:90dvh;color:var(--ink);background:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:0 35px 100px #0008}.project-dialog::backdrop{background:#041725e8;backdrop-filter:blur(7px)}.dialog-shell{display:grid;grid-template-columns:1.1fr .9fr;position:relative;min-height:550px}.dialog-close{position:absolute;left:16px;top:16px;width:45px;height:45px;display:grid;place-items:center;border:1px solid #d4dfe6;border-radius:50%;color:var(--navy);background:#fff;font-family:Arial,sans-serif;font-size:30px;z-index:3;line-height:1}.dialog-image-area{background:#e9eef2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}.dialog-image-area>img{max-height:73dvh;width:100%;object-fit:contain}.dialog-copy{padding:68px 38px 38px;display:flex;flex-direction:column;align-items:flex-start}.dialog-copy h2{font-size:1.8rem;margin-bottom:20px}.dialog-copy>p{font-size:1rem;line-height:2;color:var(--muted)}.dialog-copy h3{font-size:.875rem;margin-top:26px;margin-bottom:13px}.dialog-copy ul{padding-right:20px;font-size:.875rem;line-height:2.1;color:#587183}.dialog-copy .button{margin-top:32px;font-size:.875rem;gap:20px}.dialog-gallery{display:flex;gap:10px;margin-top:16px;justify-content:center}.dialog-gallery:empty{display:none}.dialog-gallery button{width:68px;height:60px;background:#fff;border:2px solid transparent;padding:3px;border-radius:3px}.dialog-gallery button[aria-pressed=true]{border-color:#ac823d}.dialog-gallery img{width:100%;height:100%;object-fit:contain}
/* Motion is enhancement: content remains visible without JavaScript */
@keyframes float-tall{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes float-wide{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(9px) rotate(3deg)}}@keyframes ticker{to{transform:translateX(-50%)}}.reveal.is-pending{opacity:0;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}.hero-visual:hover .stage-tall,.hero-visual:hover .stage-wide,.hero-visual:focus-within .stage-tall,.hero-visual:focus-within .stage-wide{animation-play-state:paused}.motion-paused *{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
/* Responsive */
@media(min-width:1550px){.hero-grid{min-height:750px;gap:65px}.hero h1{font-size:5.8rem}.hero-visual{height:575px}.stage-tall{width:56%}.stage-wide{bottom:4px}.section{padding-block:126px}}
@media(max-width:1150px){.container{width:90%}.header-inner{gap:20px}.nav{gap:20px}.nav a{font-size:.875rem}.header-cta{font-size:.8125rem;padding-inline:14px;gap:15px}.hero-grid{gap:30px;min-height:650px;padding-block:52px}.hero h1{font-size:clamp(3.2rem,5.6vw,4.5rem)}.hero-visual{height:460px}.stage-stamp{width:95px;height:95px;right:0;top:30px}.stage-stamp strong{font-size:1.3rem}.stage-tall{left:16px;top:25px}.stage-wide{bottom:30px;width:85%}.hero-actions{gap:20px}.hero-actions .button{padding-inline:18px;gap:20px;font-size:.875rem}.hero-description{font-size:1rem}.scroll-cue{display:none}.section{padding-block:90px}.about-grid,.commerce-grid,.difference-grid,.faq-grid,.contact-grid{gap:55px}.service-card{padding:24px 22px 18px}.service-card h3{font-size:1.03rem}.service-card>p{min-height:106px}.featured-content{padding:27px}.featured-content h3{font-size:1.9rem}.portfolio-grid{gap:38px 22px}.process-grid>li{padding-inline:22px}.brief-form{padding:28px}.footer-main{gap:25px}.footer-main>nav{gap:18px}}
@media(max-width:960px){html{scroll-padding-top:95px}.header-inner{height:88px}.brand img{width:124px;height:84px}.header-cta{margin-inline-start:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;align-items:center;background:transparent;border:1px solid #d7e1e7;border-radius:3px}.menu-toggle span{width:19px;height:1px;background:var(--navy);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav{display:none;position:absolute;top:87px;right:0;left:0;background:#fff;padding:22px 5%;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #152b4010;flex-wrap:wrap;justify-content:center;gap:12px 30px}.nav.is-open{display:flex}.nav a{font-size:.9375rem;padding:12px 0}.hero-grid{gap:25px;min-height:600px;padding-block:45px}.hero h1{font-size:3.1rem}.hero-description{font-size:1rem;line-height:2}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:24px}.hero-note{margin-top:25px}.hero-visual{height:408px}.stage-tall{width:65%;left:0}.stage-wide{width:98%;bottom:24px}.stage-stamp{width:85px;height:85px;right:-8px;top:16px}.stage-label{display:none}.stage-frame{height:80%;top:35px}.hero-bottom{min-height:74px;flex-wrap:wrap;gap:8px;padding-block:15px}.hero-bottom i{margin-inline:5px}.saudi-time{gap:7px;font-size:.75rem}.section{padding-block:76px}.section h2{font-size:2.4rem}.section-top{gap:35px}.section-intro{max-width:300px;font-size:1rem}.about-grid{gap:45px}.about-content{padding-top:20px}.about-content .lead{font-size:1.1rem}.about-principles{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card h3{font-size:1.13rem}.service-card>p{min-height:94px}.commerce-grid{gap:40px}.commerce-image{padding:0 0 19px 14px}.commerce-steps{margin-top:22px}.commerce-steps>li{gap:14px;padding-block:13px}.image-tab{padding:10px 16px;font-size:.8125rem}.featured-work{grid-template-columns:1fr}.featured-content{padding:30px;display:block}.featured-content h3{font-size:2rem}.featured-content .tags{margin-block:18px}.featured-content>p>br{display:none}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:34px}.process-grid>li:nth-child(2){border-left:0}.process-grid>li:nth-child(3){padding-right:0}.process-grid>li{padding-top:28px}.difference-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.value-list>article{padding-block:24px}.value-list>article:first-child{padding-top:10px}.faq-grid>div:first-child>p:not(.eyebrow){margin-top:20px}.contact-grid{gap:36px}.contact-copy h2{font-size:2.5rem}.contact-phone{font-size:1.8rem;white-space:nowrap}.contact-phone>span{font-size:1.25rem;padding-left:5px}.contact-whatsapp{font-size:.875rem;gap:12px}.contact-footnote{font-size:.8125rem;line-height:1.8}.brief-form{padding:24px}.brief-form h3{font-size:1rem;line-height:1.9}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:18px}.footer-main{flex-wrap:wrap}.footer-brand img{width:130px;height:90px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;column-gap:30px}.floating-whatsapp{left:18px;bottom:18px;padding:11px}.floating-whatsapp span{display:none}.dialog-shell{grid-template-columns:1fr 1fr}.dialog-copy{padding:72px 24px 30px}.dialog-image-area{padding:15px}.dialog-copy h2{font-size:1.4rem}}
@media(max-width:640px){.container{width:89%}.header-inner{height:82px;gap:14px}.brand img{width:115px;height:78px}.header-cta{min-height:44px;font-size:.75rem;padding:10px 12px;gap:10px}.header-cta span{font-size:1.3rem}.menu-toggle{width:44px;height:44px;flex:0 0 auto}.nav{top:81px;flex-direction:column;align-items:stretch;gap:0;padding:15px 6%}.nav a{padding:13px 0;border-bottom:1px solid #edf1f4}.hero-grid{display:flex;flex-direction:column;gap:35px;padding-block:38px 35px;min-height:0}.hero-copy{width:100%}.hero-copy .eyebrow{font-size:.875rem;margin-bottom:18px}.hero h1{font-size:clamp(2.8rem,9.4vw,3.65rem);line-height:1.48;letter-spacing:-.055em;margin-right:0}.hero-description{font-size:1rem;line-height:2.05;margin-top:22px;max-width:410px}.hero-description br{display:none}.hero-actions{gap:24px;margin-top:28px;flex-wrap:nowrap}.hero-actions .button{font-size:.875rem;min-height:54px;padding:13px 15px;gap:15px}.light-link{font-size:.875rem;gap:10px}.round-arrow{width:30px;height:30px}.hero-note{margin-top:25px;gap:10px}.hero-note>span{font-size:23px}.hero-note p{font-size:.75rem}.hero-note p br{display:none}.hero-note strong{margin-right:5px}.hero-visual{height:388px;max-width:390px;margin:6px auto 0}.stage-tall{width:59%;top:4px;left:17px;border-width:4px}.stage-wide{width:84%;bottom:5px;right:0;border-width:4px}.stage-frame{width:84%;height:83%;top:13px;border-radius:90px 4px 4px 4px}.stage-frame span{font-size:.75rem;padding-inline:10px}.stage-stamp{width:90px;height:90px;right:4px;top:30px}.stage-stamp strong{font-size:1.2rem}.stage-caption{font-size:.75rem;padding:3px 5px 7px}.hero-bottom{padding-block:19px;justify-content:center;row-gap:12px;min-height:92px}.hero-bottom>span{display:none}.saudi-time{font-size:.75rem;gap:10px}.saudi-time time{font-size:.875rem}.hero-watermark{bottom:84px;font-size:24vw}.ticker{padding-block:16px}.ticker-track{gap:27px}.ticker-track>span{font-size:1rem}.ticker-track>b{font-size:19px}.section{padding-block:62px}.eyebrow{font-size:.875rem;margin-bottom:18px;gap:11px}.index{width:28px;height:28px;font-size:.75rem}.section h2{font-size:clamp(1.9rem,7vw,2.45rem);line-height:1.6;letter-spacing:-.045em}.section-top{display:block;margin-bottom:32px}.section-intro{max-width:none;margin-top:20px;font-size:1rem;line-height:2}.about-grid{grid-template-columns:1fr;gap:18px}.about-content{padding-top:5px}.about-content .lead{font-size:1.15rem;line-height:2;margin-bottom:16px}.about-content>p{font-size:1rem;line-height:2.1}.about-principles{margin-top:26px;padding-top:23px;gap:17px}.about-principles strong{font-size:.875rem;display:block}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:25px 24px 19px}.service-top{margin-bottom:22px}.service-top svg{width:37px;height:37px}.service-card h3{font-size:1.18rem}.service-card>p{min-height:0;font-size:1rem}.service-card ul{font-size:.875rem;margin:18px 0 22px}.service-bottom>span{font-size:.75rem}.commerce-grid{display:flex;flex-direction:column-reverse;gap:45px}.commerce-copy{width:100%}.commerce-copy>p:not(.eyebrow):not(.commerce-note){font-size:1rem;line-height:2.15}.commerce-steps>li{padding-block:18px;gap:17px}.commerce-steps h3{font-size:1rem}.commerce-steps p{font-size:.875rem}.commerce-note{font-size:.75rem}.commerce-copy .button{font-size:.875rem}.commerce-image{max-width:345px;width:95%}.image-tab{font-size:.8125rem;transform:translate(-4px,3px)}.featured-work{margin-bottom:32px}.featured-content{padding:26px 24px}.featured-content h3{font-size:1.85rem}.featured-content>p{font-size:1rem}.featured-content .project-description{font-size:.875rem;margin-top:12px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.project-image{aspect-ratio:auto}.project-image img{width:100%;height:auto;object-fit:contain}.project-meta{margin-top:17px}.project-meta h3{font-size:1.2rem}.project-card>p{font-size:.875rem;line-height:2;margin-top:8px}.project-index{font-size:1.5rem}.image-open{bottom:15px;left:15px}.work-end{display:block;margin-top:34px;padding-top:26px}.work-end .button{margin-top:21px;font-size:.875rem}.work-end>p{font-size:1rem}.work-end strong{font-size:1.1rem}.process-grid{margin-top:32px;row-gap:30px;column-gap:0}.process-grid>li{padding:26px 16px 0}.process-number{font-size:2.8rem;margin-bottom:18px}.process-grid h3{font-size:1.2rem;margin-bottom:13px}.process-grid p{font-size:.875rem;line-height:2}.difference-grid{gap:28px}.value-list>article{gap:17px;padding:22px 0}.value-list h3{font-size:1.05rem}.value-list p{font-size:1rem;line-height:2.1}.difference .text-link{margin-top:24px}.faq-grid{gap:27px}.faq-grid>div:first-child>p:not(.eyebrow){font-size:1rem;margin-top:18px}.faq-list summary{font-size:1rem;gap:20px;padding:22px 0}.faq-list details>p{padding:0 0 24px 5px;font-size:1rem;line-height:2.15}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:2.5rem}.contact-copy>p:not(.eyebrow){font-size:1rem;line-height:2.1;margin-top:22px}.contact-phone{font-size:2rem;margin-top:26px}.contact-whatsapp{font-size:.875rem;margin-top:15px}.contact-footnote{margin-top:25px;font-size:.8125rem}.brief-form{padding:27px 22px}.brief-form h3{font-size:1.05rem;margin-bottom:26px}.field label{font-size:.875rem}.field :is(input,select,textarea){font-size:1rem;padding:11px 8px}.field textarea{min-height:118px}.brief-form .button{font-size:.875rem;padding-inline:17px;gap:15px}.form-note{font-size:.75rem}.footer{padding:26px 0 90px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding-bottom:25px}.footer-brand img{width:127px;height:87px}.footer-main>p{font-size:.875rem;line-height:2}.footer-main>nav{gap:16px;font-size:.875rem;grid-column:1/-1}.back-top{font-size:.875rem;grid-column:1/-1;justify-self:start}.footer-bottom{display:flex;align-items:flex-start;gap:16px 20px;font-size:.75rem}.footer-bottom>span:first-child{width:100%}.floating-whatsapp{left:17px;bottom:17px;padding:12px}.floating-whatsapp svg{width:25px;height:25px}.project-dialog{width:94vw;max-height:92dvh;border-radius:5px}.dialog-shell{display:flex;flex-direction:column;min-height:0}.dialog-close{position:sticky;align-self:flex-end;left:auto;top:12px;margin:12px 12px -54px;width:44px;height:44px}.dialog-image-area{padding:17px;padding-top:66px}.dialog-image-area>img{max-height:65dvh}.dialog-copy{padding:25px;display:block}.dialog-copy h2{font-size:1.6rem}.dialog-copy>p{font-size:1rem}.dialog-copy ul{font-size:.875rem}.dialog-copy .button{margin-top:24px;max-width:100%;font-size:.875rem}}
@media(max-width:370px){.container{width:90%}.header-cta{font-size:.75rem;gap:6px;padding-inline:8px}.header-cta>span{display:none}.header-inner{gap:10px}.brand img{width:102px}.hero-actions{gap:16px}.hero-actions .button{font-size:.8125rem;gap:10px;padding-inline:13px}.hero-visual{height:346px}.hero h1{font-size:2.6rem}.light-link{font-size:.8125rem}.hero-note strong{display:block;margin-right:0}.contact-phone{font-size:1.8rem}.service-card{padding-inline:21px}}
.hero h1{font-size:clamp(2.4rem,5.25vw,4.85rem);letter-spacing:0}.section h2,.service-card h3{letter-spacing:0}.hero-copy,.hero-visual,.contact-copy,.brief-form{min-width:0}
@media(max-width:640px){.hero h1{font-size:clamp(2.3rem,10.1vw,3.65rem)}}
@media(max-width:370px){.header-inner{gap:8px}.brand img{width:98px}.header-cta{max-width:125px;line-height:1.5;padding-block:7px}.hero-actions{gap:12px}.hero-actions .button{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media print{.header,.ticker,.floating-whatsapp,.hero-visual,.reading-progress,.motion-toggle,.project-dialog,.brief-form{display:none!important}.section{padding-block:30px}.hero{padding-block:25px}.hero-grid{display:block;min-height:0;padding-block:0}.hero,.commerce,.process,.contact{background:#fff!important;color:#132c3f!important}.hero *,.commerce *,.process *,.contact *{color:#132c3f!important}.reveal{opacity:1!important;transform:none!important}.container{width:95%}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.footer{padding-bottom:20px}}
