:root{--bg:#0d0b12;--panel:#15111e;--purple:#b88bff;--bright:#9b5cff;--ink:#f3eff8;--muted:#9d95aa;--line:#ffffff19;--font:'DM Sans',sans-serif;--heading:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}a,button,summary,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple)}::selection{background:var(--purple);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:11px;font-family:var(--heading);font-size:27px;letter-spacing:-1.4px;font-weight:600;white-space:nowrap}.logo svg{width:38px;height:31px;color:var(--purple)}.logo-thin{font-weight:400;color:#b9afc8}.logo sup{font-family:var(--font);font-size:15px;color:var(--purple);margin-left:3px;position:relative;top:-5px}.desktop-nav{display:flex;gap:35px;align-items:center;margin-left:50px}.desktop-nav a{color:#c4bbd0;font-size:12px;padding:12px 0;transition:color .2s}.desktop-nav a:hover{color:var(--purple)}.desktop-nav a span{font-size:8px;vertical-align:super;margin-left:3px;color:var(--purple)}.nav-contact{display:flex;align-items:center;gap:32px;border:1px solid #746183;border-radius:40px;background:transparent;padding:12px 18px;font-size:12px;transition:background .2s,border-color .2s}.nav-contact>span{font-size:23px;line-height:1;color:var(--purple)}.nav-contact:hover{background:#241632;border-color:var(--purple)}.menu-toggle{display:none}#mobile-menu[hidden]{display:none}.skip-link{position:fixed;top:-70px;left:15px;z-index:100;color:var(--bg);background:var(--purple);padding:15px}.skip-link:focus{top:10px}.hero{overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0;min-height:682px;padding-block:60px 50px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.5px;font-weight:500;line-height:1.7;margin:0 0 26px;color:#c9c0d6}.signal{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--purple);box-shadow:0 0 12px #b88bff70}.hero h1{font-family:var(--heading);font-weight:500;font-size:clamp(76px,8.8vw,124px);line-height:.99;letter-spacing:-7px;margin:0 0 31px;position:relative;z-index:2;white-space:nowrap}.hero-out{color:var(--purple);position:relative;display:inline-block}.dot{color:var(--ink)}.word-line{position:absolute;width:100%;height:12px;bottom:-8px;left:0;overflow:visible;fill:none;stroke:var(--purple);stroke-width:2}.hero-description{max-width:365px;color:#aaa0b8;font-size:14px;line-height:1.9;margin:0 0 29px}.hero-buttons{display:flex;gap:29px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 24px;border-radius:40px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-purple{background:var(--purple);color:#1c0e2c}.button-purple:hover{background:#cdaeff}.button>span{font-size:22px;line-height:1;font-weight:400}.quiet-link{font-size:11px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #8977986b;padding:9px 0}.quiet-link>span{color:var(--purple);font-size:15px}.hero-signature{display:flex;gap:13px;align-items:center;margin-top:36px;color:#b6abc3;font-size:10px;line-height:1.8}.hero-signature strong{font-weight:400;color:#7e728d}.signature-star{color:var(--purple);font-size:34px;line-height:1}.hero-art{height:540px;position:relative;min-width:0}.hero-art>img{position:absolute;width:119%;height:119%;object-fit:contain;left:-6%;top:-7%;mask-image:radial-gradient(ellipse at center,#000 45%,#000 60%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,#000 60%,transparent 73%);pointer-events:none}.art-glow{position:absolute;inset:10% 0;background:radial-gradient(ellipse,#5b168924,transparent 65%)}.art-topline,.art-bottomline{position:absolute;left:25px;right:0;display:flex;justify-content:space-between;font-family:monospace;font-size:7px;letter-spacing:1px;color:#796887;z-index:3}.art-topline{top:8px}.art-bottomline{bottom:3px}.floating-tag{position:absolute;left:-18px;bottom:85px;border:1px solid #ffffff20;background:#1b1326c9;backdrop-filter:blur(16px);border-radius:9px;box-shadow:0 12px 40px #0004;padding:15px 19px;display:flex;align-items:center;gap:15px;transform:rotate(-7deg);font-size:10px;line-height:1.8;color:#ad9abd}.floating-tag strong{font-weight:500;color:#eee4f9}.tag-symbol{font-family:var(--heading);font-size:24px;letter-spacing:-3px;color:var(--purple);border-right:1px solid #ffffff20;padding-right:14px}.orbit-button{position:absolute;right:-13px;bottom:40px;width:116px;height:116px;border:1px solid #d3b1ef66;border-radius:50%;background:#100b17a6;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dfc5ff;transform:rotate(12deg);transition:background .25s,transform .3s}.orbit-button>span{font-size:7px;letter-spacing:2px}.orbit-button>b{font-size:40px;line-height:1.5;font-weight:400}.orbit-button:hover{background:var(--purple);color:var(--bg);transform:rotate(0)}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:23px;font-family:monospace;font-size:8px;letter-spacing:1px;color:#8b7e9a}.hero-bottom>a{display:flex;gap:30px;align-items:center}.hero-bottom>a span{font-size:16px;color:var(--purple);line-height:.7}.ticker{overflow:hidden;background:#b68af5;color:#1b1029;padding-block:21px;transform:rotate(-1.3deg);margin-top:12px;width:100%;border-block:1px solid #d1b1ff}.ticker-track{display:flex;align-items:center;gap:42px;white-space:nowrap;width:max-content;transform:translateX(-30px)}.ticker-track>span{font-family:var(--heading);font-size:28px;font-weight:500;letter-spacing:-1px}.ticker-track>b{font-size:28px;font-weight:400}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 6px}.tiny-cross{font-size:17px;line-height:1;color:var(--purple);font-weight:400}.eyebrow .tiny-cross{margin-right:1px}h2{font-family:var(--heading);font-size:clamp(40px,4.6vw,64px);font-weight:400;line-height:1.07;letter-spacing:-3px;margin:0 0 25px}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-3px;color:var(--purple);font-weight:400}.muted{color:#8a7b9c}.work{padding-top:115px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.project-image{height:440px;position:relative;overflow:hidden;border-radius:8px}.project-top{display:flex;justify-content:space-between;align-items:center;position:absolute;top:24px;left:27px;right:25px;z-index:5;font-size:8px;letter-spacing:1.5px}.project-arrow{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:22px;letter-spacing:0;transition:background .25s,color .25s}.project:hover .project-arrow{background:#fff;color:#271c2c;border-color:white}.mol-cover{background:#e9d8c2;color:#6c4029}.mol-vertical{position:absolute;left:25px;top:110px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:2px;color:#996e4e}.mol-stage{height:100%;position:relative;perspective:1000px}.mol-disc{position:absolute;border-radius:50%;background:linear-gradient(140deg,#f4ad5d,#a6502a 80%);box-shadow:inset 4px 4px 10px #ffd2a372,inset -5px -10px 15px #71321d5c,10px 20px 30px #754a3526}.disc-back{width:265px;height:265px;right:-62px;top:-90px}.disc-front{width:180px;height:180px;left:15px;bottom:-80px}.mol-card{position:absolute;width:72%;height:244px;left:16%;top:100px;transform:rotate(-7deg);border-radius:5px;background:#f8efdf;border:1px solid #d3bda5;box-shadow:10px 20px 40px #65402430;transition:transform .5s;padding:20px 23px;color:#ac592e;display:flex;flex-direction:column}.project:hover .mol-card{transform:rotate(-3deg) translateY(-6px)}.mol-card-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.3px}.mol-mark{font-size:24px;font-weight:700;line-height:1;letter-spacing:-1.5px}.mol-center{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:8px}.mol-word{font-family:var(--heading);font-weight:500;font-size:clamp(35px,3.7vw,52px);letter-spacing:-2.5px;white-space:nowrap}.mol-word>span{font-size:16px;display:inline-block;vertical-align:super;margin-left:3px}.mol-subtitle{font-size:9px;letter-spacing:.4px;color:#b07c5c}.mol-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c7a98e7a;padding-top:12px;font-size:6px;letter-spacing:1.2px}.mol-card-bottom>span:last-child{font-size:17px;line-height:1}.mol-spark{position:absolute;right:11px;bottom:48px;font-size:90px;color:#c57c3f;transform:rotate(8deg);line-height:1;text-shadow:2px 5px 5px #8b552b15}.project-image-foot{position:absolute;bottom:20px;left:26px;right:25px;display:flex;justify-content:space-between;font-family:monospace;font-size:6px;letter-spacing:.6px;z-index:5}.web-cover{background:#292038;color:#d4bfeb}.web-cover-grid{position:absolute;inset:0;background-image:linear-gradient(#dcbaff08 1px,transparent 1px),linear-gradient(90deg,#dcbaff08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.code-window{position:absolute;width:78%;height:260px;left:11%;top:99px;border:1px solid #9a77b8;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#8260a2,#533e6e);box-shadow:18px 20px 40px #0a061536;transform:rotate(7deg);transition:transform .5s}.project:hover .code-window{transform:rotate(3deg) translateY(-6px)}.code-bar{height:29px;display:flex;align-items:center;gap:4px;background:#21192db3;border-bottom:1px solid #d2aef72e;padding-inline:12px}.code-bar>i{width:4px;height:4px;border-radius:50%;background:#a28ab8}.code-bar>span{font-family:monospace;font-size:7px;margin:auto;color:#af94c9}.code-bar>b{font-weight:400;font-size:13px}.code-screen{padding:22px 25px 15px;position:relative}.code-overline{font-size:6px;letter-spacing:1.5px;color:#c3aad9}.code-glyph{font-family:var(--heading);color:#d8c4ec;font-size:100px;line-height:1.3;text-align:center;letter-spacing:-15px;text-shadow:5px 7px 0 #2d143b59;font-weight:400;transform:rotate(-4deg)}.code-glyph>span{color:#c18cff;display:inline-block;margin-inline:5px;transform:rotate(9deg)}.code-screen-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.code-pill{font-family:monospace;font-size:9px;border:1px solid #c7a7e670;padding:7px 12px;border-radius:30px}.code-screen-bottom>span:last-child{font-size:27px;color:#bc92df}.project-info{display:flex;align-items:center;justify-content:space-between;padding-top:22px;gap:12px}.project-info h3{font-family:var(--heading);font-size:25px;font-weight:500;letter-spacing:-.8px;margin:0 0 9px}.project-info p{font-size:10px;color:#90829f;margin:0}.project-label{font-family:monospace;font-size:10px;border:1px solid #8570946b;border-radius:30px;padding:5px 8px;vertical-align:middle;margin-left:3px;font-weight:400;letter-spacing:0}.project-link{font-size:10px;display:flex;align-items:center;gap:14px;white-space:nowrap;color:#c4b4d3}.project-link>b{font-size:23px;font-weight:400;color:var(--purple)}.work-afterword{margin-top:37px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#857890}.work-afterword>button{font-size:10px;display:flex;gap:28px;align-items:center;padding:0;background:transparent;color:#cabbd8}.work-afterword>button>span{font-size:20px;color:var(--purple)}.services-section{background:#141018}.service-list{border-top:1px solid #ffffff26}.service{border-bottom:1px solid #ffffff26}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service summary{display:grid;grid-template-columns:55px 1fr 1fr 48px;gap:15px;align-items:center;padding-block:30px}.service-number{font-family:monospace;font-size:10px;color:#8d769e}.service h3{font-family:var(--heading);font-size:36px;font-weight:400;letter-spacing:-1.5px;margin:0}.service-dot{color:var(--purple)}.service-strapline{font-size:11px;color:#8f7f9e;justify-self:center}.service-control{border:1px solid #9a78b34a;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:24px;color:var(--purple);transition:transform .25s,background .25s}.service[open] .service-control{background:var(--purple);color:#180d22;transform:rotate(90deg);border-color:var(--purple)}.service[open] h3{color:#d4b5fc}.service-content{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:10px 70px 38px}.service-drawing{height:210px;position:relative;border:1px solid #8a5faf22;border-radius:8px;background:radial-gradient(ellipse at center,#65428a22,transparent 75%);overflow:hidden}.mini-browser{width:70%;height:149px;position:absolute;top:17px;left:15%;transform:rotate(-6deg);border:1px solid #a68cbd88;border-radius:4px;background:#241831;box-shadow:8px 10px 20px #0003;overflow:hidden}.mini-browser-top{display:flex;align-items:center;gap:4px;height:20px;background:#352543;border-bottom:1px solid #a189c033;padding:0 8px}.mini-browser-top i{width:3px;height:3px;background:#8e70ad;border-radius:50%}.mini-browser-body{padding:18px;position:relative}.mini-browser-body>b{font-family:var(--heading);font-size:25px;font-weight:400;line-height:1.1;letter-spacing:-.8px;position:relative;z-index:2}.mini-browser-body>b>span{color:var(--purple)}.mini-link{display:block;font-size:5px;letter-spacing:1px;color:#bca2d5;margin-top:14px}.mini-orb{position:absolute;width:78px;height:78px;right:12px;top:19px;border-radius:50%;background:radial-gradient(circle at 27% 25%,#f2dcff,#a969dd 30%,#70329f 50%,#251034 76%);box-shadow:7px 10px 15px #0003}.drawing-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.3px;color:#8d719f}.service-description{padding-top:7px}.service-description>p{font-size:13px;color:#b0a2bc;line-height:1.9;margin:0 0 23px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills>span{font-size:9px;border:1px solid #85639952;padding:7px 10px;border-radius:30px;color:#b7a0ca}.service-action{margin-top:25px;padding:0;display:flex;gap:25px;align-items:center;font-size:11px;color:var(--purple);background:transparent}.service-action>span{font-size:19px}.app-stack{position:relative;width:100%;height:165px}.app-tile{position:absolute;left:calc(50% - 52px);top:25px;width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,#c99af9,#6d3f98);box-shadow:7px 12px 20px #0004;z-index:3;font-family:var(--heading);font-size:70px;font-weight:500;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);color:#2b1642}.app-tile>span{font-size:20px;position:absolute;right:10px;top:9px}.app-tile.tile-back{transform:rotate(10deg) translateX(22px);z-index:2;background:#4b2e65}.app-tile.tile-back-2{transform:rotate(30deg) translateX(40px);z-index:1;background:#291937}.speed-lines{position:absolute;left:20%;right:20%;top:35px;height:118px}.speed-lines>span{position:absolute;width:75%;height:10px;background:linear-gradient(90deg,transparent,#a776d9);border-radius:6px;transform:rotate(-33deg);left:0;top:22px}.speed-lines>span:nth-child(2){width:60%;top:55px;left:20px}.speed-lines>span:nth-child(3){width:45%;top:88px;left:45px}.speed-lines>b{font-size:110px;font-weight:400;position:absolute;right:-20px;top:-15px;line-height:1;color:#cfa3f9}.support-shield{position:absolute;width:104px;height:125px;top:20px;left:calc(50% - 52px);background:linear-gradient(135deg,#d8b5fd,#5c277b);clip-path:polygon(50% 0,95% 19%,95% 61%,82% 82%,50% 100%,18% 82%,5% 61%,5% 19%);display:grid;place-items:center;transform:rotate(-10deg)}.support-shield>span{font-size:45px;color:#2b1439}.process-section{background:#e9e0f2;color:#21132c}.process-top{display:flex;justify-content:space-between;align-items:start;position:relative}.process-top .eyebrow{color:#6b527d}.process-top .tiny-cross{color:#7f509f}.process-star{position:absolute;right:0;top:-15px;color:#8556ab;font-size:83px;line-height:1}.process-section .section-heading{margin-top:10px;align-items:end}.process-section .section-heading>p{color:#7b668b}.process-section .serif-word{color:#78449a}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:33px;margin-top:62px}.process-grid article{border-top:1px solid #9a80ae77;padding-top:18px}.step-top{display:flex;justify-content:space-between;font-family:monospace;font-size:12px;color:#846496}.step-top>span:last-child{font-size:22px;line-height:.8}.process-grid h3{font-family:var(--heading);font-size:22px;letter-spacing:-.8px;font-weight:500;margin:31px 0 16px}.process-grid p{font-size:12px;line-height:1.85;color:#7d688d;margin:0 0 27px;max-width:230px}.step-bottom{font-size:7px;letter-spacing:1.4px;color:#866994}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.faq-intro>p:not(.eyebrow){color:#8e7f9e;font-size:12px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-block:25px;gap:15px;color:#c7bad3}.faq-list summary>span{font-size:22px;line-height:1;color:var(--purple);font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.9;color:#9c8aaf;margin:0 35px 25px 0}.contact-section{background:#b48ae9;color:#251334;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:1;padding-block:73px 40px}.contact-inner .eyebrow{color:#533866;margin-bottom:29px}.contact-inner .signal{background:#65417d;box-shadow:none}.contact-main{display:flex;justify-content:space-between;gap:35px;align-items:center}.contact-main h2{font-size:clamp(70px,9.5vw,138px);line-height:.98;letter-spacing:-7px;font-weight:400;margin:0}.contact-main h2>span{font-family:Georgia,serif;font-style:italic;letter-spacing:-6px;font-weight:400}.contact-circle{width:163px;height:163px;flex-shrink:0;border:1px solid #4930587d;border-radius:50%;background:#b48ae9;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:40px;transform:rotate(-12deg);transition:background .25s,transform .3s}.contact-circle>span{font-size:8px;letter-spacing:1px}.contact-circle>b{font-size:68px;font-weight:400;line-height:1.2;margin-top:3px}.contact-circle:hover{background:#251334;color:#d2b0fb;transform:rotate(0)}.contact-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:47px;border-top:1px solid #51356640;padding-top:26px}.contact-foot>p{font-size:12px;line-height:1.8;color:#5a3e70;margin:0}.contact-foot>span{font-size:7px;letter-spacing:1.4px;color:#6a4b82}.contact-lines{position:absolute;width:600px;height:600px;border:1px solid #4d2b6818;border-radius:50%;right:-180px;top:-100px;box-shadow:0 0 0 70px #4d2b680a,0 0 0 140px #4d2b6806}.footer{padding-block:48px 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:39px}.footer-top>.logo{font-size:25px}.footer-top>span{font-size:11px;line-height:1.7;color:#8d7c9f;margin-left:auto;margin-right:80px}.back-top{display:flex;gap:22px;align-items:center;font-size:7px;letter-spacing:1.1px;color:#b8a6ca}.back-top>b{width:34px;height:34px;border:1px solid #9c7daf50;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:400;color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;font-size:8px;color:#796989}.footer-bottom>span:nth-child(2){font-size:6px;letter-spacing:1.4px}.footer-bottom>button{padding:0;background:transparent;font-size:9px;color:#b89ed0}.menu-toggle:focus-visible,.dialog-close:focus-visible{outline:2px solid var(--purple)}dialog{width:min(640px,calc(100% - 30px));max-height:90dvh;padding:0;border:1px solid #7a4b9d70;border-radius:15px;background:#17101f;color:var(--ink);box-shadow:0 25px 100px #0008;overflow:auto}dialog::backdrop{background:#09060ed9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:19px;top:19px;z-index:2;background:#b88bff12;border:1px solid #b88bff36;border-radius:50%;width:34px;height:34px;color:#c8abde;font-size:23px;font-weight:400}.dialog-content{padding:38px}.dialog-content>.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:21px;padding-right:25px}.dialog-content h2{font-size:48px;letter-spacing:-2px;line-height:1.03;margin-bottom:18px}.dialog-subtitle{font-size:12px;color:#9c87ad;margin:0 0 28px}#project-form{display:flex;flex-direction:column;gap:23px}#project-form[hidden],#brief-result[hidden]{display:none}#project-form fieldset{padding:0;border:0;margin:0;min-width:0}#project-form legend{font-size:12px;color:#c3afd2;margin-bottom:13px}.service-options{display:flex;gap:8px;flex-wrap:wrap}.service-options label{position:relative;cursor:pointer}.service-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.service-options span{border:1px solid #8562976b;border-radius:40px;padding:10px 14px;display:block;color:#b6a0c8;font-size:10px;transition:background .2s}.service-options input:checked+span{background:var(--purple);border-color:var(--purple);color:#251334}.service-options input:focus-visible+span{outline:2px solid var(--purple);outline-offset:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}#project-form label{font-size:10px;color:#b4a0c8}#project-form input:not([type=radio]),#project-form textarea,#project-form select{display:block;width:100%;border:0;border-bottom:1px solid #85649b5a;border-radius:0;background:transparent;color:#e5d9ef;padding:11px 0;font-size:11px;margin-top:6px;resize:vertical}#project-form ::placeholder{color:#796888;opacity:1}#project-form select{color:#bba3cf}#project-form select option{background:#17101f;color:#e5d9ef}#project-form>.button{width:100%;margin-top:5px}.prototype-note{color:#887494;font-size:9px;line-height:1.8;margin:-8px 0 0}.brief-ready{display:flex;align-items:center;gap:15px}.brief-ready>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#b88bff25;color:var(--purple);font-size:20px}.brief-ready p{font-size:14px;line-height:1.7;color:#dcc5ef}.brief-ready small{font-size:10px;color:#9e85b0}#brief-text{background:#0d0912;border:1px solid #a370c433;padding:20px;max-height:30vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;font:11px/1.9 var(--font);color:#bfa4d3}.brief-actions{display:flex;gap:12px;margin-top:20px}.brief-actions>.button{flex:1;font-size:11px;gap:20px}.button-outline{background:transparent;border:1px solid #8d68a6;color:#c5a5e0}.button-outline:hover{background:#b88bff12}#brief-status{font-size:10px;line-height:1.7;min-height:17px;color:var(--purple)}.edit-brief{padding:6px 0;background:transparent;color:#9d83b0;font-size:11px}
@media(min-width:1600px){.hero-layout{min-height:735px}.hero-art{height:580px}.hero h1{font-size:126px}.project-image{height:475px}.mol-card{top:118px;height:255px}.code-window{top:117px}.hero-description{font-size:15px}}
@media(max-width:1200px){.wrap{width:calc(100% - 80px)}.header{height:94px}.hero-layout{min-height:620px}.hero h1{font-size:clamp(76px,8.5vw,103px);letter-spacing:-6px}.hero-art{height:460px}.hero-art>img{left:-8%;top:-6%}.hero-description{font-size:13px;max-width:330px}.art-topline,.art-bottomline{font-size:6px;left:15px}.floating-tag{left:-6px;bottom:55px;padding:12px 14px;font-size:9px}.orbit-button{width:95px;height:95px;bottom:30px}.orbit-button>b{font-size:32px}.orbit-button>span{font-size:6px}.hero-signature{margin-top:30px}.hero-buttons{gap:24px}.hero-buttons .button{padding-inline:20px;gap:25px}.hero-bottom{font-size:7px}.project-image{height:390px}.mol-card{height:230px;top:84px;width:74%;left:15%;padding:19px}.mol-word{font-size:39px}.mol-spark{font-size:70px;right:8px}.code-window{top:85px;height:240px;width:80%;left:10%}.code-glyph{font-size:91px}.service-content{padding-inline:60px;gap:50px}.service h3{font-size:33px}.process-grid{gap:25px}.process-grid h3{font-size:20px}.contact-circle{margin-right:20px}.contact-main h2{font-size:110px}}
@media(max-width:980px){.wrap{width:calc(100% - 56px)}.desktop-nav{margin-left:10px;gap:25px}.logo{font-size:24px}.nav-contact{font-size:11px;gap:23px}.hero-layout{min-height:575px;padding-block:50px 35px}.hero h1{font-size:80px;letter-spacing:-5px}.hero-description{font-size:12px;max-width:305px}.hero-art{height:410px}.hero-buttons{gap:20px}.hero-buttons .button{font-size:11px;padding:15px 18px;gap:22px}.quiet-link{font-size:10px;gap:12px}.art-bottomline>span:last-child{display:none}.art-topline>span:first-child{font-size:5px;letter-spacing:.7px}.floating-tag{left:3px;bottom:35px;font-size:8px;gap:10px}.tag-symbol{font-size:21px}.orbit-button{right:-5px;width:85px;height:85px;bottom:17px}.hero-art>img{width:124%;height:124%;top:-10%;left:-12%}.section{padding-block:85px}.section-heading>p{font-size:11px}.project-grid{gap:23px}.project-image{height:340px}.project-top{left:21px;right:19px;top:18px;font-size:7px}.project-arrow{width:33px;height:33px;font-size:19px}.mol-card{height:207px;top:68px;padding:17px;width:76%;left:15%}.mol-word{font-size:35px}.mol-vertical{left:16px;font-size:6px}.mol-spark{font-size:60px;bottom:43px}.project-image-foot{left:20px;right:18px;font-size:5px}.code-window{height:215px;top:69px}.code-screen{padding:17px}.code-glyph{font-size:77px}.code-screen-bottom{margin-top:9px}.code-pill{font-size:7px}.code-overline{font-size:5px;letter-spacing:1px}.project-info h3{font-size:22px}.project-link{font-size:8px;gap:8px}.project-info p{font-size:9px}.service summary{grid-template-columns:38px 1.1fr 1fr 44px;gap:10px}.service h3{font-size:29px}.service-strapline{font-size:10px}.service-content{padding-inline:49px 20px;gap:35px}.service-description>p{font-size:12px}.pills>span{font-size:8px}.mini-browser-body{padding:16px 12px}.mini-browser-body>b{font-size:22px}.mini-orb{width:68px;height:68px;right:6px;top:25px}.process-grid{gap:20px}.process-grid h3{font-size:18px}.process-grid p{font-size:11px}.step-bottom{font-size:6px;letter-spacing:1px}.process-star{font-size:65px;top:-8px}.faq-section{gap:40px}.faq-list summary{font-size:12px}.contact-main h2{font-size:97px;letter-spacing:-6px}.contact-circle{width:135px;height:135px;margin-right:5px}.contact-circle>b{font-size:57px}.contact-circle>span{font-size:7px}.contact-foot>span{font-size:6px;letter-spacing:1px}.footer-top>span{margin-right:45px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:80px}.logo{font-size:25px}.logo svg{width:25px;height:28px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid #9e79b74d;border-radius:50%;width:38px;height:38px;padding:10px}.menu-toggle>span{width:15px;height:1px;background:#d4b5ed;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-menu{position:absolute;z-index:15;top:80px;left:0;right:0;background:#17101f;border-bottom:1px solid #b88bff36;box-shadow:0 25px 30px #0007;display:flex;flex-direction:column;padding:14px 24px 25px}#mobile-menu>a,#mobile-menu>button{padding:15px 0;background:none;border-bottom:1px solid #b88bff20;font-size:17px;text-align:left;color:#dcc0f3}#mobile-menu small{color:#9572ae;font-size:9px;vertical-align:super}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:42px;padding-bottom:23px}.hero h1{font-size:clamp(75px,13.5vw,103px);letter-spacing:-5px;line-height:.98;margin-bottom:27px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:25px}.hero-description{max-width:380px;font-size:13px;line-height:1.85;margin-bottom:25px}.hero-buttons{gap:25px}.hero-buttons .button{padding:16px 22px;font-size:12px;gap:30px}.quiet-link{font-size:11px}.hero-signature{margin-top:25px;font-size:9px;gap:11px}.signature-star{font-size:29px}.hero-art{height:390px;width:min(100%,500px);align-self:center;margin-top:22px}.hero-art>img{width:114%;height:114%;top:-6%;left:-7%}.art-topline{top:4px;left:5px;right:5px;font-size:6px}.art-topline>span:first-child{font-size:6px}.art-bottomline{bottom:-3px;left:5px;font-size:5px}.art-bottomline>span:last-child{display:block}.floating-tag{bottom:42px;left:2px;padding:12px 14px;font-size:8px;gap:12px}.tag-symbol{font-size:22px}.orbit-button{width:87px;height:87px;right:0;bottom:28px}.orbit-button>b{font-size:32px}.hero-bottom{padding-block:20px;font-size:6px;letter-spacing:.6px;gap:20px}.hero-bottom>a{gap:15px;text-align:right}.hero-bottom>a>span{font-size:15px}.hero-bottom>span{max-width:165px;line-height:1.7}.ticker{margin-top:7px;padding-block:17px;transform:rotate(-2deg)}.ticker-track{gap:27px}.ticker-track>span,.ticker-track>b{font-size:24px}.section{padding-block:65px}.work{padding-top:76px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:22px}h2{font-size:43px;letter-spacing:-2px;line-height:1.08}.serif-word{letter-spacing:-2px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{margin-top:20px;margin-bottom:0;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:370px}.project-top{left:23px;right:21px;top:20px;font-size:7px}.project-arrow{width:36px;height:36px;font-size:21px}.mol-card{height:231px;width:74%;left:15%;top:75px;padding:20px}.mol-word{font-size:43px}.mol-card-top{font-size:7px}.mol-mark{font-size:24px}.mol-subtitle{font-size:9px}.mol-card-bottom{font-size:6px}.mol-spark{font-size:77px;bottom:40px}.mol-vertical{font-size:6px;left:20px;top:110px}.project-image-foot{bottom:18px;left:23px;right:21px;font-size:5px}.code-window{height:239px;top:74px;width:77%;left:12%}.code-screen{padding:21px}.code-glyph{font-size:92px}.code-screen-bottom{margin-top:4px}.code-overline{font-size:6px}.code-pill{font-size:8px}.project-info{padding-top:18px}.project-info h3{font-size:23px;margin-bottom:8px}.project-info p{font-size:10px}.project-link{font-size:10px;gap:13px}.work-afterword{align-items:start;flex-direction:column;gap:13px;margin-top:28px;padding-top:20px;font-size:10px}.work-afterword>button{font-size:10px}.service summary{grid-template-columns:25px 1fr 38px;gap:14px;padding-block:24px}.service-strapline{display:none}.service h3{font-size:30px;letter-spacing:-1px}.service-number{font-size:9px}.service-control{width:35px;height:35px;font-size:21px}.service-content{display:flex;flex-direction:column;gap:22px;padding:0 0 30px}.service-drawing{width:100%;height:210px}.mini-browser{width:220px;height:151px;left:calc(50% - 110px);top:19px}.mini-browser-body{padding:17px}.mini-browser-body>b{font-size:25px}.mini-orb{width:80px;height:80px;right:8px;top:20px}.service-description{padding:0 7px}.service-description>p{font-size:13px;line-height:1.85;margin-bottom:20px}.pills>span{font-size:9px}.service-action{font-size:11px;margin-top:20px}.process-section .section-heading{margin-top:8px}.process-star{font-size:47px;top:-8px}.process-section h2{font-size:44px}.process-grid{grid-template-columns:1fr 1fr;gap:34px 23px;margin-top:35px}.process-grid h3{font-size:20px;letter-spacing:-.7px;margin-top:24px;margin-bottom:14px}.process-grid p{font-size:12px;margin-bottom:22px}.step-bottom{font-size:6px;letter-spacing:.8px}.step-top{font-size:11px}.faq-section{display:block}.faq-intro{margin-bottom:30px}.faq-intro h2 br{display:none}.faq-intro h2 .serif-word:before{content:' '}.faq-intro>p:not(.eyebrow){font-size:11px}.faq-list summary{font-size:12px;padding-block:23px}.faq-list p{font-size:12px;margin-right:18px}.contact-inner{padding-block:52px 30px}.contact-inner .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:30px}.contact-main{align-items:end;gap:10px}.contact-main h2{font-size:clamp(57px,10.5vw,78px);letter-spacing:-3.5px;line-height:1}.contact-main h2>span{letter-spacing:-3px}.contact-circle{width:91px;height:91px;margin-right:0;margin-bottom:4px}.contact-circle>span{font-size:5px;letter-spacing:.5px}.contact-circle>b{font-size:41px;line-height:1.2}.contact-foot{margin-top:30px;padding-top:22px;display:block}.contact-foot>p{font-size:11px}.contact-foot>span{display:block;font-size:6px;letter-spacing:1px;margin-top:20px}.contact-lines{right:-400px;top:-110px}.footer{padding-block:34px 23px}.footer-top{gap:15px;padding-bottom:27px}.footer-top>.logo{font-size:23px}.footer-top>span{display:none}.back-top{font-size:6px;letter-spacing:.6px;gap:10px}.back-top>b{width:30px;height:30px;font-size:16px}.footer-bottom{flex-wrap:wrap;gap:17px;padding-top:20px;font-size:7px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>button{font-size:8px}.dialog-content{padding:30px 23px}.dialog-content>.eyebrow{font-size:6px;letter-spacing:.7px;padding-right:23px}.dialog-content h2{font-size:42px}.dialog-subtitle{font-size:11px}.dialog-close{right:15px;top:15px;width:29px;height:29px;font-size:20px}.field-row{gap:20px}.service-options{gap:7px}.service-options span{padding:10px 12px;font-size:10px}#project-form input:not([type=radio]),#project-form textarea,#project-form select{font-size:12px}#project-form label{font-size:10px}.brief-actions{gap:8px}.brief-actions>.button{font-size:10px;padding:13px 15px;gap:15px}.brief-ready small{font-size:9px}}
@media(max-width:380px){.wrap{width:calc(100% - 34px)}.hero h1{font-size:70px;letter-spacing:-4px}.hero .eyebrow{font-size:7px}.hero-description{font-size:12px}.hero-buttons{gap:20px}.hero-buttons .button{padding:15px 18px;font-size:11px;gap:20px}.quiet-link{font-size:10px;gap:12px}.hero-art{height:335px}.hero-bottom{font-size:5px;letter-spacing:.4px}.art-bottomline{font-size:4px}.floating-tag{padding:10px 12px;font-size:7px;gap:10px;bottom:36px}.orbit-button{width:77px;height:77px;bottom:22px}.orbit-button>span{font-size:5px}.orbit-button>b{font-size:30px}.project-image{height:330px}.mol-card{height:211px;top:67px;padding:17px}.mol-word{font-size:35px}.mol-spark{font-size:60px}.code-window{height:219px;top:65px}.code-glyph{font-size:80px}.code-screen{padding:19px}.project-info h3{font-size:20px}.project-link{font-size:9px;gap:7px}.project-info p{font-size:9px}.service h3{font-size:27px}.process-grid h3{font-size:18px}.process-grid p{font-size:11px}.process-section h2{font-size:39px}.contact-main h2{font-size:53px;letter-spacing:-3px}.contact-circle{width:77px;height:77px}.contact-circle>b{font-size:35px}.contact-circle>span{font-size:4px}.contact-main h2>span{letter-spacing:-2.5px}.footer-top>.logo{font-size:21px}.field-row{grid-template-columns:1fr;gap:23px}.dialog-content h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The cursor light stays faint and never catches pointer events. */
.cursor-glow{position:fixed;left:0;top:0;width:min(560px,55vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(184,139,255,.13) 0%,rgba(184,139,255,.055) 36%,transparent 70%);opacity:0;pointer-events:none;z-index:50;transform:translate3d(-1000px,-1000px,0);transition:opacity .35s ease;mix-blend-mode:screen}
.cursor-glow.visible{opacity:1}

/* One full group is the loop distance, so the next frame joins seamlessly. */
.logo-thin{margin-left:.22em}
.ticker-track{gap:0;transform:none;animation:ticker-scroll var(--ticker-duration, 28s) linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;justify-content:space-between;flex:none;gap:42px;min-width:calc(100vw + 240px);padding-right:42px;white-space:nowrap}
.ticker-group>span{font-family:var(--heading);font-size:28px;font-weight:500;letter-spacing:-1px}
.ticker-group>b{font-size:28px;font-weight:400}
@keyframes ticker-scroll{to{transform:translateX(var(--ticker-shift, 0px))}}
@media(max-width:760px){.ticker-group{gap:27px;padding-right:27px}.ticker-group>span,.ticker-group>b{font-size:24px}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-glow{display:none}}

/* A constant-speed full turn joins without the direction change of the old float. */

/* Raise the small supporting copy throughout the site. */
.desktop-nav a,.nav-contact{font-size:14px}
.desktop-nav a span{font-size:10px}
.eyebrow{font-size:11px}
.hero-description{font-size:16px}
.hero-signature,.quiet-link{font-size:12px}
.art-topline,.art-bottomline{font-size:10px;color:#b3a2c5}
.floating-tag{font-size:12px}
.orbit-button>span{font-size:9px}
.hero-bottom{font-size:10px;color:#aa99bc}
.section-heading>p,.service-description>p,.process-grid p,.faq-list p,.contact-foot>p{font-size:14px}
.project-top,.project-image-foot,.mol-vertical,.mol-card-top,.mol-card-bottom,.code-bar>span,.code-overline{font-size:10px}
.mol-subtitle,.code-pill,.project-label,.service-number,.pills>span,.step-bottom,.drawing-caption,.mini-link{font-size:11px}
.project-info p,.project-link,.work-afterword,.work-afterword>button,.service-action,.service-strapline,.faq-intro>p:not(.eyebrow),.contact-foot>span{font-size:12px}
.faq-list summary{font-size:15px}
.contact-circle>span,.back-top,.footer-bottom,.footer-bottom>button{font-size:11px}
.footer-top>span{font-size:13px}
.footer-bottom>span:nth-child(2){font-size:10px}
.dialog-content>.eyebrow,.dialog-subtitle,#project-form legend,#project-form label,.service-options span,.prototype-note,.brief-ready small,#brief-status,.edit-brief{font-size:12px}
#project-form input:not([type=radio]),#project-form textarea,#project-form select,.brief-actions>.button{font-size:13px}
@media(max-width:760px){
  .hero-description,.section-heading>p,.service-description>p,.process-grid p,.faq-list p,.contact-foot>p{font-size:14px}
  .hero-bottom{flex-wrap:wrap;gap:10px;font-size:10px}
  .art-topline,.art-bottomline{font-size:9px;letter-spacing:.3px}
  .art-topline>span:first-child,.contact-inner .eyebrow,.hero .eyebrow{font-size:10px}
  .project-image-foot,.mol-card-bottom,.code-overline{font-size:9px}
  .project-info p,.project-link,.work-afterword,.work-afterword>button,.service-action,.service-strapline,.faq-intro>p:not(.eyebrow){font-size:12px}
  .contact-circle>span,.orbit-button>span{font-size:8px}
  .footer-bottom,.footer-bottom>button,.back-top{font-size:10px}
}
@media(max-width:380px){
  .hero-description{font-size:14px}
  .art-bottomline{font-size:8px}
  .floating-tag{font-size:10px}
  .hero-bottom{font-size:9px}
  .contact-circle>span{font-size:7px}
}

/* Compact centered navigation with a visible language control. */
.header{width:min(1080px,calc(100% - 40px));height:72px;margin:18px auto 0;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border:1px solid #b88bff38;border-radius:100px;background:#17111fdd;backdrop-filter:blur(18px);box-shadow:0 12px 38px #08050d48}
html,body{overflow-x:clip}
.header .logo{font-size:24px;gap:0}
.desktop-nav{margin:0;gap:25px}
.desktop-nav a{font-size:13px;white-space:nowrap}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.language-toggle{min-width:47px;height:39px;padding:0 11px;border:1px solid #9d75bc75;border-radius:99px;background:#291c38;color:#e4c9ff;font-size:12px;font-weight:700;letter-spacing:.06em;transition:background .2s,border-color .2s}
.language-toggle:hover{background:#3a2750;border-color:var(--purple)}
.nav-contact{padding:9px 15px;gap:17px}

/* A clear introduction, grouped inputs, and room for translated labels. */
dialog{width:min(720px,calc(100% - 24px));max-height:min(90dvh,900px);border-color:#9d6acb70;border-radius:22px;background:linear-gradient(155deg,#1b1128,#140e1c 65%)}
.dialog-content{padding:30px 36px 32px}
.dialog-intro{text-align:center;padding:5px 34px 20px}
.dialog-intro .eyebrow{justify-content:center;margin:0 0 12px;font-size:11px;letter-spacing:.12em;color:#cdb6df}
.dialog-intro h2{font-size:clamp(34px,4vw,45px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 10px}
.dialog-intro .dialog-subtitle{font-size:14px;line-height:1.6;color:#b7a8c7;margin:0}
.dialog-close{top:18px;right:18px;width:38px;height:38px}
.dialog-language-toggle{position:absolute;top:18px;right:65px;z-index:2;height:38px}
#project-form{gap:15px}
#project-form .form-panel{border:1px solid #8c6aa740;border-radius:15px;background:#21162d95;padding:19px 20px;margin:0;min-width:0}
#project-form fieldset.form-panel{padding-top:13px}
#project-form legend{padding:0 7px;font-size:13px;font-weight:600;color:#dfc8ef}
.service-options{gap:9px}
.service-options span{padding:10px 13px;font-size:12px}
.form-fields{display:grid;gap:20px}
.field-row{gap:16px}
#project-form .form-fields label{display:block;font-size:12px;font-weight:600;color:#d7c1e6}
#project-form .form-fields input:not([type=radio]),#project-form .form-fields textarea,#project-form .form-fields select{width:100%;margin-top:8px;padding:12px 13px;border:1px solid #9a78b05e;border-radius:9px;background:#130e1bd9;color:#f1e8f8;font-size:13px;line-height:1.4}
#project-form .form-fields input:focus,#project-form .form-fields textarea:focus,#project-form .form-fields select:focus{border-color:var(--purple);outline:2px solid #b88bff55;outline-offset:1px}
#project-form .form-fields ::placeholder{color:#a999b7;opacity:1}
#project-form .form-fields textarea{min-height:94px}
#project-form .form-submit{width:100%;min-height:52px;margin:2px 0 0;font-size:13px}
.prototype-note{margin:0;text-align:center;color:#ac9db9;font-size:11px;line-height:1.5}
#brief-result{padding-top:4px}
.brief-ready{padding:14px 16px;border:1px solid #8c6aa740;border-radius:13px;background:#21162d95}
#brief-text{font-size:12px;line-height:1.7}
@media(max-width:880px){
  .header{grid-template-columns:1fr auto;padding:0 18px}
  .header .desktop-nav,.header .nav-contact{display:none}
  .header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid #9e79b74d;border-radius:50%;width:38px;height:38px;padding:10px}
  .header .menu-toggle>span{width:15px;height:1px;background:#d4b5ed;transition:transform .2s}
  #mobile-menu{top:91px;left:20px;right:20px;border:1px solid #b88bff36;border-radius:16px;padding:12px 20px 20px}
}
@media(max-width:600px){
  .header{width:calc(100% - 28px);height:64px;margin-top:12px;padding:0 14px}
  .header .logo{font-size:22px}
  .header-actions{gap:8px}
  .language-toggle{height:36px;min-width:43px}
  #mobile-menu{top:82px;left:14px;right:14px}
  .dialog-content{padding:24px 18px 22px}
  .dialog-intro{padding:33px 24px 21px}
  .dialog-intro h2{font-size:34px}
  .dialog-intro .eyebrow{font-size:9px}
  .dialog-intro .dialog-subtitle{font-size:13px}
  .dialog-close{top:11px;right:11px;width:32px;height:32px}
  .dialog-language-toggle{top:11px;right:51px;height:32px;min-width:39px}
  #project-form .form-panel{padding:16px}
  .field-row{grid-template-columns:1fr;gap:18px}
  .form-fields{gap:18px}
  .service-options span{font-size:11px}
}

html[lang="fr"] .hero h1{font-size:clamp(62px,6.8vw,100px);letter-spacing:-5px;white-space:normal}
html[lang="fr"] .contact-main h2{font-size:clamp(54px,7.5vw,108px)}
html[lang="fr"] .orbit-button>span{letter-spacing:1px}
@media(max-width:760px){
  html[lang="fr"] .hero h1{font-size:clamp(48px,10vw,75px);letter-spacing:-3.5px}
  html[lang="fr"] .contact-main h2{font-size:clamp(42px,8vw,76px);letter-spacing:-3px}
}

/* Keep each supplied logo at its original proportions. */
.header .site-logo-header{display:block;width:54px;height:54px;flex:none}
.site-logo-header img{display:block;width:100%;height:100%;object-fit:contain}
.footer-top .site-logo-footer{display:block;width:300px;height:150px;overflow:hidden;flex:none}
.site-logo-footer img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}
@media(max-width:600px){
  .header{height:68px}
  .header .site-logo-header{width:48px;height:48px}
  .footer-top .site-logo-footer{width:210px;height:105px}
  #mobile-menu{top:84px}
}
@media(max-width:380px){.footer-top .site-logo-footer{width:160px;height:80px}}

/* Center a square image before rotating it; its edges no longer travel vertically. */
.hero-art>img{left:50%;top:50%;width:min(112%,690px);height:auto;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(circle at center,#000 45%,#000 60%,transparent 73%);-webkit-mask-image:radial-gradient(circle at center,#000 45%,#000 60%,transparent 73%);animation:sculpture-spin-centered 48s linear infinite;transform-origin:center;will-change:transform}
@keyframes sculpture-spin-centered{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Selected work: real project previews with a distinct visual language for each brand. */
.work .section-heading{margin-bottom:42px}
.work .section-heading>p{max-width:260px;font-size:14px;line-height:1.65;color:#b4a9c3}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project{display:block;min-width:0}
.showcase-visual{height:450px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #ffffff18;transition:border-color .35s,box-shadow .35s}
.project:hover .showcase-visual,.project:focus-visible .showcase-visual{border-color:#ffffff55;box-shadow:0 28px 55px #0005}
.showcase-mol{background:radial-gradient(circle at 78% 25%,#ffc988 0,#ffc98800 35%),linear-gradient(140deg,#faedd6 0%,#edd3ad 49%,#bd6a38 100%);color:#6e321e}
.showcase-sucoba{background:radial-gradient(circle at 82% 24%,#285b83 0,#285b8300 43%),linear-gradient(135deg,#0d2c48,#132b43 60%,#081b2c);color:#eff5fa}
.showcase-topline,.showcase-footline{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:5;font-family:monospace;font-size:10px;letter-spacing:.13em;font-weight:600}
.showcase-topline{top:26px}.showcase-footline{bottom:19px;font-size:9px;opacity:.75}.showcase-footline>span:last-child{font:24px/1 var(--font);opacity:1}
.showcase-orbit{position:absolute;border-radius:50%;z-index:0;pointer-events:none}
.orbit-one{width:320px;height:320px;right:-110px;top:56px;background:radial-gradient(circle at 30% 25%,#ffca82,#ee802f 42%,#ac401e 80%);box-shadow:inset -18px -22px 35px #812c1e50,0 26px 35px #8d4b252b;animation:showcase-drift 7s ease-in-out infinite alternate}
.orbit-two{width:155px;height:155px;left:-65px;bottom:25px;background:radial-gradient(circle at 30% 20%,#ffdb9f,#db7b36 55%,#9d3c1b);box-shadow:inset -9px -12px 20px #7d2f1b50;animation:showcase-drift 9s ease-in-out infinite alternate-reverse}
.showcase-blueprint{position:absolute;inset:0;background-image:linear-gradient(#8fc6e110 1px,transparent 1px),linear-gradient(90deg,#8fc6e110 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 80%,transparent)}
.showcase-angle{position:absolute;width:320px;height:460px;right:-130px;top:6px;transform:rotate(28deg);background:linear-gradient(90deg,#fa782000,#fa782024 48%,#fa7820 49%,#fa7820 51%,#fa782000 52%);opacity:.75}
.showcase-browser{position:absolute;left:8%;top:102px;width:84%;height:277px;z-index:2;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 25px 40px #25160855;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}
.showcase-sucoba .showcase-browser{transform:rotate(3deg);box-shadow:0 27px 45px #0008}
.project:hover .showcase-browser,.project:focus-visible .showcase-browser{transform:translateY(-8px) rotate(-1deg);box-shadow:0 35px 55px #25160866}
.project-sucoba:hover .showcase-browser,.project-sucoba:focus-visible .showcase-browser{transform:translateY(-8px) rotate(1deg);box-shadow:0 35px 55px #0009}
.showcase-browser-bar{height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;background:#fff;color:#6a6a70;border-bottom:1px solid #e7e4e1;font:10px var(--font)}
.showcase-browser-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-browser-bar>span:last-child{font-size:15px;color:#a86233}
.browser-dots{display:flex;gap:4px;align-items:center}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#d8d2cc}.browser-dots i:first-child{background:#ffab74}
.showcase-browser img{display:block;width:100%;height:calc(100% - 27px);object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.project:hover .showcase-browser img,.project:focus-visible .showcase-browser img{transform:scale(1.045)}
.showcase-brand{position:absolute;z-index:4;left:35px;bottom:44px;width:160px;height:72px;display:grid;place-items:center;padding:10px 16px;border-radius:10px;border:1px solid #ffffffa0;background:#fffaf1;box-shadow:0 15px 30px #3a190d36;transform:rotate(-6deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.showcase-brand img{display:block;width:100%;height:100%;object-fit:contain}
.showcase-sucoba .showcase-brand{width:180px;height:69px;background:#fff;transform:rotate(5deg)}
.project:hover .showcase-brand,.project:focus-visible .showcase-brand{transform:translateY(-6px) rotate(-2deg)}
.project-sucoba:hover .showcase-brand,.project-sucoba:focus-visible .showcase-brand{transform:translateY(-6px) rotate(2deg)}
.showcase-seal{position:absolute;right:36px;bottom:49px;z-index:4;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fff6e8;color:#a54c20;box-shadow:0 10px 25px #3a190d34;transform:rotate(9deg);animation:showcase-sway 8s ease-in-out infinite alternate}
.showcase-sucoba .showcase-seal{background:#f47b20;color:#092d50;transform:rotate(-9deg)}
.showcase-seal>span{font-size:25px;line-height:1}.showcase-seal small{font:700 7px/1.15 var(--font);letter-spacing:.13em;text-align:center}
@keyframes showcase-drift{from{translate:0 0}to{translate:-9px 12px}}
@keyframes showcase-sway{from{rotate:-3deg}to{rotate:3deg}}
.project-details{padding:22px 2px 0}
.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.project-kicker{margin:0 0 7px;color:#b99bcb;font:700 10px/1.4 var(--font);letter-spacing:.14em}
.project-title-row h3{margin:0;font:500 29px/1.15 var(--heading);letter-spacing:-1.1px}
.project-description{margin:12px 0 17px;color:#aea3bb;font-size:14px;line-height:1.6}
.project-visit{flex:none;width:46px;height:46px;border:1px solid #9b72b97a;border-radius:50%;display:grid;place-items:center;color:#d2a6fa;font-size:26px;transition:color .3s,background .3s,transform .3s}
.project:hover .project-visit,.project:focus-visible .project-visit{background:var(--purple);color:#160b21;transform:rotate(45deg)}
.project-features{display:flex;flex-wrap:wrap;gap:7px}
.project-features>span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #9c7caf44;border-radius:99px;color:#c3b5cf;background:#ffffff07;font-size:11px;white-space:nowrap}
.project-features svg{width:15px;height:15px;fill:none;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.work-afterword{margin-top:44px}
.work.js-reveal .project{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.work.js-reveal .project.is-visible{opacity:1;transform:translateY(0)}
.work.js-reveal .project:nth-child(2){transition-delay:.13s}
.work.js-reveal .project:nth-child(3){transition-delay:.26s}
@media(max-width:980px){.showcase-visual{height:400px}.showcase-browser{top:98px;height:235px}.showcase-brand{left:24px;bottom:40px;width:135px;height:60px}.showcase-sucoba .showcase-brand{width:150px;height:60px}.showcase-seal{right:25px;bottom:42px;width:66px;height:66px}.showcase-topline,.showcase-footline{left:21px;right:21px}.project-features>span{font-size:10px}}
@media(max-width:760px){.work .section-heading>p{max-width:none}.project-grid{grid-template-columns:1fr;gap:40px}.showcase-visual{height:410px}.showcase-browser{top:95px;height:255px}.project-title-row h3{font-size:28px}.project-description{font-size:13px}.work.js-reveal .project:nth-child(2){transition-delay:0s}}
@media(max-width:480px){.showcase-visual{height:350px;border-radius:14px}.showcase-browser{left:7%;width:86%;top:85px;height:222px;border-radius:9px}.showcase-topline{top:19px;font-size:8px}.showcase-footline{bottom:15px;font-size:7px}.showcase-brand{left:18px;bottom:31px;width:125px;height:55px;padding:8px}.showcase-sucoba .showcase-brand{width:139px;height:55px}.showcase-seal{right:19px;bottom:34px;width:60px;height:60px}.showcase-seal>span{font-size:19px}.showcase-seal small{font-size:6px}.project-details{padding-top:18px}.project-description{margin:10px 0 14px}.project-features>span{font-size:10px;padding:7px 9px}.project-title-row h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.work.js-reveal .project{opacity:1;transform:none}}

/* Europa Doner Kebab: a full-width third project with desktop and phone previews in the shop's red, gold and green. */
.showcase-europa{background:radial-gradient(circle at 80% 18%,#f6b73c66 0,#f6b73c00 38%),radial-gradient(circle at 12% 95%,#0a6b3e55 0,#0a6b3e00 40%),linear-gradient(140deg,#d8343a 0%,#b51f2b 52%,#7e1320 100%);color:#fff3dc}
.showcase-stripe{position:absolute;left:0;right:0;top:66px;height:4px;z-index:1;background:linear-gradient(90deg,#c1272d,#f6b73c 50%,#0a6b3e);opacity:.9}
.showcase-europa .showcase-browser{left:6%;width:64%;top:98px;height:290px;box-shadow:0 27px 45px #4a060e66}
.project-europa:hover .showcase-browser,.project-europa:focus-visible .showcase-browser{box-shadow:0 35px 55px #4a060e80}
.showcase-europa .showcase-browser-bar>span:last-child{color:#c1272d}
.showcase-europa .browser-dots i:first-child{background:#f6b73c}
.showcase-phone{position:absolute;z-index:3;right:7%;top:72px;width:158px;height:318px;overflow:hidden;border-radius:26px;border:6px solid #1b1015;background:#1b1015;box-shadow:0 30px 45px #3d040c73;transform:rotate(5deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.showcase-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}
.project-europa:hover .showcase-phone,.project-europa:focus-visible .showcase-phone{transform:translateY(-10px) rotate(2deg)}
.showcase-europa .showcase-brand{width:94px;height:94px;padding:5px;border-radius:50%;background:#fff;bottom:38px;transform:rotate(-8deg)}
.showcase-europa .showcase-seal{background:#f6b73c;color:#7e1320;right:calc(7% + 128px);bottom:34px}
@media(min-width:981px){.project-europa{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:52px;align-items:center}
.project-europa .project-details{padding:0}
.project-europa .project-title-row h3{font-size:36px}
.project-europa .project-description{font-size:15px;max-width:400px}
}
@media(min-width:761px) and (max-width:980px){.project-europa{grid-column:1/-1}
.showcase-europa .showcase-browser{top:96px;height:250px}
.showcase-phone{width:140px;height:282px}
.showcase-europa .showcase-brand{width:80px;height:80px}
}
@media(max-width:760px){.work.js-reveal .project:nth-child(3){transition-delay:0s}
.showcase-europa .showcase-browser{width:68%;height:250px}
.showcase-phone{right:5%;width:128px;height:260px;top:82px}
.showcase-europa .showcase-brand{width:78px;height:78px}
.showcase-europa .showcase-seal{right:calc(5% + 100px)}
}
@media(max-width:480px){.showcase-stripe{top:52px}
.showcase-europa .showcase-browser{left:5%;width:70%;top:80px;height:200px}
.showcase-phone{right:4%;width:104px;height:212px;top:74px;border-width:4px;border-radius:18px}
.showcase-phone img{border-radius:14px}
.showcase-europa .showcase-brand{width:66px;height:66px;padding:4px}
.showcase-europa .showcase-seal{right:calc(4% + 80px);bottom:28px}
}

/* Expertise: four visible services with a clear path from idea to ongoing care. */
.services-section{background:linear-gradient(180deg,#15101c 0%,#17111d 55%,#130f19 100%);position:relative;overflow:hidden}
.services-section::before{content:"";position:absolute;width:650px;height:650px;right:-280px;top:20px;border-radius:50%;background:radial-gradient(circle,#7b40b218,transparent 67%);pointer-events:none}
.services-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:47px;position:relative}
.services-heading .eyebrow{margin-bottom:20px}
.services-heading h2{margin:0;font-size:clamp(49px,5.3vw,76px);line-height:1.02;letter-spacing:-4px}
.services-heading .serif-word{letter-spacing:-3px}
.services-heading-aside{display:flex;align-items:center;gap:20px;max-width:365px;padding-bottom:5px}
.services-heading-aside>span{color:var(--purple);font-size:62px;line-height:.8;font-weight:300}
.services-heading-aside p{margin:0;color:#b8a9c6;font-size:14px;line-height:1.7}
.services-index{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0 17px;border-top:1px solid #ae8ac64d;color:#a996b7;font:700 10px/1.3 var(--font);letter-spacing:.18em}
.services-index b{font:16px/1 var(--font);color:var(--purple);padding:0 8px}
.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-card{--service-accent:#c99aff;--service-glow:#8f4fc328;min-width:0;min-height:404px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px 31px 24px;border:1px solid #bc91db2f;border-radius:21px;background:radial-gradient(circle at 93% 0,var(--service-glow),transparent 43%),#201727;box-shadow:0 12px 32px #09051023;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.service-card::before{content:attr(data-number);position:absolute;right:5px;top:70px;color:#ffffff07;font:700 180px/.8 var(--heading);letter-spacing:-20px;pointer-events:none}
.service-card:hover{transform:translateY(-5px);border-color:#b88bff80;box-shadow:0 26px 45px #08050d55}
.service-card-app{--service-accent:#b4a0ff;--service-glow:#6d65c42b;background-color:#1d1a2a}
.service-card-opt{--service-accent:#9dbdff;--service-glow:#4172ba27;background-color:#181e2c}
.service-card-care{--service-accent:#e9acd4;--service-glow:#ae62932b;background-color:#251b28}
.service-card-top,.service-card-copy,.service-card-footer{position:relative;z-index:1}
.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.service-card-number{font:700 10px/1.4 var(--font);letter-spacing:.2em;color:var(--service-accent);padding-top:4px}
.service-card-icon{width:67px;height:67px;flex:none;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--service-accent) 45%,transparent);border-radius:18px;background:color-mix(in srgb,var(--service-accent) 12%,transparent);color:var(--service-accent);transition:transform .4s,background .4s}
.service-card:hover .service-card-icon{transform:rotate(-6deg) scale(1.06);background:color-mix(in srgb,var(--service-accent) 20%,transparent)}
.service-card-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-card-copy{max-width:490px;margin-top:16px}
.service-card-copy h3{font:500 clamp(34px,3.2vw,46px)/1.05 var(--heading);letter-spacing:-2px;margin:0 0 13px;color:#f5eef9}
.service-card-copy h3 span{color:var(--service-accent)}
.service-card-lead{margin:0 0 11px;color:var(--service-accent);font-size:16px;font-weight:600;line-height:1.4}
.service-card-body{max-width:460px;margin:0;color:#b9adbf;font-size:14px;line-height:1.65}
.service-card-footer{margin-top:auto;padding-top:23px}
.service-card-offers{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.service-card-offers span{padding:7px 10px;border:1px solid #a98fc33d;border-radius:99px;color:#d0c1d9;background:#ffffff06;font-size:12px;line-height:1.2}
.service-card-action{width:100%;min-height:47px;padding:10px 13px 10px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--service-accent) 43%,transparent);border-radius:10px;background:color-mix(in srgb,var(--service-accent) 11%,transparent);color:#f3e7fa;text-align:left;font-size:13px;font-weight:700;transition:background .25s,border-color .25s}
.service-card-action>span{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--service-accent);color:#1c1225;font-size:20px;line-height:1;transition:transform .3s}
.service-card-action:hover{background:color-mix(in srgb,var(--service-accent) 21%,transparent);border-color:var(--service-accent)}
.service-card-action:hover>span{transform:rotate(45deg)}
.services-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:23px 27px;border:1px solid #b88bff38;border-radius:16px;background:linear-gradient(90deg,#2b1a3a,#21172d)}
.services-next>div{display:flex;align-items:center;gap:18px}.services-next-star{color:var(--purple);font-size:35px;line-height:1}.services-next p{margin:0;color:#bfaed0;font-size:13px;line-height:1.5}.services-next strong{color:#efe4f7;font-weight:600}
.services-next button{display:flex;align-items:center;gap:21px;border-radius:99px;padding:11px 12px 11px 19px;background:var(--purple);color:#1c1128;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.services-next button:hover{background:#d0afff;transform:translateY(-2px)}.services-next button span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #3d205955;border-radius:50%;font-size:20px;line-height:1}
@media(max-width:980px){.services-heading h2{font-size:clamp(48px,5.6vw,66px)}.services-heading-aside{max-width:300px}.services-heading-aside>span{font-size:48px}.services-heading-aside p{font-size:12px}.service-card{padding:24px;min-height:425px}.service-card-body{font-size:13px}.service-card-offers span{font-size:11px}}
@media(max-width:760px){.services-heading{display:block;margin-bottom:31px}.services-heading h2{font-size:clamp(45px,8vw,62px);letter-spacing:-2.8px}.services-heading-aside{max-width:none;margin-top:24px;gap:14px}.services-heading-aside>span{font-size:38px}.services-heading-aside p{font-size:13px}.services-index{font-size:9px}.service-cards{grid-template-columns:1fr;gap:14px}.service-card{min-height:390px;padding:24px}.service-card-copy h3{font-size:40px}.service-card-body{font-size:14px}.services-next{padding:20px;align-items:flex-start;flex-direction:column}.services-next button{width:100%;justify-content:space-between}}
@media(max-width:430px){.services-heading h2{font-size:44px}.services-index span:last-child{display:none}.service-card{min-height:405px;padding:21px}.service-card-icon{width:58px;height:58px;border-radius:15px}.service-card-icon svg{width:36px;height:36px}.service-card-copy h3{font-size:36px}.service-card-lead{font-size:15px}.service-card-body{font-size:14px}.service-card-offers span{font-size:11px}.services-next p{font-size:13px}}

/* Process: each milestone explains the work and the client's takeaway. */
.process-section{background:radial-gradient(circle at 90% 0,#f6f0fc 0,#f6f0fc00 37%),linear-gradient(145deg,#ece3f4,#e6dbef);color:#241630;overflow:hidden}
.process-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:41px}
.process-head .eyebrow{color:#765990;margin-bottom:21px;font-weight:700}
.process-head h2{margin:0;font-size:clamp(54px,5.5vw,78px);line-height:1.02;letter-spacing:-4px;color:#241630}
.process-head .serif-word{color:#8050a9;letter-spacing:-3px}
.process-head-note{display:flex;align-items:center;gap:18px;max-width:350px;padding-bottom:8px}
.process-head-note>span{color:#8c54b4;font-size:59px;line-height:.8;flex:none}
.process-head-note p{margin:0;color:#69577a;font-size:15px;line-height:1.6}
.process-track{position:relative;display:grid;gap:13px}
.process-track::before{content:"";position:absolute;left:47px;top:40px;bottom:40px;width:2px;background:#9368b282}
.process-stage{position:relative;z-index:1;display:grid;grid-template-columns:76px minmax(0,1fr) minmax(230px,.72fr);align-items:center;gap:22px;min-height:164px;padding:21px 23px 21px 19px;border:1px solid #9d7cb54d;border-radius:18px;background:#f7f3faf0;box-shadow:0 10px 26px #5f427318;transition:transform .3s,border-color .3s,box-shadow .3s}
.process-stage:hover{transform:translateX(4px);border-color:#8d5fac91;box-shadow:0 16px 30px #5f427326}
.process-stage-index{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:4px solid #f7f3fa;background:#2d183e;box-shadow:0 0 0 1px #9c79b3;color:#f3e8fb;font:600 20px/1 var(--heading);letter-spacing:-1px}
.process-stage-copy{padding:3px 0}
.process-phase{margin:0 0 9px;color:#80539f;font-size:10px;letter-spacing:.17em;font-weight:800}
.process-stage-copy h3{margin:0 0 9px;font:500 29px/1.18 var(--heading);letter-spacing:-1.2px;color:#261536}
.process-stage-copy>p:last-child{max-width:610px;margin:0;color:#655771;font-size:14px;line-height:1.65}
.process-stage-result{min-height:104px;display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid #9e79b32e;border-radius:13px;background:#eadcf2a8}
.process-result-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:12px;background:#dac4eb;color:#714492}
.process-result-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.process-result-label{display:block;margin-bottom:6px;color:#80539f;font-size:10px;letter-spacing:.16em;font-weight:800}
.process-stage-result strong{display:block;color:#352140;font-size:14px;line-height:1.4;font-weight:600}
.process-close{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:20px 23px;border-radius:16px;background:#2a1938;color:#eee1f5}
.process-close p{display:flex;align-items:center;gap:15px;margin:0;color:#d8c6e5;font-size:14px;line-height:1.5}.process-close p>span:first-child{color:#b88bff;font-size:31px;line-height:1}.process-close strong{color:#fff;font-weight:700}
.process-close button{display:flex;align-items:center;gap:24px;padding:10px 11px 10px 17px;border-radius:99px;background:#bd8af4;color:#241331;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.process-close button:hover{background:#d0a9ff;transform:translateY(-2px)}.process-close button>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #2d154b55;border-radius:50%;font-size:20px;line-height:1}
@media(max-width:980px){.process-head h2{font-size:clamp(51px,6vw,67px)}.process-head-note{max-width:280px}.process-head-note p{font-size:13px}.process-stage{grid-template-columns:68px minmax(0,1fr) minmax(210px,.7fr);gap:16px;padding:19px}.process-track::before{left:44px}.process-stage-copy h3{font-size:26px}.process-stage-copy>p:last-child{font-size:13px}.process-stage-result{padding:13px;gap:10px}.process-stage-result strong{font-size:13px}.process-result-icon{width:42px;height:42px}}
@media(max-width:760px){.process-head{display:block;margin-bottom:31px}.process-head h2{font-size:clamp(47px,8.4vw,62px);letter-spacing:-3px}.process-head-note{max-width:none;margin-top:25px}.process-head-note>span{font-size:40px}.process-head-note p{font-size:14px}.process-stage{grid-template-columns:58px minmax(0,1fr);gap:11px 14px;align-items:start;min-height:0;padding:20px}.process-track::before{left:49px}.process-stage-index{width:49px;height:49px;font-size:17px}.process-stage-copy h3{font-size:27px}.process-stage-copy>p:last-child{font-size:14px}.process-stage-result{grid-column:2;min-height:0;margin-top:4px;padding:12px}.process-close{flex-direction:column;align-items:stretch;padding:20px}.process-close button{justify-content:space-between}}
@media(max-width:430px){.process-head h2{font-size:45px}.process-stage{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:15px;border-radius:15px}.process-track::before{left:38px}.process-stage-index{width:42px;height:42px;border-width:3px;font-size:15px}.process-phase{font-size:9px}.process-stage-copy h3{font-size:24px}.process-stage-copy>p:last-child{font-size:13px}.process-stage-result{gap:10px}.process-result-icon{width:38px;height:38px}.process-result-icon svg{width:25px;height:25px}.process-stage-result strong{font-size:12px}.process-close p{font-size:13px}.process-close button{font-size:12px}}

/* FAQ: friendly answers with a clear, usable way to start a brief. */
.faq-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:32px;align-items:stretch;padding-block:105px}
.faq-intro{margin:0}
.faq-intro-panel{min-height:565px;height:100%;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:39px 41px 30px;border:1px solid #9d75bd70;border-radius:23px;background:radial-gradient(circle at 100% 0,#6d3e9947,transparent 45%),linear-gradient(145deg,#281a37,#1b1424 70%);box-shadow:0 22px 50px #07040b55}
.faq-intro-panel::before{content:"";position:absolute;width:340px;height:340px;left:-90px;bottom:-210px;border:1px solid #b88bff2b;border-radius:50%;box-shadow:0 0 0 45px #b88bff0c,0 0 0 90px #b88bff08;z-index:-1}
.faq-intro .eyebrow{position:relative;margin:0 0 35px;color:#d7c0e8;font-size:11px;letter-spacing:.15em;font-weight:700}
.faq-intro h2{position:relative;margin:0 0 20px;color:#f4eaf9;font-size:clamp(46px,4.1vw,58px);line-height:1.04;letter-spacing:-3.2px}
.faq-intro .serif-word{color:#bd8af4}
.faq-intro .faq-intro-copy{position:relative;max-width:320px;margin:0;color:#c1b0d0;font-size:15px;line-height:1.7}
.faq-intro-symbol{position:absolute;right:25px;top:225px;color:#b88bff2c;font-size:140px;line-height:1;transform:rotate(17deg);pointer-events:none}
.faq-intro-action{position:relative;margin-top:auto;padding-top:26px;border-top:1px solid #d8baf342}
.faq-intro-action p{margin:0 0 19px;color:#c4b1d3;font-size:14px;line-height:1.6}.faq-intro-action strong{color:#f2e9f7;font-weight:600}
.faq-intro-action button{width:100%;min-height:51px;padding:10px 11px 10px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:99px;background:#bd8af4;color:#23132f;text-align:left;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.faq-intro-action button:hover{background:#d2afff;transform:translateY(-2px)}.faq-intro-action button span{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid #46245955;border-radius:50%;font-size:21px;line-height:1}
.faq-content{min-width:0;padding:4px 0}
.faq-content-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px;padding:0 4px;color:#aa8bbe;font-size:10px;font-weight:700;letter-spacing:.18em}
.faq-list{display:grid;gap:10px;border:0}
.faq-list details{overflow:hidden;border:1px solid #9e7ab64d;border-radius:15px;background:#1b1523;transition:border-color .25s,background .25s}
.faq-list details[open]{border-color:#b88bff89;background:#261b31}
.faq-list details:hover{border-color:#b88bff96}
.faq-list summary{display:grid;grid-template-columns:29px minmax(0,1fr) 34px;align-items:center;gap:15px;padding:20px 21px;color:#f0e5f6;font-size:16px;line-height:1.35;font-weight:600}
.faq-list summary .faq-number{color:#aa81c7;font:700 11px/1 var(--font);letter-spacing:.07em;transform:none}
.faq-list summary .faq-question{font-size:16px;line-height:1.4;color:#efe6f4;transform:none}
.faq-list summary .faq-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid #af85cd74;border-radius:50%;color:#c991f4;font-size:22px;font-weight:400;line-height:1;transition:transform .25s,background .25s,color .25s}
.faq-list details[open] summary .faq-number,.faq-list details[open] summary .faq-question{transform:none}
.faq-list details[open] summary .faq-toggle{transform:rotate(45deg);background:#bd8af4;color:#241430}
.faq-answer{padding:0 70px 22px 65px}
.faq-list .faq-answer p{margin:0;color:#c7b8d1;font-size:14px;line-height:1.7}
.faq-footnote{margin:20px 4px 0;color:#a797b3;font-size:13px;line-height:1.6}
@media(max-width:980px){.faq-section{gap:21px}.faq-intro-panel{padding:31px;min-height:570px}.faq-intro h2{font-size:clamp(43px,5vw,55px)}.faq-intro .faq-intro-copy{font-size:14px}.faq-list summary{padding:18px 17px;gap:10px}.faq-list summary .faq-question{font-size:15px}.faq-answer{padding:0 56px 20px 56px}}
@media(max-width:760px){.faq-section{display:block;padding-block:65px}.faq-intro{margin:0 0 25px}.faq-intro-panel{min-height:0;padding:29px}.faq-intro .eyebrow{margin-bottom:22px}.faq-intro h2{font-size:46px;margin-bottom:16px}.faq-intro h2 br{display:block}.faq-intro h2 .serif-word:before{content:none}.faq-intro .faq-intro-copy{font-size:14px;max-width:420px}.faq-intro-symbol{display:none}.faq-intro-action{margin-top:27px;padding-top:20px}.faq-intro-action p{font-size:13px;margin-bottom:15px}.faq-content-head{font-size:10px}.faq-list summary{padding:18px}.faq-list summary .faq-question{font-size:15px}.faq-list .faq-answer p{font-size:14px}}
@media(max-width:430px){.faq-intro-panel{padding:25px}.faq-intro h2{font-size:40px;letter-spacing:-2.6px}.faq-list summary{grid-template-columns:22px minmax(0,1fr) 30px;gap:10px;padding:17px 14px}.faq-list summary .faq-question{font-size:15px}.faq-list summary .faq-toggle{width:29px;height:29px;font-size:20px}.faq-answer{padding:0 17px 19px 46px}.faq-list .faq-answer p{font-size:14px}.faq-footnote{font-size:12px}}

/* Project brief: a roomier studio introduction and clearly grouped form. */
dialog{width:min(1050px,calc(100% - 40px));max-height:94dvh;min-height:min(790px,94dvh);padding:0;border:1px solid #b88bff75;border-radius:25px;background:#17101f;color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 35px 110px #000b}
dialog::backdrop{background:#08050fdf;backdrop-filter:blur(14px)}
.dialog-controls{position:sticky;top:0;z-index:30;height:0;display:flex;justify-content:flex-end;gap:8px;padding:17px 17px 0;pointer-events:none}
.dialog-controls>button{position:static;flex:none;pointer-events:auto;box-shadow:0 6px 20px #0005}
.dialog-controls .dialog-language-toggle{height:38px;min-width:45px;border-color:#b88bff76;background:#332143;color:#f0dbff}
.dialog-controls .dialog-close{width:38px;height:38px;display:grid;place-items:center;padding:0;border-color:#b88bff76;background:#332143;color:#f0dbff;font-size:23px;line-height:1}
.dialog-controls>button:hover{background:#56356e}
.dialog-content{display:grid;grid-template-columns:minmax(315px,.8fr) minmax(0,1.2fr);min-height:790px;padding:0}
.dialog-aside{position:relative;overflow:hidden;background:radial-gradient(circle at -12% 9%,#a765df52,transparent 43%),linear-gradient(160deg,#39234e,#23152e 68%,#1d1426);border-right:1px solid #b88bff40}
.dialog-aside::after{content:"";position:absolute;width:420px;height:420px;left:-240px;bottom:-190px;border-radius:50%;border:1px solid #d4aaff3b;box-shadow:0 0 0 45px #d4aaff12,0 0 0 90px #d4aaff0a;pointer-events:none}
.dialog-aside-inner{min-height:100%;display:flex;flex-direction:column;padding:62px 38px 35px;position:relative;z-index:1}
.dialog-aside .eyebrow{margin:0 0 36px;color:#ead4fa;font-size:11px;font-weight:700;letter-spacing:.14em}
.dialog-aside h2{margin:0 0 20px;font-size:clamp(43px,4.4vw,58px);line-height:1.03;letter-spacing:-3px;color:#fff3ff}
.dialog-aside .serif-word{color:#c997ff;letter-spacing:-2.5px}
.dialog-aside-copy{max-width:330px;margin:0;color:#dfcbe9;font-size:15px;line-height:1.7}
.dialog-guide{display:grid;gap:0;margin-top:45px;border-top:1px solid #e4c4f13d}
.dialog-guide>div{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #e4c4f12e}
.dialog-guide>div>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1px solid #d9a4fa72;border-radius:50%;color:#d9a4fa;font:700 10px var(--font)}
.dialog-guide p{margin:0;color:#eeddf6;font-size:13px;line-height:1.4}
.dialog-aside-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:35px;color:#d5b9e5}.dialog-aside-foot>span{font-size:27px;line-height:1}.dialog-aside-foot p{margin:0;font-size:12px;line-height:1.5}
.dialog-main{min-width:0;padding:57px 36px 20px;background:linear-gradient(160deg,#1a1125,#130e1b)}
.dialog-main-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 20px;color:#bda4d0;font-size:10px;font-weight:700;letter-spacing:.16em}.dialog-main-head>span:last-child{color:#9675ae}
#project-form{display:flex;flex-direction:column;gap:10px}
#project-form .form-panel{min-width:0;margin:0;padding:14px 19px 15px;border:1px solid #9d70bc55;border-radius:15px;background:#24182fa8}
#project-form fieldset.form-panel{padding-top:15px}
#project-form legend{padding:0 9px;margin-left:-3px;margin-bottom:2px;color:#f0dff9;font-size:14px;font-weight:700}
.form-step{display:inline-grid;place-items:center;width:26px;height:26px;vertical-align:middle;margin-right:7px;border-radius:8px;background:#b88bff22;color:#d6b2ff;font:700 11px var(--font)}
.service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.service-options label{min-width:0}
.service-options label>span{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 12px;border:1px solid #9d70bc55;border-radius:10px;background:#1a1223;color:#d2bbdf;font-size:13px;font-weight:600;line-height:1.25}
.service-options label>span svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-options input:checked+span{background:#b88bff;color:#1e102b;border-color:#b88bff;box-shadow:0 6px 15px #b88bff29}
.service-options label:hover>span{border-color:#c692ee}
.form-panel-title{display:flex;align-items:center;gap:7px;margin-bottom:12px}.form-panel-title h3{margin:0;color:#f1e6f8;font:600 15px/1.3 var(--font)}
.form-fields{display:block}
.field-row{gap:13px}
#project-form .form-panel label{display:block;color:#d9c5e6;font-size:12px;font-weight:600;line-height:1.4}
#project-form .form-panel input:not([type=radio]),#project-form .form-panel textarea,#project-form .form-panel select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #9b76b768;border-radius:9px;background:#120d1bdc;color:#f4e9fa;font-size:14px;line-height:1.4}
#project-form .form-panel input:not([type=radio]),#project-form .form-panel select{height:44px}
#project-form .form-panel textarea{min-height:92px;resize:vertical}
#project-form .form-panel ::placeholder{color:#a493b4;opacity:1}
#project-form .form-panel select option{background:#1b1224;color:#f4e9fa}
#project-form .form-panel input:focus,#project-form .form-panel textarea:focus,#project-form .form-panel select:focus{border-color:#c99bff;outline:2px solid #b88bff55;outline-offset:1px}
.project-fields{display:grid;gap:15px}.project-fields .form-panel-title{margin-bottom:0}
.form-finish{display:grid;gap:10px;margin-top:3px}
#project-form .form-submit{width:100%;min-height:54px;margin:0;padding:13px 18px;font-size:14px}
.prototype-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;border:1px solid #9d70bc46;border-radius:10px;background:#b88bff10;color:#c8b4d7;font-size:12px;line-height:1.5;text-align:left}
.prototype-note>span{color:#c996f7;font-size:16px;line-height:1.1}
#brief-result{padding-top:3px}
.brief-ready{padding:17px 18px;border:1px solid #b88bff60;border-radius:14px;background:#b88bff13}.brief-ready>span{width:42px;height:42px;flex:none;background:#b88bff35}.brief-ready p{margin:0;font-size:16px;line-height:1.6}.brief-ready small{font-size:12px;line-height:1.5}
#brief-text{max-height:42vh;margin:19px 0 0;padding:20px;border-color:#b88bff4d;background:#0d0914;color:#e5d3f1;font-size:13px;line-height:1.7}
.brief-actions{margin-top:15px}.brief-actions>.button{min-height:49px;font-size:12px}.edit-brief{font-size:13px}
@media(max-width:850px){dialog{width:min(720px,calc(100% - 24px));min-height:0}.dialog-content{display:block;min-height:0}.dialog-aside{border-right:0;border-bottom:1px solid #b88bff40}.dialog-aside-inner{min-height:0;padding:52px 31px 29px}.dialog-aside .eyebrow{margin-bottom:19px}.dialog-aside h2{font-size:46px;margin-bottom:13px}.dialog-aside-copy{max-width:520px;font-size:14px}.dialog-guide{display:none}.dialog-aside-foot{display:none}.dialog-main{padding:27px 31px 30px}.dialog-main-head{margin-bottom:16px}}
@media(max-width:480px){dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:19px}.dialog-controls{padding:12px 12px 0}.dialog-controls .dialog-close,.dialog-controls .dialog-language-toggle{height:34px}.dialog-controls .dialog-close{width:34px;font-size:21px}.dialog-controls .dialog-language-toggle{min-width:39px}.dialog-aside-inner{padding:53px 23px 22px}.dialog-aside .eyebrow{font-size:9px;margin-bottom:14px}.dialog-aside h2{font-size:38px;letter-spacing:-2px}.dialog-aside-copy{font-size:13px}.dialog-main{padding:22px 18px 24px}.dialog-main-head{font-size:9px}.service-options{gap:7px}.service-options label>span{min-height:48px;padding:8px 9px;gap:7px;font-size:11px}.service-options label>span svg{width:18px;height:18px}#project-form .form-panel{padding:15px}#project-form fieldset.form-panel{padding-top:13px}#project-form legend{font-size:13px}.field-row{grid-template-columns:1fr;gap:15px}.project-fields{gap:15px}#project-form .form-panel textarea{min-height:120px}.brief-actions{flex-direction:column}.brief-actions>.button{width:100%}}

/* Small brand accents and restrained entrances for the quieter sections. */
.hero-buddy{position:absolute;z-index:4;top:15%;right:5%;width:76px;height:76px;display:grid;place-items:center;border:1px solid #d4adffad;border-radius:24px;background:linear-gradient(145deg,#65428ce8,#261436ed);box-shadow:0 16px 34px #13071eb8,inset 0 1px #fff5,0 0 29px #ad64ff70;pointer-events:none;animation:hero-buddy-float 3.2s ease-in-out infinite alternate;will-change:transform}
.hero-buddy-face{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;width:56px;height:43px;border-radius:16px;background:linear-gradient(145deg,#251631,#3e2456);box-shadow:inset 0 2px 7px #0006,0 1px #d5abff5c}
.hero-buddy-eye{width:8px;height:13px;border-radius:50%;background:#e8d3ff;box-shadow:0 0 10px #dbacff}
.hero-buddy-mouth{position:absolute;left:22px;bottom:7px;width:12px;height:5px;border:1.5px solid #d8b9ef;border-top:0;border-radius:0 0 12px 12px}
.hero-buddy-orbit{position:absolute;width:11px;height:11px;top:-6px;right:9px;border:2px solid #efe0ff;border-radius:50%;background:#9e60e6;box-shadow:0 0 0 5px #a46ee633,0 0 14px #d8abff}
.hero-buddy::after{content:"";position:absolute;left:20px;right:20px;bottom:-7px;height:7px;border-radius:0 0 8px 8px;background:#9165bc;box-shadow:0 5px 13px #bd8af49c}
.signature-star,.services-heading-aside>span,.process-head-note>span{display:inline-block;animation:accent-sway 10s ease-in-out infinite alternate}
.services-heading-aside>span{animation-delay:-3s}.process-head-note>span{animation-delay:-6s}
.faq-intro-symbol{animation:faq-symbol-sway 12s ease-in-out infinite alternate}
@keyframes hero-buddy-float{from{transform:translate3d(0,0,0) rotate(-10deg)}to{transform:translate3d(-42px,38px,0) rotate(10deg)}}
@keyframes accent-sway{from{transform:rotate(-6deg) scale(.96)}to{transform:rotate(9deg) scale(1.04)}}
@keyframes faq-symbol-sway{from{transform:rotate(11deg)}to{transform:rotate(24deg)}}
.motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.faq-list details.motion-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s}
.motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.service-card.motion-reveal.is-visible:hover{transform:translateY(-5px)}
.process-stage.motion-reveal.is-visible:hover{transform:translateX(4px)}
.service-card.motion-reveal:nth-child(2){transition-delay:.08s}
.service-card.motion-reveal:nth-child(4){transition-delay:.08s}
@media(max-width:760px){.hero-buddy{top:-6%;right:4%;width:58px;height:58px;border-radius:18px;animation-name:hero-buddy-float-mobile}.hero-buddy-face{width:44px;height:34px;gap:9px;border-radius:12px}.hero-buddy-eye{width:6px;height:10px}.hero-buddy-mouth{left:17px;bottom:5px;width:10px}.hero-buddy::after{left:16px;right:16px;bottom:-6px;height:6px}.service-card.motion-reveal:nth-child(2),.service-card.motion-reveal:nth-child(4){transition-delay:0s}}
@keyframes hero-buddy-float-mobile{from{transform:translate3d(0,0,0) rotate(-10deg)}to{transform:translate3d(-26px,30px,0) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important;transform:none!important}}

/* Three-language selector and right-to-left Arabic layout. */
@font-face{font-family:'Noto Sans Arabic';src:url('assets/fonts/noto-sans-arabic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-10EFF,U+1EE00-1EEFF}
.language-select{appearance:none;-webkit-appearance:none;width:83px;height:39px;padding:0 22px 0 10px;border:1px solid #9d75bc75;border-radius:99px;background:#291c38 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23e4c9ff' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 11px center;background-size:10px 7px;color:#e4c9ff;font:700 12px var(--font);text-align:center;direction:ltr;cursor:pointer;transition:background-color .2s,border-color .2s}
.language-select:hover{background-color:#3a2750;border-color:var(--purple)}
.language-select option{background:#21162d;color:#f1e8f8}
.dialog-controls .dialog-language-select{height:38px;background-color:#332143;border-color:#b88bff76}
@media(max-width:600px){.header .language-select{height:36px;width:78px}.dialog-controls .dialog-language-select{height:34px;width:78px}}
/* The language panel joins the header at its own control, without moving the navigation. */
.header{--header-border:#b88bff38;border-color:var(--header-border);background:#17111f;backdrop-filter:none}
.language-picker{position:relative;z-index:2;flex:none}
.language-picker.has-visible-menu::before{content:"";position:absolute;inset-inline-end:-20px;top:calc(100% + 15.5px);width:247px;height:1.5px;background:#17111f;pointer-events:none}
.language-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:91px;height:39px;padding:0 11px;border:1px solid #9d75bc75;border-radius:99px;background:#291c38;color:#e4c9ff;font:700 12px var(--font);direction:ltr;transition:background-color .2s,border-color .2s}
.language-trigger:hover,.language-picker.is-open .language-trigger{background:#382449;border-color:#b88bff}
.language-globe{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;flex:none}
.language-chevron{width:10px;height:7px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;flex:none;transition:transform .2s}
.language-picker.is-open .language-chevron{transform:rotate(180deg)}
.language-menu[hidden]{display:none}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 34px);width:207px;height:154px;padding:9px;border:0;background:transparent;opacity:0;transform:scaleY(.94);transform-origin:top center;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.language-picker.is-open .language-menu{opacity:1;transform:scaleY(1);pointer-events:auto}
.language-menu-join{position:absolute;left:-20px;top:-18.5px;width:calc(100% + 40px);height:calc(100% + 18.5px);overflow:visible;pointer-events:none;filter:drop-shadow(0 18px 18px #05030866)}
.language-join-fill{fill:#17111f}
.language-join-edge{fill:none;stroke:var(--header-border);stroke-width:1;vector-effect:non-scaling-stroke}
.language-option{display:flex;align-items:center;gap:11px;width:100%;min-height:45px;padding:6px 10px;border-radius:10px;background:transparent;color:#e7ddef;text-align:start;font-size:13px;opacity:0;transform:translateY(-7px);transition:background-color .18s,color .18s,opacity .18s ease,transform .22s ease}
.language-picker.is-open .language-option{opacity:1;transform:translateY(0)}
.language-picker.is-open .language-option[data-language="fr"]{transition-delay:35ms}
.language-picker.is-open .language-option[data-language="ar"]{transition-delay:70ms}
.language-option:hover,.language-option:focus-visible{background:#382449;color:#fff}
.language-option[aria-current="true"]{background:#2b1d3b;color:#dfbcff}
.language-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #b88bff70;border-radius:50%;background:#442b5b;color:#dfbcff;font-weight:700;font-size:14px;line-height:1}
.language-check{margin-inline-start:auto;color:#c99fff;opacity:0;font-size:14px}
.language-option[aria-current="true"] .language-check{opacity:1}
@media(max-width:600px){.language-trigger{width:82px;height:36px;gap:6px;padding:0 8px}.language-globe{width:14px;height:14px}.language-picker.has-visible-menu::before{top:calc(100% + 15px)}.language-menu-join{top:-19px;height:calc(100% + 19px)}}
@media(prefers-reduced-motion:reduce){.language-menu,.language-option,.language-chevron{transition:none}}
/* A compact navigation dock takes over after the header leaves the viewport. */
.side-nav{position:fixed;z-index:30;top:50%;inset-inline-end:18px;width:112px;padding:11px 8px 8px;border:1px solid #b88bff55;border-radius:28px;background:#17111ff0;backdrop-filter:blur(18px);box-shadow:0 18px 45px #05030888,0 0 32px #9b5cff12;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(135%,-50%,0) scale(.92);transition:opacity .3s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility 0s .55s}
html[dir="rtl"] .side-nav{transform:translate3d(-135%,-50%,0) scale(.92)}
.side-nav.is-visible,html[dir="rtl"] .side-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0) scale(1);transition-delay:0s}
.side-nav-home{display:grid;place-items:center;height:58px;margin-bottom:7px;border-bottom:1px solid #b88bff30;border-radius:15px}
.side-nav-home img{display:block;width:48px;height:48px;object-fit:contain}
.side-nav-mobile-toggle{display:none}
.side-nav-links{display:grid;gap:3px}
.side-nav-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:7px 3px;border:1px solid transparent;border-radius:16px;color:#d2c5df;font-size:10px;font-weight:600;text-align:center;line-height:1.25;transition:background .22s,color .22s,border-color .22s,transform .22s}
.side-nav-links a:hover,.side-nav-links a:focus-visible{background:#352145;color:#fff;transform:translateX(-2px)}
html[dir="rtl"] .side-nav-links a:hover,html[dir="rtl"] .side-nav-links a:focus-visible{transform:translateX(2px)}
.side-nav-links a.is-active{background:#39244e;border-color:#b88bff55;color:#f1e6ff}
.side-nav-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid #b88bff55;border-radius:50%;color:#c99eff;font:600 9px var(--heading)}
.side-nav-links a.is-active .side-nav-number{background:#b88bff;color:#1c1028;border-color:#b88bff}
.side-nav-contact{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:38px;margin-top:7px;border-radius:14px;background:#b88bff;color:#20122c;font-size:10px;font-weight:700;line-height:1.2;transition:background .2s,transform .2s}
.side-nav-contact:hover{background:#d2b3ff;transform:translateY(-2px)}
.side-nav-contact span:last-child{font-size:17px;font-weight:400;line-height:1}
.header.is-transitioning,.header.is-docked{visibility:hidden;opacity:0;pointer-events:none}
.header-morph[hidden]{display:none}
.header-morph{position:fixed;z-index:31;border:1px solid #b88bff38;border-radius:100px;background:#17111f;box-shadow:0 18px 45px #05030888;pointer-events:none;overflow:hidden;will-change:left,top,width,height,border-radius}
.header-morph img{position:absolute;display:block;object-fit:contain;will-change:left,top,width,height}
.side-nav.is-morphing{visibility:visible!important;opacity:0!important;pointer-events:none!important;transform:translate3d(0,-50%,0) scale(1)!important;transition:none!important}
@media(max-width:880px){
  .side-nav{top:auto;bottom:16px;inset-inline-end:14px;width:58px;padding:6px;border-radius:30px;transform:translate3d(135%,0,0) scale(.9)}
  html[dir="rtl"] .side-nav{transform:translate3d(-135%,0,0) scale(.9)}
  .side-nav.is-visible,html[dir="rtl"] .side-nav.is-visible{transform:translate3d(0,0,0) scale(1)}
  .side-nav.is-expanded{width:min(218px,calc(100vw - 28px));border-radius:24px;transition:width .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility 0s}
  .side-nav-home{display:none}
  .side-nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-start:auto;border-radius:50%;background:#2a1b3b;position:relative}
  .side-nav-mobile-toggle img{width:39px;height:39px;object-fit:contain}
  .side-nav-toggle-mark{position:absolute;inset-inline-end:3px;bottom:3px;display:grid;gap:2px;padding:3px;border-radius:6px;background:#b88bff}
  .side-nav-toggle-mark i{display:block;width:7px;height:1px;background:#21112e}
  .side-nav-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(9px);transition:max-height .34s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .34s ease}
  .side-nav.is-expanded .side-nav-content{max-height:300px;opacity:1;transform:translateY(0)}
  .side-nav-links{padding-top:8px;border-top:1px solid #b88bff30;margin-top:7px}
  .side-nav-links a{flex-direction:row;justify-content:flex-start;min-height:45px;padding:6px 9px;gap:12px;text-align:start;font-size:13px}
  .side-nav-number{width:27px;height:27px;flex:none}
  .side-nav-contact{min-height:42px;margin-top:8px;font-size:12px}
  .side-nav.is-morphing{transform:translate3d(0,0,0) scale(1)!important}
}
@media(prefers-reduced-motion:reduce){.side-nav,.side-nav.is-expanded,.side-nav-content,.side-nav-links a,.side-nav-contact{transition:none!important}}
html[lang="ar"]{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .serif-word,html[lang="ar"] .logo{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;font-style:normal}
html[lang="ar"] .hero h1{font-size:clamp(64px,6.5vw,93px);line-height:1.3;white-space:normal;letter-spacing:0}
html[lang="ar"] .hero-out{white-space:nowrap}
html[lang="ar"] .hero-description{max-width:480px;font-size:16px;line-height:1.9}
html[lang="ar"] .serif-word{font-weight:600}
html[lang="ar"] .services-heading h2,html[lang="ar"] .process-head h2,html[lang="ar"] .faq-intro h2{line-height:1.35}
html[lang="ar"] .service-card-copy h3,html[lang="ar"] .process-stage-copy h3{line-height:1.4}
html[lang="ar"] .hero .eyebrow,html[lang="ar"] .services-heading .eyebrow,html[lang="ar"] .process-head .eyebrow{letter-spacing:0}
html[lang="ar"] .art-topline,html[lang="ar"] .art-bottomline,html[lang="ar"] .hero-bottom,html[lang="ar"] .project-kicker,html[lang="ar"] .project-top{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0}
html[lang="ar"] .field-row input[type="email"]{direction:ltr;text-align:left}
html[lang="ar"] #project-form .form-panel select{height:48px;padding-block:0;line-height:normal}
html[lang="ar"] #brief-text{text-align:right;white-space:pre-wrap;unicode-bidi:plaintext}
html[lang="ar"] .faq-list summary,html[lang="ar"] .faq-answer,html[lang="ar"] .dialog-main{text-align:right}
html[lang="ar"] .faq-intro-symbol{right:auto;left:25px}
html[lang="ar"] #mobile-menu>a,html[lang="ar"] #mobile-menu>button{text-align:right}
html[lang="ar"] .dialog-guide p,html[lang="ar"] .dialog-aside-copy{text-align:right}
html[lang="ar"] .dialog-aside h2{line-height:1.3}
html[lang="ar"] .process-track::before{left:auto;right:47px}
html[lang="ar"] .eyebrow,html[lang="ar"] .project-kicker,html[lang="ar"] .project-top,html[lang="ar"] .process-phase,html[lang="ar"] .process-result-label,html[lang="ar"] .faq-content-head{font-size:11px}
html[lang="ar"] .contact-main h2{font-size:clamp(66px,7vw,104px);line-height:1.25}
@media(max-width:760px){html[lang="ar"] .hero h1{font-size:clamp(56px,10vw,76px);line-height:1.32}html[lang="ar"] .hero-description{font-size:15px}html[lang="ar"] .services-heading h2,html[lang="ar"] .process-head h2{font-size:clamp(43px,8vw,60px)}html[lang="ar"] .contact-main h2{font-size:clamp(50px,9vw,76px)}html[lang="ar"] .process-track::before{right:49px}}
@media(max-width:430px){html[lang="ar"] .hero h1{font-size:49px}html[lang="ar"] .services-heading h2,html[lang="ar"] .process-head h2{font-size:41px}html[lang="ar"] .faq-intro h2{font-size:40px}html[lang="ar"] .contact-main h2{font-size:44px}html[lang="ar"] .process-track::before{right:38px}}