@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#080a0a;--ink:#f1f1ed;--muted:#a8aaa6;--gold:#ffd23c;--line:rgba(255,255,255,.13);--font:Vazirmatn,Tahoma,sans-serif;--body-size:17px;--hero-p:0;--journey:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body-size)/1.9 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{color:inherit}button,a,summary{touch-action:manipulation}img{max-width:100%;display:block}svg{display:block;width:28px;height:28px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}h2{font-size:clamp(32px,3.7vw,55px);line-height:1.48;letter-spacing:-1.3px}h3{font-size:22px;line-height:1.7}::selection{color:#080909;background:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}p{color:var(--muted)}[hidden]{display:none!important}.micro{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.9px;direction:ltr}.eyebrow{font-size:11px;letter-spacing:1px;color:#c4c5be;display:flex;align-items:center;gap:14px;margin-bottom:24px}.eyebrow span{width:32px;height:1px;background:var(--gold);box-shadow:0 0 12px #ffc52755}.glass{background:linear-gradient(140deg,rgba(95,101,91,.15),rgba(20,22,21,.46) 42%,rgba(23,25,22,.68));border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff09,0 22px 70px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.section{padding:110px max(6vw,24px);position:relative;max-width:1680px;margin:auto}.section-head{display:flex;gap:60px;align-items:center;justify-content:space-between;margin-bottom:60px}.section-head>p{max-width:360px;font-size:15px;line-height:2.1}.button{border:1px solid #ffe675;background:var(--gold);color:#13150e;border-radius:100px;padding:15px 27px;font-weight:650;font-size:15px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden;box-shadow:0 0 30px #e9b91a17;transition:box-shadow .4s,background .4s}.button:before{content:'';position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);transform:translateX(130%) rotate(10deg);transition:transform .8s}.button:hover:before{transform:translateX(-130%) rotate(10deg)}.button:hover{box-shadow:0 4px 35px #f3c52636;background:#ffdc62}.button span{font-size:23px;line-height:1}.skip-link{position:fixed;top:8px;right:10px;z-index:100;background:var(--gold);color:#111;padding:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.wordmark{position:absolute;top:25px;left:6vw;z-index:5;font:500 37px/1.2 Arial,sans-serif;letter-spacing:-2px;direction:ltr}.wordmark span,.footer-brand span{color:var(--gold);font-size:30px;margin-left:3px;display:inline-block}.studio-mark{position:absolute;top:42px;right:6vw;font:9px Arial,sans-serif;letter-spacing:2px;direction:ltr;color:#a4a79b;z-index:3;display:flex;gap:10px;align-items:center}.studio-mark i{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #e1b436}.motion-toggle{position:fixed;bottom:23px;right:25px;z-index:30;border:1px solid #ffffff24;background:#101210b8;backdrop-filter:blur(10px);border-radius:50%;width:37px;height:37px;font:12px Arial;color:#b8baaf}.dock{position:fixed;bottom:21px;left:24px;display:flex;align-items:center;direction:ltr;z-index:30;border:1px solid #fff2;border-radius:16px;background:#10130fd6;backdrop-filter:blur(24px);box-shadow:0 8px 25px #0008;padding:7px;gap:2px}.dock a{padding:8px 12px;display:flex;gap:9px;align-items:center;border-radius:10px;position:relative;transition:background .5s,color .5s;min-height:44px}.dock a:hover,.dock a:focus-visible{background:#ffffff0c;color:var(--gold)}.dock-num{font:9px Arial;color:#818578}.dock a>span:not(.dock-num){font:10px/1.4 Arial;letter-spacing:1px}.dock small{display:block;font:10px/1.8 var(--font);letter-spacing:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .6s}.dock a:hover small,.dock a:focus-visible small{max-height:25px;opacity:1}.dock svg{width:14px;height:14px;display:none}.dock .dock-contact{background:var(--gold);color:#111;margin-left:5px}.dock-contact b{font-weight:400;font-size:22px}.dock .dock-contact:hover{background:#ffdc68;color:#000}.dock a.current:after{content:'';width:3px;height:3px;border-radius:50%;background:var(--gold);position:absolute;bottom:3px;left:50%}
.loader{position:fixed;inset:0;display:grid;place-content:center;gap:20px;background:#080a0a;z-index:90;direction:ltr;pointer-events:none;animation:loader-out 1.15s .15s forwards}.loader>span{font:50px Arial;letter-spacing:-3px}.loader i{font-style:normal;color:var(--gold);display:inline-block;animation:spin 1.4s linear infinite}.loader>div{height:1px;background:#fff2;overflow:hidden}.loader>div:after{content:'';display:block;background:var(--gold);height:1px;width:100%;transform-origin:left;animation:load-line 1s ease both}@keyframes loader-out{70%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes load-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero{height:160vh;min-height:950px;position:relative}.hero-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate;border-bottom:1px solid #fff1}.landscape{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-4;transform:translate3d(0,calc(var(--hero-p)*-65px),0) scale(calc(1.06 + var(--hero-p)*.15));filter:brightness(.82)}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 25%,#080a0a4d 48%,#080a0ae8 85%),linear-gradient(0deg,#080a0a 0%,transparent 25%,#080a0a66 100%)}.hero-copy{position:absolute;top:26%;right:6vw;width:42%;z-index:4;transform:translateY(calc(var(--hero-p)*-125px));opacity:calc(1 - var(--hero-p)*1.25)}.hero-copy h1{font-size:clamp(43px,4.5vw,73px);line-height:1.45;letter-spacing:-2px}.hero-copy h1 span,.hero-copy h1 em{display:block;font-style:normal}.hero-copy h1 em{color:var(--gold);font-weight:750}.hero-description{font-size:16px;line-height:2.1;max-width:420px;margin:21px 0 30px}.hero-footnote{margin-top:35px;font-size:8px;letter-spacing:2px;display:flex;gap:22px;align-items:center;color:#a2a394}.hero-footnote span{font:10px var(--font);letter-spacing:0}.hero-scene{width:58%;height:88%;position:absolute;left:0;top:12%;direction:ltr;perspective:1300px;transform:translate3d(0,calc(var(--hero-p)*90px),0) scale(calc(1 + var(--hero-p)*.17));transform-origin:40% 60%;pointer-events:none}.laptop-wrap{position:absolute;width:76%;max-width:610px;left:12%;top:31%;aspect-ratio:1.5;perspective:1100px;z-index:3;animation:device-float 8s ease-in-out infinite}.laptop{width:100%;height:100%;transform:rotateY(14deg) rotateZ(-6deg);transform-style:preserve-3d}.laptop-lid{position:absolute;width:100%;height:82%;top:0;transform-origin:50% 100%;transform:rotateX(calc(-7deg - var(--hero-p)*81deg));transform-style:preserve-3d;border:1px solid #aaa99d;border-radius:12px 12px 7px 7px;background:#121615;box-shadow:0 0 0 2px #080909,0 20px 50px #0008}.laptop-screen{position:absolute;inset:9px 8px 22px;background:#0a0c0c;overflow:hidden;border:1px solid #32372d;border-radius:5px;backface-visibility:hidden;transform:translateZ(2px)}.screen-browser{position:absolute;top:0;left:0;right:0;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;z-index:2;font:5px Arial}.screen-browser b{font-size:13px;letter-spacing:-1px}.screen-browser i{background:var(--gold);font:5px Arial;padding:4px;color:#222;border-radius:2px}.screen-mountain{width:100%;height:100%;object-fit:cover;object-position:60% 65%;opacity:.9}.screen-copy{position:absolute;inset:24% auto auto 9%;font-family:Arial,sans-serif;line-height:1;letter-spacing:-1.5px}.screen-copy small{font-size:5px;color:#ccc;letter-spacing:1px}.screen-copy b{display:block;margin:12px 0;font-size:clamp(24px,3.4vw,52px);font-weight:400;background:linear-gradient(#fff 40%,var(--gold) 90%);background-clip:text;-webkit-text-fill-color:transparent}.screen-copy>span{font-size:5px;letter-spacing:.5px;color:#b6b8ae}.screen-upload{width:100%;height:100%}.screen-upload~.screen-shine{opacity:.5}.screen-shine{position:absolute;inset:0;background:linear-gradient(125deg,#ffffff15,transparent 35%,transparent 55%,#ffffff08 60%,transparent 70%);pointer-events:none}.lid-chin{position:absolute;bottom:4px;left:0;right:0;font:6px Arial;text-align:center;color:#6c7466;backface-visibility:hidden}.lid-back{position:absolute;inset:0;background:linear-gradient(130deg,#343a36,#171b19);transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;border-radius:10px;display:grid;place-content:center;font:40px Arial;letter-spacing:-2px}.lid-back span{color:var(--gold)}.laptop-base{position:absolute;width:100%;height:45%;top:82%;transform:rotateX(70deg);transform-origin:top;transform-style:preserve-3d;background:linear-gradient(140deg,#b6b8af,#373e37 18%,#4a514a 70%,#7a8074);border:1px solid #9fa796;border-radius:0 0 11px 11px;box-shadow:0 28px 40px #0008}.keyboard{position:absolute;inset:8% 10% 37%;background:repeating-linear-gradient(0deg,transparent 0 7px,#131814 7px 10px),repeating-linear-gradient(90deg,#131814 0 14px,#65705e 14px 16px);border:2px solid #333c33;border-radius:3px}.trackpad{position:absolute;left:35%;bottom:5%;height:28%;width:30%;border:1px solid #89927d;border-radius:4px;background:#454e43}.laptop-edge{position:absolute;top:calc(82% + 15%);height:4px;width:100%;background:linear-gradient(90deg,#a4a995,#363b35,#a4a995);border-radius:0 0 50% 50%}.planet{position:absolute;top:2%;left:25%;width:32%;max-width:260px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 10px #e9dd9e33,8px -7px 36px #a98e3415;background:radial-gradient(circle at 28% 20%,#42453a,#101613 45%,#000 78%);overflow:hidden;transform:translateY(calc(var(--hero-p)*-140px)) rotate(calc(var(--hero-p)*60deg));z-index:0}.planet canvas{width:100%;height:100%;display:block}.planet>span{position:absolute;inset:0;border-radius:50%;box-shadow:inset 7px 4px 10px #d9e2b333,inset -50px -10px 50px #000c}.scene-orbit{position:absolute;left:5%;top:7%;width:84%;height:70%;border:1px solid #cbb6583b;border-radius:50%;transform:rotate(-24deg);z-index:1}.orbit-a{animation:orbit-turn 26s linear infinite;box-shadow:0 0 25px #d6b23209}.orbit-a i{position:absolute;top:17%;left:8%;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 22px #ffcf3f}.orbit-b{top:12%;transform:rotate(27deg);height:62%;border-color:#f5edba10}.float-card{position:absolute;border-radius:12px;z-index:4;animation:float-card 7s ease-in-out infinite}.float-a{top:24%;left:3%;padding:17px;display:flex;align-items:center;gap:12px;transform:rotate(-7deg);width:245px}.float-a .mini-icon{color:var(--gold);padding:10px;border:1px solid #fff2;border-radius:10px;background:#1118}.float-a svg{width:21px;height:21px}.float-card small{font:7px Arial;letter-spacing:1px;color:#b1b6a2}.float-a b{font:12px/2.5 var(--font);display:block}.float-a>i{font:24px Arial;color:var(--gold)}.float-b{bottom:18%;right:5%;width:160px;padding:18px;animation-delay:-3s}.float-b>span{font:7px Arial;letter-spacing:2px;color:#c8cbbd}.float-b>b{font:15px Arial;display:block;margin:8px 0}.float-b>small{font:9px var(--font);letter-spacing:0}.mini-bars{display:flex;height:28px;gap:5px;margin-top:15px;align-items:end}.mini-bars i{width:7px;height:40%;background:linear-gradient(0deg,#745d19,var(--gold));animation:bar 2.8s ease-in-out infinite alternate}.mini-bars i:nth-child(2n){height:70%;animation-delay:-1s}.mini-bars i:nth-child(3n){height:100%;animation-delay:-2s}.scene-caption{position:absolute;left:9%;bottom:14%;font:8px/1.5 Arial;letter-spacing:2px;color:#b6b9a6;transform:rotate(-90deg);transform-origin:left}.light-beam{position:absolute;z-index:-1;inset:-40% 30% 15% 15%;background:linear-gradient(95deg,transparent,#f0e1ac0a,transparent);filter:blur(12px);transform:rotate(-20deg);animation:beam 12s ease-in-out infinite alternate}.scroll-cue{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;opacity:calc(1 - var(--hero-p)*2);z-index:5}.scroll-cue>span{width:15px;height:25px;border:1px solid #b3b7a6;border-radius:10px;position:relative}.scroll-cue>span:after{content:'';position:absolute;width:2px;height:5px;top:5px;left:6px;background:var(--gold);animation:scroll-dot 2s ease-in-out infinite}.scroll-cue small{font-size:9px;color:#b0b49f}.hero-index{position:absolute;bottom:50px;right:6vw;color:#8f967f;font-size:7px;display:flex;flex-direction:column;gap:10px;opacity:calc(1 - var(--hero-p)*2)}.hero-index span{font-size:6px;letter-spacing:2px}
.services{background:radial-gradient(ellipse at 30% 50%,#2e2c151f,transparent 65%)}.asterisk{font:135px/1 Arial;color:var(--gold);margin:0 25px;transform:rotate(calc(var(--section-p,0)*170deg));text-shadow:0 0 55px #dcc33722}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{padding:32px;border-radius:20px;position:relative;overflow:hidden;transform:translateY(calc((.5 - var(--section-p,.5))*var(--travel,70px)));transition:border-color .6s,box-shadow .6s}.service-card:nth-child(2){--travel:-65px}.service-card:nth-child(3){--travel:100px}.service-card:hover{border-color:#d8bf5a66;box-shadow:0 20px 70px #b7a0330e}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.card-top>.micro{color:#6f7568}.icon-box{width:60px;height:60px;display:grid;place-content:center;border:1px solid #a9a58a4a;border-radius:17px;background:linear-gradient(145deg,#ffffff0d,transparent);color:var(--gold);box-shadow:inset 0 0 18px #fff3;transition:transform .8s cubic-bezier(.16,1,.3,1)}.service-card:hover .icon-box{transform:rotate(-12deg) translateY(-7px)}.service-card>.micro{color:#9b9f8e;font-size:8px;margin-bottom:10px}.service-card h3{margin-bottom:13px}.service-card>p:not(.micro){font-size:14px;line-height:2.1;max-width:370px}.card-line{position:absolute;bottom:0;right:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(.2);opacity:.2;transition:transform .8s,opacity .8s}.service-card:hover .card-line{transform:scaleX(1);opacity:1}.approach{padding-top:75px}.type-list{display:grid;gap:13px}.type-card{border-radius:16px;position:relative;overflow:hidden;transition:background .6s,border-color .6s}.type-card summary{list-style:none;display:flex;gap:30px;align-items:center;padding:27px 30px;cursor:pointer;position:relative;z-index:2}.type-card summary::-webkit-details-marker{display:none}.type-id{color:#949b85}.type-icon{color:var(--gold)}.type-card summary h3{font-size:22px;font-weight:500}.type-en{margin-right:auto;color:#8d9582}.type-card summary>i{font-style:normal;font-size:25px;transition:transform .7s}.type-card[open] summary>i{transform:rotate(45deg);color:var(--gold)}.type-body{padding:0 116px 26px 50px;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:40px;animation:detail-in .8s ease both}.type-body p{font-size:14px;max-width:600px}.type-body a{font-size:12px;white-space:nowrap;color:#e9e8db}.type-body a span{color:var(--gold);margin-right:15px}.ribbon{position:absolute;top:0;bottom:0;width:170px;background:linear-gradient(110deg,transparent,#fff0bd09,#efcb4e18,transparent);transform:skewX(-25deg) translateX(200%);pointer-events:none;right:0;opacity:0}.type-card:hover .ribbon,.type-card:focus-within .ribbon{animation:ribbon-sweep 1.25s ease both}.type-card:hover,.type-card[open]{border-color:#e0cf7844;background:linear-gradient(100deg,#24291b40,#22231b44,#131711aa)}
.work{padding-top:75px;overflow:clip;max-width:none}.work .section-head{max-width:1480px;margin:0 auto 65px}.gallery-controls{display:flex;direction:ltr;gap:8px;align-self:end}.gallery-controls button{background:transparent;width:39px;height:39px;border:1px solid #fff2;border-radius:50%;font:17px Arial;transition:background .3s,color .3s}.gallery-controls button:hover{background:var(--gold);color:#111}.gallery-controls [data-gallery=pause]{font-size:11px;width:30px;height:30px}.project-gallery{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;perspective:1500px;min-height:380px;align-items:center;position:relative}.project-card{border-radius:16px;overflow:hidden;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s,border-color .7s;position:relative}.project-card.is-front{border-color:#c1b99488}.project-visual{aspect-ratio:1.35;position:relative;overflow:hidden;direction:ltr}.project-visual:after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#0004,transparent),linear-gradient(0deg,#0002,transparent 80%);pointer-events:none}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-visual>img{transform:scale(1.055)}.project-browser{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 20px;font:6px Arial}.project-browser>span:first-child{font-weight:bold;font-size:11px;letter-spacing:-.5px}.project-browser b{font-size:15px;font-weight:400;color:var(--gold)}.project-overlay{position:absolute;z-index:2;top:28%;left:7%;font:clamp(24px,2.6vw,45px)/1.02 Arial,sans-serif;letter-spacing:-1.3px;white-space:normal;text-shadow:0 1px 15px #0004;max-width:85%}.project-info{padding:20px 22px;display:flex;gap:10px;justify-content:space-between;align-items:center;background:#0a0d0bb3}.project-info .micro{font-size:7px;color:#b6b9a6;letter-spacing:1px}.project-info h3{font-size:18px;margin-top:5px}.project-info p{font-size:11px;margin-top:5px}.project-badge{font-size:8px;padding:4px 8px;border:1px solid #ffffff1a;white-space:nowrap;border-radius:30px;color:#bec0b0}.project-link{display:block;text-align:center;font-size:12px;padding:10px;border-top:1px solid #fff1;color:var(--gold)}.js .project-gallery{height:530px;display:block;max-width:1200px}.js .project-card{position:absolute;top:0;width:57%;left:21.5%;transform:translateX(calc(var(--offset,0)*58%)) rotateY(calc(var(--offset,0)*-17deg)) translateY(calc(var(--offset-abs,0)*42px + (var(--section-p,.5) - .5)*var(--travel,40px))) scale(calc(1 - var(--offset-abs,0)*.12));z-index:var(--stack,1);opacity:calc(1 - var(--offset-abs,0)*.25);pointer-events:auto}.js .project-visual{aspect-ratio:1.83}.js .project-overlay{font-size:clamp(36px,4vw,60px)}.gallery-index{display:flex;direction:ltr;align-items:center;justify-content:center;gap:18px;margin-top:20px;color:#c5c8b5}.gallery-meter{width:130px;height:1px;background:#fff2;position:relative}.gallery-meter i{display:block;width:calc(var(--gallery-fraction,.333)*100%);background:var(--gold);height:1px;transition:width 1s}
.process{min-height:1400px;height:180vh;position:relative;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;background:radial-gradient(ellipse at 50% 80%,#3b331118,transparent 75%)}.process-sticky{height:100svh;min-height:740px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:70px}.journey{position:relative;padding-top:110px;margin-top:10px}.journey-track{position:absolute;top:0;left:2%;right:2%;height:160px;direction:ltr}.journey-track svg{width:100%;height:150px;overflow:visible}.journey-track path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.track-base{stroke:#d6c25235}.track-live{stroke:var(--gold);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--journey));filter:drop-shadow(0 0 5px #eab728)}.journey-comet{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px #ffdd4b,0 0 55px #ffdd4b55;position:absolute;left:3%;top:100px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative;direction:rtl}.step{opacity:.48;transform:translateY(15px);transition:opacity .85s,transform .85s}.step.active,.step.passed{opacity:1;transform:translateY(0)}.step-icon{width:65px;height:65px;border-radius:50%;display:grid;place-content:center;border:1px solid #fff2;background:linear-gradient(140deg,#22281c,#080b08);margin-bottom:24px;box-shadow:0 5px 30px #0008;transition:box-shadow 1s,border-color 1s,color 1s}.step.active .step-icon{color:var(--gold);border-color:#e5c04670;box-shadow:0 0 40px #d2b83520}.step .micro{font-size:8px;color:#9ca48c;margin-bottom:8px;text-align:right}.step h3{font-size:19px;margin-bottom:12px}.step>p:not(.micro){font-size:13px}.text-link{align-self:flex-start;margin-top:45px;padding-bottom:10px;border-bottom:1px solid #d0bd5755;font-size:13px;display:flex;gap:35px;align-items:center}.text-link span{color:var(--gold);font-size:20px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:100px;padding-bottom:110px}.faq .section-head{margin:0;align-items:start}.faq h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--gold);font-size:24px;transition:transform .4s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:2.1;padding-top:18px;animation:detail-in .6s ease}
.contact{min-height:740px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:115px;padding-bottom:130px;overflow:hidden;isolation:isolate;border-top:1px solid #fff1}.contact-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:translateY(calc((var(--section-p,.5) - .5)*80px)) scale(1.1);filter:brightness(.58)}.contact:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080b0966,#080b09dd 75%),linear-gradient(0deg,#080a0a,transparent 50%,#080a0a66)}.contact-copy{max-width:530px}.contact-copy>p:not(.eyebrow){font-size:15px;max-width:400px;margin-top:25px;line-height:2.1}.contact-copy h2{font-size:clamp(32px,3.5vw,52px)}.contact-sign{font:90px/1 Arial;color:#ffffff0c;margin-top:30px;direction:ltr;text-align:right;letter-spacing:-5px}.contact-sign span{color:#ffd43c44;display:inline-block;transform:rotate(calc(var(--section-p,.5)*100deg))}.contact-halo{position:absolute;z-index:-1;left:25%;top:20%;width:340px;height:340px;border:1px solid #ddc94b4a;border-radius:50%;box-shadow:0 0 100px #d8be3020,inset 0 0 70px #d8be3010;transform:translateY(calc((var(--section-p,.5) - .5)*100px))}.lead-form{padding:42px;border-radius:24px;max-width:530px;justify-self:end;width:100%;background:linear-gradient(120deg,#77745a19,#0b0f0bdd);box-shadow:0 20px 90px #0005;transform:translateY(calc((.5 - var(--section-p,.5))*50px))}.form-eyebrow{display:flex;justify-content:space-between;color:#c2c5af;font-size:8px;align-items:center;margin-bottom:30px}.form-eyebrow i{font-style:normal;font-size:25px;color:var(--gold)}.lead-form h3{font-size:23px;font-weight:500;margin-bottom:28px}.lead-form label{font-size:12px;color:#aeb39e;display:block;margin-bottom:9px}.phone-wrap{position:relative}.phone-wrap input{width:100%;color:#fff;border:1px solid #b0b19a4d;border-radius:11px;background:#0004;padding:16px 45px 16px 18px;font-size:18px;direction:ltr;text-align:right;letter-spacing:2px;line-height:1.6;transition:border-color .3s}.phone-wrap input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f6d13b0c}.phone-wrap input::placeholder{font-size:15px;color:#7f8672;letter-spacing:0}.phone-wrap>span{position:absolute;top:16px;right:18px;color:#b2b998}.lead-form .button{width:100%;margin-top:14px;border-radius:11px;font-size:14px}.privacy{font-size:10px;text-align:center;line-height:1.9;margin-top:18px;color:#9ca28e}.form-status{font-size:13px;line-height:2;margin-top:12px;color:var(--gold)}.form-status.error{color:#ffb2a0}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-footer{border-top:1px solid #fff1;padding:35px 6vw 115px;display:flex;align-items:center;gap:35px}.footer-brand{font:37px Arial;direction:ltr;letter-spacing:-2px}.site-footer>p{font-size:12px}.site-footer small{margin-right:auto;font-size:10px;color:#767f6c}.site-footer>a:last-child{width:35px;height:35px;border:1px solid #fff2;border-radius:50%;display:grid;place-content:center;font-size:20px}
@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes float-card{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -13px;rotate:1deg}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes bar{to{transform:scaleY(.45);opacity:.55}}@keyframes beam{to{transform:rotate(15deg) translateX(-100px);opacity:.4}}@keyframes scroll-dot{50%{transform:translateY(8px);opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ribbon-sweep{0%{right:-30%;opacity:0}20%{opacity:1}100%{right:110%;opacity:0}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .loader{display:none}.motion-paused .project-card{transition-duration:.1s}
@media(min-width:1600px){.hero-copy{right:max(6vw,calc((100vw - 1500px)/2))}.hero-scene{left:max(0px,calc((100vw - 1800px)/2));width:55%;max-width:950px}.hero-copy{width:40%;max-width:650px}}
@media(max-width:1100px){.section{padding:85px 5vw}.section-head{gap:35px}.hero-copy{right:5vw;top:28%;width:45%}.hero-copy h1{font-size:52px}.hero-description{font-size:14px;max-width:350px}.hero-scene{width:62%;left:-6%;top:14%}.float-a{width:200px;top:26%;left:6%;padding:12px}.float-a .mini-icon{padding:7px}.float-a b{font-size:10px}.float-card small{font-size:6px}.float-b{width:135px;bottom:25%;padding:15px}.float-b>b{font-size:12px}.planet{top:12%;left:27%}.laptop-wrap{top:38%;left:9%}.service-card{padding:25px}.service-card h3{font-size:20px}.service-card>p:not(.micro){font-size:13px}.asterisk{font-size:110px;margin:0}.type-body{padding-right:90px}.js .project-gallery{height:430px}.contact{gap:50px}.lead-form{padding:30px}.faq{gap:50px}.process-sticky{min-height:700px}.studio-mark{font-size:8px}.hero-footnote{gap:12px}.hero-index{display:none}}
@media(max-width:760px){:root{--body-size:16px}.section{padding:75px 6vw}.wordmark{top:23px;left:6vw;font-size:33px}.wordmark span{font-size:27px}.studio-mark{right:6vw;top:37px;font-size:6px;letter-spacing:1.3px}.hero{height:145vh;min-height:1110px}.hero-sticky{height:100svh;min-height:780px}.hero-copy{top:112px;right:6vw;left:6vw;width:auto;text-align:right}.hero-copy h1{font-size:clamp(39px,8.8vw,61px);line-height:1.4;letter-spacing:-1.3px}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.hero-description{font-size:13px;max-width:390px;line-height:2;margin:14px 0 20px}.hero-copy .button{padding:11px 20px;font-size:12px;gap:40px}.hero-footnote{display:none}.hero-vignette{background:linear-gradient(0deg,#080a0a 0%,transparent 20%,#080a0ac7 67%,#080a0a66 100%)}.landscape{object-position:36% 75%;filter:brightness(.85);transform:translateY(calc(var(--hero-p)*-30px)) scale(calc(1.1 + var(--hero-p)*.1))}.hero-scene{width:100%;height:440px;top:auto;bottom:14px;left:0;transform:translate3d(0,calc(var(--hero-p)*85px),0) scale(calc(1 + var(--hero-p)*.07))}.laptop-wrap{width:70%;left:15%;top:27%;max-width:none}.screen-copy b{font-size:clamp(23px,6.2vw,39px)}.screen-browser{padding:7px;font-size:4px}.screen-browser b{font-size:9px}.screen-browser i{font-size:4px;padding:3px}.screen-copy small{font-size:4px}.screen-copy b{margin:6px 0}.screen-copy>span{font-size:4px}.laptop-lid{border-radius:8px}.laptop-screen{inset:6px 5px 16px}.planet{top:0;left:31%;width:27%;max-width:170px}.scene-orbit{left:8%;width:85%;height:70%;top:4%}.float-a{left:5%;top:15%;width:182px;padding:11px;gap:9px;border-radius:10px}.float-a b{font-size:9px}.float-a small{font-size:5px}.float-a .mini-icon{padding:5px}.float-a svg{width:17px;height:17px}.float-a>i{font-size:16px}.float-b{right:4%;bottom:19%;width:125px;padding:12px}.float-b>span{font-size:6px}.float-b>b{font-size:11px}.float-b>small{font-size:7px}.mini-bars{height:22px;margin-top:8px}.scene-caption{font-size:6px;left:5%;bottom:21%}.scroll-cue{bottom:32px;gap:8px}.scroll-cue small{font-size:8px}.dock{bottom:12px;left:12px;padding:5px;gap:0;border-radius:12px}.dock a{padding:7px 8px;gap:5px;min-height:37px}.dock a>span:not(.dock-num){font-size:8px;letter-spacing:.7px}.dock-num{font-size:7px}.dock-contact b{font-size:18px}.dock .dock-contact{margin-left:3px}.dock small{font-size:8px}.motion-toggle{bottom:21px;right:12px;width:29px;height:29px;font-size:10px}.section-head{align-items:start;flex-wrap:wrap;gap:24px;margin-bottom:40px}.section-head>p{max-width:380px;font-size:13px}.section-head h2{font-size:34px;letter-spacing:-.7px;line-height:1.5}.eyebrow{font-size:9px;margin-bottom:17px}.asterisk{position:absolute;top:95px;left:7vw;font-size:90px}.services .section-head>p{max-width:270px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:27px;transform:translateY(calc((.5 - var(--section-p,.5))*24px))}.card-top{margin-bottom:20px}.service-card h3{font-size:23px}.service-card>p:not(.micro){font-size:14px;max-width:none}.icon-box{width:54px;height:54px}.type-card summary{padding:23px 18px;gap:14px}.type-card summary h3{font-size:16px}.type-en{display:none}.type-card summary>i{margin-right:auto;font-size:20px}.type-icon svg{width:22px;height:22px}.type-id{font-size:8px}.type-body{display:block;padding:0 54px 24px 18px}.type-body p{font-size:13px}.type-body a{display:block;margin-top:15px;font-size:10px;white-space:normal}.work{padding-left:6vw;padding-right:6vw}.work .section-head{margin-bottom:30px}.gallery-controls{align-self:start;margin-right:auto}.project-gallery{grid-template-columns:1fr}.js .project-gallery{height:370px;max-width:490px}.js .project-card{width:86%;left:7%;transform:translateX(calc(var(--offset,0)*85%)) rotateY(calc(var(--offset,0)*-18deg)) translateY(calc(var(--offset-abs,0)*16px)) scale(calc(1 - var(--offset-abs,0)*.06))}.js .project-visual{aspect-ratio:1.45}.js .project-overlay{font-size:32px}.project-browser{padding:17px 14px;font-size:5px}.project-browser>span:first-child{font-size:9px}.project-info{padding:16px}.project-info h3{font-size:16px}.project-info p{font-size:10px}.project-badge{font-size:7px;padding:3px 6px}.gallery-index{margin-top:10px}.process{height:auto;min-height:0}.process-sticky{height:auto;min-height:0;position:relative}.process .section-head{margin-bottom:25px}.journey{padding-top:0;margin-top:10px}.journey-track{height:auto;top:5px;bottom:15px;right:26px;left:auto;width:1px;background:#a18e322f}.journey-track svg{display:none}.journey-track:after{content:'';position:absolute;top:0;right:0;width:1px;height:calc(var(--journey)*100%);background:var(--gold)}.journey-comet{left:-3px;top:calc(var(--journey)*100%)!important;transform:none!important}.steps{grid-template-columns:1fr;gap:35px}.step{padding-right:80px;min-height:100px;position:relative;opacity:1;transform:none}.step-icon{position:absolute;right:0;top:0;width:53px;height:53px;margin:0}.step h3{font-size:20px;margin-bottom:8px}.step>p:not(.micro){font-size:13px}.step .micro{font-size:7px}.text-link{font-size:11px;margin-top:30px}.faq{grid-template-columns:1fr;gap:38px}.faq h2{font-size:30px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.contact{grid-template-columns:1fr;gap:40px;padding-top:75px;padding-bottom:85px}.contact-copy h2{font-size:35px}.contact-copy>p:not(.eyebrow){font-size:14px}.contact-sign{display:none}.lead-form{max-width:none;padding:28px;transform:translateY(calc((.5 - var(--section-p,.5))*20px))}.lead-form h3{font-size:21px}.contact-halo{left:-15%;top:35%}.contact-landscape{object-position:30% 50%}.site-footer{flex-wrap:wrap;padding:30px 6vw 110px;gap:15px}.site-footer>p{font-size:10px;margin-right:auto}.site-footer small{font-size:9px;margin-right:0;flex-basis:80%}.footer-brand{font-size:32px}.footer-brand span{font-size:24px}.site-footer>a:last-child{margin-right:auto}.loader>span{font-size:40px}}
@media(max-width:380px){.hero-copy{top:110px}.hero-copy h1{font-size:36px}.hero-description{font-size:12px}.hero-sticky{min-height:780px}.hero-scene{height:390px;bottom:27px}.float-a{width:165px}.float-b{width:110px;bottom:23%}.dock-num{display:none}.dock a{padding:7px 7px}.dock-contact b{font-size:15px}.js .project-gallery{height:340px}.project-info{padding:13px}.project-info h3{font-size:14px}.project-info p{font-size:8px}.project-badge{padding:2px 4px;font-size:6px}.type-card summary{gap:9px}.type-card summary h3{font-size:14px}.lead-form{padding:23px}.lead-form h3{font-size:18px}.hero-scene .screen-browser>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.loader{display:none}.hero{height:auto;min-height:0}.hero-sticky{position:relative}.process{height:auto;min-height:0}.process-sticky{position:relative;min-height:0;height:auto}.step{opacity:1;transform:none}.hero-copy,.hero-scene,.landscape,.contact-landscape,.service-card,.lead-form{transform:none}.hero-copy{opacity:1}.laptop-lid{transform:rotateX(-7deg)}.motion-toggle{display:none}}
/* Standalone service pages */
.service-page{padding-top:135px;max-width:1050px;min-height:90vh}.service-page h1{font-size:clamp(32px,5vw,60px);line-height:1.5;margin-bottom:30px}.service-intro{font-size:20px;color:#dadbd2;margin-bottom:30px}.service-detail p{font-size:16px;line-height:2.2;margin-bottom:25px}.service-page .button{margin-top:20px}.breadcrumbs{font-size:12px;color:#abb296;margin-bottom:40px}.service-detail{padding:35px;border:1px solid var(--line);border-radius:20px;background:#14180f66}.related-links{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--gold);margin-top:45px}
body[data-motion=calm] .float-card{animation-duration:14s}body[data-motion=calm] .laptop-wrap{animation-duration:16s}body[data-motion=calm] .orbit-a{animation-duration:50s}body[data-motion=calm] .light-beam{animation:none}body[data-motion=calm] .mini-bars i{animation:none}.js .hero:not(.in-view) .hero-scene *{animation-play-state:paused}
/* Neutral graphite materials keep gold as the only accent. */
.laptop-base{background:linear-gradient(140deg,#b9bab5,#393c3b 18%,#4d5050 70%,#7d807e);border-color:#a0a59f}.trackpad{background:#484c4b;border-color:#8b918a}.keyboard{filter:grayscale(1)}.planet{background:radial-gradient(circle at 28% 20%,#454643,#151817 45%,#000 78%)}.hero-footnote{justify-content:flex-start;direction:rtl}.hero-footnote span{direction:rtl}.process-expanded{height:auto;min-height:0}.process-expanded .process-sticky{height:auto;position:relative;min-height:0}.process-expanded .journey-track{display:none}.process-expanded .steps{row-gap:45px}.process-expanded .step{opacity:1}

.has-banner .screen-browser{display:none}