/* === styles.css === */
:root{--paper:#f5f5f7;--ink:#171820;--accent:#ff8069;--muted:#6b6c7b;--line:#dddde5;--lilac:#dcd9ee;--peach:#efc1a6;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}body:has(dialog[open]){overflow:hidden}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}svg{display:block}button svg,a svg{pointer-events:none}img,svg{max-width:100%}::selection{background:var(--accent);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6b5987;outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font:500 10px/1.5 Rubik,Arial,sans-serif;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.section-index{color:#758475;letter-spacing:0;margin-right:5px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;position:relative;flex-shrink:0}.status-dot:after{content:'';position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;opacity:.2}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(38px,4.15vw,60px);line-height:1.13;letter-spacing:-2.8px}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:15px}.outline-pill{border:1px solid currentColor;border-radius:30px;padding:8px 13px;font-size:9px;letter-spacing:1.1px;display:inline-flex;align-items:center;gap:9px;line-height:1.2}.outline-pill .status-dot{width:5px;height:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:9px 10px 9px 24px;min-height:58px;font-size:12px;line-height:1.5;border-radius:6px;transition:transform .3s var(--ease),background .3s;white-space:nowrap}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#2c334f;transform:translateY(-3px)}.button-icon{width:39px;height:39px;background:var(--accent);color:var(--ink);display:grid;place-items:center;border-radius:3px}.button-icon .icon{width:20px;height:20px;transition:transform .3s}.button:hover .button-icon .icon{transform:translate(2px,-2px)}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:14px;padding:10px 0}.text-link .icon{width:19px;height:19px;transition:transform .3s}.text-link:hover .icon{transform:translateX(4px)}
[hidden]{display:none!important}
/* Navigation */
.site-header{height:98px;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:inline-flex;align-items:center;font-size:44px;letter-spacing:-2.8px;line-height:1;font-weight:600}.logo-mark{height:37px;width:37px;margin-right:10px}.brand-dot{color:var(--ink)}.desktop-nav{display:flex;gap:35px;margin:auto;font-size:12px}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{position:absolute;bottom:3px;left:0;width:0;height:1px;content:'';background:var(--ink);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-cta{font-size:11px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--ink);padding-bottom:5px}.header-cta .icon{width:18px;height:18px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}
/* Hero — original CSS sculpture and interface */
.hero{padding-top:63px;display:grid;grid-template-columns:1.06fr 1fr;column-gap:32px;position:relative}.hero-copy{padding-top:9px;position:relative;z-index:2}.hero h1{font-size:clamp(67px,7.35vw,108px);line-height:1.04;letter-spacing:-6px;margin:30px 0 32px}.hero-final{position:relative;white-space:nowrap}.hero-final svg{position:absolute;left:0;bottom:-12px;width:100%;height:25px;fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;z-index:-1}.hero-description{font-size:14px;line-height:1.9;max-width:390px;color:#63656f}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:10px;color:#6f786c}.tiny-asterisk{font-size:23px;color:var(--ink)}.hero-visual{height:590px;position:relative;isolation:isolate;--tilt-x:0deg;--tilt-y:0deg}.hero-visual:before{content:'';position:absolute;inset:50px 0 47px 0;background:radial-gradient(ellipse at 65% 35%,#d9dcea,#e1e3eb 65%,#e6e8ee);border-radius:48% 48% 39% 44%;transform:rotate(-9deg);z-index:-2}.visual-grid{position:absolute;inset:0;background-image:radial-gradient(#6f748b 1px,transparent 1px);background-size:22px 22px;opacity:.22;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);z-index:-1}.visual-coordinate{font-size:8px;letter-spacing:1.5px;position:absolute;color:#758473}.top-coordinate{top:10px;left:30px}.bottom-coordinate{bottom:17px;right:15px;font-size:7px}.orbital-art{position:absolute;width:420px;height:420px;top:75px;left:-18px;transform:rotate(-26deg);animation:art-float 9s ease-in-out infinite}.art-sphere{position:absolute;width:295px;height:295px;left:68px;top:70px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#5b6073 0%,#31364c 23%,#171b2c 48%,#0d101e 67%,#292f44 85%,#4f556d 100%);box-shadow:inset -10px -14px 23px #8590bc22,14px 30px 35px #292f492b}.art-sphere:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 2px,#bcc3e003 2px 3px);opacity:.7}.orbit{position:absolute;width:415px;height:185px;top:130px;left:6px;border-radius:50%;border:37px solid #fb8d74;transform:rotate(-5deg);box-shadow:inset 0 5px 4px #fb8d74,0 8px 0 #4b5fad,0 12px 16px #16192633}.orbit-back{z-index:0}.art-sphere{z-index:1}.orbit-front{z-index:2;clip-path:polygon(-10% 45%,110% 45%,110% 140%,-10% 140%)}.small-sphere{position:absolute;width:47px;height:47px;border-radius:50%;top:18px;left:121px;background:radial-gradient(circle at 28% 27%,#fb8d74,#fb8d74 55%,#445183 100%);box-shadow:4px 10px 15px #39416222;z-index:3}.hero-phone{position:absolute;width:230px;height:413px;right:20px;top:101px;background:#f8f9fb;border:5px solid #2c3145;border-radius:33px;padding:12px 15px 17px;transform:rotate(10deg) perspective(800px) rotateY(var(--tilt-y));box-shadow:14px 16px 0 #1b213920,22px 25px 45px #23283a33;z-index:4;transition:transform .7s var(--ease);font-size:9px}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-weight:bold;margin:0 3px 18px}.phone-island{height:13px;width:57px;background:#1a2036;border-radius:10px;position:absolute;top:10px;left:81px}.signal{font-size:7px;letter-spacing:-1px}.wallet-header{display:flex;align-items:center;justify-content:space-between}.flow-wordmark{font-size:23px;font-weight:bold;letter-spacing:-1.6px}.flow-wordmark>span{font-size:15px;margin-left:3px}.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dcdee8;font-size:10px}.balance-caption{font-size:7px;color:#859080;margin-top:15px}.wallet-balance{font-size:30px;letter-spacing:-1.6px;margin:0 0 11px;line-height:1.4}.wallet-balance>span{font-size:17px;letter-spacing:-.3px}.virtual-card{height:111px;border-radius:10px;background:linear-gradient(115deg,#fb8d74,#fb8d74 80%);position:relative;padding:12px 15px;overflow:hidden}.virtual-card:after{content:'';width:140px;height:140px;border:1px solid #55629644;border-radius:50%;position:absolute;right:-20px;top:29px;box-shadow:0 0 0 16px #5665a111,0 0 0 32px #5665a10c}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.1px}.mini-mark{height:20px;width:20px}.card-chip{height:13px;width:18px;border-radius:4px;background:linear-gradient(110deg,#6f79a4,#e5dfa7);margin:7px 0 4px;position:relative;border:1px solid #616a8f88}.card-chip:after{content:'';position:absolute;inset:3px -1px;border-top:1px solid #616a8f88;border-bottom:1px solid #616a8f88}.card-number{font-size:9px;letter-spacing:.7px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:5px;letter-spacing:1px}.card-circles{display:flex}.card-circles i{width:15px;height:15px;border-radius:50%;background:#292f45}.card-circles i+i{margin-left:-6px;background:#4c598b;opacity:.8}.wallet-actions{display:flex;justify-content:space-around;text-align:center;margin:13px 0;color:#2e3242;font-size:19px;line-height:1.3}.wallet-actions>span{width:35px}.wallet-actions small{display:block;font-size:6px;margin-top:4px}.activity-head{display:flex;justify-content:space-between;font-size:8px;margin-top:19px}.activity-head>span+span{color:#8f929f;font-size:6px}.wallet-transaction{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:7px}.transaction-icon{width:25px;height:25px;display:grid;place-items:center;background:#dfe1ea;border-radius:7px;font-size:14px}.wallet-transaction small{display:block;font-size:6px;color:#9c9fa8}.wallet-transaction b{margin-left:auto;font-size:8px;font-weight:400}.phone-home{position:absolute;bottom:7px;left:calc(50% - 32px);width:64px;height:3px;background:#262a3b;border-radius:4px}.floating-label{position:absolute;z-index:5;background:#fffef8;padding:11px 15px;border:1px solid #ffffffd0;box-shadow:0 6px 20px #282e4812;border-radius:5px;font-size:10px;display:flex;align-items:center;gap:9px}.design-label{top:75px;left:10px;transform:rotate(-5deg);animation:label-float 7s ease-in-out infinite}.label-dot{width:12px;height:12px;background:var(--accent);border:3px solid #fb8d74;border-radius:50%}.code-label{bottom:104px;left:6px;transform:rotate(-5deg)}.code-label code{font:9px monospace}.code-label code span{color:#767d98;padding:0 7px}.code-label>.icon{width:13px;height:13px;color:#3d4b83}.code-dot{height:6px;width:6px;border-radius:50%;background:#576393}.hero-spark{position:absolute;color:var(--accent);width:82px;height:82px;right:0;top:7px;z-index:6;animation:spark-turn 30s linear infinite}.visual-stamp{position:absolute;left:43px;bottom:13px;display:flex;align-items:flex-end;gap:23px;transform:rotate(-8deg)}.visual-stamp>span{font-size:8px;line-height:1.4;letter-spacing:.6px}.visual-stamp b{font-weight:400}.visual-stamp .icon{width:25px;height:25px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:28px 0 30px;margin-top:26px;color:#71747f;font-size:8px;letter-spacing:1.4px}.hero-bottom a{display:flex;gap:16px;align-items:center}.hero-bottom a>span{font-size:8px}.hero-bottom a{font-size:20px}.discipline-band{padding:22px 0;background:var(--accent);overflow:hidden;border-top:1px solid #fb8d74;border-bottom:1px solid #fb8d74}.band-track{display:flex;align-items:center;width:max-content;gap:40px;animation:marquee 45s linear infinite}.band-track>span{font-size:13px;letter-spacing:.7px;white-space:nowrap}.band-track>i{font-size:24px;line-height:1;font-style:normal}
/* Services */
.expertise-section{display:grid;grid-template-columns:1fr 1.05fr;gap:110px}.section-intro h2{margin-top:23px}.section-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:360px;margin-top:26px;line-height:1.9}.round-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;margin-top:27px}.round-arrow{border:1px solid #c3c6d0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:background .3s,transform .3s}.round-arrow .icon{width:17px;height:17px}.round-link:hover .round-arrow{background:var(--accent);transform:rotate(45deg)}.expertise-symbol{margin-top:50px;display:flex;align-items:center;gap:20px;color:#848897}.expertise-symbol svg{width:63px;height:63px;transform:rotate(-12deg)}.expertise-symbol span{font-size:9px;line-height:1.6}.services{padding-top:12px}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:flex;align-items:center;gap:24px;padding:26px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#777b8d}.service h3{font-size:24px;letter-spacing:-.9px}.service-toggle{margin-left:auto;width:25px;height:25px;line-height:22px;font-size:24px;text-align:center;font-weight:400;transition:transform .3s}.service[open] .service-toggle{transform:rotate(45deg)}.service-content{padding:0 0 29px 37px}.service-content>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:420px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags>span{border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:8px;white-space:nowrap}.service-mini-visual{display:flex;align-items:center;position:relative;gap:5px;margin-top:27px;padding:20px;background:#e8e9ee;border-radius:6px;overflow:hidden;min-height:90px}.swatch{display:block;width:34px;height:43px;transform:rotate(-9deg);border-radius:3px}.swatch-dark{background:var(--ink)}.swatch-green{background:var(--accent);transform:rotate(3deg)}.swatch-lilac{background:var(--lilac);transform:rotate(11deg)}.type-sample{font-size:36px;letter-spacing:-2px;margin-left:14px}.mini-cursor{position:absolute;right:20px;top:22px;transform:rotate(-5deg);font-size:30px;color:#3f4d85}.mini-cursor b{display:block;font-size:7px;background:var(--accent);color:var(--ink);padding:4px 8px;font-weight:400;border-radius:2px;margin-left:22px;margin-top:-10px}.service-code{margin-top:25px;background:#e4e6ec;padding:20px;border-radius:5px;font-family:monospace;font-size:12px}.service-code>span{color:#3d4a7d}
/* Project explorations */
.work-section{background:#e9eaee;border-top:1px solid #e0e1e7;border-bottom:1px solid #e0e1e7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:48px}.section-heading h2{margin-top:22px}.section-heading-aside{max-width:310px;color:var(--muted);font-size:12px;line-height:1.9}.section-heading-aside>p{margin-top:20px;max-width:260px}.section-heading-aside .outline-pill{color:var(--ink);font-size:8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-art{display:block;position:relative;width:100%;height:420px;padding:0;border-radius:9px;text-align:left;overflow:hidden;isolation:isolate;transition:box-shadow .4s}.project-art:hover{box-shadow:0 14px 30px #1d213219}.project-art-label{position:absolute;left:26px;top:24px;font-size:8px;letter-spacing:1.2px;z-index:5}.flow-art{background:#d9d5e9}.project-launch{position:absolute;right:22px;top:20px;background:#fff9;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;z-index:8;transition:transform .4s,background .4s}.project-launch .icon{width:17px;height:17px}.project-art:hover .project-launch{transform:rotate(45deg);background:#fff}.flow-dashboard{position:absolute;top:103px;left:44px;width:490px;height:283px;background:#f4f5f8;border:5px solid #fbfbfb70;border-radius:8px;box-shadow:10px 22px 40px #383b482a;display:flex;transform:rotate(-5deg);transform-origin:center;transition:transform .8s var(--ease);overflow:hidden}.project-art:hover .flow-dashboard{transform:rotate(-2deg) translateY(-7px)}.dashboard-sidebar{width:96px;background:#ebecf0;padding:18px 12px;position:relative;flex-shrink:0}.dashboard-sidebar>strong{font-size:18px;letter-spacing:-1px}.dashboard-sidebar>span{display:flex;font-size:11px;gap:6px;margin-top:13px;align-items:center;white-space:nowrap}.dashboard-sidebar>span>small{font-size:5px}.dashboard-sidebar .sidebar-active{padding:5px;background:#fb8d74;border-radius:4px;margin-left:-5px;margin-right:-4px}.sidebar-bottom{position:absolute;bottom:14px;font-size:9px;display:flex;align-items:center;gap:8px}.sidebar-bottom small{font-size:5px}.dashboard-main{padding:18px 20px;flex:1}.dashboard-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.dashboard-top i{font-style:normal;color:#6d7ab1}.dashboard-avatar{width:18px;height:18px;background:#dee0e7;border-radius:50%;display:grid;place-items:center;font-size:7px}.dashboard-subtitle{font-size:5px;color:#80838f;display:block;margin-top:3px}.dashboard-balance{display:flex;justify-content:space-between;align-items:center;background:#d8dcea;border-radius:5px;padding:12px 13px;margin-top:12px}.dashboard-balance small{font-size:5px;display:block;color:#626677}.dashboard-balance strong{font-size:22px;line-height:1.5;font-weight:400;letter-spacing:-.8px}.dashboard-balance strong>span{font-size:14px}.dashboard-balance em{font-size:4px;display:block;font-style:normal}.balance-button{font-size:5px;background:var(--ink);color:white;border-radius:3px;padding:6px 8px}.dashboard-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin-top:10px}.spending-panel,.budget-panel{background:#fff;border:1px solid #e9eaef;border-radius:5px;padding:10px}.spending-panel>span{font-size:5px;display:flex;justify-content:space-between}.spending-panel small{font-size:4px;color:#888b98}.chart-bars{height:50px;display:flex;gap:8px;align-items:flex-end;margin-top:7px}.chart-bars i{display:block;background:#bac0d6;flex:1;height:var(--bar);border-radius:2px 2px 0 0}.chart-bars i:nth-child(6){background:var(--ink)}.chart-days{display:flex;justify-content:space-between;font-size:4px;margin-top:5px;padding:0 3px;color:#7b7e8a}.budget-panel{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px}.budget-panel>span{font-size:5px}.budget-donut{width:49px;height:49px;background:conic-gradient(var(--ink) 0 68%,var(--accent) 68% 100%);border-radius:50%;display:grid;place-items:center}.budget-donut>span{display:grid;place-content:center;position:relative;font-size:12px;background:#fff;height:35px;width:35px;border-radius:50%}.budget-donut small{position:absolute;font-size:5px;top:17px;right:5px}.dashboard-row{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:5px}.dashboard-row small{display:block;font-size:4px;color:#868893}.dashboard-row b{margin-left:auto;font-weight:400}.dashboard-row em{font-size:4px;background:#d8dbe8;padding:2px 6px;font-style:normal;border-radius:5px;margin-left:6px}.row-icon{width:20px;height:20px;background:#e2e4ec;border-radius:5px;display:grid;place-items:center;font-size:9px}.payment-toast{display:flex;align-items:center;gap:10px;position:absolute;bottom:64px;right:22px;z-index:5;background:#ffffffed;padding:12px 16px;border-radius:7px;box-shadow:0 10px 25px #5a547c22;transform:rotate(3deg);transition:transform .8s var(--ease)}.payment-toast>span{background:#fb8d74;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.payment-toast .icon{width:15px;height:15px}.payment-toast>div{font-size:8px}.payment-toast small{display:block;font-size:6px;color:#797d8e;margin-top:2px}.project-art:hover .payment-toast{transform:rotate(-1deg) translateY(-5px)}.art-footnote{position:absolute;left:26px;bottom:22px;font-size:6px;letter-spacing:1.2px}.project-caption{display:flex;align-items:flex-start;justify-content:space-between;margin-top:22px;gap:15px}.project-caption h3{font-size:20px;letter-spacing:-.7px;display:flex;gap:13px;align-items:center}.project-caption h3>span{font-size:11px;letter-spacing:0;color:#5a5d69;font-weight:400}.project-caption p{font-size:10px;color:#7b8776;margin-top:5px}.project-caption .text-link{font-size:9px;gap:8px}.project-caption .text-link .icon{width:16px;height:16px}.atelier-art{background:#eec5af}.atelier-backdrop{position:absolute;top:101px;left:26px;font:italic 74px/.93 Georgia,serif;letter-spacing:-4px;color:#b7734c}.shop-phone{position:absolute;top:74px;right:41px;width:212px;height:365px;background:#fcf9f1;border:5px solid #fff8;border-radius:25px;padding:16px 14px;box-shadow:8px 15px 30px #8e593f28;transform:rotate(9deg);transition:transform .8s var(--ease)}.project-art:hover .shop-phone{transform:rotate(5deg) translateY(-8px)}.shop-phone-nav{display:flex;justify-content:space-between;align-items:center}.shop-phone-nav>span:first-child{font-size:19px;letter-spacing:-1.5px}.shop-phone-nav>span+span{font-size:14px}.shop-period{color:#b87c4c}.shop-phone-copy{font:15px/1.2 Georgia,serif;margin-top:18px;letter-spacing:-.4px}.lamp-scene{position:relative;height:169px;overflow:hidden;--lamp:#d7844f;background:radial-gradient(ellipse at 50% 85%,#eadcc4,#f5f0e5 65%);border-radius:4px;margin-top:15px}.lamp-glow{position:absolute;width:85px;height:18px;background:#b6a07a44;filter:blur(7px);border-radius:50%;left:50%;bottom:9px;transform:translateX(-50%)}.lamp-shade{position:absolute;top:17px;left:calc(50% - 50px);width:100px;height:63px;border-radius:55px 55px 6px 6px;background:linear-gradient(100deg,#ffffff33,transparent 40%,#0002 90%),var(--lamp);box-shadow:inset 0 -6px 2px #5a28172b,0 4px 7px #56391f0a;z-index:2}.lamp-shade:after{content:'';position:absolute;bottom:-2px;left:4px;right:4px;height:9px;border-radius:50%;background:#f7ddb3;box-shadow:inset 0 3px 3px #9961304d}.lamp-stem{position:absolute;top:70px;left:calc(50% - 6px);width:12px;height:70px;background:linear-gradient(90deg,#fff2,transparent 40%,#0002),var(--lamp);z-index:1}.lamp-base{position:absolute;bottom:21px;left:calc(50% - 32px);width:64px;height:14px;border-radius:50%;background:linear-gradient(110deg,#fff2,transparent 50%,#0002),var(--lamp);box-shadow:0 4px 0 #b46d42;z-index:2}.shop-product-detail{display:flex;justify-content:space-between;font-size:8px;margin-top:11px}.shop-product-detail small{font-size:6px;display:block;color:#7c7f8a}.shop-color-dots{display:flex;gap:4px;align-items:center;margin-top:11px}.shop-color-dots i{width:10px;height:10px;border-radius:50%;background:#c47e4c}.shop-color-dots i:nth-child(2){background:#696f88}.shop-color-dots i:nth-child(3){background:#ded0ad}.shop-color-dots>span{font-size:5px;color:#818595;margin-left:4px}.shop-add{margin-top:13px;padding:9px 10px;background:#2f323f;color:#fff;display:flex;justify-content:space-between;border-radius:3px;font-size:7px}.shop-floating-note{position:absolute;left:24px;bottom:81px;display:flex;align-items:center;gap:8px;transform:rotate(-7deg);z-index:5}.shop-floating-note>span{font-size:31px}.shop-floating-note>div{font-size:8px;line-height:1.4}.concept-disclaimer{margin-top:35px;font-size:9px;color:#787b86;display:flex;align-items:center;gap:12px}.concept-disclaimer>span{font-size:20px}
/* Industries */
.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.industry-card{padding:35px 36px;border-radius:8px;position:relative}.payments-industry{background:#e1e3ea}.commerce-industry{background:#f0ede4}.industry-top{display:flex;align-items:center;justify-content:space-between}.industry-top .outline-pill{font-size:8px}.industry-top>.icon{width:19px;height:19px}.industry-graphic{height:120px;display:flex;align-items:center;margin:10px 0}.payment-node{width:56px;height:56px;border:1px solid #a6aaba;border-radius:14px;background:#f4f5fa;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 0 #ced1db}.payment-node:last-child{background:var(--ink);color:var(--accent);box-shadow:0 4px 0 #9196ab}.payment-route{display:flex;width:100px;align-items:center;position:relative}.payment-route>span{flex:1;height:1px;background:#9095ab}.payment-route>i{width:8px;height:8px;border:2px solid #e1e3ea;box-shadow:0 0 0 1px #838aa4;border-radius:50%;background:#7a819e;margin:0 6px;animation:node-pulse 3s ease-in-out infinite}.industry-card h3{font-size:29px;letter-spacing:-1px;line-height:1.25;margin-bottom:19px}.industry-card>p{font-size:12px;color:#666a79;line-height:1.9;max-width:430px}.industry-bottom{display:flex;gap:23px;margin-top:28px;padding-top:19px;border-top:1px solid #c7cad6;font-size:8px;color:#585c6c}.commerce-industry .industry-bottom{border-color:#ddd9ce}.commerce-graphic{position:relative;padding-left:10px}.product-tile{width:62px;height:72px;border-radius:6px;border:3px solid #fdfcf6;box-shadow:0 6px 10px #867c6317;position:relative}.tile-one{background:#bdc2d6;transform:rotate(-13deg);z-index:1}.tile-two{background:#d4aa8b;transform:rotate(2deg);margin-left:-4px;z-index:2}.tile-three{background:#e0d5b9;transform:rotate(13deg);margin-left:-5px;z-index:3}.product-tile:before{content:'';position:absolute;top:21px;left:16px;width:25px;height:30px;background:#63697e;border-radius:5px 5px 10px 10px}.product-tile:after{content:'';position:absolute;top:11px;left:20px;width:14px;height:15px;border:3px solid #63697e;border-bottom:0;border-radius:14px 14px 0 0}.tile-two:before{background:#9b5d3d}.tile-two:after{border-color:#9b5d3d}.tile-three:before{background:#b39c6a}.tile-three:after{border-color:#b39c6a}.cart-plus{height:33px;width:33px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:20px;position:absolute;left:184px;bottom:17px;z-index:4}
/* Studio */
.studio-section{background:var(--ink);color:var(--paper);overflow:hidden;position:relative}.studio-top{display:grid;grid-template-columns:1fr .76fr;gap:115px;position:relative}.studio-top h2{font-size:clamp(40px,4.8vw,69px);margin-top:24px}.studio-section .eyebrow{color:#babece}.studio-section .section-index{color:#8f94a7}.studio-copy{padding-right:44px}.studio-copy>p{font-size:12px;line-height:1.9;color:#b8bac5;margin-top:18px}.studio-copy .studio-lead{font-size:20px;line-height:1.5;color:#e6e8ef;margin-top:0;letter-spacing:-.5px}.studio-spark{position:absolute;width:120px;height:120px;right:-99px;top:14px;color:var(--accent);transform:rotate(11deg)}.process-grid{margin-top:75px;display:grid;grid-template-columns:repeat(4,1fr);gap:33px}.process-step{border-top:1px solid #4d5162;padding-top:23px}.process-number{font-size:11px;color:#9399af;display:flex;justify-content:space-between;align-items:center}.process-number>span{color:var(--accent);font-size:19px}.process-step h3{font-size:21px;margin:23px 0 12px;letter-spacing:-.6px}.process-step>p{font-size:11px;line-height:1.9;color:#abafbd;max-width:230px}
/* FAQ and contact */
.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.faq-section h2{font-size:43px;margin-top:23px;letter-spacing:-2px}.faq-section .eyebrow{font-size:9px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);font-size:11px;line-height:1.9;padding:0 30px 24px 0}.contact-section{background:var(--accent);overflow:hidden}.contact-inner{display:flex;justify-content:space-between;position:relative;padding-block:82px;gap:50px}.contact-copy{position:relative;z-index:2}.contact-copy h2{font-size:clamp(48px,5.8vw,84px);letter-spacing:-4px;margin:24px 0}.contact-copy>p:not(.eyebrow){max-width:365px;font-size:12px;color:#3d4669;line-height:1.9;margin-bottom:27px}.contact-note{display:block;font-size:9px;margin-top:14px;color:#4a547a}.contact-art{position:relative;width:330px;align-self:center;height:330px;flex-shrink:0;transform:rotate(10deg)}.contact-art:before{content:'';position:absolute;inset:5px;border:1px solid #566aba;border-radius:50%}.contact-art>svg{width:170px;height:170px;position:absolute;top:18px;left:70px;color:var(--ink)}.contact-art>span{position:absolute;left:104px;bottom:30px;font-size:13px;line-height:1.3;letter-spacing:1px}.contact-art>span b{font-weight:400}.contact-art>i{position:absolute;font-size:65px;right:35px;bottom:14px;font-style:normal;font-weight:400}.contact-art:after{content:'\2733\FE0E';position:absolute;left:6px;top:208px;font-size:65px;line-height:1;font-variant-emoji:text;font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols2",sans-serif}.site-footer{padding-top:50px}.footer-top{display:flex;align-items:center;gap:50px;padding-bottom:38px;border-bottom:1px solid var(--line)}.footer-top .wordmark{font-size:40px}.footer-top .logo-mark{height:31px;width:31px}.footer-top>p{font-size:10px;color:#787b88;line-height:1.7}.back-top{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:20px}.back-top>span{width:33px;height:33px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:17px;transition:background .3s}.back-top:hover>span{background:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#848691;padding-block:21px}.legal-link{font-size:8px;color:#676b79;padding:0;text-decoration:underline;text-underline-offset:3px}
/* Dialogs and functional prototypes */
dialog{padding:0;border:1px solid #ffffff60;border-radius:14px;max-height:90dvh;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #0e111f55;max-width:calc(100vw - 30px);overscroll-behavior:contain}dialog::backdrop{background:#121626bd;backdrop-filter:blur(8px)}dialog[open]:not(#brief-dialog){animation:dialog-in .3s var(--ease)}.dialog-topline{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:var(--paper)}.dialog-topline .eyebrow{font-size:8px;letter-spacing:1.3px}.close-button{font:300 28px/1 Arial,sans-serif;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper);transition:background .2s}.close-button:hover{background:var(--accent)}.brief-dialog{width:680px}.brief-dialog-body{padding:31px 38px 38px}.brief-dialog h2{font-size:42px;letter-spacing:-2px}.brief-intro{font-size:11px;color:var(--muted);margin-top:15px;margin-bottom:25px;max-width:390px}fieldset{border:0;padding:0;margin:0 0 24px}legend,form>label,.form-row>label{font-size:10px;font-weight:500;display:block}legend{margin-bottom:12px}.brief-choices{display:flex;flex-wrap:wrap;gap:8px}.brief-choices label{cursor:pointer;position:relative}.brief-choices input{position:absolute;opacity:0;width:1px;height:1px}.brief-choices label>span{display:block;padding:9px 11px;border:1px solid #c6c8d3;border-radius:4px;font-size:10px;transition:background .2s}.brief-choices input:checked+span{background:var(--accent);border-color:var(--ink)}.brief-choices input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}input[type=text],input[type=email],textarea{width:100%;border:0;border-bottom:1px solid #b9bdcc;background:#eaebef;padding:11px 12px;margin-top:8px;border-radius:3px;color:var(--ink);font-size:11px}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:#8d919f}.form-transparency{font-size:9px;line-height:1.8;color:#707588;display:flex;gap:9px;align-items:flex-start;margin:19px 0}.form-transparency .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.form-submit{width:100%;text-align:left}.brief-result{text-align:center;padding:15px 0}.brief-result h3{font-size:28px;letter-spacing:-1px;margin-top:20px}.brief-result>p{font-size:12px;color:var(--muted);max-width:390px;margin:13px auto 25px}.success-symbol{background:var(--accent);width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:auto}.success-symbol>.icon{width:31px;height:31px}.brief-result-actions{display:flex;justify-content:center;gap:20px;align-items:center}.brief-result-actions .button{padding:15px 22px}.privacy-dialog{width:600px}.privacy-body{padding:35px}.privacy-body h2{font-size:38px;letter-spacing:-2px}.privacy-body p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}.project-dialog{width:860px}.prototype-layout{display:grid;grid-template-columns:.9fr 1fr;gap:40px;padding:40px;min-height:470px}.prototype-copy h2{font-size:45px;line-height:1.1;letter-spacing:-2px;margin:13px 0 22px}.prototype-copy>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:18px}.prototype-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px}.prototype-tags>span{background:#e1e3eb;padding:5px 9px;border-radius:20px;font-size:8px}.prototype-note{display:block;font-size:9px;line-height:1.9;color:#7a7e8e;margin-top:25px}.prototype-note strong{font-weight:400;color:var(--ink)}.checkout-demo{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;align-self:center;box-shadow:0 15px 25px #22273907;min-height:370px}.checkout-brand{display:flex;justify-content:space-between;align-items:center;font-size:23px;font-weight:bold;letter-spacing:-1.1px}.checkout-brand>span+span{font-size:7px;letter-spacing:.5px;font-weight:400;border:1px solid var(--line);padding:5px 7px;border-radius:20px}.checkout-summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:17px;border-bottom:1px solid var(--line);font-size:11px}.checkout-summary small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.checkout-summary strong{font-size:20px;font-weight:400;letter-spacing:-1px}.checkout-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.checkout-method{padding:11px 9px;border:1px solid var(--line);border-radius:5px;font-size:10px}.checkout-method[aria-pressed=true]{background:#dfe2ef;border-color:#6a76a7}.demo-card-number{font-size:10px;padding:12px;background:#f0f1f5;border-radius:5px;letter-spacing:1.7px}.demo-card-number>span{font-size:8px;display:block;letter-spacing:0;color:#7d8292;margin-bottom:5px}.checkout-pay{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px;border-radius:5px;margin-top:17px;font-size:11px;transition:background .2s}.checkout-pay:hover{background:#373f5f}.checkout-pay:disabled{opacity:.7;cursor:wait}.checkout-pay>.icon{width:17px;height:17px}.demo-smallprint{font-size:8px;color:#838696;text-align:center;margin-top:12px}.checkout-success{text-align:center;padding-top:28px}.checkout-success .success-symbol{width:60px;height:60px}.checkout-success h3{font-size:24px;letter-spacing:-1px;margin-top:22px}.checkout-success p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.checkout-success .text-link{margin-top:20px;font-size:10px}.store-demo{background:#fffdf7;padding:20px;border:1px solid #e4dfd2;border-radius:10px;align-self:center}.store-demo .lamp-scene{height:190px;margin-top:10px;transition:background .3s}.store-demo .lamp-shade{top:30px;width:115px;height:70px;left:calc(50% - 57.5px)}.store-demo .lamp-stem{top:95px;height:58px}.store-demo .lamp-base{bottom:27px;width:74px;left:calc(50% - 37px)}.store-nav{display:flex;align-items:center;justify-content:space-between}.store-nav>span{font-size:22px;letter-spacing:-1.5px}.cart-counter{font-size:9px;display:flex;align-items:center;gap:6px;letter-spacing:0}.cart-counter>span{width:21px;height:21px;display:grid;place-items:center;background:#dee0e8;border-radius:50%;font-size:9px}.store-product-head{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.store-product-head h3{font-size:17px;letter-spacing:-.5px}.store-product-head>span{font-size:15px}.store-demo p{font-size:9px;color:var(--muted);margin-top:4px}.color-picker{display:flex;align-items:center;gap:8px;margin-top:17px}.color-choice{width:24px;height:24px;background:var(--swatch);border-radius:50%;border:3px solid #fffdf7;outline:1px solid transparent}.color-choice[aria-pressed=true]{outline-color:var(--ink)}.color-name{font-size:9px;color:var(--muted);margin-left:5px}.store-add{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;background:var(--ink);color:white;margin-top:18px;border-radius:4px;font-size:10px}.store-add:hover{background:#3b4260}.cart-status{min-height:15px;font-size:8px;color:#6c7187;margin-top:8px;text-align:center}.cart-controls{display:flex;justify-content:center;gap:15px;margin-top:8px;font-size:8px;color:#585d72}.cart-controls button{text-decoration:underline;text-underline-offset:3px;font-size:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:var(--ink);color:var(--paper);border:1px solid #626986;border-radius:6px;padding:12px 23px;font-size:11px;transition:opacity .3s,transform .3s;max-width:calc(100vw - 35px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Motion */
.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.hero-copy{animation:hero-enter .9s var(--ease) both}.hero-visual{animation:hero-enter 1.2s .1s var(--ease) both}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes art-float{0%,100%{transform:translateY(0) rotate(-26deg)}50%{transform:translateY(-12px) rotate(-22deg)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes node-pulse{50%{background:var(--ink);box-shadow:0 0 0 5px #838aa444}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Responsive */
@media(min-width:1550px){.hero{column-gap:65px}.hero-visual{height:620px}.hero-phone{right:27px;top:110px;width:245px;height:429px}.phone-island{left:88px}.orbital-art{left:0;top:95px}.code-label{bottom:110px}.hero{padding-top:73px}.hero-bottom{margin-top:16px}}
@media(max-width:1200px){.container{width:calc(100% - 72px)}.hero h1{font-size:7.4vw;letter-spacing:-4.6px}.hero-visual{height:540px}.hero-phone{width:213px;height:400px;right:9px;top:97px;padding:12px 13px}.phone-island{left:73px}.orbital-art{transform:scale(.86) rotate(-26deg);width:350px;left:-44px;animation:none;top:63px}.hero-spark{width:69px;height:69px;right:9px;top:21px}.code-label{left:-6px;bottom:85px}.visual-stamp{bottom:0;left:30px}.bottom-coordinate{bottom:-17px;right:8px}.hero-note{font-size:9px;margin-top:24px}.hero-actions{gap:16px}.hero-actions .button{font-size:10px;padding-left:17px;gap:15px}.hero-actions .text-link{font-size:10px}.expertise-section{gap:60px}.project-art{height:370px}.flow-dashboard{top:95px;left:22px;transform:scale(.88) rotate(-6deg);transform-origin:top left}.project-art:hover .flow-dashboard{transform:scale(.88) rotate(-3deg) translateY(-5px)}.payment-toast{right:17px;bottom:56px;transform:rotate(3deg) scale(.9);transform-origin:right}.shop-phone{right:24px;top:76px;transform:rotate(9deg) scale(.87);transform-origin:top right}.project-art:hover .shop-phone{transform:rotate(5deg) scale(.87) translateY(-5px)}.atelier-backdrop{font-size:61px;left:22px}.shop-floating-note{left:19px;bottom:65px;gap:4px}.shop-floating-note>div{font-size:7px}.project-caption h3{display:block}.project-caption h3>span{display:block;margin-top:4px}.industry-card{padding:29px}.industry-bottom{gap:15px}.studio-top{gap:75px}.studio-copy{padding-right:20px}.studio-spark{right:-74px}.faq-section{gap:50px}.faq-section h2{font-size:37px}.section-space{padding-block:95px}.contact-art{width:290px;height:310px}.contact-art>svg{left:56px}.contact-art>span{left:84px}}
@media(max-width:960px){.desktop-nav{gap:22px}.header-cta{font-size:10px;gap:10px}.wordmark{font-size:39px}.logo-mark{width:32px;height:32px}.hero{padding-top:44px;gap:15px}.hero h1{letter-spacing:-3.5px;margin:26px 0 28px}.hero-visual{height:470px}.hero-phone{width:193px;height:365px;top:68px;right:1px;padding:9px 11px;border-width:4px;border-radius:27px}.phone-island{left:67px;width:50px;height:11px;top:9px}.phone-top{margin-bottom:15px}.wallet-balance{font-size:26px}.virtual-card{height:99px;padding:9px 11px}.card-bottom{margin-top:3px}.wallet-actions{margin:11px 0}.activity-head{margin-top:10px}.phone-home{height:3px}.orbital-art{top:37px;left:-40px;scale:.8}.hero-spark{width:54px;height:54px;top:-3px}.design-label{font-size:8px;top:38px;left:-4px;padding:9px 11px}.code-label{font-size:8px;bottom:54px;left:-9px;padding:9px 10px}.code-label code{font-size:8px}.code-label code span{padding:0 4px}.top-coordinate{font-size:6px;top:-4px;left:0}.bottom-coordinate{font-size:6px;bottom:-10px;right:0}.visual-stamp{left:9px;bottom:3px}.hero-description{font-size:12px;max-width:330px}.hero-actions{flex-wrap:wrap;row-gap:8px;margin-top:22px}.hero-actions .button{min-height:51px}.hero-actions .button-icon{width:33px;height:33px}.hero-note{font-size:8px;gap:6px;margin-top:17px}.hero-bottom{margin-top:18px}.expertise-section{gap:42px}.service h3{font-size:20px}.service summary{gap:16px}.service-content{padding-left:28px}.service-content p{font-size:11px}.mini-cursor{right:10px;top:20px}.mini-cursor b{max-width:78px;font-size:6px}.swatch{width:25px;height:34px}.type-sample{font-size:30px;margin-left:8px}.section-intro h2{font-size:40px}.section-heading h2{font-size:43px}.section-heading-aside{max-width:250px;font-size:11px}.project-grid,.industry-grid{gap:20px}.project-art{height:340px}.flow-dashboard{left:20px;top:92px;transform:scale(.7) rotate(-6deg)}.project-art:hover .flow-dashboard{transform:scale(.7) rotate(-3deg) translateY(-6px)}.payment-toast{bottom:60px;right:15px;scale:.8}.project-art-label{left:20px;font-size:6px;top:25px}.art-footnote{left:20px;font-size:5px}.atelier-backdrop{font-size:50px;left:15px;top:97px}.shop-phone{right:15px;top:81px;transform:rotate(9deg) scale(.74)}.project-art:hover .shop-phone{transform:rotate(5deg) scale(.74) translateY(-5px)}.shop-floating-note{left:13px;bottom:59px;display:block;transform:rotate(-8deg)}.shop-floating-note>span{font-size:24px}.shop-floating-note>div{font-size:6px}.project-caption p{font-size:9px;line-height:1.7}.project-caption h3>span{font-size:10px}.industry-card{padding:25px}.industry-card h3{font-size:25px}.industry-card>p{font-size:11px}.industry-bottom{font-size:7px;gap:12px;flex-wrap:wrap}.industry-top .outline-pill{font-size:6px;padding:7px 8px}.studio-top{gap:50px;grid-template-columns:1fr 1fr}.studio-copy>p{font-size:11px}.studio-copy .studio-lead{font-size:18px}.process-grid{gap:23px;margin-top:60px}.process-step h3{font-size:18px}.process-step>p{font-size:10px}.faq-section{grid-template-columns:.9fr 1.1fr;gap:34px}.faq-section h2{font-size:33px}.faq-section .eyebrow{font-size:7px}.faq-list summary{font-size:11px}.contact-art{width:250px;height:280px}.contact-art>svg{width:150px;height:150px;left:46px;top:13px}.contact-art>span{left:70px;bottom:30px;font-size:12px}.contact-art:after{font-size:50px;top:186px}.contact-art>i{font-size:52px;right:22px;bottom:16px}.contact-copy h2{font-size:58px;letter-spacing:-3px}.contact-copy .eyebrow{font-size:8px}.footer-bottom{font-size:7px}}
@media(max-width:720px){html{scroll-padding-top:30px}.container{width:calc(100% - 42px)}.site-header{height:80px}.header-inner{gap:20px}.wordmark{font-size:39px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;margin-left:auto;position:relative}.menu-toggle span{display:block;width:16px;height:1px;background:var(--ink);transition:transform .3s}.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;left:0;top:80px;width:100%;padding:18px 23px 28px;background:var(--paper);box-shadow:0 18px 22px #1c223712;border-bottom:1px solid var(--line);display:block}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;font-size:23px;border-bottom:1px solid var(--line);letter-spacing:-.8px}.mobile-menu a>span{font-size:10px;letter-spacing:0}.mobile-menu a:last-child{font-size:15px;padding-top:23px;border:0}.hero{grid-template-columns:1fr;padding-top:35px;gap:0}.hero-copy{padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(59px,11.6vw,84px);line-height:1.04;letter-spacing:-3.8px;margin:25px 0 27px}.hero-final svg{bottom:-10px;height:23px}.hero-description{font-size:12px;max-width:370px;line-height:1.9}.hero-actions{margin-top:23px;gap:24px}.hero-actions .button{font-size:10px;padding-left:17px;gap:20px}.hero-actions .text-link{font-size:10px}.hero-note{font-size:8px;margin-top:19px;gap:9px}.hero-visual{max-width:430px;width:100%;height:480px;margin:29px auto 0}.hero-visual:before{inset:35px 10px 37px}.hero-phone{width:207px;height:388px;right:35px;top:56px;padding:12px 13px;border-width:4px;border-radius:29px}.phone-island{left:73px}.phone-top{margin-bottom:16px}.wallet-balance{font-size:28px}.virtual-card{height:105px;padding:10px 12px}.card-bottom{margin-top:5px}.activity-head{margin-top:16px}.orbital-art{top:37px;left:-19px;scale:.86}.hero-spark{width:61px;height:61px;right:15px;top:-6px}.design-label{top:37px;left:10px;font-size:9px;padding:10px 12px}.top-coordinate{top:5px;left:26px;font-size:6px}.code-label{bottom:74px;left:12px;padding:11px 12px}.code-label code{font-size:9px}.visual-stamp{left:39px;bottom:10px}.bottom-coordinate{bottom:-5px;right:12px;font-size:5px}.hero-bottom{margin-top:14px;padding:25px 0 22px;font-size:6px;letter-spacing:1px}.hero-bottom a>span{font-size:6px}.hero-bottom a{gap:10px;font-size:19px}.discipline-band{padding:19px 0}.band-track{gap:27px}.band-track>span{font-size:10px}.band-track>i{font-size:18px}.section-space{padding-block:67px}.expertise-section{grid-template-columns:1fr;gap:38px}.section-intro h2{font-size:42px;letter-spacing:-2px;margin-top:21px}.section-intro>p:not(.eyebrow){font-size:12px;max-width:365px;margin-top:21px}.expertise-symbol{display:none}.round-link{margin-top:21px;font-size:11px}.round-arrow{width:34px;height:34px}.services{padding-top:0}.service summary{padding:22px 0;gap:21px}.service h3{font-size:23px}.service-content{padding-left:33px}.service-content>p{font-size:12px;max-width:none}.tags>span{font-size:8px}.service-mini-visual{max-width:420px}.swatch{width:32px;height:42px}.type-sample{font-size:36px}.mini-cursor{right:25px;top:20px}.mini-cursor b{max-width:none;font-size:7px}.section-heading{display:block;margin-bottom:31px}.section-heading h2{font-size:45px;letter-spacing:-2.5px}.section-heading-aside{max-width:330px;margin-top:25px;font-size:12px}.section-heading-aside>p{max-width:320px;margin-top:15px}.section-heading-aside .outline-pill{font-size:7px}.project-grid,.industry-grid{grid-template-columns:1fr;gap:36px}.project-art{height:395px}.flow-dashboard{left:32px;top:105px;transform:scale(.85) rotate(-6deg)}.project-art:hover .flow-dashboard{transform:scale(.85) rotate(-3deg) translateY(-5px)}.payment-toast{bottom:66px;right:20px;scale:1;transform:rotate(3deg) scale(.9)}.project-art-label{left:23px;top:25px;font-size:7px}.art-footnote{left:23px;bottom:23px;font-size:6px}.project-caption{margin-top:18px}.project-caption h3{font-size:21px;display:flex;gap:12px}.project-caption h3>span{font-size:10px;margin:0}.project-caption p{font-size:10px}.project-caption .text-link{font-size:9px}.atelier-backdrop{font-size:66px;top:109px;left:22px}.shop-phone{right:32px;top:76px;transform:rotate(9deg) scale(.91)}.project-art:hover .shop-phone{transform:rotate(5deg) scale(.91) translateY(-5px)}.shop-floating-note{bottom:73px;left:22px;display:flex;gap:8px}.shop-floating-note>span{font-size:30px}.shop-floating-note>div{font-size:7px}.concept-disclaimer{font-size:8px;line-height:1.8;gap:9px;margin-top:24px}.industry-grid{gap:20px}.industry-card{padding:28px}.industry-top .outline-pill{font-size:7px;padding:8px 10px}.industry-card h3{font-size:29px}.industry-card>p{font-size:12px;line-height:1.9}.industry-bottom{font-size:8px;gap:20px}.industry-graphic{margin:8px 0}.studio-top{display:block}.studio-top h2{font-size:47px;letter-spacing:-2.5px}.studio-copy{padding-right:0;margin-top:37px;max-width:370px}.studio-copy .studio-lead{font-size:19px}.studio-copy>p{font-size:12px}.studio-spark{width:85px;height:85px;right:-39px;top:98px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:44px}.process-step{padding-top:17px}.process-step h3{font-size:20px;margin:18px 0 12px}.process-step>p{font-size:11px}.faq-section{display:block}.faq-section .eyebrow{font-size:8px}.faq-section h2{font-size:40px;letter-spacing:-2px}.faq-list{margin-top:30px}.faq-list summary{font-size:12px;padding:21px 0}.faq-list details>p{font-size:11px}.contact-inner{display:block;padding-block:61px 48px}.contact-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.contact-copy h2{font-size:56px;letter-spacing:-3px;margin:24px 0}.contact-copy>p:not(.eyebrow){font-size:12px;max-width:330px}.contact-copy .button{font-size:11px;gap:25px}.contact-art{display:none}.contact-note{font-size:8px;margin-top:18px}.site-footer{padding-top:34px}.footer-top{gap:25px;padding-bottom:27px}.footer-top .wordmark{font-size:35px}.footer-top .logo-mark{width:28px;height:28px;margin-right:7px}.footer-top>p{font-size:8px}.back-top{font-size:0;gap:0}.back-top>span{font-size:16px;width:32px;height:32px}.footer-bottom{display:flex;flex-wrap:wrap;font-size:7px;gap:12px;padding-block:19px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom .legal-link{font-size:7px;margin-left:auto}.prototype-layout{grid-template-columns:1fr;gap:25px;padding:25px;min-height:auto}.prototype-copy h2{font-size:38px;margin:9px 0 16px}.prototype-copy>p{font-size:11px;margin-bottom:13px}.prototype-tags{margin-bottom:16px}.prototype-note{margin-top:14px;font-size:8px}.checkout-demo,.store-demo{max-width:360px;width:100%;margin:auto}.project-dialog{width:450px;max-height:90dvh}.dialog-topline{padding:12px 18px}.brief-dialog-body{padding:26px 24px}.brief-dialog h2{font-size:36px;letter-spacing:-1.5px}.brief-intro{font-size:11px}.brief-choices{gap:7px}.brief-choices label>span{font-size:9px;padding:9px}.form-row{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.form-transparency{font-size:8px;margin:16px 0}.form-submit{font-size:11px}.brief-result h3{font-size:25px}.brief-result>p{font-size:11px}.brief-result-actions{flex-direction:column;gap:7px}.privacy-body{padding:25px}.privacy-body h2{font-size:32px}.privacy-body p{font-size:11px}.dialog-topline .eyebrow{font-size:7px}}
@media(max-width:380px){.container{width:calc(100% - 34px)}.hero h1{font-size:56px;letter-spacing:-3.5px}.hero-actions{gap:16px}.hero-actions .button{padding-left:13px;gap:12px;font-size:9px}.hero-actions .text-link{font-size:9px;gap:8px}.hero-visual{height:435px}.hero-phone{right:13px;scale:.92;transform-origin:top right;top:58px}.orbital-art{left:-42px;scale:.74;top:17px}.hero-spark{width:49px;height:49px}.design-label{left:2px;font-size:8px}.code-label{bottom:56px;left:0}.visual-stamp{left:20px;bottom:0}.hero-bottom{font-size:5px}.hero-bottom a>span{font-size:5px}.section-intro h2,.section-heading h2{font-size:38px}.service h3{font-size:21px}.service-content{padding-left:29px}.tags>span{font-size:7px}.mini-cursor b{font-size:6px}.project-art{height:350px}.flow-dashboard{left:22px;top:93px;transform:scale(.72) rotate(-6deg)}.project-art:hover .flow-dashboard{transform:scale(.72) rotate(-3deg)}.payment-toast{bottom:59px;right:15px;scale:.85}.shop-phone{right:21px;top:77px;transform:rotate(9deg) scale(.78)}.project-art:hover .shop-phone{transform:rotate(5deg) scale(.78)}.atelier-backdrop{font-size:57px;left:16px;top:104px}.shop-floating-note{left:16px;bottom:61px;gap:4px}.shop-floating-note>div{font-size:6px}.project-caption h3{display:block;font-size:20px}.project-caption h3>span{margin-top:3px;font-size:10px}.project-caption p{font-size:9px}.industry-card{padding:24px}.industry-bottom{font-size:7px;gap:14px}.studio-top h2{font-size:43px}.studio-spark{right:-45px;top:90px}.process-step h3{font-size:18px}.process-step>p{font-size:10px}.faq-section h2{font-size:35px}.contact-copy h2{font-size:50px;letter-spacing:-2.5px}.contact-copy .eyebrow{font-size:6px}.contact-copy .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.band-track{transform:none}.hero-phone{transform:rotate(10deg)}.hero-copy,.hero-visual{opacity:1;transform:none}}
@media print{.site-header,.discipline-band,.hero-visual,dialog,.toast,.contact-art,.project-art{display:none}body{background:white;color:black}.container{width:100%}.hero,.expertise-section,.faq-section{display:block}.section-space{padding:25px 0}.hero h1{font-size:48px}.js-ready .reveal{opacity:1;transform:none}.studio-section,.contact-section{background:white;color:black}.studio-copy p,.process-step p{color:black}.contact-inner{padding:20px 0}.footer-bottom{color:black}}

/* Language navigation: shareable pages, no cookies or stored preferences. */
.language-switcher{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:30px;padding:3px;flex-shrink:0;direction:ltr}
.language-switcher a{display:grid;place-items:center;min-width:29px;min-height:29px;padding:3px 7px;font-size:9px;line-height:1;border-radius:20px;transition:background .2s,color .2s;white-space:nowrap}
.language-switcher a:hover{background:#e1e3eb}
.language-switcher a[aria-current=page]{background:var(--ink);color:var(--paper)}
.language-switcher a[lang=ar]{font-family:'Nodi Arabic',Tahoma,Arial,sans-serif;font-size:11px;min-width:45px}
.wordmark{direction:ltr;unicode-bidi:isolate}
@font-face{font-family:'Nodi Arabic';src:url('assets/noto-arabic-regular.woff') format('woff');font-weight:400 500;font-display:swap}
@font-face{font-family:'Nodi Arabic';src:url('assets/noto-arabic-bold.woff') format('woff');font-weight:600 900;font-display:swap}
@font-face{font-family:'Nodi Naskh';src:url('assets/noto-naskh-arabic.woff') format('woff');font-weight:400;font-display:swap}

/* Arabic keeps the visual composition while mirroring reading and interaction. */
html[lang=ar] body{font-family:'Nodi Arabic',Tahoma,Arial,sans-serif;line-height:1.9}
html[lang=ar] :is(h1,h2,h3,p,span,a,button,small,strong,em,code,input,textarea,legend,div,summary){letter-spacing:0}
html[lang=ar] :is(.wordmark,.flow-wordmark,.checkout-brand>span:first-child,.dashboard-sidebar>strong,.shop-phone-nav>span:first-child,.store-nav>span){font-family:Rubik,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
html[lang=ar] .wordmark{letter-spacing:-2.8px}
html[lang=ar] .eyebrow{font-family:'Nodi Arabic',Tahoma,Arial,sans-serif;line-height:1.9}
html[lang=ar] .serif-word{font-family:'Nodi Naskh','Nodi Arabic',serif;font-style:normal;letter-spacing:0;font-size:1.12em}
html[lang=ar] h2{line-height:1.45;letter-spacing:0}
html[lang=ar] h3{line-height:1.65}
html[lang=ar] .hero h1{font-size:clamp(66px,6.7vw,96px);line-height:1.27;letter-spacing:0;margin-top:21px;margin-bottom:24px}
html[lang=ar] .hero-final svg{bottom:-5px}
html[lang=ar] .hero-description{line-height:2.05;font-size:14px}
html[lang=ar] .hero-actions .button{gap:18px}
html[lang=ar] .hero-visual{direction:ltr}
html[lang=ar] .hero-visual :is(.floating-label,.hero-phone,.visual-coordinate,.visual-stamp){direction:rtl}
html[lang=ar] .hero-visual .code-label{direction:ltr}
html[lang=ar] .hero-phone{text-align:right}
html[lang=ar] .hero-phone :is(.phone-top,.card-number,.card-bottom,.flow-wordmark){direction:ltr;unicode-bidi:isolate}
html[lang=ar] :is(.wallet-balance,.wallet-transaction b,.dashboard-balance strong,.dashboard-row b,.shop-product-detail>span,.store-product-head>span,.checkout-summary>strong,.demo-card-number){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .wallet-transaction b{margin-left:0;margin-right:auto}
html[lang=ar] .balance-caption{font-size:6.5px;margin-top:10px}
html[lang=ar] .wallet-balance{margin-bottom:8px}
html[lang=ar] .wallet-actions{margin-block:10px;line-height:1.3}
html[lang=ar] .wallet-actions small{line-height:1.6}
html[lang=ar] .activity-head{margin-top:11px}
html[lang=ar] .wallet-transaction{margin-top:7px}
html[lang=ar] .card-top{line-height:1}
html[lang=ar] .visual-stamp>span{line-height:1.7}
html[lang=ar] .design-label{font-size:10px}
html[lang=ar] .hero-bottom{font-size:9px}
html[lang=ar] .hero-bottom a>span{font-size:9px}
html[lang=ar] .band-track{direction:ltr}
html[lang=ar] .band-track>span{direction:rtl}
html[lang=ar] .section-index{margin-right:0;margin-left:5px;direction:ltr;unicode-bidi:isolate}
html[lang=ar] .service-toggle{margin-left:0;margin-right:auto}
html[lang=ar] .service-content{padding-left:0;padding-right:37px}
html[lang=ar] .type-sample{margin-left:0;margin-right:14px}
html[lang=ar] .mini-cursor{right:auto;left:20px;transform:rotate(5deg)}
html[lang=ar] .mini-cursor b{margin-left:0;margin-right:22px}
html[lang=ar] .service-code{direction:ltr;text-align:left}
html[lang=ar] .service:last-child .service-code{direction:rtl;text-align:right;font-family:'Nodi Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] :is(.button-icon,.text-link,.header-cta,.round-arrow,.project-launch) .icon{transform:scaleX(-1)}
html[lang=ar] .project-art{text-align:right}
html[lang=ar] .project-art-label{left:auto;right:26px}
html[lang=ar] .project-launch{right:auto;left:22px}
html[lang=ar] .flow-dashboard{direction:rtl}
html[lang=ar] .dashboard-sidebar>span{gap:4px}
html[lang=ar] .dashboard-sidebar>span>small{font-size:5px}
html[lang=ar] .dashboard-subtitle{margin-top:0}
html[lang=ar] .dashboard-balance{margin-top:7px;padding-block:8px}
html[lang=ar] .dashboard-balance strong{display:block;line-height:1.4}
html[lang=ar] .dashboard-panels{margin-top:7px}
html[lang=ar] .dashboard-row{margin-top:7px;gap:5px}
html[lang=ar] .dashboard-row b{margin-left:0;margin-right:auto}
html[lang=ar] .dashboard-row em{margin-left:0;margin-right:4px}
html[lang=ar] .chart-days,.chart-bars{direction:ltr}
html[lang=ar] .chart-days{font-size:3px}
html[lang=ar] .chart-days span{direction:rtl}
html[lang=ar] .budget-donut{direction:ltr}
html[lang=ar] .payment-toast>div{line-height:1.6}
html[lang=ar] .atelier-backdrop{font-family:'Nodi Naskh',serif;font-size:66px;line-height:1.22;left:22px;top:101px}
html[lang=ar] .shop-phone{direction:rtl}
html[lang=ar] .shop-phone-copy{font-family:'Nodi Naskh',serif;line-height:1.4;margin-top:12px}
html[lang=ar] .shop-phone .lamp-scene{height:154px;margin-top:9px}
html[lang=ar] .shop-product-detail{line-height:1.8;margin-top:9px}
html[lang=ar] .shop-color-dots{margin-top:7px}
html[lang=ar] .shop-color-dots>span{margin-left:0;margin-right:4px}
html[lang=ar] .shop-add{margin-top:9px;padding-block:7px}
html[lang=ar] .shop-floating-note>div{line-height:1.8}
html[lang=ar] .art-footnote{font-size:7px}
html[lang=ar] .project-caption h3{line-height:1.8}
html[lang=ar] .project-caption h3>span{font-size:11px;line-height:1.9}
html[lang=ar] .industry-card>p{line-height:2.05}
html[lang=ar] .industry-bottom{gap:20px;flex-wrap:wrap}
html[lang=ar] .payment-graphic{direction:ltr;justify-content:flex-end}
html[lang=ar] .commerce-graphic{direction:ltr;justify-content:flex-end;padding-left:0;padding-right:10px}
html[lang=ar] .cart-plus{left:auto;right:184px}
html[lang=ar] .studio-copy{padding-right:0;padding-left:44px}
html[lang=ar] .studio-spark{right:auto;left:-99px}
html[lang=ar] .studio-copy .studio-lead{line-height:1.9}
html[lang=ar] .process-step>p{line-height:2}
html[lang=ar] .faq-list details>p{padding-right:0;padding-left:30px;line-height:2.05}
html[lang=ar] .contact-copy>p:not(.eyebrow){line-height:2.05}
html[lang=ar] .contact-art{direction:ltr}
html[lang=ar] .contact-art>span{direction:rtl;line-height:1.8;bottom:20px}
html[lang=ar] .back-top{margin-left:0;margin-right:auto}
html[lang=ar] .prototype-copy>p{line-height:2.05}
html[lang=ar] .prototype-copy h2{line-height:1.5;font-size:39px}
html[lang=ar] :is(.brief-dialog h2,.privacy-body h2){line-height:1.5;letter-spacing:0}
html[lang=ar] .checkout-method{padding-inline:6px;font-size:10px}
html[lang=ar] .demo-card-number>span{direction:rtl;font-family:'Nodi Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] .color-name{margin-left:0;margin-right:5px}
html[lang=ar] .store-demo .lamp-scene{direction:ltr}
html[lang=ar] .prototype-note{line-height:2}
html[lang=ar] .form-transparency{line-height:2}
html[lang=ar] .brief-dialog :is(input,textarea){line-height:1.9}
html[lang=ar] input[type=email]{text-align:left;direction:ltr}
html[lang=ar] .privacy-body p{line-height:2.1}

@media(max-width:1200px){
  .header-inner{gap:20px}
  html[lang=ar] .hero h1{font-size:7.1vw}
  html[lang=ar] .hero-description{font-size:12px}
  html[lang=ar] .hero-actions .button{font-size:10px}
  html[lang=ar] .atelier-backdrop{font-size:55px;left:15px}
  html[lang=ar] .studio-copy{padding-left:20px}
  html[lang=ar] .studio-spark{left:-74px}
}
@media(max-width:960px){
  .header-inner{gap:14px}
  .desktop-nav{gap:17px;font-size:11px}
  .header-cta{font-size:9px;gap:7px}
  .language-switcher a{min-width:25px;min-height:27px;padding-inline:6px;font-size:8px}
  .language-switcher a[lang=ar]{min-width:40px;font-size:10px}
  html[lang=ar] .hero h1{font-size:7.3vw;line-height:1.3}
  html[lang=ar] .hero-note{font-size:8px}
  html[lang=ar] .hero-bottom,html[lang=ar] .hero-bottom a>span{font-size:7px}
  html[lang=ar] .service-content{padding-right:28px}
  html[lang=ar] .service h3{font-size:20px}
  html[lang=ar] .mini-cursor{left:10px}
  html[lang=ar] .type-sample{margin-right:8px}
  html[lang=ar] .project-art-label{right:20px;font-size:7px}
  html[lang=ar] .atelier-backdrop{font-size:45px;left:13px}
  html[lang=ar] .industry-bottom{gap:12px}
  html[lang=ar] .industry-top .outline-pill{font-size:7px}
  html[lang=ar] .studio-top h2{font-size:41px}
}
@media(max-width:720px){
  .header-inner{gap:12px;justify-content:space-between}
  .header-inner>.wordmark{font-size:34px}
  .header-inner .logo-mark{width:28px;height:28px;margin-right:7px}
  .language-switcher{margin-left:auto}
  .language-switcher a{min-width:28px;min-height:30px;padding-inline:6px;font-size:9px}
  .language-switcher a[lang=ar]{min-width:43px;font-size:11px}
  .menu-toggle{margin-left:auto;width:38px;height:38px;flex-shrink:0}
  html[lang=ar] .language-switcher{margin-left:0;margin-right:auto}
  html[lang=ar] .menu-toggle{margin-left:0;margin-right:auto}
  html[lang=ar] .hero h1{font-size:clamp(59px,12vw,82px);line-height:1.27;margin:19px 0 23px}
  html[lang=ar] .hero-description{font-size:12px;line-height:2.05}
  html[lang=ar] .hero-visual{margin-top:34px}
  html[lang=ar] .hero-bottom,html[lang=ar] .hero-bottom a>span{font-size:6px}
  html[lang=ar] .service-content{padding-right:33px}
  html[lang=ar] .service h3{font-size:23px}
  html[lang=ar] .mini-cursor{left:25px}
  html[lang=ar] .section-intro h2{font-size:37px}
  html[lang=ar] .section-heading h2{font-size:41px}
  html[lang=ar] .project-art-label{right:23px;font-size:8px}
  html[lang=ar] .atelier-backdrop{font-size:58px;left:20px}
  html[lang=ar] .studio-top h2{font-size:42px}
  html[lang=ar] .studio-copy{padding-left:0}
  html[lang=ar] .studio-spark{left:-39px}
  html[lang=ar] .faq-section h2{font-size:36px}
  html[lang=ar] .contact-copy h2{font-size:48px;line-height:1.4}
  html[lang=ar] .footer-bottom .legal-link{margin-left:0;margin-right:auto}
  html[lang=ar] .prototype-copy h2{font-size:33px}
  html[lang=ar] .brief-dialog h2{font-size:32px}
}
@media(max-width:380px){
  .header-inner{gap:8px}
  .header-inner>.wordmark{font-size:31px}
  .header-inner .logo-mark{width:26px;height:26px;margin-right:6px}
  .language-switcher a{min-width:25px;min-height:29px;padding-inline:5px;font-size:8px}
  .language-switcher a[lang=ar]{min-width:40px;font-size:10px}
  .menu-toggle{width:35px;height:35px}
  html[lang=ar] .hero h1{font-size:57px}
  html[lang=ar] .service-content{padding-right:29px}
  html[lang=ar] .service h3{font-size:21px}
  html[lang=ar] .atelier-backdrop{font-size:50px;left:15px}
  html[lang=ar] .contact-copy h2{font-size:43px}
  html[lang=ar] .studio-spark{left:-45px}
}
@media(prefers-reduced-motion:reduce){.language-switcher a{transition:none}}
@media print{.language-switcher{display:none}}

.process-footnote{display:none!important}

.wordmark .logo-img{display:block;height:42px;width:auto;object-fit:contain;image-rendering:auto}
.site-header .wordmark{background:transparent;border-radius:0;padding:0;gap:10px;align-items:center;flex-shrink:0}
.site-header .brand-name{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1;white-space:nowrap}
.site-header .brand-name b{font-size:15px;font-weight:600;letter-spacing:.14em;color:#f6f6fa;text-transform:uppercase}
.site-header .brand-name i{font-style:normal;font-size:8px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--coral,#ff8069)}
.site-header .desktop-nav{display:flex;align-items:center;gap:34px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent}
.site-header .desktop-nav a{position:relative;padding:8px 0;font-size:13px;letter-spacing:.01em;color:#f5f5fa;border-radius:0;background:transparent;transition:color .25s,opacity .25s}
.site-header .desktop-nav a:after{display:block;position:absolute;bottom:2px;left:0;width:0;height:1px;content:'';background:#f5f5fa;transition:width .3s}
.site-header .desktop-nav a:hover{color:#fff;background:transparent;opacity:.85}
.site-header .desktop-nav a:hover:after{width:100%}
.site-header .header-cta{display:inline-flex;align-items:center;gap:14px;margin:0;padding:0 0 5px;border:0;border-bottom:1px solid #f5f5fa;border-radius:0;background:transparent;color:#f5f5fa;font-size:12px;letter-spacing:.02em;box-shadow:none;transition:opacity .25s,transform .25s}
.site-header .header-cta .icon{width:16px;height:16px}
.site-header .header-cta:hover{background:transparent;transform:none;box-shadow:none;opacity:.82}
.site-header .menu-toggle{border-color:rgba(255,255,255,.18);background:transparent}
.site-header .menu-toggle span{background:#f4f5fc}
.site-header .mobile-menu{background:#12141c;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 24px 40px rgba(0,0,0,.35)}
.site-header .mobile-menu a{border-color:rgba(255,255,255,.08);color:#eef0f6;font-size:20px}
.site-header .mobile-menu a span{color:#7f879a;font-size:11px;letter-spacing:.14em}
.site-footer .wordmark .logo-img{height:64px}
.contact-art>img{position:absolute;top:22%;left:50%;width:52%;transform:translateX(-50%);background:transparent;border-radius:0;padding:0;box-sizing:border-box;height:auto}
.brief-brand .brief-logo{display:block;height:44px;width:auto;object-fit:contain;background:transparent;border-radius:0;padding:0}
@media(max-width:1050px){.site-header .desktop-nav{gap:22px}.site-header .desktop-nav a{padding:8px 0;font-size:12px}.site-header .header-cta{font-size:11px;gap:10px}}
@media(max-width:720px){.site-header{height:68px}.wordmark .logo-img{height:30px}.site-header .wordmark{gap:8px}.site-header .brand-name b{font-size:12px;letter-spacing:.1em}.site-header .brand-name i{font-size:7px;letter-spacing:.2em}.site-header .desktop-nav,.site-header .header-cta{display:none}.site-header .mobile-menu{top:68px}.brief-brand .brief-logo{height:38px}}