/* Source: studio-v2.css */
@font-face{font-family:Vazir;src:url(fonts/Vazir-Regular.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazir-Medium.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazir-Bold.woff2) format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/Vazir-Black.woff2) format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--paper:#fff;--ink:#122b2e;--muted:#5b6a70;--accent:#087e70;--night:#062d2e;--mint:#a7e5ca;--border:#dae4e1;--soft:#eef5f2;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazir,Tahoma,sans-serif;font-size:18px;line-height:1.85;-webkit-font-smoothing:antialiased}body.personal{--paper:#f6f4ee;--ink:#202827;--muted:#696b67;--accent:#b65433;--border:#d5d0c6;--soft:#efece4}
button,input,select,textarea{font-family:Vazir,Tahoma,sans-serif;font-size:17px;line-height:1.7}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{display:block;width:24px;height:24px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.5;font-weight:900}p{color:var(--muted)}::selection{background:var(--mint);color:#062d2e}
.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.header-shell{background:var(--paper);border-bottom:1px solid var(--border)}.home .header-shell{border:0}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:14px;font-size:25px;font-weight:900;white-space:nowrap;line-height:1.4}.brand img{width:52px;height:52px;border-radius:10px}.monogram{font-family:Vazir,sans-serif;font-size:28px;font-weight:700;border-inline-end:1px solid var(--border);padding-inline-end:20px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:17px;font-weight:500}.site-header nav a{padding-block:8px}.site-header nav a[aria-current]{color:var(--accent);box-shadow:0 1px var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:62px;padding:15px 29px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font-size:20px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{color:#fff;background:#066d62;transform:translateY(-2px);box-shadow:0 8px 20px #062d2e14}.button svg{width:26px;height:26px}.personal .button{background:var(--ink)}.personal .button:hover{background:#3a4442}.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.button.outline:hover{color:var(--accent);border-color:var(--accent);box-shadow:none}.header-cta{min-height:52px;padding:12px 25px;font-size:17px;gap:18px}.text-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid var(--accent);padding-block:5px;color:var(--accent);font-size:18px;font-weight:500;line-height:1.55}.text-link:hover{gap:23px}.text-link svg{width:23px;height:23px}.menu-toggle{display:none;border:0;background:transparent;padding:11px;color:inherit}.skip-link{position:fixed;right:20px;top:-100px;z-index:100;padding:12px 20px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}
.company.home .header-shell,.company .hero-stage{background:var(--night);color:#fff}.company.home .header-cta{color:#fff;background:transparent;border-color:#bedad3}.company.home .site-header nav a:hover{color:var(--mint)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;min-height:610px;padding-block:22px 40px}.hero h1{font-size:clamp(42px,4.7vw,74px);line-height:1.45;letter-spacing:0}.hero-lead{font-size:21px;line-height:1.95;margin-top:27px;max-width:670px}.hero-actions{display:flex;align-items:center;gap:38px;margin-top:42px}.hero-media img{width:100%;height:auto;aspect-ratio:1.18;object-fit:contain}.company .hero-media{margin-inline-end:-48px}.company .hero-media img{mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.company .hero h1 span{color:var(--mint)}.company .hero-lead{color:#e3efeb}.company .hero-actions .button{background:var(--mint);color:var(--night);min-width:245px}.company .hero-actions .button:hover{background:#c5f4dd}.company .hero-actions .text-link{color:#fff;border-color:#d5e8df}.personal .hero{grid-template-columns:1.45fr 1fr;gap:115px;min-height:655px;padding-block:22px 40px}.personal .hero h1{font-size:clamp(42px,4.55vw,72px);line-height:1.48}.personal .accent-underline{color:var(--accent);border-bottom:3px solid var(--accent);padding-bottom:9px}.personal .hero-lead{font-size:21px;max-width:760px;margin-top:32px;color:var(--ink)}.personal .hero-actions{gap:22px;margin-top:36px}.personal .hero-media{border:1px solid #c9c2b7;border-radius:25px;padding:5px;max-width:455px;width:100%;justify-self:center}.personal .hero-media img{aspect-ratio:.94;object-fit:cover;object-position:center;border-radius:21px 21px 4px 4px}.hero-media figcaption{text-align:center;padding:16px 10px 18px;font-size:20px;line-height:1.55}.hero-media figcaption span{display:block;color:var(--muted);font-size:17px;margin-top:3px}
.rail{padding-block:52px 50px}.rail h2{font-size:36px;text-align:center}.rail-items{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}.rail-items a{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;font-size:19px;font-weight:700;border-inline-end:1px solid var(--border);min-width:0}.rail-items a:last-child{border:0}.rail-items a>svg:first-child{width:42px;height:42px}.rail-items a>svg:last-child{width:23px;height:23px;margin-inline-start:auto}.personal .rail{border-top:1px solid var(--border);padding-top:35px;padding-bottom:48px}.personal .rail h2{text-align:right;font-size:35px}.personal .rail-items{grid-template-columns:repeat(3,1fr);margin-top:20px}.personal .rail-items a{justify-content:flex-start;font-size:19px;padding-block:20px}.personal .rail-items a>svg:first-child{width:36px;height:36px}
.section-heading{margin-bottom:38px}.section-heading h2{font-size:46px}.section-heading>p{font-size:20px;max-width:950px;margin-top:14px;line-height:1.9}.solutions{padding-block:64px 75px}.product-row{display:grid;grid-template-columns:50px minmax(0,1fr) 43%;gap:36px;align-items:center;padding:30px 0;border-bottom:1px solid var(--border);min-height:315px}.product-row:last-child{border-bottom:0}.product-number{font-size:29px;color:var(--accent);font-weight:700;border-inline-end:1px solid var(--border);padding-inline-end:15px;align-self:start;margin-top:45px;line-height:1.5}.product-copy h2,.product-copy h3{font-size:32px;font-weight:700;margin-bottom:18px}.product-copy p{font-size:20px;max-width:650px;line-height:1.95;margin-bottom:20px}.product-copy .text-link{font-size:18px}.product-art{display:block;min-width:0}.product-art img{width:100%;aspect-ratio:1.5;object-fit:contain;border-radius:0;transition:transform .5s}.product-row:hover .product-art img{transform:translateY(-4px)}.personal .product-row{grid-template-columns:50px minmax(0,1fr) 34%;min-height:280px;gap:36px}.personal .product-copy h3,.personal .product-copy h2{font-size:29px}.personal .product-copy p{font-size:19px}.personal .product-art img{aspect-ratio:1.65;mix-blend-mode:multiply}.project-diagram{width:100%;height:150px;color:var(--accent)}
.process{background:var(--night);color:#fff;padding-block:110px 95px}.process h2{font-size:48px}.section-intro{font-size:21px;color:#c1d6d1;margin-top:22px}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:46px;margin-top:65px}.process-steps>div{border-top:1px solid #6e9990;padding-top:23px}.process-number{font-size:32px;font-weight:700;color:var(--mint);display:block;margin-bottom:18px}.process-steps svg{width:48px;height:48px;color:var(--mint);margin-bottom:22px;stroke-width:1.5}.process-steps h3{font-size:25px;margin-bottom:17px}.process-steps p{font-size:19px;line-height:1.9;color:#e4eeea}
.journal{padding-block:90px 95px}.heading-line{display:flex;justify-content:space-between;align-items:center;gap:30px}.journal-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:58px}.feature img{width:100%;aspect-ratio:1.85;object-fit:cover;border-radius:6px;margin-bottom:25px}.feature h3{font-size:31px;margin-bottom:17px;font-weight:700}.feature p{font-size:19px;line-height:1.9}.feature time{display:block;margin-top:22px}.article-row{display:grid;grid-template-columns:1fr 128px;gap:26px;padding:20px 0;border-bottom:1px solid var(--border);align-items:center;min-height:170px}.article-row:first-child{padding-top:0}.article-row:last-child{border:0}.article-row h3{font-size:22px;line-height:1.6;font-weight:700;margin-bottom:17px}.article-row p{font-size:17px}.article-row time,.feature time,.archive-row time{font-size:15px;color:var(--muted)}.article-row-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.personal .journal{border-top:1px solid var(--border)}.personal .feature h3{font-size:29px}.personal .article-row h3{font-size:23px}
.cta-shell{background:var(--night);color:#fff}.cta{display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:480px;padding-block:110px}.cta h2{font-size:50px}.cta p{font-size:22px;color:var(--mint);margin-top:24px}.cta .button{background:var(--mint);color:var(--night);white-space:nowrap;font-size:22px;min-height:72px;padding-inline:35px}.personal .cta-shell{background:var(--ink)}.personal .cta p{color:#ddd9d0}.personal .cta .button{background:#f6f4ee;color:var(--ink)}.site-footer{padding-block:65px 0;background:var(--paper)}.footer-main{display:grid;grid-template-columns:1.55fr .8fr 1fr;gap:80px;padding-bottom:46px}.footer-main p{font-size:18px;max-width:480px;margin-top:18px}.footer-main nav,.social-links{display:flex;flex-direction:column;gap:14px;font-size:18px}.footer-bottom{border-top:1px solid var(--border);padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;color:var(--muted)}
.page-title{padding-block:44px 50px}.page-title h1{font-size:clamp(36px,3.6vw,56px);line-height:1.55;max-width:1140px}.page-title>p{font-size:21px;line-height:1.9;max-width:1000px;margin-top:20px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--muted);margin-bottom:28px}.breadcrumb a{color:var(--accent)}.page-content{display:flex;align-items:flex-start;gap:90px;padding-bottom:75px}.prose{font-size:20px;line-height:2;max-width:820px;color:var(--ink)}.prose p{color:var(--muted);margin-bottom:24px}.prose h2{font-size:29px;line-height:1.65;margin:42px 0 19px}.prose h3{font-size:24px;margin:32px 0 16px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose ul,.prose ol{padding-inline-start:25px}.prose li{margin-bottom:12px}.prose blockquote{border-inline-start:3px solid var(--accent);padding:15px 25px;background:var(--soft);margin:30px 0}.prose pre{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;padding:22px;background:var(--soft);border-radius:8px;font-size:16px}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:12px;border:1px solid var(--border);font-size:17px}.prose .button{color:#fff;text-decoration:none}.about-portrait{width:350px;max-width:36%;border-radius:18px;margin-inline-start:auto}.listing{padding-bottom:80px}.listing>.prose{margin-bottom:38px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding-bottom:90px}.contact-details h2{font-size:31px;margin-bottom:27px}.contact-details .prose{font-size:18px}.contact-details>a{display:flex;align-items:center;gap:20px;margin-block:30px;font-size:18px;overflow-wrap:anywhere}.contact-details>a svg{color:var(--accent);background:var(--soft);padding:12px;width:49px;height:49px;border-radius:50%}.contact-details>p{font-size:18px}.contact-form{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:0 3px 9px #122b2e04}.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:17px;font-weight:500;color:var(--ink)}.contact-form input,.contact-form select,.contact-form textarea,.search-form input{width:100%;min-height:56px;border:1px solid #d2dcda;background:#fff;color:var(--ink);border-radius:8px;padding:12px 15px;font-size:17px;transition:border-color .2s,box-shadow .2s}.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:#769f95}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087e7012}.contact-form textarea{resize:vertical;min-height:145px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form .consent{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:9px;font-size:14px;font-weight:400}.consent input{width:19px;min-height:19px;accent-color:var(--accent);flex-shrink:0}.consent a{color:var(--accent);text-decoration:underline}.contact-form>.button{align-self:stretch;width:100%;font-size:19px}.honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-status{font-size:16px;line-height:1.9}.form-status:empty{display:none}.form-status.success{color:#08735e}.form-status.error{color:#a83030}.button:disabled{opacity:.65;cursor:wait;transform:none}
.search-form{max-width:790px;margin-top:32px}.search-form label{display:block;font-size:17px;font-weight:500;margin-bottom:10px}.search-form>div{display:flex;gap:12px}.search-form .button{min-height:56px;font-size:17px;white-space:nowrap}.archive-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:55px;padding-bottom:85px}.topics{border-inline-end:1px solid var(--border);padding-inline-end:25px;align-self:start;position:sticky;top:30px}.topics h2{font-size:22px;margin-bottom:21px}.topics a{display:block;font-size:17px;line-height:1.85;margin:15px 0}.topics a[aria-current]{color:var(--accent)}.archive-row{display:grid;grid-template-columns:330px minmax(0,1fr);gap:34px;border-bottom:1px solid var(--border);padding-bottom:33px;margin-bottom:33px}.archive-image img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:7px}.archive-row h2{font-size:27px;line-height:1.65;margin:11px 0 16px;font-weight:700}.archive-row p{font-size:18px}.archive-row .text-link{font-size:16px;margin-top:15px}.pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.page-numbers{border:1px solid var(--border);border-radius:7px;padding:8px 16px;font-size:16px}.page-numbers.current{background:var(--accent);color:#fff}
.editorial-page>.page-title{text-align:center;padding-block:30px 28px;max-width:1350px}.editorial-page .breadcrumb{justify-content:center;margin-bottom:20px}.editorial-page .page-title h1{font-size:44px;line-height:1.55;margin-inline:auto;max-width:1040px}.editorial-page .page-title>p{max-width:1150px;margin-inline:auto;font-size:20px}.article-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:15px;color:var(--muted);margin-top:24px}.article-meta>span+time,.article-meta>time+span{border-inline-start:1px solid var(--border);padding-inline-start:24px}.article-cover{max-width:860px}.article-cover img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px}.article-cover figcaption{font-size:14px;text-align:center;line-height:1.85;color:var(--muted);padding-top:14px}.product-page .article-cover{max-width:950px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 230px;gap:65px;justify-content:center;margin-top:60px;padding-bottom:75px}.article-body{min-width:0;overflow-wrap:anywhere}.article-body>h2:first-child{margin-top:0}.article-aside{align-self:start;position:sticky;top:30px}.toc{border-inline-start:1px solid var(--border);padding-inline-start:25px}.toc h2{font-size:20px;margin-bottom:20px}.toc a{display:block;font-size:16px;line-height:1.9;color:var(--muted);margin:14px 0}.toc a:hover{color:var(--accent)}.aside-link{padding-inline-start:25px;margin-top:42px;font-size:16px}.aside-link .text-link{font-size:16px;margin-top:13px}.source-list{margin-top:48px;padding-top:8px;border-top:1px solid var(--border)}.source-list li{font-size:17px}.source-list p{font-size:15px}.studio-article-figure{margin:33px 0 39px}.studio-article-figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px}.studio-article-figure figcaption{font-size:15px;line-height:1.9;color:var(--muted);margin-top:12px}.related{border-top:1px solid var(--border);padding-block:45px 70px}.related>h2{font-size:33px;margin-bottom:28px}.related-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.related .article-row{display:block;border:0;padding:0}.related .article-row-image{display:none}.related .article-row h3{font-size:22px}.archive-posts.wrap{max-width:1100px;padding-bottom:80px}.empty-state{padding-block:65px 110px}.empty-state h1{font-size:50px}.empty-state p{font-size:20px;margin:20px 0 28px}
@media(min-width:1600px){.hero h1{font-size:76px}.personal .hero h1{font-size:74px}.hero{min-height:650px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.site-header{gap:20px}.brand{font-size:22px}.site-header nav{gap:24px;font-size:16px}.header-cta{font-size:16px;padding-inline:19px}.hero{gap:36px;min-height:540px}.hero h1{font-size:56px}.hero-lead{font-size:20px}.hero-actions{gap:25px}.company .hero-media{margin-inline-end:-26px}.personal .hero{gap:60px;min-height:580px}.personal .hero h1{font-size:57px}.personal .hero-lead{font-size:20px}.rail-items a{font-size:17px;gap:10px}.rail-items a>svg:first-child{width:34px;height:34px}.rail-items a>svg:last-child{width:20px;height:20px}.section-heading h2{font-size:39px}.product-row,.personal .product-row{gap:25px}.product-copy h2,.product-copy h3{font-size:28px}.product-copy p{font-size:19px}.journal-layout{gap:38px}.article-row{grid-template-columns:1fr 100px;gap:20px}.feature h3{font-size:28px}.article-row h3{font-size:20px}.process-steps{gap:30px}.process-steps h3{font-size:22px}.process-steps p{font-size:18px}.footer-main{gap:45px}.archive-layout{grid-template-columns:175px 1fr;gap:32px}.archive-row{grid-template-columns:260px 1fr;gap:25px}.article-layout{gap:45px;grid-template-columns:minmax(0,1fr) 210px}.contact-layout{gap:40px}.cta h2{font-size:41px}.cta .button{font-size:19px}}
@media(max-width:960px){.site-header{height:86px;position:relative}.header-cta{display:none}.menu-toggle{display:block;margin-inline-start:auto}.site-header nav{display:none;position:absolute;top:80px;inset-inline:0;z-index:40;background:var(--paper);color:var(--ink);border:1px solid var(--border);padding:24px;border-radius:10px;box-shadow:0 10px 30px #062d2e15}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.company.home .site-header nav a:hover{color:var(--accent)}.hero h1{font-size:47px}.hero-actions{flex-wrap:wrap}.personal .hero{gap:38px}.personal .hero h1{font-size:48px}.button{font-size:18px;padding-inline:23px}.rail-items{grid-template-columns:repeat(2,1fr)}.rail-items a:nth-child(2){border:0}.rail-items a{padding-block:20px}.personal .rail-items{grid-template-columns:repeat(3,1fr)}.personal .rail-items a{font-size:16px;padding-inline:12px}.personal .rail-items a>svg:first-child{width:26px;height:26px}.article-row{grid-template-columns:1fr 90px}.feature h3{font-size:25px}.article-row h3{font-size:19px}.process h2{font-size:39px}.process-steps{gap:24px}.process-steps h3{font-size:20px}.process-steps p{font-size:17px}.cta{min-height:350px;gap:25px}.cta h2{font-size:35px}.cta p{font-size:20px}.footer-main{gap:30px}.archive-row{grid-template-columns:220px 1fr}.archive-row h2{font-size:24px}.article-layout{display:block;max-width:820px}.article-aside{display:none}.contact-layout{grid-template-columns:1fr 1.2fr;gap:30px}.contact-form{padding:25px}.form-pair{grid-template-columns:1fr}.contact-details h2{font-size:27px}.editorial-page .page-title h1{font-size:38px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.brand{font-size:20px;gap:10px}.brand img{width:39px;height:39px}.monogram{font-size:23px;padding-inline-end:12px}.site-header nav{top:73px}.hero,.personal .hero{grid-template-columns:1fr;gap:35px;padding-block:24px 36px;min-height:0}.hero h1,.personal .hero h1{font-size:clamp(34px,8.8vw,48px);line-height:1.55}.hero-lead,.personal .hero-lead{font-size:18px;line-height:1.95;margin-top:23px}.hero-actions,.personal .hero-actions{gap:21px;margin-top:29px}.button{min-height:56px;padding:13px 22px;font-size:17px;gap:18px}.company .hero-actions .button{min-width:190px}.hero-actions .text-link{font-size:17px}.company .hero-media{margin:0}.company .hero-media img{aspect-ratio:1.38;mask-image:none;-webkit-mask-image:none}.personal .hero-media{max-width:400px;justify-self:center}.personal .hero-media img{aspect-ratio:1.08;object-position:center 38%}.hero-media figcaption{font-size:18px;padding-block:14px}.hero-media figcaption span{font-size:15px}.personal .hero-actions .button{font-size:16px;padding-inline:16px}.personal .accent-underline{padding-bottom:5px}.rail,.personal .rail{padding-block:34px}.rail h2,.personal .rail h2{font-size:27px;text-align:right}.rail-items{margin-top:18px;gap:0}.rail-items a{font-size:16px;gap:9px;padding:17px 8px;justify-content:flex-start}.rail-items a>svg:first-child{width:29px;height:29px}.rail-items a>svg:last-child{width:18px;height:18px}.personal .rail-items{grid-template-columns:1fr;margin-top:15px}.personal .rail-items a{font-size:18px;border:0;border-bottom:1px solid var(--border);padding:18px 0}.personal .rail-items a:last-child{border:0}.personal .rail-items a>svg:first-child{width:30px;height:30px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:30px}.section-heading>p{font-size:18px;line-height:1.95;margin-top:15px}.solutions{padding-block:35px 46px}.product-row,.personal .product-row{grid-template-columns:36px minmax(0,1fr);gap:14px;min-height:0;padding-block:25px}.product-number{font-size:23px;margin-top:3px;padding-inline-end:9px}.product-copy h2,.product-copy h3,.personal .product-copy h2,.personal .product-copy h3{font-size:25px;margin-bottom:13px}.product-copy p,.personal .product-copy p{font-size:18px;margin-bottom:14px}.product-copy .text-link{font-size:16px}.product-art{grid-column:1/-1}.product-art img,.personal .product-art img{max-width:500px;margin-inline:auto;aspect-ratio:1.65;object-fit:contain}.personal .product-art img{max-height:230px}.process{padding-block:50px}.process h2{font-size:30px}.section-intro{font-size:18px;margin-top:19px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:36px}.process-number{font-size:25px;margin-bottom:12px}.process-steps svg{width:36px;height:36px;margin-bottom:15px}.process-steps h3{font-size:20px;margin-bottom:12px}.process-steps p{font-size:16px}.journal{padding-block:47px}.heading-line{align-items:flex-start;flex-direction:column;gap:15px}.heading-line .text-link{font-size:16px}.journal-layout{grid-template-columns:1fr;gap:35px}.feature img{aspect-ratio:1.5;border-radius:6px;margin-bottom:20px}.feature h3,.personal .feature h3{font-size:25px;line-height:1.7}.feature p{font-size:18px}.feature time{margin-top:18px}.article-row{grid-template-columns:1fr 96px;gap:18px;padding-block:22px;min-height:145px}.article-row h3,.personal .article-row h3{font-size:20px;line-height:1.75;margin-bottom:12px}.article-row time,.feature time{font-size:14px}.cta{min-height:0;padding-block:58px;flex-direction:column;align-items:flex-start;gap:30px}.cta h2{font-size:32px}.cta p{font-size:18px;margin-top:19px}.cta .button{font-size:18px;min-height:60px;padding-inline:23px}.site-footer{padding-top:38px}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:32px}.footer-main>div:first-child{grid-column:1/-1}.footer-main p{font-size:17px;margin-top:15px}.footer-main nav,.social-links{font-size:16px;gap:14px}.footer-bottom{font-size:12px;padding-block:20px;gap:15px;align-items:flex-start}.page-title{padding-block:27px 33px}.page-title h1{font-size:34px;line-height:1.65}.page-title>p{font-size:18px;line-height:1.95}.breadcrumb{font-size:14px;margin-bottom:22px}.page-content{flex-direction:column;gap:32px;padding-bottom:50px}.prose{font-size:18px;line-height:2.05}.prose h2{font-size:25px;margin-top:32px}.prose h3{font-size:22px}.prose table{font-size:15px}.about-portrait{max-width:100%;width:350px;margin:0}.listing{padding-bottom:45px}.contact-layout{grid-template-columns:1fr;gap:26px;padding-bottom:55px}.contact-details h2{font-size:26px}.contact-details>a{font-size:16px;gap:15px;margin-block:23px}.contact-details>a svg{width:44px;height:44px;padding:11px}.contact-form{padding:23px 18px;gap:22px}.contact-form label{font-size:16px}.contact-form input,.contact-form textarea,.contact-form select,.search-form input{font-size:16px;min-height:53px}.contact-form .consent{font-size:13px;gap:7px}.consent input{min-height:18px}.contact-form>.button{font-size:17px}.search-form{margin-top:24px}.search-form label{font-size:16px}.search-form>div{gap:8px}.search-form .button{padding-inline:16px;gap:10px;font-size:16px}.archive-layout{display:flex;flex-direction:column;gap:30px;padding-bottom:50px}.topics{position:static;display:flex;flex-wrap:wrap;gap:12px 22px;border:0;padding:0}.topics h2{width:100%;font-size:21px;margin:0}.topics a{font-size:15px;margin:0;text-decoration:underline;text-underline-offset:4px}.archive-row{grid-template-columns:1fr;gap:20px;margin-bottom:28px;padding-bottom:28px}.archive-row h2{font-size:25px}.archive-row p{font-size:18px}.archive-image img{aspect-ratio:1.5}.editorial-page>.page-title{text-align:right;padding-block:23px 29px}.editorial-page .breadcrumb{justify-content:flex-start}.editorial-page .page-title h1{font-size:31px;line-height:1.75}.editorial-page .page-title>p{font-size:18px}.article-meta{justify-content:flex-start;font-size:13px;gap:8px 15px;margin-top:20px}.article-meta>span+time,.article-meta>time+span{padding-inline-start:0;border:0}.article-cover{width:calc(100% - 40px)}.article-cover figcaption{font-size:13px;text-align:right;padding-top:12px}.article-layout{margin-top:33px;padding-bottom:40px}.studio-article-figure{margin-block:26px 31px}.studio-article-figure figcaption{font-size:14px}.source-list li{font-size:16px}.related{padding-block:30px 45px}.related>h2{font-size:28px}.related-rows{grid-template-columns:1fr;gap:25px}.related .article-row h3{font-size:22px}.archive-posts.wrap{padding-bottom:50px}.empty-state{padding-block:32px 85px}.empty-state h1{font-size:36px}.empty-state p{font-size:18px}}
@media(max-width:380px){.rail-items{grid-template-columns:1fr}.rail-items a{border:0;border-bottom:1px solid var(--border)}.rail-items a:last-child{border:0}.hero-actions .button{font-size:16px}.personal .hero-actions{gap:12px}.personal .hero-actions .button{font-size:15px;padding-inline:13px}.brand{font-size:18px}.hero h1,.personal .hero h1{font-size:34px}.process-steps{column-gap:18px}.process-steps h3{font-size:18px}}
.honey{position:absolute;inset:0 auto auto 0;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}.hero-media,.hero-copy{min-width:0}.company .hero-media img{aspect-ratio:1.5}.personal .hero-lead{max-width:650px}.article-cover img{aspect-ratio:3/2;contain-intrinsic-size:auto 860px 573px}
@media(min-width:1201px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero h1{font-size:82px}.personal .hero h1{font-size:80px}.personal .hero-lead{font-size:23px}.company .hero{min-height:610px}.company .hero-stage{overflow:hidden}.company .hero-media img{transform:scale(1.24);mask-image:radial-gradient(ellipse at center,#000 65%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at center,#000 65%,transparent 98%)}.company .product-row{grid-template-columns:50px minmax(0,1fr) 48%;gap:30px}.company .product-copy h2,.company .product-copy h3{font-size:40px}.company .product-copy p{font-size:23px;max-width:500px}.company .product-art img{aspect-ratio:1.8;object-fit:cover}.company .solutions{padding-top:35px}.company .solutions .section-heading{margin-bottom:15px}.product-number{align-self:center;margin-top:0}.personal .product-copy h2,.personal .product-copy h3{font-size:34px}.personal .product-copy p{font-size:21px}.process-steps h3{font-size:31px}.process-steps p{font-size:21px}.process-steps svg{width:58px;height:58px}.process-number{font-size:37px}.feature h3{font-size:36px}.article-row h3{font-size:25px}.article-row time,.feature time{font-size:17px}.cta h2{font-size:56px}.cta p{font-size:25px}.cta .button{font-size:25px}.footer-main p,.footer-main nav,.social-links{font-size:20px}.footer-bottom{font-size:16px}.editorial-page .page-title h1{max-width:950px;font-size:48px}}
.contact-title h1,.contact-title>p{text-align:center;margin-inline:auto}
.studio-article-figure img{aspect-ratio:3/2;contain-intrinsic-size:auto 800px 533px}
@media(min-width:1201px){.product-number{transform:translateY(-75px)}.personal .product-number{transform:translateY(-60px)}}
@media(max-width:760px){.product-number{align-self:start;margin-top:3px;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.product-guides .article-row{display:flex;flex-direction:column;align-items:stretch;gap:18px}.product-guides .article-row-image{display:block;order:-1}.product-guides .article-row-image img{aspect-ratio:3/2;object-fit:contain}

/* Product imagery keeps the complete software workflow visible at every viewport. */
.company .product-art img,.personal .product-art img{aspect-ratio:3/2;object-fit:contain;mix-blend-mode:normal;border-radius:10px}.product-page .article-cover img{aspect-ratio:3/2;object-fit:contain;max-height:none}.product-page .article-cover{max-width:1100px}.product-art img[src*="-r3"]{background:#f3f6f6}
/* Engineering learning library: flat editorial rows, white paper, native downloads. */
.academy-latest .article-row-text>p{font-size:16px;line-height:1.9;margin-top:10px;max-width:820px}.academy-latest .article-row-text>time{display:block;margin-top:8px;font-size:14px}
body.page-template-page-learning{--paper:#fff;--ink:#123b40;--muted:#647078;--border:#dee5e6;--soft:#f2f6f6}
.academy-heading{padding-block:38px 24px;text-align:center}.academy-heading h1{font-size:clamp(30px,3.7vw,53px);line-height:1.55}.academy-heading>p{font-size:20px;margin-top:12px}
.academy-library{padding-bottom:28px}.academy-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;padding-block:26px;border-bottom:1px solid var(--border)}.academy-row:last-child{border-bottom:0}.academy-row h2{font-size:28px}.academy-row-copy>p{font-size:18px;margin-top:12px}.academy-row-copy>.academy-count{margin-top:4px;color:var(--ink);font-size:19px}.academy-row-image img{width:100%;aspect-ratio:3/1;object-fit:cover;object-position:center}.academy-row-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.academy-downloads{display:flex;gap:14px;flex-wrap:wrap}.academy-downloads .button{min-height:44px;font-size:16px;padding:10px 20px;gap:10px;border-radius:5px}.personal .academy-downloads .button.outline{color:var(--accent);border-color:var(--accent);background:transparent}.personal .academy-downloads .button:not(.outline){background:#123b40}.page-template-page-learning .header-cta{background:var(--accent);color:#fff}.page-template-page-learning .site-header{height:88px}.page-template-page-learning .site-header nav{gap:28px}.page-template-page-learning .site-footer{margin-top:18px}.page-template-page-learning .footer-main{padding-block:32px}.page-template-page-learning .footer-main p,.page-template-page-learning .footer-main nav,.page-template-page-learning .social-links{font-size:16px}
.academy-course{padding-block:14px 58px}.academy-course-lead{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.academy-course-lead figure img{aspect-ratio:3/2;object-fit:contain;width:100%}.academy-course-lead figcaption{font-size:14px;color:var(--muted);margin-top:8px}.academy-course-lead p{margin-bottom:18px}.academy-course-lead .academy-downloads{margin-bottom:25px}.academy-course-body{margin-block:40px;max-width:850px}.academy-course>h2{font-size:30px}.academy-syllabus{columns:2;gap:50px;padding-inline-start:28px;margin-block:25px}.academy-syllabus li{margin-bottom:16px;break-inside:avoid}.academy-related{display:flex;gap:35px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:28px}
.academy-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:14px 40px}.academy-path{display:grid;grid-template-columns:1fr 1.2fr;background:var(--soft);align-items:center}.academy-path>div{padding:20px}.academy-path h2{font-size:24px}.academy-path p{font-size:17px;margin-block:12px}.academy-path .text-link{font-size:17px;border:0}.academy-path img{width:100%;aspect-ratio:3/2;object-fit:cover}.academy-latest{max-width:1200px}.academy-latest>h2{text-align:center;font-size:28px;margin-bottom:25px}.academy-latest .article-row{grid-template-columns:1fr 220px;padding-block:20px}.academy-latest .article-row h3{font-size:21px}.academy-latest .article-row-image img{aspect-ratio:3/1;object-fit:cover}.academy-course-bridge{padding-block:28px 40px}
.prose pre{direction:ltr;text-align:left;unicode-bidi:isolate;max-width:100%;overflow-x:auto;background:#f2f6f6;color:#172f37;border:1px solid #dce5e5;border-radius:6px;padding:22px;font-family:Consolas,'Courier New',monospace;font-size:16px;line-height:1.7;white-space:pre}.prose code{font-family:Consolas,'Courier New',monospace;direction:ltr;unicode-bidi:isolate}.prose table{border-collapse:collapse;width:100%;font-size:17px}.prose th,.prose td{padding:12px;border-bottom:1px solid var(--border);text-align:start}.prose th{background:var(--soft)}
@media(max-width:1200px){.academy-row{gap:30px}.academy-row-actions{flex-wrap:wrap}.academy-path{grid-template-columns:1fr}.academy-path>div{order:2}.academy-path img{aspect-ratio:2/1}}
@media(max-width:760px){.academy-heading{padding-block:28px 18px;text-align:right}.academy-heading h1{font-size:31px}.academy-heading>p{font-size:17px}.academy-row{grid-template-columns:1fr;gap:18px;padding-block:24px}.academy-row-image{order:-1}.academy-row-image img{aspect-ratio:3/2;object-fit:contain}.academy-row h2{font-size:24px}.academy-row-copy>p{font-size:17px}.academy-row-actions{gap:18px}.academy-downloads{gap:10px}.academy-downloads .button{font-size:14px;padding-inline:16px;min-height:44px}.academy-course-lead{grid-template-columns:1fr;gap:20px}.academy-course-lead figure{order:-1}.academy-syllabus{columns:1}.academy-paths{grid-template-columns:1fr;gap:24px}.academy-latest .article-row{grid-template-columns:minmax(0,1fr) 105px;gap:20px}.academy-latest .article-row h3{font-size:17px}.academy-latest .article-row-image img{aspect-ratio:1;object-fit:cover}.academy-related{gap:22px}.prose pre{font-size:14px;padding:16px}}

/* Source: ux-review.css */
/* Shared typography and interaction refinements for both studio sites. */
:root{--text-body:1.1875rem;--text-small:.9375rem;--text-control:1.0625rem;--focus-ring:#126a98;--space-section:clamp(2.5rem,5vw,4.5rem)}
body{font-size:var(--text-body);line-height:1.9;--muted:#4c5d63}
html:has(.editorial-page){scroll-behavior:auto}
body.personal{--muted:#565c58}
body.page-template-page-learning{--muted:#506168}
h1,h2,h3{overflow-wrap:break-word}
.wrap{max-width:1360px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:4px}
.company.home .header-shell a:focus-visible,.company.home .header-shell button:focus-visible,.company .hero a:focus-visible{outline-color:#a7e5ca}
.studio-icon{width:22px;height:22px;flex:none;vertical-align:middle}
.button .studio-icon,.text-link .studio-icon{width:21px;height:21px}
.button{min-height:52px;font-size:var(--text-control);gap:12px;padding:12px 22px;font-weight:500;line-height:1.6}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.text-link{min-height:44px;gap:12px;font-size:var(--text-control);line-height:1.65;padding-block:8px}
.text-link:hover{gap:12px}
.site-header,.page-template-page-learning .site-header{height:88px;gap:24px}
.site-header .brand{font-size:22px;gap:12px}
.site-header .brand img{width:44px;height:44px}
.site-header .monogram{font-size:26px;padding-inline-end:14px}
.site-header nav,.page-template-page-learning .site-header nav{font-size:16px;gap:24px}
.site-header nav a{min-height:44px;display:flex;align-items:center;padding-block:9px}
.header-cta{min-height:46px;font-size:15px;gap:10px;padding-inline:18px}
.mobile-contact-link{display:none!important}
.menu-toggle{width:46px;height:46px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:8px;padding:10px}
.menu-icon-close{display:none}
.menu-toggle[aria-expanded=true] .menu-icon-open{display:none}
.menu-toggle[aria-expanded=true] .menu-icon-close{display:block}
.company .hero,.personal .hero{gap:clamp(32px,4vw,64px);min-height:540px;padding-block:32px 50px}
.company .hero h1,.personal .hero h1{font-size:clamp(36px,4.5vw,68px);line-height:1.5}
.company .hero-lead,.personal .hero-lead{font-size:20px;line-height:1.95;margin-top:24px}
.hero-actions,.personal .hero-actions{gap:22px;margin-top:30px;flex-wrap:wrap}
.company .hero-actions .button{min-width:0}
.company .hero-media img{transform:none}
.rail,.personal .rail{padding-block:36px}
.rail h2,.personal .rail h2{font-size:clamp(26px,2.4vw,34px)}
.rail-items{gap:0;margin-top:22px}
.rail-items a,.personal .rail-items a{font-size:17px;min-height:68px;gap:12px;padding:14px 18px}
.rail-items a>.studio-icon:first-child,.personal .rail-items a>.studio-icon:first-child{width:30px;height:30px;color:var(--accent)}
.rail-items a>.studio-icon:last-child{width:19px;height:19px}
.solutions,.journal{padding-block:var(--space-section)}
.section-heading h2,.process h2{font-size:clamp(28px,3vw,42px);line-height:1.55}
.section-heading>p,.section-intro{font-size:19px;line-height:1.95;max-width:820px}
.product-row,.personal .product-row,.company .product-row{gap:28px;padding-block:30px;min-height:0}
.product-number,.personal .product-number{align-self:start;transform:none;margin-top:8px;font-size:23px}
.company .product-copy h2,.company .product-copy h3,.personal .product-copy h2,.personal .product-copy h3{font-size:clamp(25px,2.4vw,34px);line-height:1.65;margin-bottom:12px}
.company .product-copy p,.personal .product-copy p{font-size:19px;line-height:1.95;max-width:620px;margin-bottom:16px}
.product-copy .text-link{font-size:17px}
.process{padding-block:var(--space-section)}
.process-steps{margin-top:40px;gap:30px}
.process-steps h3{font-size:24px;line-height:1.6;margin-bottom:12px}
.process-steps p{font-size:18px;line-height:1.9}
.process-steps .studio-icon{width:34px;height:34px;margin-bottom:18px;stroke-width:1.8}
.process-number{font-size:25px;margin-bottom:14px}
.feature h3,.personal .feature h3{font-size:28px;line-height:1.7}
.feature p{font-size:18px;line-height:1.95}
.article-row h3,.personal .article-row h3{font-size:22px;line-height:1.75;margin-bottom:10px}
.article-row time,.feature time,.archive-row time{font-size:15px}
.cta{min-height:280px;padding-block:64px;gap:32px}
.cta h2{font-size:clamp(29px,3vw,42px);line-height:1.6}
.cta p{font-size:19px;margin-top:16px}
.cta .button{font-size:18px;min-height:54px;padding-inline:24px}
.footer-main{gap:48px;padding-bottom:30px}
.footer-main p,.footer-main nav,.social-links{font-size:17px;line-height:1.9}
.footer-main nav,.social-links{gap:6px}
.footer-main nav a,.social-links a{min-height:44px;display:flex;align-items:center;gap:10px}
.social-links .studio-icon{width:19px;height:19px;color:var(--accent)}
.footer-bottom{font-size:14px;padding-block:18px}
.footer-bottom a{min-height:32px;display:inline-flex;align-items:center}
.page-title{padding-block:32px 36px}
.page-title h1{font-size:clamp(30px,3.2vw,46px);line-height:1.65}
.page-title>p{font-size:19px;line-height:1.95;max-width:900px;margin-top:16px}
.breadcrumb{align-items:center;font-size:15px;margin-bottom:18px;gap:10px}
.breadcrumb a{min-height:32px;display:inline-flex;align-items:center;gap:6px}
.breadcrumb .studio-icon{width:17px;height:17px}
.prose{font-size:19px;line-height:2;max-width:800px}
.prose p{color:var(--ink);margin-bottom:22px}
.prose h2{font-size:clamp(25px,2.3vw,31px);line-height:1.7;margin:36px 0 16px;scroll-margin-top:28px}
.prose h3{font-size:23px;line-height:1.75;scroll-margin-top:28px}
.editorial-page .page-title h1{font-size:clamp(30px,3.2vw,44px);max-width:1000px;line-height:1.65}
.editorial-page .page-title>p{font-size:19px;max-width:900px}
.article-meta{font-size:15px;line-height:1.8;margin-top:18px;gap:10px 18px}
.article-meta span,.article-meta time{display:inline-flex;align-items:center;gap:7px}
.article-meta .studio-icon{width:17px;height:17px}
.article-meta>span+time,.article-meta>time+span{padding-inline-start:18px}
.article-cover figcaption,.studio-article-figure figcaption,.academy-course-lead figcaption{font-size:15px;line-height:1.85;max-width:780px;margin-inline:auto}
.editorial-page .article-cover{max-width:860px}
.article-layout{gap:48px;margin-top:40px;grid-template-columns:minmax(0,800px) 230px}
.toc h2{font-size:19px;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.toc a{font-size:16px;line-height:1.85;padding:8px 10px;margin:0;border-inline-start:2px solid transparent;border-radius:4px}
.toc a:hover,.toc a[aria-current]{background:var(--soft);color:var(--accent);border-inline-start-color:var(--accent)}
.toc a.toc-subheading{padding-inline-start:20px;font-size:15px}
.mobile-toc{display:none}
.code-block{margin-block:26px;min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--soft)}
.code-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;direction:rtl;border-bottom:1px solid var(--border);background:var(--soft);font-family:Vazir,Tahoma,sans-serif;font-size:14px}
.code-tools>span{color:var(--muted)}
.copy-code{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--paper);color:var(--ink);font:500 15px/1.6 Vazir,Tahoma,sans-serif;cursor:pointer}
.copy-code:hover{border-color:var(--accent);color:var(--accent)}
.copy-code .studio-icon{width:18px;height:18px}
.prose .code-block pre{margin:0;padding:20px;border:0;border-radius:0;font-size:15px;line-height:1.8;overflow-x:auto;white-space:pre;tab-size:4;background:var(--soft)}
.prose .code-block pre code{font-size:inherit}
.contact-details>a{min-height:44px;gap:14px}
.contact-details>a .studio-icon{width:23px;height:23px;padding:0;background:none;border-radius:0}
.contact-form{gap:20px;box-shadow:none}
.contact-form .consent{font-size:15px;line-height:1.9;min-height:44px;padding-block:6px}
.contact-form .consent input{width:20px;height:20px;min-height:20px}
.contact-form label{font-size:17px}
.search-form{max-width:800px}
.search-form .button{white-space:nowrap;gap:10px;min-height:52px}
.archive-row h2{font-size:27px;line-height:1.7}
.topics a{padding-block:7px;min-height:38px;display:block}
.archive-layout{padding-bottom:55px}
.empty-state h1{font-size:clamp(30px,3vw,44px)}
.empty-state .search-form{margin-bottom:25px}
.academy-heading h1{font-size:clamp(30px,3.2vw,46px)}
.academy-heading>p{font-size:19px;max-width:850px;margin-inline:auto;line-height:1.95}
.academy-row{gap:36px;padding-block:28px}
.academy-row h2{font-size:27px;line-height:1.65}
.academy-row-image img{aspect-ratio:3/2;object-fit:contain;border-radius:10px}
.academy-row-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}
.academy-downloads{gap:10px}
.academy-downloads .button{min-height:46px;font-size:16px;padding:10px 14px;gap:8px;border-radius:7px}
.academy-downloads .studio-icon{width:19px;height:19px}
.academy-path h2{font-size:23px;line-height:1.65}
.academy-path img{aspect-ratio:3/2;object-fit:contain}
.academy-path .text-link{min-height:44px}
.academy-latest .article-row-text>p{font-size:17px;line-height:1.95}
.academy-latest.wrap{max-width:1200px}
.academy-latest .article-row-text>time{font-size:15px}
.academy-latest .article-row-image img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:1100px){.site-header .brand{font-size:20px}.site-header nav{gap:17px}.header-cta{padding-inline:14px;font-size:14px}.rail-items a,.personal .rail-items a{padding-inline:10px;font-size:16px}.process-steps h3{font-size:22px}.article-layout{gap:30px}}
@media(max-width:960px){.menu-toggle{display:flex}.site-header nav{top:80px;padding:12px;gap:4px!important}.site-header nav a{padding:10px 14px;min-height:48px;font-size:17px;border-radius:6px}.site-header nav a:hover,.site-header nav a[aria-current]{background:var(--soft);box-shadow:none}.mobile-contact-link{display:flex!important;border-top:1px solid var(--border);margin-top:6px}.article-layout{display:flex;flex-direction:column;gap:24px}.article-body{width:100%}.mobile-toc:not([hidden]){display:block;width:100%;margin:0 0 28px;background:var(--soft);border:1px solid var(--border);border-radius:9px}.mobile-toc summary{display:flex;align-items:center;gap:10px;padding:12px 16px;font:500 17px/1.7 Vazir,Tahoma,sans-serif;cursor:pointer;list-style:none;min-height:52px}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc .toc-chevron{margin-inline-start:auto;transition:transform .2s}.mobile-toc[open] .toc-chevron{transform:rotate(180deg)}.mobile-toc nav{padding:0 12px 12px}.mobile-toc a{display:block;font-size:16px;line-height:1.9;padding:9px 10px;border-radius:5px;min-height:44px}.mobile-toc a:hover{background:var(--paper);color:var(--accent)}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.cta{min-height:0}}
@media(max-width:760px){body{font-size:18px}.site-header,.page-template-page-learning .site-header{height:76px;gap:14px}.site-header .brand{font-size:18px;gap:9px}.site-header .brand img{width:36px;height:36px}.site-header .monogram{font-size:22px}.site-header nav{top:70px}.company .hero,.personal .hero{gap:28px;min-height:0;padding-block:26px 36px}.company .hero h1,.personal .hero h1{font-size:clamp(34px,8.8vw,46px);line-height:1.6}.company .hero-lead,.personal .hero-lead{font-size:18px;margin-top:18px}.hero-actions,.personal .hero-actions{gap:16px;margin-top:24px}.button,.text-link{font-size:16px}.button{min-height:50px;padding:11px 16px}.personal .hero-actions .button{font-size:16px;padding-inline:16px}.rail-items,.personal .rail-items{grid-template-columns:1fr;gap:0}.rail-items a,.personal .rail-items a{padding:15px 0;border-inline-end:0;border-bottom:1px solid var(--border)!important;min-height:62px;font-size:18px}.rail-items a:last-child{border-bottom:0!important}.rail-items a>.studio-icon:first-child{width:27px;height:27px}.company .product-row,.personal .product-row{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-block:24px}.product-number,.personal .product-number{margin-top:4px;font-size:21px}.company .product-copy h2,.company .product-copy h3,.personal .product-copy h2,.personal .product-copy h3{font-size:25px}.company .product-copy p,.personal .product-copy p{font-size:18px}.product-copy .text-link{font-size:16px}.process-steps h3{font-size:21px}.process-steps p{font-size:17px}.process-steps .studio-icon{width:30px;height:30px}.feature h3,.personal .feature h3{font-size:25px}.article-row h3,.personal .article-row h3{font-size:20px}.cta{padding-block:44px;gap:22px}.cta h2{font-size:30px}.cta p{font-size:18px}.cta .button{font-size:17px;min-height:52px}.footer-main{gap:24px}.footer-main p,.footer-main nav,.social-links{font-size:16px}.footer-bottom{font-size:13px;flex-wrap:wrap}.page-title{padding-block:24px 28px}.page-title h1,.editorial-page .page-title h1{font-size:30px;line-height:1.7}.page-title>p,.editorial-page .page-title>p{font-size:18px}.prose{font-size:18px;line-height:2}.article-meta{font-size:15px;gap:8px 16px}.article-meta>span+time,.article-meta>time+span{padding:0}.article-cover figcaption,.studio-article-figure figcaption,.academy-course-lead figcaption{font-size:15px}.article-layout{margin-top:28px}.prose .code-block pre{font-size:14px;padding:16px}.code-tools{padding:8px 10px;font-size:13px}.contact-form .consent{font-size:15px}.archive-row h2{font-size:24px}.topics{gap:6px 16px}.topics a{display:inline-flex;align-items:center;min-height:44px}.academy-heading h1{font-size:30px}.academy-heading>p{font-size:18px}.academy-row{gap:20px}.academy-row h2{font-size:25px}.academy-row-actions{gap:10px}.academy-downloads .button{font-size:15px;min-height:46px;padding:10px 12px}.academy-latest .article-row{grid-template-columns:1fr 90px;gap:16px}.academy-latest .article-row h3{font-size:19px}.academy-path h2{font-size:23px}.academy-path p{font-size:17px}}
@media(max-width:380px){.search-form>div{flex-wrap:wrap}.search-form .button{width:100%}.process-steps{grid-template-columns:1fr}.academy-downloads{width:100%}.academy-downloads .button{flex:1 1 130px}.article-row{grid-template-columns:1fr 80px;gap:12px}}

/* Source: blue-studio.css */
/* User supplied CleanShot X direction. Shared Persian WordPress theme, 2026-10-15. */
@font-face{font-family:Vazirmatn;src:url(vazirmatn-studio.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--site-font:Vazirmatn,Vazir,Tahoma,sans-serif;--capture-blue:#0d44e8;--graphite:#161618;--studio-black:#0f0f12;--card-lift:0 7px 20px -8px rgba(22,22,24,.02),0 29px 33px -4px rgba(22,22,24,.02),0 22px 30px -8px rgba(22,22,24,.05),0 0 0 1px rgba(22,22,24,.06);--blue-button-lift:0 2px 6px -1px rgba(4,24,85,.28),inset 0 6px 14px rgba(66,174,247,.48)}
body.company,body.personal,body.page-template-page-learning{--paper:#fff;--ink:#161618;--muted:#6a6a6b;--accent:#0d44e8;--night:#0f0f12;--mint:#e1e9ff;--border:#e5e5e8;--soft:#f6f7f9;--radius:20px;--focus-ring:#0d44e8;background:#fff;color:#161618;font-family:var(--site-font);font-size:18px;font-weight:450;line-height:1.85}
body :is(button,input,select,textarea,.code-tools,.copy-code,.mobile-toc summary){font-family:var(--site-font)}
body :is(h1,h2,h3,h4){font-family:var(--site-font);font-weight:600;color:#000;letter-spacing:0}
body p,body .prose p{color:var(--muted)}
body strong,body b{font-weight:600}
body ::selection{background:#dce6ff;color:#161618}
body .wrap{max-width:1320px}
body.company.home .header-shell,body.personal.home .header-shell,body .header-shell{background:#fff;color:#161618;border-bottom:1px solid #ededf0}
body .site-header,body.page-template-page-learning .site-header{height:82px;gap:24px}
body .site-header .brand{font-size:21px;font-weight:600;gap:10px}
body .site-header .brand img{width:36px;height:36px;border-radius:0;filter:grayscale(1)}
body .site-header .monogram{font-family:var(--site-font);font-weight:550;font-size:26px;border:0;padding-inline-end:5px}
body .site-header nav{font-size:15px;font-weight:550;gap:26px;color:#161618}
body .site-header nav a[aria-current]{color:#0d44e8;box-shadow:none}
body .studio-icon{stroke-width:1.8}
body .button,body.personal .button,body.company.home .header-cta,body.page-template-page-learning .header-cta{font-family:var(--site-font);background:#0d44e8;border:1px solid rgba(255,255,255,.7);color:#fff;border-radius:14px;min-height:52px;padding:12px 22px;font-size:17px;font-weight:550;line-height:1.6;gap:12px;box-shadow:var(--blue-button-lift)}
body .button:hover,body.personal .button:hover,body.company .hero-actions .button:hover{background:#113bc5;color:#fff;transform:none;box-shadow:var(--blue-button-lift)}
body .button.outline,body .hero-actions .text-link{background:#fff;color:#161618;border:1px solid #d1d1d6;box-shadow:none;border-radius:14px;min-height:52px;padding:12px 22px;font-size:17px;font-weight:550;line-height:1.6}
body .button.outline:hover,body .hero-actions .text-link:hover{background:#f7f8fa;color:#161618;border-color:#161618;transform:none;box-shadow:none}
body.company .hero-actions .text-link{background:#fff;color:#161618;border:1px solid #d1d1d6}
body.company .hero-actions .text-link:hover{background:#f7f8fa;color:#161618;border-color:#161618}
body .header-cta{min-height:46px;padding:10px 16px;font-size:15px}
body.company.home .header-cta,body.personal .header-cta{min-height:46px;padding:10px 16px;font-size:15px}
body.company.home .header-shell a:focus-visible,body.company.home .header-shell button:focus-visible,body.company .hero a:focus-visible{outline-color:#0d44e8}
body .menu-toggle{border-color:#d9d9de;border-radius:14px;color:#161618}
body .text-link{color:#0d44e8;font-weight:550;border-bottom:0;gap:10px}
body .text-link:hover{color:#113bc5;gap:10px;text-decoration:underline;text-underline-offset:5px}
body .hero-stage,body.company .hero-stage{background:#fff;color:#161618;overflow:visible}
body.company .hero,body.personal .hero{display:flex;flex-direction:column;align-items:center;gap:32px;min-height:0;padding-block:60px 40px;text-align:center}
body .hero-copy{width:100%;max-width:1080px}
body.company .hero h1,body.personal .hero h1{font-size:clamp(36px,4.2vw,60px);font-weight:600;line-height:1.5;color:#000;max-width:1000px;margin-inline:auto}
body .hero h1 span,body.company .hero h1 span{color:#0d44e8;background:linear-gradient(90deg,#174ef2 0%,#161618 65%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body .accent-underline:after,body .accent-underline:before{display:none}
body.personal .hero h1 .accent-underline{border-bottom:0;padding-bottom:0;text-decoration:none}
body .hero-lead,body.company .hero-lead,body.personal .hero-lead{max-width:930px;margin:20px auto 0;font-size:18px;font-weight:450;line-height:1.85;color:#6a6a6b}
body .hero-actions,body.personal .hero-actions{justify-content:center;gap:16px;margin-top:26px;flex-wrap:wrap}
body.company .hero-actions .button{background:#0d44e8;color:#fff;min-width:0}
body.company .hero-media{width:100%;max-width:1180px;margin:0;border:0;border-radius:20px;overflow:hidden;box-shadow:var(--card-lift)}
body.company .hero-media img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:20px;transform:none;mask-image:none;-webkit-mask-image:none}
body.personal .hero-media{max-width:320px;width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
body.personal .hero-media img{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:20px;box-shadow:var(--card-lift)}
body .hero-media figcaption{padding:14px 6px 0;font-size:17px;font-weight:550;color:#161618}
body .hero-media figcaption span{font-size:14px;font-weight:450;color:#6a6a6b}
body .rail,body.personal .rail{padding-block:36px 60px;border:0}
body .rail h2,body.personal .rail h2{text-align:center;font-size:26px;font-weight:550;line-height:1.7}
body .rail-items{margin-top:22px}
body .rail-items a,body.personal .rail-items a{font-size:17px;font-weight:500;color:#161618}
body .rail-items a>.studio-icon:first-child,body.personal .rail-items a>.studio-icon:first-child{width:27px;height:27px;color:#161618}
body .rail-items a:hover,body .rail-items a:hover>.studio-icon{color:#0d44e8}
body .solutions,body .journal{padding-block:64px}
body .section-heading h2,body .process h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.6}
body .section-heading>p,body .section-intro{font-size:18px;font-weight:450;line-height:1.9;color:#6a6a6b}
body .solutions>.section-heading{text-align:center;margin-bottom:30px}
body .solutions>.section-heading>p{margin-inline:auto}
body.company .product-row,body.personal .product-row{grid-template-columns:32px minmax(0,1fr) 48%;gap:28px;padding-block:36px;background:transparent;border-radius:0;border-bottom-color:#e5e5e8}
body .product-number,body.personal .product-number{font-size:19px;font-weight:450;transform:none;color:#8a8a91}
body.company .product-copy h2,body.company .product-copy h3,body.personal .product-copy h2,body.personal .product-copy h3{font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1.65}
body.company .product-copy p,body.personal .product-copy p{font-size:18px;font-weight:450;line-height:1.9;color:#6a6a6b}
body .product-art,body .product-art img{border-radius:20px}
body .product-art{overflow:hidden;background:#fff}
body .product-art img{object-fit:contain;aspect-ratio:3/2;transform:none}
body .product-row:hover .product-art img{transform:none}
body .process{background:#fff;color:#161618;padding-block:64px;border-block:1px solid #ededf0}
body .process h2,body .process .section-intro{text-align:center}
body .process .section-intro{margin-inline:auto}
body .process-steps{gap:28px;margin-top:40px}
body .process-steps>div{border-top:1px solid #e5e5e8;padding-top:20px}
body .process-number{font-size:18px;font-weight:500;color:#8a8a91}
body .process-steps .studio-icon{width:30px;height:30px;color:#161618;stroke-width:1.8}
body .process-steps h3{font-size:22px;font-weight:600;color:#000}
body .process-steps p{font-size:17px;line-height:1.9;color:#6a6a6b}
body .feature img,body .article-row img,body .archive-row img{border-radius:20px}
body .feature h3,body.personal .feature h3{font-size:27px;font-weight:600;line-height:1.7}
body .article-row h3,body.personal .article-row h3{font-size:21px;font-weight:600;line-height:1.75}
body .feature p,body .article-row p{font-size:18px;line-height:1.9;color:#6a6a6b}
body .cta-shell,body.personal .cta-shell{background:#0f0f12;color:#fff}
body .cta{min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:70px;gap:28px}
body .cta h2{color:#fff;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.6}
body .cta p,body.personal .cta p{color:#d7d7dc;font-size:18px;font-weight:450;margin-top:14px;line-height:1.9}
body .cta .button,body.personal .cta .button{background:#fff;color:#161618;min-height:52px;padding:12px 22px;font-size:17px;border:1px solid #fff;border-radius:14px;box-shadow:none}
body .cta .button:hover{background:#e8ecf7;color:#161618;transform:none}
body .site-footer{background:#fff;padding-top:48px}
body .footer-main p,body .footer-main nav,body .social-links{font-size:16px;color:#6a6a6b;line-height:1.9}
body .footer-main .brand{color:#161618;font-weight:600}
body .social-links .studio-icon{color:#161618}
body .footer-bottom{font-size:13px;color:#6a6a6b;border-color:#ededf0}
body .page-title{padding-block:42px 32px}
body .page-title h1,body .academy-heading h1{font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.65;color:#000}
body .page-title>p,body .academy-heading>p{font-size:18px;font-weight:450;line-height:1.9;color:#6a6a6b}
body .breadcrumb,body .article-meta{color:#6a6a6b;font-size:14px;font-weight:450}
body .editorial-page .page-title h1{font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.7}
body .editorial-page .article-cover{max-width:1000px}
body .article-cover img,body .studio-article-figure img,body .academy-course-lead img,body .academy-row-image img,body .academy-path img,body .about-portrait{border-radius:20px}
body .prose{font-size:18px;font-weight:450;line-height:2;max-width:800px}
body .prose h2{font-size:28px;font-weight:600;color:#000}
body .prose h3{font-size:23px;font-weight:600;color:#000}
body .prose a{color:#0d44e8;text-underline-offset:4px}
body .toc{border-color:#e5e5e8}
body .toc h2{color:#161618;font-size:18px;font-weight:550}
body .toc a{color:#6a6a6b;font-weight:450}
body .toc a[aria-current],body .toc a:hover{color:#0d44e8;background:#f4f6fc;border-inline-start-color:#0d44e8}
@media(min-width:961px){body .editorial-page .article-layout{grid-template-columns:230px minmax(0,800px)}body .editorial-page .article-body{grid-column:2;grid-row:1}body .editorial-page .article-aside{grid-column:1;grid-row:1}}
body .mobile-toc:not([hidden]){border-radius:14px;background:#f6f7f9;border-color:#e5e5e8}
body .code-block{border-radius:14px;border-color:#303036;background:#0f0f12}
body .code-tools{background:#161618;color:#d8d8dd;border-color:#303036}
body .code-tools>span{color:#d8d8dd}
body .copy-code{font-family:var(--site-font);border-radius:10px;color:#fff;background:#2b2b30;border-color:#44444c}
body .copy-code:hover{color:#fff;background:#393940;border-color:#777785}
body .prose pre,body .prose .code-block pre{background:#0f0f12;color:#f2f3f7;font-size:14px;line-height:1.8}
body .contact-form{background:#fff;border:1px solid #e5e5e8;border-radius:20px;padding:28px;box-shadow:var(--card-lift)}
body .contact-details>a .studio-icon{color:#161618}
body input,body select,body textarea{font-family:var(--site-font);font-size:17px;font-weight:450;border:1px solid #d7d7dd;border-radius:14px;background:#fff;color:#161618}
body input:not([type=checkbox]),body select,body textarea{padding:13px 18px}
body .contact-form input:not([type=checkbox]),body .contact-form select,body .contact-form textarea,body .search-form input{border-radius:14px;padding:13px 18px;font-size:17px}
body .consent input{border-radius:4px;accent-color:#0d44e8}
body .search-form{background:#fff}
body .topics a,body .academy-downloads .button{border-radius:14px}
body.company .academy-downloads .button,body.personal .academy-downloads .button{background:#0d44e8;color:#fff;border-color:rgba(255,255,255,.7)}
body.personal .academy-downloads .button:not(.outline){background:#0d44e8;color:#fff}
body.company .academy-downloads .button.outline,body.personal .academy-downloads .button.outline{background:#fff;color:#161618;border-color:#d1d1d6;box-shadow:none}
body .academy-path{border-radius:20px;background:#fff;border-color:#e5e5e8;box-shadow:var(--card-lift)}
body .academy-row h2,body .academy-path h2{font-weight:600;color:#000}
body .project-diagram,body .project-diagram [stroke]{stroke:#161618}
@media(max-width:1100px){body .site-header .brand{font-size:19px}body .site-header nav{gap:18px}body .header-cta{font-size:14px;padding-inline:14px}}
@media(max-width:960px){body .site-header nav{background:#fff;border:1px solid #e5e5e8;border-radius:20px;box-shadow:var(--card-lift);top:74px}body .site-header nav a{font-size:17px;border-radius:12px}body .header-cta{display:none}body .hero .hero-copy{max-width:820px}body .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body .wrap{width:calc(100% - 40px)}body .site-header{height:74px;gap:12px}body .site-header .brand{font-size:18px}body .site-header .brand img{width:32px;height:32px}body.company .hero,body.personal .hero{padding-block:36px 28px;gap:28px}body.company .hero h1,body.personal .hero h1{font-size:clamp(32px,7.7vw,42px);line-height:1.6}body .hero-lead,body.personal .hero-lead,body.company .hero-lead{font-size:17px;line-height:1.95;margin-top:18px}body .hero-actions,body.personal .hero-actions{gap:12px;margin-top:22px}body .hero-actions .button,body .hero-actions .text-link{font-size:16px;min-height:50px;padding:11px 16px}body.company .hero-media img{aspect-ratio:3/1;object-fit:contain}body.personal .hero-media{max-width:300px}body .rail,body.personal .rail{padding-block:28px 36px}body .rail h2,body.personal .rail h2{font-size:23px;text-align:center}body .rail-items,body.personal .rail-items{grid-template-columns:1fr}body .rail-items a,body.personal .rail-items a{font-size:17px;padding:16px 0}body .solutions,body .journal,body .process{padding-block:40px}body .section-heading h2,body .process h2{font-size:28px}body.company .product-row,body.personal .product-row{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:28px}body .product-art{grid-column:1/-1;width:100%}body .product-art img{width:100%}body .product-number{font-size:18px}body.company .product-copy h2,body.company .product-copy h3,body.personal .product-copy h2,body.personal .product-copy h3{font-size:25px}body.company .product-copy p,body.personal .product-copy p{font-size:17px}body .process-steps{gap:24px;margin-top:28px}body .process-steps h3{font-size:20px}body .process-steps p{font-size:16px}body .feature h3,body.personal .feature h3{font-size:24px}body .article-row h3,body.personal .article-row h3{font-size:20px}body .cta{padding-block:48px;align-items:center;text-align:center}body .cta h2{font-size:30px}body .cta p{font-size:17px}body .page-title{padding-block:28px}body .page-title h1,body .editorial-page .page-title h1,body .academy-heading h1{font-size:30px;line-height:1.75}body .page-title>p,body .academy-heading>p{font-size:17px}body .prose{font-size:18px}body .prose h2{font-size:25px}body .contact-form{padding:20px}body .footer-main{gap:24px}body .footer-bottom{font-size:13px}}
@media(max-width:380px){body .site-header .brand{font-size:17px}body .process-steps{grid-template-columns:1fr}body .hero-actions .button,body .hero-actions .text-link{font-size:15px;padding-inline:14px}body.company .hero-media img{aspect-ratio:3/1;object-fit:contain}body .contact-form{padding:18px}body .footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body .contact-details>a{font-size:15px;gap:10px}body .contact-details>a bdi{min-width:0;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Source: dark-studio.css */
/* Latest user direction: flat black constellation studio, shared RTL system. */
:root{color-scheme:dark;--void:#000;--iris:#8052ff;--spark:#ffb829;--ash:#9a9a9a;--silver:#bdbdbd;--focus-ring:#ffb829}
html{background:#000}
html body,html body.personal,html body.company{background:#000;color:#fff;--paper:#000;--ink:#fff;--muted:#bdbdbd;--accent:#ffb829;--border:transparent;--soft:#000;--night:#000;--mint:#fff;--line:transparent;--card-lift:none;--blue-button-lift:none;font-size:18px;font-weight:200;line-height:1.95}
html body :is(h1,h2,h3,h4){color:#fff;font-weight:400;letter-spacing:0}
html body :is(p,.prose p){color:#bdbdbd;font-weight:200}
html body :is(strong,b){font-weight:600}
html body ::selection{background:#8052ff;color:#fff}
html body .wrap{max-width:1280px;width:calc(100% - 96px)}
html body :is(.hero-stage,.header-shell,.site-footer,.process,.cta-shell,.academy-path,.search-form,.contact-form){background:#000;color:#fff;border:0;box-shadow:none}
html body.company.home .header-shell,html body.personal.home .header-shell{background:#000;color:#fff;border:0}
html body.company .hero-stage,html body.personal .hero-stage{background:#000;color:#fff}
html body .site-header{height:96px;gap:30px}
html body .site-header .brand{font-size:21px;font-weight:400;color:#fff}
html body .site-header .brand img{filter:none;border-radius:0;width:32px;height:32px}
html body .site-header .monogram{color:#8052ff;font-weight:400;font-size:26px}
html body .site-header nav{font-size:14px;font-weight:600;gap:24px;color:#9a9a9a}
html body .site-header nav a[aria-current],html body .site-header nav a:hover{color:#fff;background:none;box-shadow:none}
html body .studio-icon{stroke-width:1.6;color:inherit}
html body .button,html body.personal .button,html body.company .button{background:#8052ff;color:#fff;border:0;border-radius:24px;box-shadow:none;font:600 16px/1.6 var(--site-font);min-height:48px;padding:12px 24px;gap:12px;transform:none}
html body .button:hover,html body.personal .button:hover,html body.company .hero-actions .button:hover{background:#8052ff;color:#fff;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:5px}
html body .button.outline,html body .hero-actions .text-link,html body.company .hero-actions .text-link,html body .header-cta,html body.company.home .header-cta,html body.personal .header-cta{background:transparent;border:0;color:#ffb829;box-shadow:none;padding:10px 0;min-height:44px;font-size:16px;font-weight:400;border-radius:0}
html body .button.outline:hover,html body .hero-actions .text-link:hover,html body.company .hero-actions .text-link:hover,html body .header-cta:hover{background:transparent;color:#fff;border:0;box-shadow:none}
html body .text-link,html body .prose a,html body .source-list a{color:#ffb829;font-weight:400;background:none;border:0;text-underline-offset:5px}
html body .text-link:hover,html body .prose a:hover{color:#fff;background:none;gap:12px}
html body :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #ffb829;outline-offset:5px}
html body .menu-toggle{background:#000;color:#fff;border:0;border-radius:24px}
html body.company .hero,html body.personal .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;min-height:680px;padding-block:36px 48px;align-items:center;text-align:right;position:relative}
html body .hero-copy{max-width:none;width:100%;position:relative;z-index:1}
html body.company .hero h1,html body.personal .hero h1{color:#fff;font-size:clamp(50px,5.2vw,78px);font-weight:400;line-height:1.5;max-width:none;margin:0;letter-spacing:0}
html body.personal .hero h1{font-size:clamp(44px,4.4vw,66px)}
html body .hero h1 span,html body.company .hero h1 span,html body.personal .hero h1 .accent-underline{background:none;color:#fff;-webkit-text-fill-color:#fff;border:0;text-decoration:none;padding:0}
html body .hero-lead,html body.company .hero-lead,html body.personal .hero-lead{font-size:18px;font-weight:200;color:#fff;line-height:1.95;max-width:550px;margin:24px 0 0}
html body .hero-actions,html body.personal .hero-actions{justify-content:flex-start;gap:30px;margin-top:30px;flex-wrap:wrap}
html body.company .hero-actions .button{background:#8052ff;color:#fff;min-width:0}
html body.company .hero-media,html body.personal .hero-media{position:relative;width:100%;max-width:none;margin:0;border:0;padding:0;box-shadow:none;background:#000;overflow:visible;border-radius:0;aspect-ratio:1}
html body.company .hero-media img,html body.personal .hero-media img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:0;box-shadow:none;mask-image:none;-webkit-mask-image:none;transform:none}
html body .constellation canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html body .rail,html body.personal .rail{padding-block:24px 96px;border:0}
html body .rail h2,html body.personal .rail h2{font-size:32px;font-weight:400;color:#fff;line-height:1.6;text-align:center}
html body .rail-items{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 42px;margin-top:24px}
html body .rail-items a,html body.personal .rail-items a{display:flex;flex:0 1 auto;color:#bdbdbd;border:0;padding:6px 0;font-size:17px;font-weight:400;gap:12px}
html body .rail-items a>.studio-icon:first-child,html body.personal .rail-items a>.studio-icon:first-child{color:#9a9a9a;width:22px;height:22px}
html body .rail-items a:hover,html body .rail-items a:hover>.studio-icon{color:#ffb829}
html body .solutions,html body .journal{padding-block:96px}
html body .solutions>.section-heading{max-width:900px;text-align:right;margin:0 0 60px}
html body .section-heading h2,html body .process h2{font-size:clamp(36px,3.8vw,54px);font-weight:400;line-height:1.6}
html body .section-heading>p,html body .section-intro{font-size:18px;font-weight:200;line-height:1.95;color:#bdbdbd}
html body .solutions>.section-heading>p{margin-inline:0;max-width:750px}
html body.company.home .product-row,html body.personal.home .product-row{grid-template-columns:36px minmax(0,1fr) 42%;gap:30px;padding-block:36px 60px;min-height:300px;border:0;background:transparent;border-radius:0}
html body.home .product-row:nth-child(even) .product-number{grid-column:3;grid-row:1;justify-self:end}
html body.home .product-row:nth-child(even) .product-copy{grid-column:3;grid-row:1;padding-inline-end:60px}
html body.home .product-row:nth-child(even) .product-art{grid-column:1/3;grid-row:1}
html body .product-number,html body.personal .product-number{color:#ffb829;font-size:18px;font-weight:400;transform:none}
html body.company .product-copy h2,html body.company .product-copy h3,html body.personal .product-copy h2,html body.personal .product-copy h3{font-size:36px;font-weight:400;color:#fff;line-height:1.65}
html body.company .product-copy p,html body.personal .product-copy p{font-size:18px;font-weight:200;color:#bdbdbd;line-height:1.95}
html body .product-art{background:none;border:0;border-radius:24px;box-shadow:none}
html body .product-art img{object-fit:contain;border-radius:24px;transform:none}
html body .product-row:hover .product-art img{transform:none}
html body .product-orbit{display:flex;align-items:center;justify-content:center;position:relative;min-height:220px}
html body .product-orbit>.studio-icon{width:124px;height:124px;stroke-width:.8;color:#bdbdbd}
html body .orbit-spark{position:absolute;width:15px;height:15px;fill:none;stroke:#8052ff;stroke-width:1.2;left:26%;top:19%;transform:rotate(15deg)}
html body .orbit-spark:nth-of-type(3){left:69%;top:72%;stroke:#ffb829;transform:rotate(80deg);width:11px;height:11px}
html body .orbit-spark:nth-of-type(4){left:75%;top:30%;stroke:#15846e;transform:rotate(160deg);width:9px;height:9px}
html body .process{padding-block:120px}
html body .process>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:96px;align-items:center}
html body .process h2,html body .process .section-intro{text-align:right}
html body .process .section-intro{margin-inline:0;margin-top:24px}
html body .process-steps{display:flex;flex-direction:column;gap:36px;margin:0}
html body .process-steps>div{position:relative;padding:0 42px 0 0;border:0}
html body .process-number{position:absolute;right:0;top:6px;color:#ffb829;font-size:16px;font-weight:400}
html body .process-steps .studio-icon{display:none}
html body .process-steps h3{font-size:27px;font-weight:400;color:#fff;margin:0 0 6px}
html body .process-steps p{font-size:18px;font-weight:200;line-height:1.95;color:#bdbdbd}
html body .journal-layout{gap:72px}
html body .feature h3,html body.personal .feature h3{font-size:32px;font-weight:400;line-height:1.75;color:#fff}
html body .article-row,html body .archive-row{border:0;background:none;box-shadow:none;padding-block:24px}
html body .article-row h3,html body.personal .article-row h3{font-size:24px;font-weight:400;line-height:1.75;color:#fff}
html body .feature p,html body .article-row p{font-size:18px;font-weight:200;color:#bdbdbd;line-height:1.95}
html body .feature img,html body .article-row img,html body .archive-row img{border-radius:24px}
html body.home .article-row-image{display:none}
html body.home .article-row{grid-template-columns:1fr;min-height:0;padding-block:0 48px}
html body :is(.feature time,.article-row time,.archive-row time){color:#9a9a9a;font-size:14px;font-weight:400}
html body .cta-shell,html body.personal .cta-shell{background:#000;color:#fff}
html body .cta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:right;padding-block:120px;gap:60px;min-height:0}
html body .cta h2{font-size:clamp(38px,4.5vw,66px);font-weight:400;color:#fff;line-height:1.6}
html body .cta p,html body.personal .cta p{font-size:18px;font-weight:200;color:#bdbdbd;margin-top:24px;line-height:1.95}
html body .cta .button,html body.personal .cta .button{background:#8052ff;color:#fff;border:0;border-radius:24px;box-shadow:none;flex:none;font-size:16px;min-height:48px;padding:12px 24px}
html body .cta .button:hover{background:#8052ff;color:#fff}
html body .site-footer{padding-top:48px;border:0}
html body .footer-main .brand{color:#fff;font-weight:400}
html body .footer-main p,html body .footer-main nav,html body .social-links{font-size:16px;font-weight:200;color:#9a9a9a;line-height:1.9}
html body .social-links .studio-icon{color:#9a9a9a}
html body .footer-bottom{color:#9a9a9a;font-size:13px;font-weight:400;border:0}
html body .page-title{padding-block:60px 48px}
html body .page-title h1,html body .academy-heading h1{font-size:clamp(36px,4.1vw,60px);font-weight:400;color:#fff;line-height:1.6}
html body .editorial-page .page-title h1{font-size:clamp(32px,3.6vw,52px);font-weight:400;color:#fff;line-height:1.7}
html body .page-title>p,html body .academy-heading>p{font-size:18px;font-weight:200;color:#bdbdbd;line-height:1.95}
html body :is(.breadcrumb,.article-meta){color:#9a9a9a;font-size:14px;font-weight:400}
html body .breadcrumb a{color:#bdbdbd}
html body .article-meta>span+time,html body .article-meta>time+span{border:0}
html body :is(.article-cover img,.studio-article-figure img,.academy-course-lead img,.academy-row-image img,.academy-path img,.about-portrait){border-radius:24px}
html body :is(figcaption,.article-cover figcaption,.studio-article-figure figcaption){color:#9a9a9a;font-size:14px;font-weight:400;line-height:1.9}
html body .prose{font-size:18px;font-weight:200;line-height:2.05;color:#fff;max-width:800px}
html body .prose p{color:#fff}
html body .prose h2{font-size:30px;font-weight:400;color:#fff;line-height:1.7}
html body .prose h3{font-size:25px;font-weight:400;color:#fff}
html body .prose :is(li,td,th){color:#fff}
html body .prose table :is(td,th){background:transparent;border-color:#444}
html body .toc{border:0}
html body .toc h2{font-size:18px;font-weight:400;color:#fff}
html body .toc a{font-size:16px;font-weight:400;color:#bdbdbd;border:0;padding-inline-start:0}
html body .toc a[aria-current],html body .toc a:hover{color:#ffb829;background:none;border:0}
html body .mobile-toc:not([hidden]){background:#000;border:1px solid #444;border-radius:24px;color:#fff}
html body .mobile-toc summary{font-size:17px;color:#fff;font-weight:400}
html body .mobile-toc a{color:#bdbdbd;font-weight:400}
html body .mobile-toc a[aria-current],html body .mobile-toc a:hover{color:#ffb829;background:none}
html body .code-block{background:#000;border:1px solid #444;border-radius:12px;box-shadow:none}
html body .code-tools{background:#000;color:#9a9a9a;border-color:#333}
html body .code-tools>span{color:#9a9a9a;font-weight:400}
html body .copy-code{color:#fff;border:1px solid #8052ff;border-radius:12px;background:#000;font-weight:400}
html body .copy-code:hover{color:#fff;background:#000;border-color:#ffb829}
html body .prose pre,html body .prose .code-block pre{background:#000;color:#fff;font-size:14px;line-height:1.85;font-weight:400;direction:ltr}
html body .prose :not(pre)>code{color:#fff;background:transparent}
html body .source-list{border-color:transparent}
html body .source-list p{color:#9a9a9a;font-size:14px;font-weight:400}
html body .contact-form{padding:0;border:0;border-radius:0}
html body .contact-form label{color:#fff;font-size:18px;font-weight:400}
html body input,html body select,html body textarea{background:#000;color:#fff;border:0;border-bottom:1px solid #9a9a9a;border-radius:0;font:400 17px/1.8 var(--site-font);box-shadow:none}
html body .contact-form input:not([type=checkbox]),html body .contact-form select,html body .contact-form textarea,html body .search-form input{border-radius:0;background:#000;color:#fff;padding:13px 8px;font-weight:400}
html body input::placeholder,html body textarea::placeholder{color:#9a9a9a;opacity:1}
html body .contact-details>a{color:#fff}
html body .contact-details>a .studio-icon{color:#ffb829;background:none;border:0}
html body .consent input{accent-color:#8052ff;border:1px solid #9a9a9a}
html body .consent,html body .form-message{color:#bdbdbd}
html body .search-form label{color:#fff;font-weight:400}
html body .topics{border:0}
html body .topics h2{color:#fff;font-weight:400}
html body .topics a{background:none;color:#bdbdbd;border:0;border-radius:0;font-weight:400}
html body .topics a:hover,html body .topics a[aria-current]{color:#ffb829;background:none}
html body .archive-row h2,html body .related>h2{font-weight:400;color:#fff}
html body .pagination .page-numbers{background:#000;color:#fff;border:0;box-shadow:none}
html body .pagination .current{color:#ffb829}
html body .academy-path{padding:24px 0;border:0;border-radius:0;background:#000;box-shadow:none}
html body .academy-row,html body .academy-course-lead,html body .academy-syllabus{border-color:transparent;background:none}
html body .academy-row h2,html body .academy-path h2{color:#fff;font-weight:400}
html body .academy-count{color:#ffb829;font-weight:400}
html body .academy-downloads .button,html body.company .academy-downloads .button,html body.personal .academy-downloads .button:not(.outline){background:#8052ff;color:#fff;border:0;border-radius:24px;box-shadow:none}
html body.company .academy-downloads .button.outline,html body.personal .academy-downloads .button.outline{background:none;color:#ffb829;border:0;box-shadow:none}
html body .project-diagram,html body .project-diagram [stroke]{stroke:#bdbdbd}
html body .skip-link:focus{background:#8052ff;color:#fff}
html body.company .header-cta,html body.company .header-cta:hover{background:none;color:#ffb829;border:0;box-shadow:none;padding-inline:0;font-weight:400}
html body.company .product-row,html body.personal .product-row{border:0}
html body .product-number{border:0}
html body .consent a,html body .form-message a{color:#ffb829;text-underline-offset:4px}
html body .contact-form input:not([type=checkbox]),html body .contact-form select,html body .contact-form textarea,html body .search-form input{border:0;border-bottom:1px solid #9a9a9a}
@media(min-width:961px){html body .editorial-page .article-layout{grid-template-columns:230px minmax(0,800px);gap:60px}}
@media(max-width:1100px){html body .site-header{gap:20px}html body .site-header .brand{font-size:18px}html body .site-header nav{gap:16px}html body .header-cta{font-size:14px}html body.company .hero h1{font-size:58px}html body.personal .hero h1{font-size:50px}html body .process>.wrap{gap:60px}}
@media(max-width:960px){html body .wrap{width:calc(100% - 48px)}html body .site-header{height:80px}html body .site-header nav{background:#000;border:0;border-radius:0;box-shadow:none;top:80px;padding:24px;color:#fff}html body .site-header nav a{color:#bdbdbd;font-size:18px;border:0;border-radius:0}html body .header-cta{display:none}html body.company .hero,html body.personal .hero{grid-template-columns:1fr;min-height:0;padding-block:36px 30px;gap:18px}html body .hero-copy{max-width:700px}html body.company .hero h1,html body.personal .hero h1{font-size:clamp(40px,7vw,60px)}html body .hero-media.constellation{max-width:520px;width:100%;justify-self:center}html body .process>.wrap{grid-template-columns:1fr;gap:48px}html body .cta{gap:36px}html body .cta h2{font-size:44px}}
@media(max-width:760px){html body .wrap{width:calc(100% - 40px)}html body .site-header{height:74px}html body .site-header .brand{font-size:18px}html body .site-header nav{top:74px}html body.company .hero h1,html body.personal .hero h1{font-size:40px;line-height:1.65}html body.personal .hero h1{font-size:36px}html body .hero-lead,html body.personal .hero-lead,html body.company .hero-lead{font-size:18px;line-height:1.95;margin-top:18px}html body .hero-actions,html body.personal .hero-actions{gap:24px;margin-top:24px}html body .hero-actions .button,html body .hero-actions .text-link,html body .hero-actions .button.outline{font-size:15px;padding:11px 20px}html body .hero-actions .text-link,html body .hero-actions .button.outline{padding-inline:0}html body .hero-media.constellation{max-width:380px}html body .rail,html body.personal .rail{padding-block:18px 48px}html body .rail h2,html body.personal .rail h2{font-size:26px}html body .rail-items{justify-content:flex-start;gap:12px 24px}html body .rail-items a,html body.personal .rail-items a{font-size:16px}html body .solutions,html body .journal,html body .process{padding-block:60px}html body .section-heading h2,html body .process h2{font-size:34px}html body .solutions>.section-heading{margin-bottom:24px}html body.company.home .product-row,html body.personal.home .product-row{grid-template-columns:28px minmax(0,1fr);gap:12px;min-height:0;padding-block:30px}html body.home .product-row:nth-child(even) .product-number{grid-column:1;grid-row:1;justify-self:start}html body.home .product-row:nth-child(even) .product-copy{grid-column:2;grid-row:1;padding:0}html body.home .product-row .product-art,html body.home .product-row:nth-child(even) .product-art{grid-column:1/-1;grid-row:2;min-height:140px}html body .product-orbit>.studio-icon{width:84px;height:84px}html body.company .product-copy h2,html body.company .product-copy h3,html body.personal .product-copy h2,html body.personal .product-copy h3{font-size:28px}html body .process-steps h3{font-size:25px}html body .feature h3,html body.personal .feature h3{font-size:27px}html body .article-row h3,html body.personal .article-row h3{font-size:23px}html body .cta{flex-direction:column;align-items:flex-start;text-align:right;padding-block:72px;gap:30px}html body .cta h2{font-size:38px}html body .page-title{padding-block:36px}html body .page-title h1,html body .editorial-page .page-title h1,html body .academy-heading h1{font-size:32px;line-height:1.8}html body .prose h2{font-size:27px}html body .prose{font-size:18px}html body .contact-form{padding:0}html body .contact-details>a{font-size:15px;gap:10px}html body .contact-details>a bdi{min-width:0;overflow-wrap:anywhere}html body .footer-main{gap:30px}html body .footer-bottom{font-size:13px}}
@media(prefers-reduced-motion:reduce){html body .constellation canvas{display:none}html body *,html body *:before,html body *:after{animation:none!important;transition:none!important;scroll-behavior:auto}}

html body.personal .hero h1 span{white-space:nowrap}

html body .site-footer,html body .site-footer a,html body .site-footer p{color:#9a9a9a}html body .site-footer .brand{color:#fff}html body .site-footer a:hover{color:#ffb829}