/* Spatial Atelier — light, material, proportion. */
.atelier-edition h1,.atelier-edition h2,.atelier-edition h3,.atelier-edition .hero h1 em,.atelier-edition .launch-title em{font-family:'Space Grotesk','Manrope','Noto Sans Arabic',sans-serif}
.atelier-edition .hero h1{font-weight:500;letter-spacing:-.052em;line-height:1.08}
.atelier-edition .hero h1 em{font-weight:400;letter-spacing:-.052em}
.atelier-edition h2{letter-spacing:-.04em;line-height:1.16}
.atelier-edition .scene-preset,.atelier-edition .edit-card-footer b{font-family:'Space Grotesk','Manrope','Noto Sans Arabic',sans-serif}
[dir=rtl] .atelier-edition h1,[dir=rtl] .atelier-edition h2,[dir=rtl] .atelier-edition h3,[dir=rtl] .atelier-edition .hero h1 em,[dir=rtl] .atelier-edition .launch-title em{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}
.motion-paused .stellar-field i{animation-play-state:paused}
[dir=rtl] .edit-heading,[dir=rtl] .hero-copy{text-align:right}
[dir=rtl] .edit-heading h2,[dir=rtl] .hero h1{letter-spacing:0}
.atelier-edition{--rose:#efb8c4;--surface:#35202e;--edge:#efb8c42a;background:#170d14}
.header{top:18px;max-width:1360px;border-radius:18px;background:linear-gradient(120deg,#33202be6,#21131fe6);box-shadow:0 16px 60px #08030940,inset 0 1px #ffe8f210;border-color:#efb8c423}.header .brand{letter-spacing:-1px}.header nav{font-size:11px;letter-spacing:.015em}.header .header-cta{background:linear-gradient(130deg,#f5d4df,#d99ab5);box-shadow:inset 0 1px #fff8,0 3px 0 #94536e;transition:box-shadow .3s,transform .3s}.header .header-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff8,0 5px 0 #94536e}
.hero{background:radial-gradient(ellipse at 76% 42%,#75385342,transparent 49%),radial-gradient(ellipse at 5% 0,#62304828,transparent 44%),#180e16}.hero:before{background-size:110px 110px;opacity:.6}.hero-inner{max-width:1480px;padding-top:160px;padding-bottom:70px;grid-template-columns:1fr 1.1fr;min-height:min(100svh,1000px);gap:0}.hero-copy{padding-bottom:8px}.hero h1{font-size:clamp(62px,6.4vw,96px);line-height:1.05;letter-spacing:-.07em}.hero h1 em{background-image:linear-gradient(120deg,#fff1f6 4%,#f0bbce 40%,#c67399 95%);background-clip:text;-webkit-background-clip:text}.hero-description{font-size:14px;max-width:405px;color:#bda2b2;line-height:1.95}.hero .eyebrow{letter-spacing:.2em;font-size:8px}.hero-signature{border-top:1px solid #efb8c41c;padding-top:22px;margin-top:35px;max-width:405px}.hero-signature p{font-size:10px;line-height:1.8}.hero-actions .button{font-size:12px;padding:17px 24px;background:linear-gradient(125deg,#f8d6e3,#dfa2bb);box-shadow:0 4px 0 #8f4e6d,0 12px 35px #dd8bb11a,inset 0 1px #fff9}.hero-actions .text-link{font-size:11px}.hero-actions .text-link>span:last-child{border:1px solid #efb8c432;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.hero-strip{font-size:9px;letter-spacing:.1em;padding-block:28px;gap:35px;background:linear-gradient(90deg,#28152320,#57304525,#28152320);border-block:1px solid #efb8c416}.hero-strip i{box-shadow:0 0 12px #ffccdf55}
.stellar-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.stellar-field i{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#f7cade;box-shadow:0 0 8px #edb4d1;opacity:.3;animation:stellar-breathe 6s ease-in-out var(--star-delay) infinite}@keyframes stellar-breathe{0%,100%{opacity:.12;transform:scale(.8)}50%{opacity:.5;transform:scale(1.2)}}
.scene-wrap{position:relative;min-width:0;align-self:center;padding-bottom:20px}.spatial-stage{width:115%;max-height:none;aspect-ratio:1/1.05;margin-inline-start:-6%;margin-top:10px}.spatial-stage:before{inset:14%;filter:blur(50px);background:radial-gradient(ellipse,#af547c36,transparent 65%)}.spatial-stage:after{left:26%;right:22%;bottom:16%;height:22px;filter:blur(15px);opacity:.8}.stage-aura{position:absolute;left:15%;right:8%;top:14%;bottom:13%;border:1px solid #dc8aac18;border-radius:50%;box-shadow:inset 0 0 80px #ab4f7810,0 0 100px #a2457810;transform:rotate(-18deg);pointer-events:none;z-index:-1}.stage-aura:before{content:'';position:absolute;inset:18px;border:1px dashed #efb8c415;border-radius:50%}.stage-aura:after{content:'';position:absolute;inset:-42px;border-radius:50%;border:1px solid #e7a9c40c}.stage-top{left:13%;right:10%;top:7%;font-size:8px;letter-spacing:.2em}.stage-bottom{left:13%;right:10%;bottom:7%}.stage-bottom>span{width:58%;padding-top:12px;font-size:7px;letter-spacing:.14em}.motion-toggle{width:32px;height:32px;font-size:10px;background:#4b2b3c30;border-color:#df9bb733}.stage-chip{border-radius:13px;backdrop-filter:blur(22px);background:linear-gradient(130deg,#8b536941,#3a23317a);border-color:#e6b4ce4a;box-shadow:0 12px 45px #0d041630,inset 0 1px #ffeaf529}.stage-chip-a{left:0;top:30%;transform:perspective(800px) rotateY(22deg) rotateZ(-6deg);padding:17px 20px}.stage-chip-b{right:0;bottom:24%;transform:perspective(800px) rotateY(-24deg) rotateZ(7deg);padding:17px 20px}.stage-chip>span{color:#f5c5dc;font-size:25px}.stage-chip b{font-size:10px;font-weight:500}.stage-chip small{font-size:7px;letter-spacing:.13em}.scene-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:3px;margin:-4px auto 0;padding:5px;width:max-content;max-width:100%;border:1px solid #d69db733;border-radius:50px;background:linear-gradient(130deg,#4a2c3b6e,#2314209c);box-shadow:0 8px 20px #0002,inset 0 1px #ffeaf510;backdrop-filter:blur(18px)}.scene-preset{display:flex;align-items:center;gap:8px;border:0;border-radius:30px;background:transparent;color:#bd93a8;padding:9px 15px;font:500 9px 'Manrope',sans-serif;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}.scene-preset>span:first-child{font-size:15px}.scene-preset[aria-pressed=true]{color:#fee6f1;background:linear-gradient(140deg,#85516b88,#4c2b4099);box-shadow:inset 0 1px #ffeaf527,0 3px 9px #0003}.scene-preset:hover{color:#ffe4f0}.scene-preset:focus-visible{outline:2px solid #efb8c4;outline-offset:3px}.spatial-scroll{display:flex;align-items:center;gap:12px;margin-top:28px;width:max-content;color:#b887a0;font-size:9px;text-decoration:none;letter-spacing:.05em}.spatial-scroll>span{display:grid;place-items:center;border:1px solid #efb8c42d;border-radius:30px;width:23px;height:33px;font-size:14px;transition:transform .3s}.spatial-scroll:hover>span{transform:translateY(4px)}.spatial-scroll b{font-weight:400}
#main>.intro{padding-block:100px;position:relative}.intro h2{font-size:clamp(34px,3.7vw,52px);line-height:1.2}.intro h2 em{font-style:normal;color:#eab6cc}.intro-bottom .wordmark{color:#edbed2;font-size:100px;filter:drop-shadow(0 0 35px #cf6e9a22)}.intro-bottom>p{font-size:14px;line-height:1.9}
.spatial-edit{position:relative;max-width:none;padding:90px max(5%,calc((100vw - 1280px)/2)) 115px;background:radial-gradient(ellipse at 50% 58%,#77395026,transparent 60%),linear-gradient(180deg,#21121d,#1b1019);border-bottom:1px solid #edb6d01a;overflow:hidden}.spatial-edit:before{content:'';position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#efb8c433,transparent)}.edit-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.edit-kicker{display:block;color:#b9819c;font-size:9px;letter-spacing:.2em;margin-bottom:20px}.edit-heading h2{max-width:620px;font-size:clamp(35px,3.5vw,52px);line-height:1.13}.edit-heading>p{max-width:215px;font-size:12px;line-height:1.9;color:#b892a6;padding-bottom:4px}.edit-cards{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:28px;perspective:1400px;padding:10px 0 30px}.edit-card{position:relative;display:block;min-width:0;padding:0;border:1px solid #e9bed03b;border-radius:16px;background:#241722;color:#f4dce7;text-align:start;cursor:pointer;transform-style:preserve-3d;box-shadow:0 5px 0 #110b15,0 6px 0 #be8da331,0 24px 40px #06020977;transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.edit-card img{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover;border-block:1px solid #d59eb81a}.edit-bezel{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#a67d93;font-size:7px;letter-spacing:.04em;border-radius:inherit;background:linear-gradient(135deg,#65405230,#2e1c2900)}.edit-bezel>span:first-child{letter-spacing:2px;font-size:9px}.edit-card-footer{display:grid;grid-template-columns:1fr auto;gap:6px;padding:17px 18px 20px;align-items:center}.edit-card-footer b{font-size:10px;font-weight:500;letter-spacing:.11em;transform:translateZ(16px)}.edit-card-footer>span{grid-column:1;font-size:8px;color:#b38da0;transform:translateZ(12px)}.edit-card-footer>i{grid-column:2;grid-row:1/3;font-size:17px;font-style:normal;color:#e9b9d0;transform:translateZ(20px)}.edit-index{position:absolute;bottom:-38px;left:50%;font-size:8px;letter-spacing:.2em;color:#9f6b87;transform:translateX(-50%)}.edit-can{transform:rotateY(15deg) rotateZ(-4deg) translateY(12px)}.edit-ember{transform:rotateX(5deg) translateY(-12px)}.edit-zeug{transform:rotateY(-15deg) rotateZ(4deg) translateY(12px)}.edit-card:hover,.edit-card:focus-visible{transform:rotateY(0) rotateX(-2deg) translateY(-22px) translateZ(30px);border-color:#f2c4dc8c;box-shadow:0 9px 0 #110b15,0 10px 0 #be8da34d,0 30px 60px #060209aa;outline-offset:8px}.edit-can{--project-light:#bddcd7}.edit-ember{--project-light:#f0bc97}.edit-zeug{--project-light:#f5c8ac}.edit-card:after{content:'';position:absolute;inset:15% 8%;background:var(--project-light);filter:blur(50px);opacity:.05;transform:translateZ(-70px);pointer-events:none}
.section-heading h2{position:relative}.service-grid{gap:28px}.service-grid article,.service-grid article+article{border-radius:24px;padding:38px;background:radial-gradient(ellipse at var(--glow-x,80%) var(--glow-y,0%),#bb658533,transparent 62%),linear-gradient(135deg,#3c2633,#271822);border-color:#e9b1ca29;box-shadow:0 7px 0 #100a11,0 8px 0 #b8789524,0 25px 40px #0003,inset 0 1px #fff1}.service-grid article:after{content:'';position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#eeb6cd75,transparent);pointer-events:none}.service-icon>span{width:57px;height:57px;border-radius:15px;background:linear-gradient(135deg,#be80984d,#6e3d5655 50%,#38202e);box-shadow:4px 5px 0 #140b16,6px 7px 0 #ae789233,10px 15px 30px #0004;border-color:#edb8d042;color:#f6cadd;transform:perspective(300px) rotateX(10deg) rotateY(-12deg) rotateZ(-5deg)}.service-grid h3{font-size:25px;letter-spacing:-.035em}.service-grid p{font-size:13px;max-width:450px}.service-grid li{font-size:12px}.service-grid article:hover{box-shadow:0 8px 0 #100a11,0 9px 0 #c38ba442,0 30px 65px #0004}
#portfolio .case-study{padding:26px;border-radius:27px;background:radial-gradient(ellipse at 20% 40%,#7b3c5520,transparent 70%),linear-gradient(135deg,#35212cbb,#23161fa8);box-shadow:0 22px 65px #08040c30;margin-bottom:70px;border-color:#deadc225;gap:0 35px}#portfolio .case-study:after{content:'';position:absolute;left:30px;right:30px;top:-1px;height:1px;background:linear-gradient(90deg,#efb8c400,#efb8c450,#efb8c400);pointer-events:none}#portfolio .case-study .logo-cover{transform:perspective(1100px) rotateY(7deg) rotateX(var(--scroll-angle,4deg));border-radius:17px;box-shadow:-6px 8px 0 #150c18,-7px 9px 0 #c98caa3d,-18px 32px 50px #07020c8c;transition:transform .55s,box-shadow .5s}#portfolio .case-study:nth-of-type(even) .logo-cover{transform:perspective(1100px) rotateY(-7deg) rotateX(var(--scroll-angle,4deg))}#portfolio .case-study .logo-cover:hover{transform:perspective(1100px) rotateX(0) rotateY(0) translateY(-8px)}.case-summary h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.055em}.case-summary .section-label{font-size:8px;letter-spacing:.17em}.case-summary>p{font-size:13px;line-height:1.9}.case-summary .button{border-radius:11px;background:linear-gradient(130deg,#f0cad9,#d99eb6)}.case-tags>span{background:#b8769520;border-color:#dda2bd20;color:#d6aabd;font-size:9px}.case-details{border-top-color:#edafc31c}.case-details p{color:#ad869a}.project-preview{border-radius:20px}.project-caption h3{letter-spacing:-.04em}
.steps article{background:linear-gradient(140deg,#422b39,#261821);border-color:#edb6cf27}.steps .step-number{background:linear-gradient(145deg,#fff0f8,#b67c97);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(2px 3px 0 #6a3f57);font-size:58px;letter-spacing:-.06em}.steps article:nth-child(2){transform:translateY(15px)}.steps article:nth-child(3){transform:translateY(30px)}.steps article:nth-child(4){transform:translateY(45px)}.process>.section-next{margin-top:95px}.assurance{background:radial-gradient(ellipse at 100% 0,#d789a52a,transparent 65%),linear-gradient(135deg,#3a2634,#231720);border-color:#dca5bd2e}.quality-list article>span{background:linear-gradient(140deg,#8e59704d,#43273a66);box-shadow:3px 4px 0 #0e0914;color:#f2c5d9}.expanded-grid article{background:linear-gradient(145deg,#33212d,#21141d)}.expanded-number{font-size:35px}.brief-copy h2{font-size:clamp(43px,4.4vw,65px)}#brief-form{background:radial-gradient(ellipse at 100% 0,#a9648222,transparent 55%),linear-gradient(145deg,#3f2a38e8,#251822);border-color:#e7b6ce38;box-shadow:7px 10px 0 #120b16,8px 11px 0 #b77c993d,0 35px 65px #0005}.form-submit{background:linear-gradient(125deg,#f3cfde,#d69bb5)}.founder-signature{padding-block:95px}.founder-signature .signature-brand{font-size:clamp(48px,8vw,112px);font-weight:500;letter-spacing:-.075em;filter:drop-shadow(2px 4px 0 #633a50)}.signature-seal{border-color:#f0bad64f;box-shadow:0 6px 0 #0f0911,0 7px 0 #dca4bf55,0 20px 30px #0005,inset 0 1px #ffebf53b}.signature-byline b{font-size:37px}.signature-lockup{gap:3px}.founder-signature:before{background:radial-gradient(ellipse at center,#cc72951c,transparent 63%)}
.launch-door.left{background:radial-gradient(ellipse at 100% 60%,#63334838,transparent 65%),linear-gradient(125deg,#21141e,#35212b)}.launch-door.right{background:radial-gradient(ellipse at 0 60%,#63334838,transparent 65%),linear-gradient(235deg,#21141e,#35212b)}.portal-frame{border-color:#f0bdd797;background:linear-gradient(145deg,#b86c9422,#2b17240c);box-shadow:7px 9px 0 #301a2c,8px 10px 0 #c28ba745,0 0 100px #d992b421,inset 0 0 70px #d489ab15}.portal-halo{opacity:.7}.launch-button{background:linear-gradient(125deg,#f6d4e3,#d69ab5);box-shadow:0 5px 0 #8e526d,0 20px 50px #cd7e9e25,inset 0 1px #fff8}.launch-work{border-color:#e8b3cd2a;background:linear-gradient(140deg,#74445b35,#301e2a55)}.launch-gate.opening .portal-frame{transition:transform 1.6s cubic-bezier(.5,0,.2,1),opacity 1.2s;transform:perspective(900px) translateZ(650px) rotateZ(10deg);opacity:0}
@media(min-width:1600px){.hero-inner{padding-top:175px;min-height:970px}.hero h1{font-size:100px}.spatial-stage{max-width:760px}.hero-copy{padding-bottom:15px}}
@media(max-width:1100px){.hero-inner{padding-top:150px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(57px,6.1vw,78px)}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{padding:15px 19px;font-size:11px}.stage-chip{padding:12px 14px;max-width:170px}.stage-chip b{font-size:9px}.stage-chip small{font-size:6px}.scene-preset{padding:8px 12px;font-size:8px}.edit-cards{gap:18px}.edit-card-footer{padding:14px}.edit-card-footer b{font-size:9px}.edit-card-footer>span{font-size:7px}.steps article:nth-child(n){transform:none;margin:0}.process>.section-next{margin-top:40px}#portfolio .case-study{gap:0 20px;padding:22px}.case-summary{padding-inline:20px}}
@media(max-width:750px){.header{top:10px;min-height:65px;border-radius:15px}.header .header-cta{padding:10px 12px;font-size:10px}.hero-inner{padding:142px 25px 40px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(52px,10.5vw,76px);line-height:1.045}.hero-description{font-size:14px;max-width:450px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:11px}.hero-signature{margin-top:30px;padding-top:20px}.hero-signature p{font-size:10px}.spatial-scroll{display:none}.scene-wrap{width:100%;max-width:530px;margin:auto;padding-bottom:0}.spatial-stage{width:110%;margin:0 0 0 -5%;aspect-ratio:1/1.05}.stage-top{top:5%;left:12%;right:12%}.stage-bottom{bottom:6%;left:12%;right:12%}.stage-chip-a{left:1%;top:32%;padding:12px 13px}.stage-chip-b{right:0;bottom:23%;padding:12px 13px}.stage-chip>span{font-size:20px}.stage-chip b{font-size:8px}.stage-chip small{font-size:6px}.scene-controls{margin-top:0}.scene-preset{padding:9px 14px;font-size:9px}.hero-strip{gap:15px;padding-block:24px;font-size:8px}.hero-strip i:last-of-type{display:none}#main>.intro{padding-block:70px}.intro h2{font-size:34px}.intro-bottom .wordmark{font-size:80px}.spatial-edit{padding:65px 0 70px}.edit-heading{padding:0 25px;display:block;margin-bottom:30px}.edit-heading h2{font-size:37px;max-width:440px}.edit-heading>p{max-width:100%;font-size:12px;margin-top:18px}.edit-kicker{font-size:8px}.edit-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:25px;padding:20px 25px 58px;gap:24px;perspective:none;scrollbar-width:thin;scrollbar-color:#9a617c #23141f}.edit-card{flex:0 0 82%;scroll-snap-align:center;transform:perspective(1000px) rotateY(0) rotateX(4deg);border-radius:14px}.edit-card:hover,.edit-card:focus-visible{transform:perspective(1000px) translateY(-5px)}.edit-card-footer{padding:18px}.edit-card-footer b{font-size:11px}.edit-card-footer>span{font-size:9px}.edit-bezel{padding:13px 15px;font-size:8px}.edit-index{bottom:-32px}.service-grid article,.service-grid article+article{padding:29px;border-radius:21px}.service-grid h3{font-size:24px}.service-grid p{font-size:14px}.service-grid li{font-size:12px}#portfolio .case-study{padding:17px;margin-bottom:43px;gap:15px;border-radius:22px}#portfolio .case-study .logo-cover{transform:perspective(1100px) rotateY(3deg) rotateX(3deg)}#portfolio .case-study:nth-of-type(even) .logo-cover{transform:perspective(1100px) rotateY(-3deg) rotateX(3deg)}.case-summary,.ember-case .case-summary{padding:18px 6px}.case-summary h3{font-size:32px}.case-summary>p{font-size:14px}.case-summary .section-label{font-size:8px}.case-tags>span{font-size:10px}.case-details p{font-size:13px}.steps .step-number{font-size:43px}.steps article:nth-child(n){transform:none;margin:0}.brief-copy h2{font-size:45px}#brief-form{box-shadow:0 7px 0 #120b16,0 8px 0 #b77c993d,0 25px 50px #0004}.founder-signature{padding-block:65px}.founder-signature .signature-brand{font-size:clamp(45px,10vw,70px)}.signature-byline b{font-size:32px}}
@media(max-width:380px){.hero h1{font-size:49px}.hero-actions{gap:14px}.hero-actions .button{padding:14px;font-size:11px}.stage-chip{max-width:145px;gap:8px}.scene-preset{padding:8px 11px;font-size:8px}.edit-heading h2{font-size:34px}.header .header-cta{font-size:9px;padding:9px}}
@media(prefers-reduced-motion:reduce){.stellar-field i{animation:none;opacity:.25}.edit-card,.edit-card:hover,.edit-card:focus-visible{transition:none}.launch-gate.opening .portal-frame{transition:none}.spatial-scroll:hover>span{transform:none}#portfolio .case-study .logo-cover{transition:none}}
