:root{--bg:#000;--surface:#0d0d0d;--text:#fff;--muted:#a4a4a4;--rule:#191919;--font:'DM Sans',Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif;--width:992px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#555 #0a0a0a}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#fff;color:#000}.wrap{width:calc(100% - 88px);max-width:var(--width);margin-inline:auto}.icon{flex:none;object-fit:contain;filter:invert(1)}.skip-link{position:fixed;top:10px;left:12px;z-index:100;background:#fff;color:#000;padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.floating-header{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:12px}.nav-capsule{display:flex;align-items:center;gap:10px;min-height:50px;border:1px solid #333;border-radius:100px;padding:7px 10px 7px 12px;background:#050505ed;box-shadow:inset 0 2px 4px #ffffff35,0 4px 15px #0008,0 0 0 3px #161616;backdrop-filter:blur(14px)}.nav-identity{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:600}.initial-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;font-family:var(--display);font-size:15px;font-weight:600;font-style:italic;background:linear-gradient(145deg,#e2ded4,#939188);color:#151515;border:1px solid #ffffff88;line-height:1}.initial-avatar.small{width:29px;height:29px;font-size:13px}.initial-avatar.large{width:64px;height:64px;font-size:29px}.nav-toggle{display:flex;align-items:center;justify-content:center;gap:3px;width:24px;min-width:24px;height:30px;padding:0}.nav-toggle span{width:4px;height:4px;background:#7c7c7c;border-radius:50%}.main-nav{display:flex;gap:22px;align-items:center;max-width:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-width .35s var(--ease),opacity .2s;white-space:nowrap}.nav-capsule:hover .main-nav,.nav-capsule:focus-within .main-nav,.nav-open .main-nav{max-width:600px;opacity:1;visibility:visible;padding-inline-end:12px}.main-nav a{font-size:12px}.main-nav a:hover{color:#ccc}.main-nav .nav-contact{background:#fff;color:#000;padding:8px 16px;border-radius:40px}.language-button{font-family:Thmanyah,serif;font-size:13px;color:#bfbfbf;position:absolute;inset-inline-start:calc(100% + 16px);padding:8px 4px;min-width:42px;white-space:nowrap}.language-button:hover{color:#fff}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:142px;min-height:490px;align-items:start}.hero-art{position:relative;height:320px;width:100%;margin-top:-8px;perspective:1000px}.hero-card{position:absolute;width:330px;height:242px;object-fit:cover;border-radius:12px;box-shadow:0 15px 30px #0009;border:1px solid #222;transition:transform .7s var(--ease)}.card-back{top:18px;left:33px;transform:rotate(13deg)}.card-middle{top:55px;left:7px;transform:rotate(-8deg);object-position:50% 50%}.card-front{top:0;left:0;transform:rotate(10deg);object-position:50% 60%}.hero-art:hover .card-front{transform:translateY(-9px) rotate(6deg)}.hero-art:hover .card-middle{transform:translate(-8px,8px) rotate(-12deg)}.hero-art:hover .card-back{transform:translate(10px,-8px) rotate(16deg)}.hero-copy{text-align:right;padding-top:2px}.availability{display:inline-flex;align-items:center;gap:10px;flex-direction:row-reverse;background:#fff;color:#151515;border-radius:30px;font-size:10px;padding:8px 13px;min-height:30px;margin-bottom:23px}.availability-dot{width:7px;height:7px;border-radius:50%;background:#50c77c;box-shadow:0 0 0 4px #55c87b1a}.hero h1{font-family:var(--display);font-size:72px;line-height:.95;font-weight:600;letter-spacing:-.045em}.hero-description{max-width:400px;margin:22px 0 0 auto;font-size:15px;font-style:italic;line-height:1.65}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;border:1px solid #343434;border-radius:100px;padding:8px 17px;background:#030303;box-shadow:inset 0 2px 4px #ffffff3d,0 0 0 2px #111;transition:background .2s,box-shadow .2s;font-size:12px}.glass-button:hover{background:#161616;box-shadow:inset 0 2px 4px #ffffff60,0 0 0 2px #222}.hero-cta{margin-top:30px;padding:7px 9px 7px 18px;gap:16px}.brand-strip{border-bottom:1px solid #111;padding:58px 0 48px}.brand-strip-inner{display:flex;gap:35px;align-items:center}.brand-marquee{overflow:hidden;flex:1;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.brand-track{display:flex;align-items:center;justify-content:space-between;gap:35px}.brand-track img{max-width:115px;width:15%;height:37px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.42}.brand-track img[alt=Vodafone],.brand-track img[alt=Extra]{height:43px}.brand-proof{display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}.brand-proof strong{font-size:21px;font-weight:500}.brand-proof span{font-size:10px;color:#d0d0d0}.section-title{font-family:var(--display);font-size:58px;line-height:1.2;font-weight:500;letter-spacing:-.035em}.work-section{padding-top:128px}.work-section>.section-title{text-align:right;margin-bottom:48px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 18px}.project-card{display:block;min-width:0}.project-media{aspect-ratio:1.365;border-radius:20px;overflow:hidden;background:#080808;position:relative}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.project-media[data-image=one-of-thousand] img{object-position:50% 40%}.project-media[data-image=moonlight] img{object-position:50% 60%}.project-card:hover .project-media img{transform:scale(1.025)}.project-caption{display:flex;align-items:center;justify-content:space-between;padding-top:12px;gap:16px}.project-caption-copy{text-align:right;order:2;min-width:0}.project-caption h3{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.3}.project-caption p{font-size:11px;line-height:1.6;margin-top:2px;color:#c2c2c2}.view-project{display:flex;align-items:center;gap:7px;color:#b1b1b1;font-size:10px;white-space:nowrap}.project-card:hover .view-project{color:#fff}.work-bottom{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:88px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.5}.text-link:hover{color:#c8c8c8}.portfolio-download{font-size:11px;color:#888;display:flex;align-items:center;gap:8px;padding:8px}.portfolio-download:hover{color:#fff}
.behind-section{position:relative;padding-top:150px;overflow:hidden;padding-bottom:30px}.floor-grid{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:max(100%,1300px);max-width:none;height:490px;object-fit:cover;opacity:.8;pointer-events:none}.about-copy{position:relative;z-index:1;text-align:center;max-width:720px}.about-lead{font-family:var(--display);font-size:25px;font-weight:500;line-height:1.4;max-width:680px;margin:26px auto 0}.about-description{max-width:410px;margin:24px auto 0;font-size:13px;line-height:1.8}.about-gallery{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:40px;margin-top:53px;padding-bottom:15px;max-width:920px}.about-gallery figure{position:relative;width:235px;height:286px;flex:none}.about-gallery figure:first-child{transform:rotate(4deg);height:265px}.about-gallery figure:nth-child(2){transform:rotate(-2deg);height:276px}.about-gallery figure:last-child{transform:rotate(3deg)}.about-gallery img{width:100%;height:100%;object-fit:cover;border-radius:20px}.about-gallery figcaption{position:absolute;top:-31px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:30px;background:#a7abab;color:#171717;white-space:nowrap;font-size:10px}.about-gallery figure:first-child figcaption,.about-gallery figure:nth-child(2) figcaption{top:auto;bottom:16px;background:#151515bf;color:#fff;backdrop-filter:blur(10px)}.services-section{padding:100px 0 95px;overflow:hidden}.service-track{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;gap:18px;margin:auto}.service-chip{display:flex;align-items:center;gap:9px;background:#0d0d0d;border-radius:50px;padding:15px 20px;color:#b7b7b7;font-size:12px;white-space:nowrap}.service-chip .icon{opacity:.75}.career-section{padding-top:10px}.career-section>.section-title{text-align:right;margin-bottom:65px}.career-layout{display:grid;grid-template-columns:330px 1fr;gap:66px;align-items:start}.profile-panel{position:sticky;top:120px;text-align:center}.profile-art{position:relative;height:420px;border-radius:18px;overflow:hidden}.profile-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.profile-socials{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.profile-socials a{display:grid;place-items:center;background:#0008;border:1px solid #ffffff15;border-radius:50%;height:32px;width:32px;font-size:12px;font-weight:600;backdrop-filter:blur(15px)}.profile-panel h3{font-family:var(--display);font-size:26px;font-weight:600;margin-top:18px}.profile-panel>p{color:#999;font-size:11px;margin-top:6px}.cv-link{font-size:11px;margin-top:17px;color:#bbb}.timeline{position:relative;display:flex;flex-direction:column;gap:16px}.timeline::before{content:'';position:absolute;right:39px;top:48px;bottom:48px;width:1px;background:#666}.timeline-item{position:relative;padding:28px 77px 27px 26px;border:1px solid #171717;border-radius:20px;text-align:right;min-height:156px}.timeline-heading{display:flex;gap:20px;justify-content:space-between;flex-direction:row-reverse;align-items:start}.timeline-heading h3{font-family:var(--display);font-size:21px;line-height:1.35;font-weight:600;max-width:310px}.timeline-heading time{font-size:12px;color:#aaa;white-space:nowrap;line-height:1.7}.timeline-item p{font-size:12px;color:#999;line-height:1.8;margin-top:15px}.timeline-symbol{position:absolute;right:20px;top:30px;width:38px;height:38px;border-radius:50%;background:#d8d8d8;display:grid;place-items:center}.timeline-symbol img{width:17px;height:17px}.collaboration-section{padding-top:140px}.collaboration-section .section-title{text-align:right;margin-bottom:55px}.collaboration-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collaboration-notes article{background:#0b0b0b;border-radius:16px;padding:35px 32px;text-align:right;min-height:190px}.collaboration-notes h3{font-family:var(--display);font-size:32px;font-weight:500;margin-bottom:20px;border-bottom:1px solid #222;padding-bottom:20px}.collaboration-notes p{font-size:14px;color:#bbb;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#0c0c0c;border-radius:20px;padding:30px 10px;margin-top:65px}.stats>div{display:flex;flex-direction:column;align-items:center;gap:9px;border-inline-end:1px solid #292929;padding:8px 12px}.stats>div:last-child{border:0}.stats strong{font-size:35px;font-weight:600;line-height:1.2}.stats span{font-size:12px;color:#bfbfbf;text-align:center}
.faq-section{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:start;padding-top:145px}.faq-column>.section-title{text-align:right;margin-bottom:50px}.faq-item{margin-bottom:16px;background:#0d0d0d;border-radius:16px;overflow:hidden}.faq-item summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:21px 24px;min-height:62px;font-size:13px}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font-size:12px;color:#ddd;margin-inline-start:auto;order:3}.faq-question{order:2;text-align:right;flex:1}.faq-plus{order:1;width:14px;height:14px}.faq-minus{display:none}.faq-item[open] .faq-plus{display:none}.faq-item[open] .faq-minus{display:block;order:1}.faq-answer{font-size:13px;color:#bbb;line-height:1.9;text-align:right;padding:12px 30px 30px}.contact-card{border:1px solid #595959;border-radius:20px;padding:27px 25px 28px;box-shadow:inset 0 3px 5px #ffffff40,0 0 0 2px #141414;text-align:right;position:sticky;top:120px}.contact-card>.initial-avatar{margin-inline-start:auto;margin-bottom:25px}.contact-card h3{font-family:var(--display);font-size:35px;font-weight:600;line-height:1.2}.contact-card>p{font-size:12px;margin-top:17px;line-height:1.7}.contact-card-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.white-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:50px;padding:12px 18px;min-height:43px;color:#000;background:#fff;font-size:12px;white-space:nowrap;transition:background .2s}.white-button .icon{filter:none}.white-button:hover{background:#ddd}.contact-card-actions .glass-button{padding-inline:16px}.footer{padding-top:180px;padding-bottom:125px}.footer-heading{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;gap:35px}.footer-heading h2{font-family:var(--display);font-size:60px;line-height:1.05;font-weight:500;text-align:right;letter-spacing:-.025em}.footer-intro{font-family:var(--display);font-size:29px;text-align:right;line-height:1.4;margin-top:23px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:right;padding:65px 0 45px}.footer-columns>div{display:flex;flex-direction:column;gap:13px}.footer-columns>div>span{font-size:11px;color:#777}.footer-columns a{font-size:13px}.footer-columns p{display:flex;gap:16px;justify-content:flex-end}.footer-columns a:hover{color:#aaa}.email-address{font-family:Georgia,serif;font-weight:bold;direction:ltr}.footer-bottom{border-top:1px solid #454545;display:flex;justify-content:space-between;gap:25px;padding-top:24px;font-size:10px;color:#aaa}.floating-contact{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;z-index:45;gap:12px;padding:9px 16px 9px 10px;transition:opacity .3s,transform .3s;min-height:63px;pointer-events:none}.scrolled .floating-contact{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.floating-contact>span:last-child{display:flex;flex-direction:column;gap:4px;text-align:right}.floating-contact strong{font-size:12px;font-weight:500}.floating-contact small{font-size:9px;color:#aaa}.mail-ring{border:1px solid #666;border-radius:50%;height:40px;width:40px;display:grid;place-items:center}
.case-study{padding-top:160px;outline:none}.case-back{font-size:12px;color:#999;margin-bottom:50px;display:inline-flex;align-items:center;gap:10px}.case-study h1{font-family:var(--display);font-weight:500;font-size:64px;line-height:1.1;text-align:right;letter-spacing:-.03em;max-width:800px;margin-inline-start:auto}.case-intro{max-width:750px;margin:45px 0 0 auto;text-align:right}.case-type{font-size:12px;color:#999;margin-bottom:25px}.case-description{font-size:14px;line-height:1.9;margin-bottom:26px}.case-deliverables{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:15px}.case-deliverables span{border:1px solid #888;border-radius:40px;padding:7px 13px;font-size:11px}.case-cover{width:100%;height:auto;max-height:680px;object-fit:cover;border-radius:20px;margin-top:75px;aspect-ratio:1.6}.case-cover.portrait{object-fit:contain;background:#090807;aspect-ratio:1.6}.case-story{max-width:750px;margin:55px 0 0 auto;text-align:right}.case-story h2{font-family:var(--display);font-size:38px;font-weight:500;margin-bottom:18px}.case-story p{font-size:14px;color:#c1c1c1;line-height:1.9}.case-note{font-size:11px;color:#777;line-height:1.8;border-top:1px solid #222;margin-top:25px;padding-top:18px}.case-gallery{display:grid;gap:60px;margin-top:60px}.case-gallery img{width:100%;height:auto;max-height:1100px;object-fit:contain;border-radius:16px;background:#080808}.case-gallery figcaption{text-align:right;font-size:12px;color:#999;line-height:1.7;margin-top:15px}.case-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #333;padding-top:35px;margin-top:65px}.case-end a{font-size:13px;display:flex;align-items:center;gap:12px}.case-end a:hover{color:#aaa}
[dir=rtl]{--font:Thmanyah,serif;--display:Thmanyah,serif}[dir=rtl] .hero h1{font-size:72px;line-height:.95;letter-spacing:0;font-weight:500}[dir=rtl] .hero-description{font-size:18px;font-style:normal;line-height:1.2}[dir=rtl] .hero{direction:ltr}[dir=rtl] .hero-copy{direction:rtl}[dir=rtl] .availability{font-size:12px;flex-direction:row}[dir=rtl] .section-title{font-size:58px;letter-spacing:0}[dir=rtl] .nav-capsule{direction:ltr}[dir=rtl] .main-nav,[dir=rtl] .nav-identity{direction:rtl}[dir=rtl] .language-button{font-family:'DM Sans',sans-serif}[dir=rtl] .nav-identity{font-size:14px}[dir=rtl] .initial-avatar{font-family:'Cormorant Garamond',serif;direction:ltr}[dir=rtl] .project-caption{direction:ltr}[dir=rtl] .project-caption-copy{direction:rtl}[dir=rtl] .project-caption h3{font-size:20px}[dir=rtl] .project-caption p{font-size:12px}[dir=rtl] .about-lead{font-size:21px;line-height:1.3}[dir=rtl] .about-description{font-size:16px;line-height:1.3}[dir=rtl] .timeline-heading h3{font-size:18px}[dir=rtl] .timeline-item p{font-size:15px;line-height:1.3}[dir=rtl] .timeline-heading{flex-direction:row}[dir=rtl] .career-layout{direction:ltr}[dir=rtl] .timeline{direction:rtl}[dir=rtl] .faq-section{direction:ltr}[dir=rtl] .faq-column,[dir=rtl] .contact-card{direction:rtl}[dir=rtl] .faq-item summary{flex-direction:row-reverse}[dir=rtl] .faq-number{margin-inline-start:0}[dir=rtl] .faq-answer{font-size:15px;line-height:1.5}[dir=rtl] .contact-card>.initial-avatar{margin-right:0;margin-left:auto}[dir=rtl] .footer-heading{direction:ltr}[dir=rtl] .footer-heading h2{direction:rtl}[dir=rtl] .footer-intro{font-size:28px}[dir=rtl] .case-description,[dir=rtl] .case-story p{font-size:17px;line-height:1.4}[dir=rtl] .case-study h1{letter-spacing:0}
@media(max-width:1100px){.hero{gap:40px;min-height:480px}.hero-card{width:290px;height:220px}.hero h1{font-size:58px}.hero-art{height:300px}.hero-description{font-size:13px}.brand-track{gap:25px}.brand-track img{max-width:95px}.career-layout{grid-template-columns:280px 1fr;gap:35px}.profile-art{height:370px}.timeline-item{padding-left:20px;padding-right:70px}.timeline-heading{display:block}.timeline-heading time{display:block;margin-top:9px}.timeline-heading h3{max-width:none}.contact-card-actions{flex-wrap:wrap}.contact-card h3{font-size:30px}.section-title{font-size:50px}[dir=rtl] .hero h1{font-size:48px}[dir=rtl] .section-title{font-size:46px}.about-gallery{gap:45px}.about-gallery figure{width:205px;height:265px}.about-gallery figure:first-child{height:245px}.about-gallery figure:nth-child(2){height:250px}}
@media(max-width:900px){.career-layout{display:flex;flex-direction:column;gap:50px}.profile-panel{position:relative;top:0;max-width:365px;width:100%;margin:auto}.profile-art{height:480px}.timeline{width:100%;max-width:580px;margin:auto}.timeline-heading{display:flex}.timeline-heading time{margin-top:0}.timeline-heading h3{max-width:330px}.about-gallery figure{width:185px;height:250px}.about-gallery figure:first-child{height:230px}.about-gallery figure:nth-child(2){height:235px}.brand-proof span{max-width:100px;white-space:normal;text-align:center;line-height:1.5}.hero-card{width:270px;height:210px}.hero-art{margin-top:6px}.hero h1{font-size:54px}}
@media(max-width:650px){html{scroll-padding-top:105px}.wrap{width:calc(100% - 32px)}.floating-header{top:24px;gap:0}.nav-capsule{min-height:48px;padding:7px 9px 7px 11px;gap:12px}.nav-identity{font-size:11px}.initial-avatar{width:31px;height:31px}.nav-toggle{width:20px;min-width:20px}.language-button{inset-inline-start:calc(100% + 13px);font-size:12px;min-width:34px}.main-nav{position:absolute;top:62px;left:50%;transform:translateX(-50%);width:250px;max-width:none;display:none;background:#090909f5;border:1px solid #333;border-radius:20px;padding:20px!important;box-shadow:inset 0 2px 4px #ffffff20,0 10px 30px #000;flex-direction:column;gap:20px;overflow:visible;opacity:1;visibility:visible}.nav-capsule:hover .main-nav,.nav-capsule:focus-within .main-nav{max-width:none}.nav-open .main-nav{display:flex}.main-nav a{font-size:14px}.hero{display:block;padding-top:146px;min-height:480px;width:calc(100% - 88px);max-width:360px}.hero-art{display:none}.hero-copy{padding-top:0;text-align:right}.hero h1{font-size:51px;line-height:.97;letter-spacing:-.04em}.availability{font-size:9px;min-height:30px;padding:7px 10px;margin-bottom:23px;gap:10px}.hero-description{font-size:13px;line-height:1.7;max-width:270px;margin-top:24px}.hero-cta{margin-top:27px;min-height:45px;font-size:11px;gap:15px}.brand-strip{padding-top:56px;padding-bottom:47px}.brand-strip-inner{gap:23px;width:calc(100% - 40px)}.brand-marquee{width:190px}.brand-track{justify-content:flex-start;gap:30px;width:max-content;animation:brand-slide 24s linear infinite}.brand-track img{width:90px;max-width:90px;height:33px}.brand-track img[alt=Vodafone],.brand-track img[alt=Extra]{height:37px}.brand-proof{min-width:100px}.brand-proof strong{font-size:21px}.brand-proof span{font-size:9px;max-width:105px}.section-title{font-size:43px;line-height:1.2}.work-section{padding-top:105px}.work-section>.section-title{margin-bottom:40px}.work-grid{grid-template-columns:1fr;gap:28px}.project-media{aspect-ratio:1.365;border-radius:18px}.project-caption{padding-top:12px;gap:15px}.project-caption h3{font-size:23px}.project-caption p,.view-project{font-size:10px}.work-bottom{padding-top:62px;gap:20px}.text-link{font-size:14px}.portfolio-download{font-size:10px}.behind-section{padding-top:140px}.about-copy{max-width:340px;width:calc(100% - 44px)}.about-lead{font-size:22px;line-height:1.4;margin-top:26px}.about-description{font-size:12px;max-width:285px;margin-top:22px;line-height:1.85}.floor-grid{width:850px;height:370px;bottom:0;opacity:.65}.about-gallery{gap:13px;width:calc(100% - 30px);margin-top:55px;padding-bottom:5px}.about-gallery figure{width:29%;height:162px}.about-gallery figure:first-child{height:148px}.about-gallery figure:nth-child(2){height:155px}.about-gallery img{border-radius:13px}.about-gallery figcaption{font-size:7px;padding:6px 7px;max-width:125px;white-space:normal;text-align:center}.about-gallery figure:first-child figcaption,.about-gallery figure:nth-child(2) figcaption{bottom:12px}.about-gallery figure:last-child figcaption{top:-27px}.services-section{padding:85px 0 65px}.service-track{gap:12px;width:580px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.service-chip{font-size:10px;padding:12px 17px;gap:8px}.service-chip .icon{width:14px;height:14px}.career-section{padding-top:20px}.career-section>.section-title{margin-bottom:45px}.career-layout{gap:40px}.profile-panel{max-width:290px}.profile-art{height:380px}.profile-panel h3{font-size:25px}.profile-panel>p{font-size:10px}.timeline{gap:14px}.timeline::before{right:29px}.timeline-symbol{width:32px;height:32px;right:14px;top:25px}.timeline-symbol img{width:15px;height:15px}.timeline-item{padding:25px 60px 24px 18px;border-radius:17px}.timeline-heading{display:block}.timeline-heading h3{font-size:21px}.timeline-heading time{font-size:10px;display:block;margin-top:8px}.timeline-item p{font-size:11px;line-height:1.9;margin-top:12px}.collaboration-section{padding-top:115px}.collaboration-section .section-title{font-size:41px;margin-bottom:35px}.collaboration-notes{grid-template-columns:1fr;gap:16px}.collaboration-notes article{padding:25px 24px;min-height:170px}.collaboration-notes h3{font-size:29px;margin-bottom:15px;padding-bottom:15px}.collaboration-notes p{font-size:12px}.stats{margin-top:35px;padding:23px 4px;border-radius:17px}.stats>div{padding:5px 8px;gap:8px}.stats strong{font-size:25px}.stats span{font-size:8px;line-height:1.6;max-width:90px}.faq-section{padding-top:110px;grid-template-columns:1fr;gap:45px}.faq-column>.section-title{margin-bottom:36px}.faq-item{margin-bottom:14px;border-radius:15px}.faq-item summary{padding:18px 19px;gap:15px;font-size:11px;min-height:60px}.faq-number{font-size:10px}.faq-answer{font-size:12px;line-height:1.85;padding:12px 24px 25px}.contact-card{position:relative;top:0;max-width:100%;padding:25px;border-radius:20px}.contact-card h3{font-size:34px}.contact-card>.initial-avatar{margin-bottom:23px}.contact-card>p{font-size:12px}.contact-card-actions{flex-wrap:nowrap;justify-content:flex-end}.footer{padding-top:120px;padding-bottom:120px}.footer-heading{display:block}.footer-heading h2{font-size:49px}.footer-heading .white-button{margin-top:27px;float:left}.footer-intro{font-size:25px;margin-top:100px;clear:both}.footer-columns{grid-template-columns:1fr;text-align:right;gap:28px;padding:45px 0 35px}.footer-columns>div{gap:10px}.footer-columns p{justify-content:flex-end}.footer-bottom{font-size:9px;gap:18px;line-height:1.7}.floating-contact{bottom:20px;min-height:61px;gap:11px;padding:8px 13px 8px 9px}.floating-contact strong{font-size:12px}.floating-contact small{font-size:9px}.mail-ring{height:38px;width:38px}.case-study{padding-top:135px}.case-back{font-size:11px;margin-bottom:40px}.case-study h1{font-size:45px}.case-intro{margin-top:30px}.case-description{font-size:13px;line-height:1.9}.case-type{font-size:11px;margin-bottom:20px}.case-deliverables{gap:7px}.case-deliverables span{font-size:9px;padding:6px 10px}.case-cover{margin-top:45px;border-radius:14px;aspect-ratio:1.25}.case-cover.portrait{aspect-ratio:1.1}.case-story{margin-top:35px}.case-story h2{font-size:33px}.case-story p{font-size:12px;line-height:1.9}.case-note{font-size:10px}.case-gallery{margin-top:40px;gap:35px}.case-gallery img{border-radius:12px}.case-gallery figcaption{font-size:10px}.case-end{margin-top:40px;padding-top:25px;gap:15px}.case-end a{font-size:11px}.case-end a:last-child{text-align:right}[dir=rtl] .hero h1{font-size:42px;line-height:.95}[dir=rtl] .hero-description{font-size:18px;line-height:1.2}[dir=rtl] .hero-cta{margin-top:30px}[dir=rtl] .section-title{font-size:42px}[dir=rtl] .about-lead{font-size:19px;line-height:1.3}[dir=rtl] .about-description{font-size:15px;line-height:1.3}[dir=rtl] .timeline-heading h3{font-size:18px}[dir=rtl] .timeline-item p{font-size:14px;line-height:1.35}[dir=rtl] .faq-item summary{font-size:14px}[dir=rtl] .faq-answer{font-size:15px;line-height:1.4}[dir=rtl] .footer-intro{font-size:25px}[dir=rtl] .case-study h1{font-size:39px}[dir=rtl] .case-description,[dir=rtl] .case-story p{font-size:16px;line-height:1.4}}
@media(min-width:651px){[lang=en] .hero h1{white-space:nowrap}}@media(min-width:1101px){.hero-art{margin-inline-start:70px;margin-top:-22px}.hero-card{width:350px;height:265px}}
@keyframes brand-slide{0%,10%{transform:translateX(0)}90%,100%{transform:translateX(-380px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brand-strip-inner{direction:ltr}.brand-proof strong,.stats strong{direction:ltr}[dir=rtl] .nav-identity,[dir=rtl] .hero-cta{direction:ltr}

/* Reference motion: progressive enhancement; all content is visible without JS. */
.motion-word{display:inline-block}
.motion-pending{opacity:0}
.motion-pending:focus-within{opacity:1}
.project-stack-active .hero-art{visibility:hidden}
.stack-card{position:relative;transform-origin:top left;transition:none!important}
.stack-card .project-caption{opacity:var(--caption-opacity,1)}
.stack-card .project-media{box-shadow:0 18px 45px #0007}
.project-card .project-media{transition:box-shadow .45s var(--ease)}
.project-card:hover .project-media{box-shadow:0 12px 40px #ffffff0c}
.view-project .icon,.white-button .icon,.text-link .icon{transition:translate .35s var(--ease)}
.project-card:hover .view-project .icon,.white-button:hover .icon,.text-link:hover .icon{translate:3px -3px}
.glass-button,.white-button{position:relative;isolation:isolate}
.glass-button:active,.white-button:active{scale:.97}
.glass-button::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff1c 48%,transparent 70%);background-size:250% 100%;background-position:150% 0;opacity:0;transition:background-position .65s,opacity .3s}
.glass-button:hover::after{background-position:-50% 0;opacity:1}
.availability-dot{position:relative}
.availability-dot::after{content:'';position:absolute;inset:-5px;border:1px solid #50c77c70;border-radius:50%;animation:availability-pulse 2.6s ease-out infinite}
.nav-toggle span{animation:nav-dot 1.8s ease-in-out infinite}
.nav-toggle span:nth-child(2){animation-delay:.16s}.nav-toggle span:nth-child(3){animation-delay:.32s}
.nav-capsule:hover .nav-toggle span,.nav-open .nav-toggle span{animation-play-state:paused}
.brand-track.seamless{width:max-content;justify-content:flex-start;gap:35px;animation:logo-loop 32s linear infinite}
.brand-track.seamless img{width:100px;max-width:100px;flex:none;height:37px}
.brand-marquee:hover .brand-track{animation-play-state:paused}
.about-gallery figure{transition:translate .6s var(--ease)}
.about-gallery figure:hover{translate:0 -12px}
.timeline-item{transition:border-color .35s,background .35s}
.timeline-item:hover{border-color:#444;background:#080808}
.service-chip{transition:background .3s,color .3s,translate .3s}
.service-chip:hover{background:#1b1b1b;color:#fff;translate:0 -4px}
.stats strong{font-variant-numeric:tabular-nums}
@keyframes logo-loop{to{transform:translateX(calc(-50% - 17.5px))}}
@keyframes availability-pulse{0%{scale:.5;opacity:0}25%{opacity:.7}100%{scale:1.5;opacity:0}}
@keyframes nav-dot{0%,60%,100%{translate:0 0}30%{translate:0 -3px}}
@media(max-width:650px){.brand-track.seamless{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1}.brand-track.seamless img[aria-hidden]{display:none}.project-stack-active .hero-art{visibility:visible}.stack-card{transform:none!important}.stack-card .project-caption{opacity:1}.about-gallery figure:hover,.service-chip:hover{translate:0}.glass-button:active,.white-button:active{scale:1}}

/* User-approved royal accents: preserve the black canvas and let work lead. */
:root{--royal-blue:#4169e1;--royal-purple:#7851c6;--accent-text:#a9b9ff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--accent-text)}
::selection{background:#6241bc;color:#fff}
.hero{position:relative;isolation:isolate}
.hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-90px -110px -90px;background:radial-gradient(ellipse at 18% 36%,#4169e11b,transparent 52%),radial-gradient(ellipse at 85% 48%,#7851c61d,transparent 48%);animation:royal-haze 14s ease-in-out infinite alternate}
.hero h1 .motion-word:last-child{color:#c5c7ff;text-shadow:0 0 45px #7851c644}
.nav-capsule{border-color:#44415d;box-shadow:inset 0 2px 4px #d1c5ff35,0 4px 22px #0008,0 0 0 3px #17141f}
.initial-avatar{background:linear-gradient(145deg,#d5ddff,#a28cce);border-color:#d2c3ff88;color:#19142c}
.language-button:hover,.text-link:hover,.back-top:hover,.source-link{color:var(--accent-text)}
.hero-cta{background:linear-gradient(120deg,#253b80,#442573);border-color:#7770b4;box-shadow:inset 0 2px 4px #ffffff3d,0 0 0 2px #191329,0 8px 35px #4169e11a}
.hero-cta:hover{background:linear-gradient(120deg,#3453b5,#6333a1);box-shadow:inset 0 2px 4px #ffffff60,0 0 0 2px #3b2a59,0 8px 35px #7851c63b}
.white-button,.main-nav .nav-contact{background:var(--royal-blue);color:#fff}
.white-button .icon{filter:invert(1)}
.white-button:hover{background:#5379ed;box-shadow:0 7px 24px #4169e133}
.section-title::before{content:'';display:block;width:38px;height:3px;border-radius:4px;margin:0 0 20px auto;background:linear-gradient(90deg,var(--royal-blue),var(--royal-purple))}
.about-copy .section-title::before{margin-inline:auto}
.project-media{position:relative;isolation:isolate;outline:1px solid transparent;outline-offset:-1px}
.project-media::after,.contact-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,50%),#7851c63b,transparent 65%);opacity:0;transition:opacity .4s;z-index:2}
.project-card:hover .project-media::after,.contact-card:hover::after{opacity:1}
.project-card:hover .project-media{outline-color:#a7a0ff66;box-shadow:0 15px 50px #4169e11a,0 2px 18px #7851c622}
.project-card:hover .view-project{color:var(--accent-text)}
.project-card[data-project=saudia] .project-media img{object-fit:cover;background:#252735}
.floor-grid{filter:sepia(1) saturate(4) hue-rotate(195deg);opacity:.55}
.service-chip:nth-child(3n+1){background:#0d1225;color:#b8c8f6}
.service-chip:nth-child(3n+2){background:#191122;color:#c6b4e1}
.service-chip:hover{background:#282045;color:#fff}
.timeline::before{background:linear-gradient(var(--royal-blue),var(--royal-purple),#262032)}
.timeline-symbol{background:linear-gradient(135deg,#4169e1,#7851c6);box-shadow:0 0 22px #4169e11c}
.timeline-item:hover{border-color:#594786;background:#0c0913}
.stats strong{color:#c6caff;text-shadow:0 0 25px #7851c633}
.collaboration-notes article:first-child{background:linear-gradient(135deg,#101629,#0b0b0b 75%)}
.collaboration-notes article:last-child{background:linear-gradient(135deg,#1b1127,#0b0b0b 75%)}
.faq-item[open]{background:#141021;box-shadow:inset 2px 0 var(--royal-purple)}
.contact-card{border-color:#625185;background:radial-gradient(ellipse at 100% 0,#32204c55,transparent 60%),#050507;box-shadow:inset 0 3px 5px #c5aeff40,0 0 0 2px #1d1629}
.footer-bottom{border-color:#302740}
.floating-contact{position:fixed;border-color:#5d4b7f;background:#0d0914ed;backdrop-filter:blur(14px)}
.mail-ring{border-color:#7863a0;background:#1d1632}
.case-deliverables span{border-color:#51486c;background:#100d18}
.source-link{display:flex;width:fit-content;margin-inline-start:auto;gap:10px}
@keyframes royal-haze{from{transform:translate3d(-12px,0,0);opacity:.65}to{transform:translate3d(12px,15px,0);opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-media{transition:transform .45s var(--ease),box-shadow .45s,outline-color .45s}.project-card:hover .project-media{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}
@media(max-width:650px){.hero::before{inset:-70px -25px -50px}.section-title::before{width:28px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none}.project-media,.contact-card::after{transform:none!important}}

/* Owner-supplied portrait follows the reference's avatar and about-page placement. */
.initial-avatar{overflow:hidden;background:#180b10;border-color:#9d818b;isolation:isolate}
.initial-avatar img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 24%;transform:scale(1.9);transform-origin:50% 31%}
.about-gallery figure:nth-child(2) img{object-position:50% 30%}
.profile-art>img{object-position:50% 25%}

/* Expertise ticker: two continuous rows, faded edges and direct manipulation. */
.services-section{position:relative;isolation:isolate;padding:100px 0 85px;overflow:hidden;scroll-margin-top:40px}
.services-section .service-track{display:flex;flex-direction:column;flex-wrap:nowrap;gap:18px;width:calc(100% - 48px);max-width:1240px;margin:auto;position:relative;left:auto;transform:none;direction:ltr}
.service-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);padding:10px 0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-3px;border-radius:10px}
.service-marquee:focus-visible{outline:1px solid #8f88d5}
.service-marquee.is-dragging{cursor:grabbing}
.service-loop{display:flex;align-items:center;width:max-content;will-change:transform}
.service-group{display:flex;align-items:center;flex:none;list-style:none;margin:0;padding:0 24px 0 0;gap:24px}
.services-section .service-chip{flex:none;display:flex;align-items:center;gap:12px;min-height:56px;border:1px solid #ffffff06;border-radius:100px;padding:15px 23px;background:#18181a;color:#b8b7bf;font-size:14px;line-height:1.5;white-space:nowrap;transition:background .3s,color .3s,border-color .3s,box-shadow .3s,translate .35s var(--ease),scale .35s var(--ease)}
.services-section .service-chip .icon{width:19px;height:19px;opacity:.7;transition:opacity .3s,rotate .35s var(--ease)}
.services-section .service-chip:nth-child(3n+1){background:#161820;color:#b8bdd1}
.services-section .service-chip:nth-child(3n+2){background:#1a1720;color:#c1b9cf}
.services-section .service-chip:hover{background:#28203b;border-color:#8a74d866;color:#fff;translate:0 -3px;scale:1.035;box-shadow:0 0 25px #7851c621,inset 0 1px #ffffff0c}
.services-section .service-chip:hover .icon{opacity:1;rotate:-7deg}
[dir=rtl] .services-section .service-chip{direction:rtl;font-size:17px}
.service-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1110px;width:calc(100% - 88px);margin:17px auto 0;color:#77717f;font-size:10px}
.service-toolbar #expertise-instructions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.service-drag-hint{opacity:0;transition:opacity .3s}
.services-section:hover .service-drag-hint,.services-section:focus-within .service-drag-hint{opacity:1}
.service-motion-toggle{position:relative;z-index:3;padding:7px 0;color:#9992a4;font-size:10px;border-bottom:1px solid #3e344d}
.service-motion-toggle:hover{color:#ddd2f2;border-color:#a88bd8}
.service-pointer-glow{position:absolute;z-index:2;pointer-events:none;width:130px;height:130px;left:var(--glow-x,50%);top:var(--glow-y,50%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#9370db3d 0,#7851c62b 20%,#4169e114 42%,transparent 70%);filter:blur(10px);opacity:0;transition:opacity .3s}
.services-section.pointer-present .service-pointer-glow{opacity:1}
@media(max-width:650px){.services-section{padding:80px 0 65px}.services-section .service-track{width:100%;gap:10px}.service-group{gap:14px;padding-right:14px}.services-section .service-chip{min-height:48px;padding:12px 18px;gap:9px;font-size:12px}.services-section .service-chip .icon{width:17px;height:17px}.service-toolbar{width:calc(100% - 40px);margin-top:10px}.service-drag-hint{opacity:1}[dir=rtl] .services-section .service-chip{font-size:15px}}
@media(prefers-reduced-motion:reduce){.services-section .service-track{width:calc(100% - 32px);gap:14px}.service-marquee{mask-image:none;cursor:default;user-select:auto}.service-loop{width:100%;will-change:auto}.service-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0;gap:12px}.service-group[data-loop-clone],.service-toolbar,.service-pointer-glow{display:none}.services-section .service-chip:hover{translate:0;scale:1}.services-section .service-chip:hover .icon{rotate:0deg}}

.websites-section{padding-top:150px}
.websites-section>.section-title,.offers-section>.section-title{text-align:right;max-width:850px;margin-inline-start:auto}
.websites-intro,.offers-intro{font-size:13px;line-height:1.8;color:#aaa;text-align:right;max-width:600px;margin:24px 0 30px auto}
.website-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-bottom:32px}
.website-filters button{font-size:11px;color:#a7a3b0;background:#0d0c12;border:1px solid #272230;border-radius:40px;padding:9px 14px;transition:background .25s,color .25s,border-color .25s}
.website-filters button:hover{color:#fff;border-color:#6b5592}
.website-filters button[aria-pressed=true]{color:#e5e8ff;background:#1b2344;border-color:#4169e180}
.website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.website-card{display:block;min-width:0}
.website-window{overflow:hidden;border:1px solid #2b2637;border-radius:12px;background:#111017;transition:border-color .35s,box-shadow .35s,translate .4s var(--ease)}
.website-bar{display:flex;align-items:center;gap:10px;padding:10px 11px;direction:ltr;color:#9c95ab;font-size:8px;border-bottom:1px solid #27212e}
.website-bar>.icon{margin-left:auto;width:11px;height:11px;opacity:.6}
.browser-dots{display:flex;gap:4px}
.browser-dots i{width:4px;height:4px;display:block;border-radius:50%;background:#66577e}
.browser-dots i:nth-child(2){background:#536eb0}.browser-dots i:nth-child(3){background:#7356a3}
.website-preview{aspect-ratio:1.78;overflow:hidden;background:#111}
.website-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:scale .65s var(--ease)}
.website-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.website-caption h3{font-family:var(--display);font-weight:600;font-size:23px;line-height:1.3}
.website-caption p{color:#8e8998;font-size:10px;line-height:1.6;margin-top:5px}
.website-caption>span{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #30263e;border-radius:50%;transition:background .3s,rotate .3s}
.website-caption>span>.icon{width:13px;height:13px;opacity:.7}
.website-card:hover .website-window{translate:0 -4px;border-color:#8066af;box-shadow:0 10px 30px #7851c61a}
.website-card:hover .website-preview>img{scale:1.035}
.website-card:hover .website-caption>span{background:#35264e;rotate:6deg}
.more-websites{display:flex;align-items:center;gap:12px;width:fit-content;margin:45px auto 0;font-size:13px}
.more-websites>span{color:#a795c6;font-size:10px;padding:4px 7px;border:1px solid #352a47;border-radius:30px}
.offers-section{padding:25px 0 110px}
.service-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.service-offer{position:relative;padding:28px 25px;border:1px solid #282134;border-radius:20px;background:radial-gradient(ellipse at 0 0,#4169e10d,transparent 70%),#0a090e;transition:border-color .35s,background .35s}
.service-offer:nth-child(2){background:radial-gradient(ellipse at 100% 0,#7851c61c,transparent 70%),#0c0a10}
.service-offer:hover{border-color:#715a97}
.offer-heading{display:flex;align-items:center;justify-content:space-between;color:#736b82;font-size:11px;margin-bottom:30px}
.offer-heading>.icon{opacity:.75}
.service-offer h3{font-family:var(--display);font-size:28px;font-weight:500;line-height:1.15;min-height:65px}
.service-offer>p{font-size:12px;color:#a8a2b2;line-height:1.85;margin-top:18px;min-height:90px}
.service-offer ul{list-style:none;padding:24px 0 0;margin:22px 0 0;border-top:1px solid #28212f;display:flex;flex-direction:column;gap:12px}
.service-offer li{font-size:11px;color:#c1bbcc;line-height:1.8;position:relative;padding-inline-start:14px}
.service-offer li::before{content:'';position:absolute;inset-inline-start:0;top:.7em;width:4px;height:4px;background:#8c79c4;border-radius:50%}
.offers-contact{display:flex;width:fit-content;margin:30px 0 0 auto;gap:14px;color:#d5c8ea}
[dir=rtl] .website-caption h3{font-size:23px}[dir=rtl] .website-caption p{font-size:13px}[dir=rtl] .service-offer>p{font-size:16px;line-height:1.5}[dir=rtl] .service-offer li{font-size:14px;line-height:1.5}[dir=rtl] .service-offer h3{font-size:28px}[dir=rtl] .website-filters button{font-size:13px}
@media(max-width:900px){.website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-offers{grid-template-columns:1fr}.service-offer h3,.service-offer>p{min-height:0}.service-offer ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.offer-heading{margin-bottom:20px}.service-offer h3{font-size:31px}}
@media(max-width:650px){.websites-section{padding-top:115px}.websites-section>.section-title{font-size:39px}.websites-intro,.offers-intro{font-size:12px;margin-top:20px}.website-grid{grid-template-columns:1fr;gap:30px}.website-filters{gap:7px}.website-filters button{font-size:10px;padding:9px 11px}.website-bar{font-size:9px;padding:11px 12px}.website-caption h3{font-size:26px}.website-caption p{font-size:11px}.offers-section{padding:15px 0 90px}.service-offers{margin-top:30px;gap:16px}.service-offer{padding:25px}.service-offer ul{grid-template-columns:1fr}.service-offer>p{font-size:12px}.service-offer li{font-size:11px}.more-websites{margin-top:35px}[dir=rtl] .websites-intro,[dir=rtl] .offers-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.website-card:hover .website-window{translate:0}.website-card:hover .website-preview>img{scale:1}.website-card:hover .website-caption>span{rotate:0}}

/* Project disciplines are browsable across the full archive. */
.work-section>.section-title{margin-bottom:28px}
.project-browser{position:relative;z-index:10;margin-bottom:35px}
.project-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.project-filters button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 13px;border:1px solid #292332;border-radius:13px;background:#0c0a10;color:#a7a1b0;font-size:11px;line-height:1.5;text-align:start;transition:background .25s,border-color .25s,color .25s,translate .25s}
.project-filters button:hover{color:#fff;border-color:#705991;translate:0 -2px}
.project-filters button[aria-pressed=true]{color:#e4e9ff;background:linear-gradient(110deg,#1c284d,#241934);border-color:#6a64ad}
.filter-count{display:grid;place-items:center;flex:none;min-width:21px;height:21px;padding:0 5px;border-radius:30px;background:#ffffff08;color:#8f849f;font-size:9px;direction:ltr;font-variant-numeric:tabular-nums}
.project-filters button[aria-pressed=true] .filter-count{background:#a5a7ff20;color:#cbd4ff}
.project-result-count{text-align:end;color:#777080;font-size:10px;margin-top:13px;font-variant-numeric:tabular-nums}
.case-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-5px 0 25px}
.case-categories>span{font-size:10px;color:#b7acd0;border-radius:30px;padding:5px 10px;background:#191224;border:1px solid #332640}
[dir=rtl] .project-filters button{font-size:14px}[dir=rtl] .case-categories>span{font-size:13px}

/* Marketing direction leads the service offering, with six clear workstreams. */
.service-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer-copy>p{font-size:12px;color:#a8a2b2;line-height:1.85;margin-top:18px;min-height:65px}
.marketing-offer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 42px;padding:34px;background:radial-gradient(ellipse at 8% 10%,#4169e11b,transparent 60%),radial-gradient(ellipse at 90% 20%,#7851c61c,transparent 65%),#0c0a12;border-color:#4d3b65}
.marketing-offer .offer-heading{grid-column:1/-1;margin-bottom:32px;color:#b8a6cf}
.marketing-offer .offer-heading>span{font-size:10px;letter-spacing:.03em}
.marketing-offer h3{font-size:43px;line-height:1.08;min-height:0;max-width:440px}
.marketing-offer .offer-copy>p{font-size:13px;line-height:1.9;min-height:0;color:#b6adbf;max-width:430px;margin-top:23px}
.marketing-offer ul{display:flex;flex-direction:column;gap:17px;border:1px solid #47345366;border-radius:14px;padding:25px 23px;margin:0;background:#08070c44;align-self:start}
.marketing-offer li{font-size:12px;line-height:1.75;color:#d2c9df}
.marketing-contact{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#c6c5ff;margin-top:27px;padding-bottom:8px;border-bottom:1px solid #6c5c94}
.marketing-contact:hover{color:#fff}
.service-offer:not(.marketing-offer) h3{font-size:32px;min-height:0}
[dir=rtl] .marketing-offer h3{font-size:40px;line-height:1.2}[dir=rtl] .offer-copy>p{font-size:16px;line-height:1.55}[dir=rtl] .marketing-offer .offer-copy>p{font-size:17px;line-height:1.6}[dir=rtl] .marketing-offer li{font-size:15px;line-height:1.5}[dir=rtl] .marketing-contact{font-size:15px}
@media(max-width:800px){.service-offers{grid-template-columns:1fr}.marketing-offer{grid-template-columns:1fr;padding:28px}.marketing-offer .offer-heading{grid-column:auto}.marketing-offer .offer-copy>p{max-width:none}.marketing-offer ul{margin-top:30px}.marketing-offer h3{max-width:600px}.offer-copy>p{min-height:0}}
@media(max-width:650px){.project-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.project-filters button{padding:9px 10px;min-height:45px;font-size:10px;border-radius:11px;gap:7px}.project-browser{margin-bottom:27px}.project-result-count{font-size:9px}.marketing-offer{padding:25px}.marketing-offer h3{font-size:35px}.marketing-offer .offer-copy>p{font-size:12px}.marketing-offer ul{padding:22px 18px;gap:15px}.marketing-offer li{font-size:11px}.marketing-offer .offer-heading>span{font-size:9px}.service-offer:not(.marketing-offer) h3{font-size:30px}[dir=rtl] .project-filters button{font-size:12px}[dir=rtl] .marketing-offer h3{font-size:33px}[dir=rtl] .marketing-offer .offer-copy>p{font-size:16px}[dir=rtl] .marketing-offer li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-filters button:hover{translate:0}}

/* Source artwork is staged without repainting the client's design. */
.project-media[class*="presentation-"]{background:radial-gradient(ellipse at 30% 10%,#ffffff16,transparent 65%),var(--presentation-tone);isolation:isolate;direction:ltr}
.project-media[class*="presentation-"] img{position:absolute;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 20px 35px #0006;transition:transform .7s var(--ease)}
.project-media.presentation-campaign .thumbnail-main{width:auto;height:92%;max-width:94%;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);border-radius:3px}
.project-card:hover .presentation-campaign .thumbnail-main{transform:translate(-50%,-50%) scale(1.025)}
.presentation-publication .thumbnail-main{width:43%;max-height:83%;left:10%;top:8%;z-index:1;transform:rotate(-8deg)}
.presentation-publication .thumbnail-secondary{width:70%;max-height:70%;right:-7%;top:24%;transform:rotate(9deg)}
.project-card:hover .presentation-publication .thumbnail-main{transform:translateY(-5px) rotate(-5deg)}
.project-card:hover .presentation-publication .thumbnail-secondary{transform:translateY(3px) rotate(6deg)}
.presentation-landscape .thumbnail-main{width:85%;left:6%;top:10%;z-index:1;transform:rotate(-5deg)}
.presentation-landscape .thumbnail-secondary{width:79%;right:-4%;top:44%;transform:rotate(7deg)}
.project-card:hover .presentation-landscape .thumbnail-main{transform:translateY(-4px) rotate(-2deg)}
.project-card:hover .presentation-landscape .thumbnail-secondary{transform:translateY(3px) rotate(4deg)}
.project-media[data-image="archive-aviation-trophy-0"] img,.project-media[data-image="archive-kafalah-trophy-0"] img{filter:brightness(1.4)}
.project-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-rows{flex:1;min-width:0;display:grid;gap:26px}
.brand-rows .brand-marquee{width:100%;direction:ltr}
.brand-rows .brand-track.seamless{animation-duration:55s}
.brand-rows .brand-marquee:nth-child(2) .brand-track{animation-direction:reverse;animation-duration:62s}
.brand-rows .brand-track img{opacity:.54}
.brand-rows .brand-track img:hover{opacity:.9}
@media(max-width:650px){.project-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filters button:first-child{grid-column:1/-1}.brand-strip-inner{gap:16px}.brand-rows{gap:22px}.brand-rows .brand-track.seamless img{width:82px;max-width:82px;height:32px}.brand-rows .brand-track.seamless{gap:35px;animation-duration:48s}.brand-rows .brand-marquee:nth-child(2) .brand-track{animation-duration:54s}.brand-proof{align-self:center}}
@media(prefers-reduced-motion:reduce){.project-card:hover .project-media[class*="presentation-"] img{transform:none}.brand-rows .brand-marquee{overflow:visible;mask-image:none}.brand-rows .brand-track.seamless{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 15px}.brand-rows .brand-track.seamless img{width:100%;max-width:95px}.brand-strip-inner{align-items:flex-start}.brand-proof{padding-top:8px}}
@media(max-width:650px) and (prefers-reduced-motion:reduce){.brand-rows .brand-track.seamless{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}

/* Larger website canvases let the work read at portfolio-card scale. */
.website-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
.website-window{position:relative}
.website-preview{aspect-ratio:1.48}
.website-state{position:absolute;inset-inline-start:13px;bottom:13px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff26;border-radius:30px;background:#070b13e8;color:#d6e9dd;font-size:9px;box-shadow:0 3px 14px #0003}
.website-state::before{content:'';width:5px;height:5px;border-radius:50%;background:#83bd99}
.website-state.is-concept{color:#e0d2f6;background:#21152eea}.website-state.is-concept::before{background:#b496e1}
.website-filters{margin-bottom:16px}
.web-filter-count{display:inline-grid;place-items:center;min-width:18px;margin-inline-start:5px;padding:1px 4px;border-radius:12px;background:#ffffff0b;font-size:9px;color:#b4adc5;direction:ltr}
.website-result-count{margin:0 0 23px;text-align:end;color:#8b8296;font-size:10px;font-variant-numeric:tabular-nums}
.cover-credit{font-size:11px;line-height:1.7;color:#91859d;margin-top:12px}
.project-media[data-image="cover-fragrance-wood"] img{object-fit:cover;object-position:50% 42%}
[dir=rtl] .website-state,[dir=rtl] .website-result-count{font-size:12px}[dir=rtl] .cover-credit{font-size:14px}
@media(max-width:650px){.website-grid{grid-template-columns:1fr;gap:30px}.website-state{font-size:8px;bottom:10px;inset-inline-start:10px}.website-result-count{font-size:9px}.website-filters button{min-height:36px}.web-filter-count{font-size:8px}}
@media(prefers-reduced-motion:reduce){.project-card:hover .project-media.presentation-campaign .thumbnail-main{transform:translate(-50%,-50%)}}

/* The portrait leads the story; the perspective floor begins behind the gallery. */
.behind-section{padding-top:112px;padding-bottom:74px;isolation:isolate}
.floor-grid{z-index:-1;bottom:-112px;height:390px;opacity:.28;mask-image:linear-gradient(to bottom,transparent 0%,#000 29%,#000 72%,transparent 100%)}
.about-copy{max-width:790px}
.about-lead{max-width:740px;margin-top:23px;font-size:clamp(25px,2.2vw,33px);line-height:1.28}
.about-description{max-width:570px;margin-top:19px;color:#bdb8c4;font-size:15px;line-height:1.7}
.about-next{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#c5b4ef;font-size:12px;text-decoration:none;border-bottom:1px solid #7851c6;padding-bottom:5px}
.about-next .icon{width:15px;height:15px;opacity:.82}
.about-next:hover,.about-next:focus-visible{color:#fff;border-color:#fff}
.about-gallery{display:grid;grid-template-columns:1fr 1.23fr 1fr;align-items:end;gap:24px;max-width:885px;margin-top:50px;padding-bottom:18px}
.about-gallery figure,.about-gallery figure:first-child,.about-gallery figure:nth-child(2),.about-gallery figure:last-child{width:100%;height:278px;min-width:0;transform:none}
.about-gallery figure:first-child{height:246px;rotate:-4deg}
.about-gallery figure:nth-child(2){height:350px;z-index:2;translate:0 0;filter:drop-shadow(0 18px 36px #0009)}
.about-gallery figure:last-child{height:246px;rotate:4deg}
.about-gallery figure:nth-child(2)::after{content:'';position:absolute;inset:0;border:1px solid #a577ab7a;border-radius:20px;pointer-events:none;box-shadow:inset 0 -90px 75px -50px #050306c9}
.about-gallery img{display:block;border:1px solid #ffffff20;border-radius:20px}
.about-gallery figure:nth-child(2) img{object-position:50% 31%;border-color:#a76eb67a}
.about-gallery figcaption,.about-gallery figure:first-child figcaption,.about-gallery figure:nth-child(2) figcaption,.about-gallery figure:last-child figcaption{top:auto;bottom:13px;left:50%;width:max-content;max-width:calc(100% - 22px);padding:8px 12px;border:1px solid #ffffff24;border-radius:100px;background:#0b0910d9;color:#fff;font-size:11px;line-height:1.25;text-align:center;white-space:normal;backdrop-filter:blur(12px);z-index:2}
.about-gallery figure:nth-child(2) figcaption{bottom:18px;padding:9px 15px;border-color:#c5a3db80;background:#170b1bd9;font-size:13px;font-weight:600}
.profile-art>img{object-position:50% 30%}
.profile-panel>p,.cv-link{font-size:13px}
.timeline-item p{font-size:13px;color:#b6b0bd}
.faq-item summary{font-size:14px}
.faq-answer{font-size:14px}
.floating-contact{left:auto;right:28px;transform:translateY(100px);box-shadow:0 12px 40px #000b}
.scrolled .floating-contact{transform:translateY(0)}
.floating-contact strong{font-size:13px}.floating-contact small{font-size:10px}
.floating-contact:focus-visible,.nav-toggle:focus-visible,.about-next:focus-visible{outline:2px solid #b99aff;outline-offset:4px}
.nav-toggle{width:34px;min-width:34px;height:36px}
@media(max-width:650px){
  .behind-section{padding-top:96px;padding-bottom:45px}
  .about-copy{width:calc(100% - 42px);max-width:480px}
  .about-lead{font-size:23px;line-height:1.34;margin-top:22px}
  .about-description{max-width:360px;font-size:14px;line-height:1.65;margin-top:17px}
  .about-next{font-size:12px;margin-top:18px}
  .floor-grid{width:730px;height:280px;bottom:-86px;opacity:.22}
  .about-gallery{width:calc(100% - 26px);max-width:465px;grid-template-columns:24% minmax(0,1fr) 24%;gap:9px;margin-top:48px;padding-bottom:12px}
  .about-gallery figure,.about-gallery figure:first-child,.about-gallery figure:nth-child(2),.about-gallery figure:last-child{height:166px}
  .about-gallery figure:nth-child(2){height:238px}
  .about-gallery img,.about-gallery figure:nth-child(2)::after{border-radius:15px}
  .about-gallery figure:first-child figcaption,.about-gallery figure:last-child figcaption{display:none}
  .about-gallery figure:nth-child(2) figcaption{bottom:12px;max-width:calc(100% - 12px);padding:7px 9px;font-size:10px}
  .nav-toggle{width:34px;min-width:34px;height:36px}
  .floating-contact{right:16px;bottom:16px;left:auto;width:54px;height:54px;min-height:54px;padding:6px;border-radius:50%;justify-content:center;box-shadow:0 9px 30px #000b}
  .floating-contact>span:last-child{display:none}
  .floating-contact .mail-ring{width:40px;height:40px}
  .timeline-item p{font-size:13px;line-height:1.65}
  .profile-panel>p,.cv-link{font-size:12px}
  .faq-item summary{font-size:13px;line-height:1.4}
  .faq-answer{font-size:13px;line-height:1.65}
  .stats span{font-size:10px;line-height:1.4}
  .marketing-offer .offer-copy>p,.marketing-offer li{font-size:13px;line-height:1.55}
}
[dir=rtl] .about-lead{font-size:clamp(23px,2vw,29px);line-height:1.45}
[dir=rtl] .about-description{font-size:17px;line-height:1.6}
[dir=rtl] .about-next{font-size:15px}
[dir=rtl] .floating-contact>span:last-child{text-align:right}
@media(max-width:650px){[dir=rtl] .about-lead{font-size:21px;line-height:1.45}[dir=rtl] .about-description{font-size:16px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.about-gallery figure:hover{translate:0}}

/* Keep contact reachable without placing it on top of the work. */
.behind-section{padding-top:70px}
.floating-contact{width:56px;height:56px;min-height:56px;padding:7px;border-radius:50%;justify-content:center}
.floating-contact>span:last-child{display:none}
.floating-contact .mail-ring{width:40px;height:40px}
@media(max-width:650px){.behind-section{padding-top:50px}.floating-contact{display:none}}
@media(max-width:900px){
  .nav-toggle{width:40px;min-width:40px;height:40px}
  .main-nav{position:absolute;top:62px;left:50%;transform:translateX(-50%);width:min(260px,calc(100vw - 32px));max-width:none;display:none;flex-direction:column;gap:18px;overflow:visible;opacity:1;visibility:visible;padding:20px!important;border:1px solid #42354b;border-radius:19px;background:#09090cf5;box-shadow:0 16px 40px #000a;white-space:normal}
  .nav-open .main-nav{display:flex}
  .main-nav a{font-size:14px}
}
@media(min-width:651px) and (max-width:900px){[lang=en] .hero h1{white-space:normal;font-size:clamp(43px,5.4vw,52px)}.hero-card{width:min(100%,245px);height:200px}.hero::before{inset:-90px -40px -90px}}