@font-face{font-family:Vazirmatn;src:url('/studio-assets/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/studio-assets/Vazirmatn-Black.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{--paper:#e7e7e4;--ink:#242424;--yellow:#f4b51c;--white:#f8f8f5;--line:#bdbdb7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body.studio{margin:0;padding:16px;background:var(--ink);color:var(--ink);font-family:Vazirmatn,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}p{max-width:65ch;margin:0 0 20px}h1,h2,h3{line-height:1.55;margin:0 0 20px;font-weight:900}h1{font-size:clamp(42px,6.2vw,88px);letter-spacing:-3px}h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-1.5px}h3{font-size:26px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #996400;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:6px}.studio-paper{max-width:1520px;margin:auto;background:var(--paper);border-radius:32px;overflow:hidden}.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4.5%;border-bottom:1px solid var(--line)}.studio-wordmark{font-size:34px;line-height:1.15;font-weight:900}.studio-wordmark span{display:block;font-size:10px;line-height:2;font-weight:400}.studio-nav nav{display:flex;gap:30px;font-size:14px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:12px 24px;border:1px solid var(--ink);border-radius:8px;font-weight:800;line-height:1.6;text-decoration:none!important}.studio-button span{font-size:22px}.studio-button.dark{background:var(--ink);color:var(--white)}.studio-button.outline{background:transparent}.studio-button:hover{background:var(--yellow);color:var(--ink)}.studio-button:disabled{opacity:.65;cursor:wait}.text-link{text-decoration:underline;text-underline-offset:7px}.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:72px 5% 24px;position:relative}.hero-copy{position:relative;z-index:2;align-self:center}.studio-sticker{display:table;font-size:13px;background:var(--yellow);padding:3px 14px;border-radius:5px;transform:rotate(-3deg);margin-bottom:28px}.hero-lead{font-size:18px;max-width:38ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.hero-collage{height:530px;position:relative;align-self:center;perspective:1300px}.collage-disc{position:absolute;inset:30px 0 60px;background:var(--yellow);border-radius:50% 45% 24% 45%;transform:rotate(-12deg)}.browser-shot{border:5px solid var(--ink);background:var(--ink);border-radius:14px;overflow:hidden;box-shadow:12px 18px 0 #24242416}.browser-bar{direction:ltr;background:var(--ink);color:white;padding:5px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px}.browser-bar span{color:#aaa;letter-spacing:3px}.browser-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-browser{position:absolute;top:50px;left:8%;width:89%;height:375px;transform:rotate(-8deg)}.phone-shot{border:6px solid var(--ink);border-radius:27px;overflow:hidden;background:var(--ink);box-shadow:10px 14px 0 #24242420}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-phone{position:absolute;right:-3%;bottom:5px;width:33%;height:355px;transform:rotate(12deg)}.collage-note{position:absolute;left:9%;bottom:24px;transform:rotate(-7deg);font-size:19px;font-weight:900;line-height:1.6;border-bottom:4px solid var(--yellow)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px}.studio-work{padding:72px 5% 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px}.section-heading>p{font-size:15px}.project-chapter{display:grid;grid-template-columns:.8fr 1.4fr;gap:6%;align-items:center;min-height:530px;margin:0 0 70px}.project-chapter.reverse{grid-template-columns:1.4fr .8fr}.project-chapter.reverse .project-info{order:2}.project-info h3{font-size:44px;letter-spacing:-1px}.project-info>p{font-size:18px}.project-kind{display:block;font-size:12px;margin-bottom:15px}.project-stage{position:relative;min-width:0;height:485px;display:block;perspective:1000px}.project-shape{position:absolute;background:var(--yellow);border-radius:35px 110px 35px 35px;inset:55px -10px 40px 20px;transform:rotate(4deg)}.project-stage>.browser-shot{position:absolute;left:3%;top:15px;width:86%;height:370px;transform:rotate(-5deg);transition:transform .25s}.project-stage:hover>.browser-shot{transform:rotate(-2deg) translateY(-5px)}.project-stage>.phone-shot{position:absolute;right:0;bottom:0;width:26%;height:310px;transform:rotate(7deg)}.project-chapter.reverse .project-shape{border-radius:100px 35px 35px 35px;transform:rotate(-5deg)}.project-babkad .project-shape{background:var(--ink)}.project-babkad .project-stage>.browser-shot{height:420px;width:92%;left:2%}.studio-about{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;padding:90px 7%;border-block:1px solid var(--line);background:var(--white)}.studio-about p{font-size:16px}.about-letter{font-size:clamp(140px,24vw,320px);font-weight:900;line-height:1.4;align-self:center;text-align:center;position:relative;background:var(--yellow);border-radius:40% 30% 15% 30%;transform:rotate(4deg)}.about-letter span{display:block;font-size:13px;line-height:2;letter-spacing:0;padding-bottom:35px}.studio-capabilities{padding:90px 5%}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.capability-grid article{border-top:3px solid var(--ink);padding-top:26px}.capability-grid svg{width:44px;height:44px;background:var(--yellow);padding:8px;border-radius:12px;margin-bottom:20px}.capability-grid h3{font-size:21px}.capability-grid p{font-size:14px}.service-note{font-size:12px;margin-top:25px;color:#555}.studio-process{padding:64px 5%;border-block:1px solid var(--line)}.studio-process ol{list-style:none;padding:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.studio-process b{font-size:36px;display:block;color:#666;margin-bottom:15px}.studio-process h3{font-size:23px}.studio-process p{font-size:15px}.studio-cta{background:var(--yellow);padding:72px 5%;text-align:center}.studio-cta p{margin:0 auto 15px}.studio-cta h2{font-size:clamp(44px,7vw,88px)}.studio-footer{padding:48px 5%;display:flex;justify-content:space-between;gap:30px;background:var(--ink);color:var(--white);font-size:13px}.studio-footer strong{font-size:32px}.studio-footer a{display:block;margin:6px 0}.studio-footer>p{font-size:21px;font-weight:800}.studio-skip{position:absolute;top:-80px;right:30px;background:white;padding:15px;z-index:100}.studio-skip:focus{top:20px}.visually-hidden,.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.intake-heading,.work-heading{padding:64px 6% 45px;max-width:1100px}.intake-heading>.text-link,.work-heading>.text-link{display:block;font-size:13px;margin-bottom:35px}.intake-heading h1{font-size:clamp(34px,4.5vw,62px);letter-spacing:-1.5px}.intake-heading>p:last-child{font-size:17px}.studio-intake{padding:0 6% 70px}.intake-part{border-top:1px solid var(--line);padding:40px 0}.part-heading span{font-size:12px}.part-heading h2{font-size:29px;margin:8px 0}.part-heading p{font-size:13px;color:#555}.intake-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.intake-fields label{display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.intake-fields input,.intake-fields textarea{display:block;width:100%;border:1px solid #999;background:var(--white);border-radius:6px;padding:12px 14px;color:var(--ink);min-height:52px}.intake-fields textarea{resize:vertical}.intake-fields small{color:#555}.field-wide{grid-column:1/-1}.plan-options{border:0;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-option{display:flex;align-items:start;gap:10px;padding:24px 18px;background:var(--white);border:2px solid transparent;border-radius:12px;cursor:pointer}.plan-option:has(input:checked){border-color:var(--ink);background:#fff3cd;box-shadow:5px 6px 0 var(--ink)}input[type=radio],input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--ink);margin:6px 0}.plan-option strong{font-size:23px;font-weight:900}.plan-option p{font-size:13px;margin:12px 0}.plan-option ul{font-size:13px;padding-right:18px}.feature-options{border:0;padding:0;display:flex;gap:14px 24px;flex-wrap:wrap}.feature-options legend{margin:0 0 15px}.feature-options legend small{display:block;font-size:12px;color:#555}.feature-options label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.upload-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload-zone{background:var(--white);border:1px dashed #777;padding:24px;border-radius:12px;min-width:0}.upload-zone label strong,.upload-zone label span{display:block;margin-bottom:15px}.upload-zone input{width:100%;font-size:13px}.upload-zone input::file-selector-button{font:inherit;background:var(--yellow);border:0;border-radius:5px;padding:10px;cursor:pointer;margin-left:12px}.file-summary{font-size:12px;margin:15px 0 0}.file-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.file-previews img{width:70px;height:84px;object-fit:cover;border-radius:5px}.intake-submit{padding-top:24px;border-top:1px solid var(--line)}.consent{display:flex;align-items:start;gap:12px;font-size:14px}.intake-submit p,.submit-row>span{font-size:12px;color:#555}.intake-submit p{margin:12px 32px 24px}.submit-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.studio-errors{margin:0 6% 30px;padding:24px;border:2px solid #994922;background:#fff2e8;border-radius:8px}.studio-receipt{padding:80px 6%;text-align:center;max-width:900px;margin:auto}.studio-receipt h1{font-size:52px;letter-spacing:-1px}.studio-receipt p{margin:15px auto}.studio-receipt .studio-sticker{margin:20px auto}.receipt-mark{display:inline-grid;place-items:center;width:85px;height:85px;border-radius:50%;background:var(--yellow);font-size:44px}.receipt-reference{background:var(--white);padding:24px;border-radius:12px;margin:32px auto;max-width:400px}.receipt-reference strong,.receipt-reference span{display:block}.receipt-reference strong{font-size:32px;letter-spacing:4px}.studio-receipt>.text-link{display:block;margin-top:24px}.work-heading{max-width:1000px}.work-heading h1{margin-bottom:10px}.work-heading h2{font-size:30px}.work-heading p{font-size:17px}.work-gallery{padding:20px 6% 80px;display:grid;grid-template-columns:1fr 230px;align-items:start;gap:30px;direction:ltr}.work-gallery .browser-shot img,.work-gallery .phone-shot img{height:auto}.work-gallery .browser-shot:only-child{grid-column:1/-1;max-width:1100px;margin:auto}.work-gallery .phone-shot{margin-top:100px}.studio-archive{padding:0 5% 65px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.archive-grid img{aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:12px;width:100%}.archive-grid h3{font-size:20px;margin:16px 0 8px}.archive-grid p{font-size:13px}
@media(min-width:1600px){.studio-hero{padding-top:100px;padding-bottom:30px}.hero-collage{height:600px}.hero-browser{height:445px}.hero-phone{height:400px}.project-stage{height:550px}.project-stage>.browser-shot{height:450px}}
@media(max-width:1000px){.studio-nav nav{gap:15px}.studio-hero{gap:15px}.hero-collage{height:430px}.hero-browser{height:315px}.hero-phone{height:270px}.project-chapter,.project-chapter.reverse{grid-template-columns:1fr 1.3fr;gap:5%}.project-info h3{font-size:32px}.project-info .studio-button{font-size:12px;padding:12px;gap:12px}.project-stage{height:390px}.project-stage>.browser-shot{height:290px}.project-stage>.phone-shot{height:245px}.project-babkad .project-stage>.browser-shot{height:340px}.capability-grid{grid-template-columns:1fr 1fr}.studio-about{gap:5%}.plan-options{grid-template-columns:1fr}.plan-option>span{flex:1}.work-gallery{grid-template-columns:1fr 175px}}
@media(max-width:650px){body.studio{padding:7px}.studio-paper{border-radius:22px}.studio-nav{padding:22px 6%;gap:14px;flex-wrap:wrap}.studio-wordmark{font-size:29px}.studio-nav>.studio-button{font-size:12px;min-height:43px;padding:10px 13px;gap:10px}.studio-nav nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px}.studio-hero{grid-template-columns:1fr;padding:48px 6% 24px;gap:35px}.hero-copy h1{font-size:58px;letter-spacing:-2px;line-height:1.45}.hero-lead{font-size:16px}.hero-actions{gap:18px;font-size:13px}.hero-collage{height:420px;margin:0 8px}.hero-browser{height:305px;top:30px;width:92%;left:4%}.hero-phone{height:260px;width:32%;right:-2%}.collage-note{font-size:16px;bottom:35px}.hero-bottom{margin:0;flex-direction:column;font-size:10px;gap:5px}.studio-work{padding:50px 6% 10px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:34px}.section-heading p{font-size:13px}.project-chapter,.project-chapter.reverse{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:60px;min-height:0}.project-chapter.reverse .project-info{order:0}.project-info h3{font-size:35px;margin-bottom:8px}.project-info>p{font-size:16px;margin-bottom:14px}.project-kind{margin-bottom:8px}.project-stage{height:355px}.project-stage>.browser-shot{height:275px;top:15px}.project-stage>.phone-shot{height:230px;width:27%}.project-babkad .project-stage>.browser-shot{height:310px}.studio-about{grid-template-columns:1fr;padding:45px 6%;gap:40px}.about-letter{font-size:165px;max-width:260px;width:100%;margin:auto}.about-letter span{padding-bottom:25px}.studio-about h2{font-size:36px}.studio-about p{font-size:14px}.studio-capabilities{padding:50px 6%}.capability-grid{gap:24px 16px}.capability-grid h3{font-size:18px}.capability-grid p{font-size:12px}.studio-process{padding:45px 6%}.studio-process ol{grid-template-columns:1fr;gap:20px}.studio-process li{display:grid;grid-template-columns:45px 1fr;column-gap:12px;border-top:1px solid var(--line);padding-top:16px}.studio-process b{grid-row:span 2}.studio-process h3{margin:0 0 8px}.studio-process p{grid-column:2;font-size:13px}.studio-footer{flex-wrap:wrap;padding:32px 6%;font-size:12px}.studio-footer>p{display:none}.studio-cta{padding:48px 6%}.intake-heading,.work-heading{padding:40px 6% 28px}.intake-heading h1{font-size:36px;line-height:1.6}.intake-heading>p:last-child{font-size:14px}.studio-intake{padding-bottom:40px}.intake-fields{grid-template-columns:1fr;gap:18px}.upload-columns{grid-template-columns:1fr}.feature-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-options label{font-size:12px}.feature-options legend{grid-column:1/-1}.intake-part{padding:28px 0}.part-heading h2{font-size:25px}.plan-option{padding:20px 14px}.intake-submit p{margin-right:0}.submit-row{gap:16px}.submit-row button{width:100%}.consent{font-size:12px}.studio-receipt{padding:50px 6%}.studio-receipt h1{font-size:36px}.studio-receipt p{font-size:14px}.receipt-reference strong{font-size:26px}.work-gallery{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.work-gallery .phone-shot{width:60%;margin:0 auto}.work-heading h2{font-size:24px}.work-heading p{font-size:14px}.archive-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.archive-grid h3{font-size:16px}.archive-grid p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}