.studio-blog{--blog-ease:cubic-bezier(.22,1,.36,1);--blog-warm:#f0efed;background:var(--paper);color:var(--foreground)}.studio-blog h1,.studio-blog h2,.studio-blog h3{font-weight:500}.blog-hero.internal-page-hero{--internal-hero-title-space:calc(2 * 88px * 1.07)}.blog-hero h1{max-width:1100px;font-size:88px;line-height:1.07}.blog-hero-art{z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 88% 18%, color-mix(in oklab, var(--primary) 30%, transparent), transparent 70%), radial-gradient(1px 1px at 1px 1px, color-mix(in oklab, var(--on-dark) 11%, transparent) 1px, transparent 0) 0 0 / 22px 22px;position:absolute;inset:0}.blog-list{padding-block:88px 112px}.blog-list-head{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:56px;display:grid}.blog-topics{min-width:0}.blog-list-title{font-size:var(--type-h3-faq);font-family:var(--font-sans);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;font-size:var(--type-eyebrow);color:var(--muted-foreground);font-weight:600!important}.blog-topics ul{flex-wrap:wrap;gap:10px;display:flex}.blog-topic{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.blog-topic span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px}.blog-topic:hover{border-color:var(--primary);color:var(--primary)}.blog-topic.is-current{background:var(--foreground);border-color:var(--foreground);color:var(--paper)}.blog-topic.is-current span{color:color-mix(in oklab, var(--paper) 70%, transparent)}.blog-topic:focus-visible,.blog-page-number:focus-visible,.blog-page-step:focus-visible,.blog-crumbs a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.blog-card{flex-direction:column;min-width:0;display:flex;position:relative}.blog-card-media{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--muted);position:relative;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--blog-ease);position:absolute;inset:0}.blog-card:hover .blog-card-media img{transform:var(--image-hover)}.blog-meta{font-size:var(--type-label-min);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px 31px;margin-top:22px;font-weight:600;display:flex;overflow:hidden}.blog-meta>*{position:relative}.blog-meta>*+:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:-17px}.blog-meta-topic{color:var(--label-accent)}.blog-card-title{letter-spacing:-.005em;margin-top:12px;font-size:22px;line-height:1.3}.blog-card-title a{background-image:linear-gradient(var(--primary), var(--primary));transition:background-size .5s var(--blog-ease);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px}.blog-card:hover .blog-card-title a,.blog-card-title a:focus-visible{background-size:100% 2px}.blog-card-title a:after{content:"";z-index:1;border-radius:var(--radius-lg);position:absolute;inset:0}.blog-card-title a:focus-visible{outline:none}.blog-card-title a:focus-visible:after{outline:2px solid var(--primary);outline-offset:8px}.blog-card-excerpt{font-size:var(--type-body-sm);color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-read{width:fit-content;font-size:var(--type-link);align-items:center;gap:6px;margin-top:18px;padding-bottom:4px;font-weight:500;display:inline-flex;position:relative}.blog-read:after{content:"";background:var(--primary);width:33%;height:2px;transition:width .35s var(--blog-ease);position:absolute;bottom:0;left:0}.blog-card:hover .blog-read:after,.blog-card:focus-within .blog-read:after{width:100%}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px;display:grid}.blog-feature{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;margin-bottom:88px;padding-bottom:88px;display:grid}.blog-feature-media{aspect-ratio:3/2}.blog-feature-label{color:var(--label-accent)}.blog-feature .blog-meta{margin-top:18px}.blog-feature-title{letter-spacing:-.015em;margin-top:16px;font-size:44px;line-height:1.12}.blog-feature .blog-card-excerpt{font-size:var(--type-body);line-height:var(--type-body-lh);-webkit-line-clamp:4;margin-top:20px}.blog-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:96px;padding-top:32px;display:flex}.blog-pagination ol{gap:8px;display:flex}.blog-page-number{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;min-width:44px;height:44px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s;display:grid}a.blog-page-number:hover{border-color:var(--primary);color:var(--primary)}.blog-page-number.is-current{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.blog-page-step{min-height:44px;font-size:var(--type-link);align-items:center;gap:8px;font-weight:500;display:inline-flex}a.blog-page-step:hover{color:var(--primary)}.blog-page-step.is-disabled{color:var(--muted-foreground);cursor:default}.blog-list-back{margin-top:72px}.blog-article-hero{isolation:isolate;color:var(--on-dark);background:var(--ink);padding-bottom:210px;position:relative}.blog-article-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 80% at 92% 0%, color-mix(in oklab, var(--primary) 26%, transparent), transparent 70%);position:absolute;inset:0}.blog-article-head{padding-top:64px}.blog-crumbs ol{color:var(--on-dark-muted);flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.blog-crumbs li+li:before{content:"/";opacity:.5;margin-right:10px}.blog-crumbs a{margin-block:-6px;padding-block:6px;transition:color .2s;display:inline-block}.blog-crumbs a:hover{color:var(--on-dark)}.blog-article-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:1060px;margin-top:36px;font-size:64px;line-height:1.1}.blog-article-meta{border-top:1px solid var(--line-dark);flex-wrap:wrap;gap:18px 48px;max-width:1060px;margin-top:44px;padding-top:24px;display:flex}.blog-article-meta dt{font-size:var(--type-label-min);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted);font-weight:600}.blog-article-meta dd{margin-top:6px;font-size:14px}.blog-cover{margin-top:-150px;position:relative}.blog-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--muted);width:100%;height:auto;box-shadow:0 40px 80px -50px color-mix(in oklab, var(--ink) 70%, transparent);display:block}.blog-article-layout{grid-template-columns:240px minmax(0,720px);justify-content:center;gap:0 96px;padding-block:88px 120px;display:grid}.blog-article{grid-area:1/2;min-width:0}.blog-article-aside{grid-area:1/1;align-self:start;gap:36px;display:grid;position:sticky;top:32px}.blog-aside-block{border-top:1px solid var(--border);padding-top:18px}.blog-aside-label{font-size:var(--type-label-min);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-weight:600}.blog-aside-topics{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.blog-aside-cta p:not(.blog-aside-label){font-size:var(--type-body-sm);color:var(--muted-foreground);margin-top:12px;line-height:1.7}.blog-aside-cta .inline-link{margin-top:16px}.blog-article-back{border-top:1px solid var(--border);grid-area:2/2;margin-top:64px;padding-top:28px}.blog-prose{color:color-mix(in oklab, var(--foreground) 88%, var(--paper));overflow-wrap:break-word;font-size:17px;line-height:1.8}.blog-prose>*+*{margin-top:1.15em}.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{font-family:var(--font-display);color:var(--foreground);letter-spacing:-.01em;text-wrap:balance;font-weight:500}.blog-prose h2{margin-top:2.1em;font-size:32px;line-height:1.22}.blog-prose h3{margin-top:1.9em;font-size:24px;line-height:1.3}.blog-prose h4{margin-top:1.8em;font-size:20px;line-height:1.35}.blog-prose h5,.blog-prose h6{margin-top:1.7em;font-size:18px;line-height:1.4}.blog-prose h2+*,.blog-prose h3+*,.blog-prose h4+*,.blog-prose h5+*,.blog-prose h6+*{margin-top:.7em}.blog-prose>:first-child{margin-top:0}.blog-prose>p:first-child{color:var(--foreground);font-size:20px;line-height:1.65}.blog-prose>p.blog-drop-cap{display:flow-root}.blog-prose>p.blog-drop-cap:first-letter{float:left;font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);margin:.055em .16em 0 -.03em;font-size:5.2em;font-style:normal;font-weight:500;line-height:.8}.blog-prose strong{color:var(--foreground);font-weight:600}.blog-prose a{color:var(--foreground);background-image:linear-gradient(var(--brand-accent), var(--brand-accent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 100%;background-repeat:no-repeat;background-size:33% 2px;text-decoration:none;transition:background-size .28s,color .18s}.blog-prose a:hover,.blog-prose a:focus-visible{color:var(--primary);background-size:100% 2px}@media (prefers-reduced-motion:reduce){.blog-prose a{transition:none}}.blog-prose a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.blog-prose ul,.blog-prose ol{padding-left:1.35em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{padding-left:.25em}.blog-prose li+li{margin-top:.5em}.blog-prose li::marker{color:var(--primary)}.blog-prose li>h3,.blog-prose li>h4{margin:0;font-size:22px;display:inline}.blog-prose blockquote{border-left:3px solid var(--primary);font-family:var(--font-display);color:var(--foreground);padding-left:24px;font-size:22px;line-height:1.5}.blog-prose figure{margin-block:2.4em}.blog-prose>aside{border-left:3px solid var(--primary);margin-block:2.2em;padding:6px 0 6px 24px}.blog-prose>aside p{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);text-wrap:balance;font-size:24px;line-height:1.4}.blog-prose figcaption{font-size:var(--type-small);color:var(--muted-foreground);margin-top:12px;line-height:1.7}.blog-closing-cta{margin-top:40px}.blog-prose figure img{border-radius:var(--radius-lg);background:var(--muted);width:100%;height:auto;display:block}.blog-related{background:var(--blog-warm);padding-block:96px 112px}.blog-related-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;display:flex}.blog-related h2{font-size:var(--type-h2);line-height:var(--type-h2-lh)}.studio-blog+.contact-section{margin-top:0}@media (prefers-reduced-motion:reduce){.blog-card-media img,.blog-card-title a,.blog-read:after{transition:none}.blog-card:hover .blog-card-media img{transform:none}}.blog-hero-line{display:block}@media (width<=1100px){.blog-hero.internal-page-hero{--internal-hero-title-space:calc(2 * 70px * 1.07)}.blog-hero h1{font-size:70px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}.blog-related .blog-grid>:nth-child(3){display:none}.blog-feature{gap:40px}.blog-feature-title{font-size:36px}.blog-article-hero h1{font-size:52px}.blog-article-layout{grid-template-columns:200px minmax(0,1fr);gap:0 56px}}@media (width<=767px){.blog-hero.internal-page-hero{--internal-hero-title-space:calc(3 * 46px * 1.12)}.blog-hero h1{text-wrap:balance;font-size:46px;line-height:1.12}.blog-hero h1 br{display:none}.blog-list{padding-block:56px 80px}.blog-list-head{margin-bottom:40px}.blog-topics{--blog-gutter:24px;margin-inline:calc(var(--blog-gutter) * -1)}.blog-topics ul{padding-inline:var(--blog-gutter);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.blog-topics ul::-webkit-scrollbar{display:none}.blog-grid{grid-template-columns:minmax(0,1fr);gap:52px}.blog-related .blog-grid>:nth-child(3){display:flex}.blog-hero-line{display:inline}.blog-feature{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:56px;padding-bottom:56px}.blog-feature-body{padding-top:24px}.blog-feature-title{font-size:30px;line-height:1.18}.blog-card-title{font-size:21px}.blog-pagination{flex-wrap:wrap;justify-content:center;margin-top:64px}.blog-pagination ol{order:-1;justify-content:center;width:100%}.blog-article-hero{padding-bottom:96px}.blog-article-head{padding-top:40px}.blog-article-hero h1{letter-spacing:-.015em;margin-top:28px;font-size:36px;line-height:1.16}.blog-article-meta{gap:16px 28px;margin-top:32px;padding-top:20px}.blog-article-meta dd{font-size:13px}.blog-cover{margin-top:-64px}.blog-cover img{aspect-ratio:3/2}.blog-article-layout{grid-template-columns:minmax(0,1fr);padding-block:48px 80px}.blog-article,.blog-article-aside{grid-column:1}.blog-article-aside{grid-row:2;gap:28px;margin-top:56px;position:static}.blog-article-back{grid-area:3/1;margin-top:56px}.blog-prose{font-size:16px;line-height:1.78}.blog-prose>aside p{font-size:20px}.blog-prose>p:first-child{font-size:18px;line-height:1.65}.blog-prose h2{font-size:26px}.blog-prose h3,.blog-prose li>h3{font-size:21px}.blog-prose h4{font-size:19px}.blog-prose h5,.blog-prose h6{font-size:17px}.blog-prose blockquote{padding-left:18px;font-size:19px}.blog-related{padding-block:72px 80px}.blog-related-head{flex-direction:column;align-items:flex-start;margin-bottom:36px}}@media (width<=380px){.blog-topics{--blog-gutter:18px}.blog-hero.internal-page-hero{--internal-hero-title-space:calc(3 * 42px * 1.12)}.blog-hero h1{font-size:42px}.blog-article-hero h1{font-size:32px}}@media (width>=768px) and (width<=1023px){.blog-feature{grid-template-columns:minmax(0,1fr);gap:0}.blog-feature-body{max-width:640px;padding-top:28px}}@media (width>=1101px){.blog-topics ul{gap:8px}.blog-topic{padding-inline:14px}}@media (width<=767px){.blog-hero.is-topic .internal-page-hero-content>h1{min-height:0}}@supports (grid-template-rows:subgrid){@media (width>=768px){.blog-grid>.blog-card{grid-row:span 5;grid-template-rows:subgrid;align-content:start;row-gap:0;display:grid}.blog-grid>.blog-card>.blog-read{align-self:end}}}.blog-cover.blog-cover-screenshot img{aspect-ratio:auto;object-fit:contain}
