:root{--blog-bg:var(--hy-bg-dark,#0a0a0a);--blog-panel:var(--hy-bg-card,#131313);--blog-panel-strong:var(--hy-bg-card-hover,#1a1a1a);--blog-text:var(--hy-text,#fff);--blog-muted:var(--hy-text-muted,#fff9);--blog-line:var(--hy-border,#ffffff14);--blog-accent:var(--hy-primary,#7c3aed);--blog-max:1350px;--color-mode-previz:#4b6cb7;--color-mode-product:#059669;--color-mode-avatar:#7c3aed;--color-mode-video:#b91c1c;--color-mode-video-edit:#a52a4a;--color-mode-edit:#c2410c;--color-mode-image-gen:#cfa321;--color-mode-upscale:#0891b2;--color-mode-extract:#16a34a;--color-mode-audio:#ec4899;--color-mode-voice:#ef6f80;--color-mode-compositor:#2563eb;--color-mode-compose-render:#0f766e;--color-mode-reference:#1a1a1a;--editorial-sidebar-width:300px;--editorial-gap:clamp(64px, 4vw, 88px);--editorial-copy:#ffffffbd;--editorial-heading:#fffffff5}html{scroll-behavior:auto}.blog-body{color:var(--blog-text);background:var(--blog-bg);font-family:"Outfit", var(--hy-font-display,system-ui, sans-serif);-webkit-font-smoothing:antialiased;margin:0}.blog-body .blog-site,.blog-body .blog-site button,.blog-body .blog-site input,.blog-body .blog-site select,.blog-body .blog-site textarea{font-family:"Outfit", var(--hy-font-display,system-ui, sans-serif)}.blog-body *,.blog-body :before,.blog-body :after{box-sizing:border-box}.blog-body a:not(.hy-btn){color:inherit}.blog-body img{max-width:100%;display:block}.blog-shell{min-height:70vh}.blog-container{width:100%;max-width:var(--blog-max);margin-inline:auto;padding-inline:16px}.blog-hero,.blog-directory-hero{background:radial-gradient(circle at 78% 35% in oklch, color-mix(in oklch, var(--hy-primary,#7c3aed) 12%, transparent) 0%, color-mix(in oklch, var(--hy-primary,#7c3aed) 5%, transparent) 45%, transparent 100%), linear-gradient(180deg in oklch, color-mix(in oklch, var(--hy-primary,#7c3aed) 6%, #0a0a0a) 0%, color-mix(in oklch, var(--hy-primary,#7c3aed) 4%, #0b0b0b) 40%, var(--hy-bg-dark) 100%);border-bottom:0;padding:clamp(120px,12vw,165px) 0 clamp(42px,6vw,72px);position:relative;overflow:hidden}.blog-hero:after,.blog-directory-hero:after{content:"";pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 1'/%3E%3CfeFuncG type='discrete' tableValues='0 1'/%3E%3CfeFuncB type='discrete' tableValues='0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 50%)}.blog-hero>*,.blog-directory-hero>*{z-index:1;position:relative}.blog-hero__kicker,.blog-section__kicker{color:var(--blog-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:.75rem;font-weight:700}.blog-hero h1,.blog-directory-hero h1{letter-spacing:-.035em;max-width:860px;margin:0;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:520;line-height:.98}.blog-hero__intro{max-width:700px;color:var(--blog-muted);margin:32px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.blog-directory-hero--compact{padding:clamp(128px,10vw,158px) 0 clamp(50px,5.5vw,66px)}.blog-directory-hero--compact .blog-container{grid-template-columns:minmax(0,680px) minmax(260px,410px);justify-content:space-between;align-items:end;gap:26px 72px;display:grid}.blog-directory-hero--compact .blog-hero__kicker{grid-column:1/-1;margin-bottom:4px}.blog-directory-hero--compact h1{font-size:clamp(2.55rem,4.2vw,4rem)}.blog-directory-hero--compact .blog-hero__intro{margin:0 0 6px;font-size:clamp(1rem,1.4vw,1.15rem)}.content-directory{padding-block:40px clamp(76px,9vw,116px)}.content-directory__toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;display:flex}.content-filter{border-bottom:1px solid var(--blog-line);grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;padding:24px 0;display:grid}.content-filter--blog{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.content-filter--inline{border:0;flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:0;display:flex}.content-filter--inline .content-select{gap:0;width:210px}.content-filter--inline .content-select__label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.content-filter--inline .content-select__trigger,.content-filter--inline .content-filter__reset{min-height:40px;padding-inline:12px;font-size:.82rem}.content-select{gap:8px;min-width:0;display:grid;position:relative}.content-select__label{color:var(--blog-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.content-select__trigger,.content-filter__reset{border:1px solid var(--blog-line);min-height:46px;color:var(--blog-text);background:var(--blog-panel);border-radius:4px;padding:0 14px;font-size:.9rem}.content-select__trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;font-weight:520;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.content-select__trigger:hover,.content-select[data-open] .content-select__trigger{border-color:color-mix(in srgb, var(--hy-primary,#7c3aed) 62%, white 12%);background:var(--blog-panel-strong)}.content-select__trigger:focus-visible,.content-select__option:focus-visible,.content-filter__reset:focus-visible{outline:2px solid color-mix(in srgb, var(--hy-primary,#7c3aed) 72%, white);outline-offset:2px}.content-select__selection,.content-select__option-name{align-items:center;gap:9px;min-width:0;display:flex}.content-select__selection>:last-child,.content-select__option-name>:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-select__selected-icon,.content-select__option-icon{width:15px;height:15px;color:var(--option-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.content-select__selected-icon[hidden]{display:none}.content-select__mode-icon{width:15px;height:15px}.content-select__chevron{color:var(--blog-muted);flex:none;transition:transform .16s,color .16s}.content-select[data-open] .content-select__chevron{color:var(--blog-text);transform:rotate(180deg)}.content-select__menu{z-index:30;border:1px solid color-mix(in srgb, var(--blog-line) 78%, white 10%);background:#121419;border-radius:4px;max-height:270px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 46px #0000007a}.content-select__menu[hidden]{display:none}.content-select__option{width:100%;min-height:38px;color:var(--blog-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;padding:7px 9px;font-size:.86rem;display:flex}.content-select__option:hover,.content-select__option:focus-visible{color:var(--blog-text);background:#ffffff0e}.content-select__option[aria-selected=true]{color:var(--blog-text);background:color-mix(in srgb, var(--hy-primary,#7c3aed) 14%, transparent)}.content-select__check{color:var(--hy-primary,#7c3aed);opacity:0;flex:none}.content-select__option[aria-selected=true] .content-select__check{opacity:1}.content-filter__reset{cursor:pointer;transition:border-color .16s,color .16s,background .16s}.content-filter__reset:hover{color:#fff;background:var(--blog-panel-strong);border-color:#ffffff59}.content-filter__reset[hidden]{display:none}.content-filter__count{color:var(--blog-muted);margin:0;font-size:.88rem}.content-filter__empty{margin-top:24px}.content-directory-actions{flex:none;align-items:center;gap:18px;display:flex}.content-directory-actions a{color:var(--blog-muted);text-underline-offset:4px;font-size:.84rem}.content-directory-actions .content-rss-link{align-items:center;gap:6px;display:inline-flex}.blog-hero__back{color:var(--blog-muted);margin-bottom:24px;font-size:.86rem;text-decoration:none;display:inline-flex}.blog-hero__back:hover{color:var(--blog-text)}.blog-section{padding-block:clamp(56px,8vw,100px)}.blog-section__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.blog-section__heading h1,.blog-section__heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.blog-section__heading a{color:var(--blog-muted);text-underline-offset:5px}.blog-grid{gap:28px 22px;display:grid}.blog-grid--articles{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-grid--tutorials{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.blog-card{background:linear-gradient(#161616 0%,#111 100%);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;min-width:0;transition:box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0006}.blog-card:hover{border-color:color-mix(in srgb, var(--hy-primary,#7c3aed) 30%, transparent);box-shadow:0 4px 20px #00000080, 0 0 15px color-mix(in srgb, var(--hy-primary,#7c3aed) 12%, transparent)}[data-content-item][hidden]{display:none}.blog-card__media{background:#171a20;display:block;position:relative;overflow:hidden}.blog-card--article .blog-card__media{aspect-ratio:4/3}.blog-card--tutorial .blog-card__media{aspect-ratio:16/9}.blog-card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.blog-card:hover .blog-card__media>img{transform:scale(1.025)}.blog-card__placeholder{background:#12141a;place-items:center;width:100%;height:100%;display:grid}.blog-card__placeholder img{opacity:.85;width:56px;height:56px}.blog-card__play{background:linear-gradient(#0000 50%,#00000040);place-items:center;display:grid;position:absolute;inset:0}.blog-card__play span{color:#090b0e;text-indent:2px;background:#ffffffe6;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.85rem;display:grid;box-shadow:0 8px 30px #00000047}.blog-card__content{border-top:0;flex-direction:column;flex:1;padding:21px;display:flex}.blog-card--tutorial .blog-card__content{padding:24px}.blog-card__eyebrow,.blog-article__eyebrow{color:var(--blog-muted);letter-spacing:.1em;text-transform:uppercase;gap:10px;font-size:.73rem;font-weight:700;display:flex}.blog-body .blog-card__eyebrow>:first-child,.blog-body .blog-article__eyebrow>:first-child{color:color-mix(in srgb, var(--content-accent,var(--blog-accent)) 72%, white);text-decoration:none}.blog-card h2{letter-spacing:-.03em;margin:14px 0 9px;font-size:1.28rem;line-height:1.16}.blog-card--tutorial h2{font-size:clamp(1.35rem,2vw,1.75rem)}.blog-card h2 a{text-decoration:none}.blog-card p{color:var(--blog-muted);margin:0;line-height:1.5}.blog-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.blog-card--article .blog-card__description{-webkit-line-clamp:4}.blog-card__meta{color:var(--blog-muted);flex-wrap:wrap;gap:8px 15px;margin-top:auto;padding-top:22px;font-size:.78rem;display:flex}.content-taxonomy{flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0;list-style:none;display:flex}.content-taxonomy__item{border:1px solid color-mix(in srgb, var(--taxonomy-color) 24%, var(--blog-line));min-height:27px;color:color-mix(in srgb, var(--taxonomy-color) 34%, var(--blog-text));background:color-mix(in srgb, var(--taxonomy-color) 6%, var(--blog-panel));border-radius:3px;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;font-weight:520;line-height:1;display:inline-flex}.content-taxonomy__icon-wrap{color:var(--taxonomy-color);display:inline-flex}.content-taxonomy__icon{width:15px;height:15px}.content-taxonomy--compact{gap:6px;margin-top:18px}.content-taxonomy--compact .content-taxonomy__item{min-height:24px;padding-inline:7px;font-size:.7rem}.content-taxonomy--compact .content-taxonomy__icon{width:13px;height:13px}.tutorial-summary-meta{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.tutorial-duration{color:var(--blog-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tutorial-difficulty{color:var(--blog-muted);text-transform:capitalize;align-items:center;gap:10px;display:inline-flex}.tutorial-difficulty:before{content:"";background:currentColor;border-radius:50%;width:2px;height:2px}.tutorial-summary-meta--compact{margin-top:auto;padding-top:20px}.tutorial-summary-meta--compact .tutorial-duration,.tutorial-summary-meta--compact .tutorial-difficulty{font-size:.76rem}.blog-empty{border:1px dashed var(--blog-line);color:var(--blog-muted);text-align:center;border-radius:6px;padding:70px 24px}.blog-article{width:100%;max-width:var(--blog-max);margin-inline:auto;padding:clamp(110px,11vw,150px) 16px 100px}.content-breadcrumbs{color:var(--blog-muted);white-space:nowrap;align-items:center;gap:10px;margin-bottom:42px;font-size:.82rem;display:flex;overflow:hidden}.content-breadcrumbs a{text-decoration:none}.content-breadcrumbs>:last-child{text-overflow:ellipsis;overflow:hidden}.blog-article__header{width:100%;max-width:none;margin:0 0 clamp(42px,6vw,68px)}.blog-article__header h1{letter-spacing:-.035em;margin:18px 0;font-size:clamp(2.55rem,5.2vw,4.8rem);font-weight:500;line-height:1.02}.blog-article__dek{color:#ffffffd1;max-width:760px;margin:0;font-size:clamp(1.12rem,2vw,1.32rem);font-weight:400;line-height:1.52}.blog-article__byline{color:var(--blog-muted);flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:.85rem;display:flex}.blog-article__grid{grid-template-columns:minmax(0, 1fr) var(--editorial-sidebar-width);gap:var(--editorial-gap);width:100%;display:grid}.blog-article__main{min-width:0}.blog-article__grid--single{max-width:960px;display:block}.blog-article__cover,.tutorial-video{border:1px solid var(--blog-line);background:#111318;border-radius:6px;margin:0 0 clamp(42px,6vw,64px);overflow:hidden}.blog-article__cover img{width:100%;height:auto}.blog-prose{width:100%;color:var(--editorial-copy);font-size:1.15rem;line-height:1.75}.blog-prose>*{width:100%}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin:0}.blog-prose p+p{margin-top:1.05em}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--editorial-heading);letter-spacing:-.025em;scroll-margin-top:100px;font-weight:540;line-height:1.2}.blog-prose h2{margin:3.2rem 0 .85rem;font-size:clamp(1.85rem,3.2vw,2.5rem)}.blog-prose h3{color:#ffffffe0;margin:2.2rem 0 .6rem;font-size:clamp(1.34rem,2vw,1.62rem)}.blog-prose h4{color:#ffffffc7;letter-spacing:-.01em;margin:1.6rem 0 .45rem;font-size:1.08rem;font-weight:600}.blog-prose h2+p,.blog-prose h3+p,.blog-prose h4+p{margin-top:0}.blog-prose ul,.blog-prose ol{margin:1.25em 0;padding-left:1.35em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li::marker{color:var(--content-accent,var(--blog-accent));font-weight:600}.blog-prose li+li{margin-top:.45em}.blog-prose a{color:color-mix(in srgb, var(--content-accent,var(--blog-accent)) 72%, white);text-underline-offset:4px}.blog-prose blockquote{border-left:2px solid var(--content-accent,var(--blog-accent));color:var(--blog-text);margin:2.2em 0;padding:10px 0 10px 26px;font-size:1.28rem;line-height:1.6}.blog-prose pre{border:1px solid var(--blog-line);background:#0d0f13;border-radius:5px;padding:22px;font-size:.88rem;overflow-x:auto}.blog-prose :not(pre)>code{background:var(--blog-panel-strong);border-radius:3px;padding:.16em .4em;font-size:.9em}.blog-prose hr{border:0;border-top:1px solid var(--blog-line);margin:3.5em 0}.blog-article__sidebar,.blog-tutorial__sidebar{align-self:start;gap:16px;display:grid;position:sticky;top:100px}.content-author-card,.content-meta-card,.content-link-list{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:6px;padding:22px}.content-author-card{grid-template-columns:42px 1fr;gap:13px;display:grid}.content-author-card__mark{color:#fff;background:var(--hy-primary,#7c3aed);border-radius:4px;place-items:center;width:42px;height:42px;font-weight:750;display:grid}.content-author-card h2{margin:2px 0 0;font-size:1rem}.content-author-card p,.content-author-card time{color:var(--blog-muted);font-size:.82rem}.content-author-card__bio{grid-column:1/-1;margin:4px 0 0;line-height:1.5}.content-sidebar__label{letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb, var(--content-accent,var(--blog-accent)) 72%, white)!important;margin:0 0 8px!important;font-size:.68rem!important}.content-meta-card>a{font-weight:600;text-decoration:none}.content-link-list{gap:0;display:grid}.content-link-list a{border-top:1px solid var(--blog-line);color:var(--blog-muted);padding:12px 0;font-size:.86rem;line-height:1.35;text-decoration:none}.content-link-list a:hover{color:var(--blog-text)}.content-related{border-top:1px solid var(--blog-line);margin-top:clamp(72px,10vw,130px);padding-top:clamp(56px,7vw,88px)}.content-sidebar-panel{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:6px;display:block;overflow:hidden}.content-sidebar-panel>*{background:0 0;border:0;border-radius:0;margin:0}.content-sidebar-panel>*+*{border-top:1px solid var(--blog-line)}.content-sidebar-panel .tutorial-result-card{padding:0}.tutorial-video{aspect-ratio:16/9;position:relative}.tutorial-video iframe,.tutorial-video mux-player{border:0;width:100%;height:100%}.blog-tutorial__watch--playlist{grid-template-columns:minmax(0, var(--blog-max)) 400px;width:min(calc(100vw - 32px), calc(var(--blog-max) + 400px));border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:6px;align-items:stretch;gap:0;margin:0 50% clamp(42px,6vw,64px);display:grid;overflow:hidden;transform:translate(-50%)}.blog-tutorial__watch--playlist .blog-article__cover,.blog-tutorial__watch--playlist .tutorial-video{border:0;border-radius:0;margin-bottom:0}.blog-tutorial__watch-playlist{border-left:1px solid var(--blog-line);background:var(--blog-panel);min-width:0;overflow:hidden}.blog-tutorial__watch-playlist .tutorial-playlist-nav--watch{flex-direction:column;height:100%;min-height:0;padding:0;display:flex}.blog-tutorial__watch-playlist .tutorial-playlist-nav__header{width:100%;padding:22px 22px 0;display:block}.blog-tutorial__watch-playlist .tutorial-playlist-nav__header>div,.blog-tutorial__watch-playlist .tutorial-playlist-nav__header h2{width:100%}.blog-tutorial__watch-playlist .tutorial-playlist-nav__header p{margin-top:0}.blog-tutorial__watch-playlist .tutorial-playlist-nav__header h2{font-size:1.05rem;line-height:1.25}.blog-tutorial__watch-playlist .tutorial-playlist-nav__meta{margin:0;padding:14px 22px 20px}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorials{border-top:1px solid var(--blog-line);flex:1;margin:0;display:block;overflow:hidden auto}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorials li:last-child{border-bottom:0}.blog-tutorial__watch-playlist .tutorial-playlist-nav--watch .tutorial-playlist-nav__tutorials a,.blog-tutorial__watch-playlist .tutorial-playlist-nav--watch .tutorial-playlist-nav__tutorials .is-current a{border-radius:0;grid-template-columns:178px minmax(0,1fr);align-items:stretch;gap:0;min-height:100px;margin:0;padding:0;display:grid}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorials .is-current a{background:color-mix(in srgb, var(--content-accent) 7%, transparent)}.blog-tutorial__watch-playlist .tutorial-playlist-nav--watch .tutorial-playlist-nav__tutorials li.is-current a{border-radius:0!important;margin-inline:0!important;padding:0!important}.blog-tutorial__watch-playlist .tutorial-playlist-nav__thumbnail{width:178px;height:auto;min-height:100px;color:var(--blog-muted);font-family:var(--hy-font-mono,monospace);background:#0c0d10;align-self:stretch;place-items:center;font-size:.68rem;display:grid;overflow:hidden}.blog-tutorial__watch-playlist .tutorial-playlist-nav__thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorial-copy{align-content:center;padding:14px 16px}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorial-copy strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.blog-tutorial__watch-playlist .tutorial-playlist-nav__tutorial-copy small{font-size:.7rem}.blog-tutorial__header{max-width:none}.blog-tutorial__title-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.blog-tutorial__title-row h1{max-width:860px}.blog-tutorial__quick-meta{justify-content:flex-end;padding-bottom:18px;display:flex}.blog-tutorial__grid{grid-template-columns:minmax(0, 1fr) var(--editorial-sidebar-width);gap:var(--editorial-gap);width:100%;display:grid}.tutorial-result-card{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:6px;margin:0;overflow:hidden}.tutorial-result-card img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.tutorial-result-card figcaption{color:var(--blog-muted);text-align:center;padding:13px 16px;font-size:.82rem}.tutorial-meta-card,.project-download{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:6px;padding:22px}.tutorial-meta-card h2,.project-download h2{margin:0 0 14px;font-size:1rem}.software-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.software-list li{color:var(--blog-muted);justify-content:space-between;align-items:baseline;gap:14px;font-size:.9rem;display:flex}.software-list a,.software-list span{color:var(--blog-text);text-decoration:none}.software-list small{color:var(--blog-muted)}.project-download{background:var(--blog-panel)}.project-download__eyebrow{color:color-mix(in srgb, var(--content-accent,var(--blog-accent)) 72%, white);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.project-download p{color:var(--blog-muted);margin:-6px 0 18px;font-size:.82rem}.project-download>a{border:1px solid color-mix(in srgb, var(--hy-primary,#7c3aed) 72%, white);color:#fff;background:var(--hy-primary,#7c3aed);text-align:center;border-radius:4px;padding:12px 15px;font-weight:650;text-decoration:none;display:block}.project-download details{color:var(--blog-muted);margin-top:14px;font-size:.75rem}.project-download code{overflow-wrap:anywhere;margin-top:8px;display:block}.tutorial-prerequisites{border:1px solid var(--blog-line);border-left:2px solid var(--content-accent,var(--blog-accent));background:var(--blog-panel);border-radius:4px;margin-bottom:34px;padding:24px}.tutorial-prerequisites h2{margin-top:0;font-size:1.25rem}.playlist-detail__header{max-width:980px;margin-bottom:clamp(56px,7vw,84px)}.playlist-detail__eyebrow{align-items:center}.playlist-detail__eyebrow span{align-items:center;gap:6px;display:inline-flex}.playlist-detail__header h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2.8rem,5.6vw,5.3rem);font-weight:500;line-height:.98}.playlist-detail__meta{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:26px;font-size:.84rem;display:flex}.playlist-detail__meta>span:first-child{align-items:center;gap:10px;display:inline-flex}.playlist-detail__meta>span:first-child:after{content:"";background:currentColor;border-radius:50%;width:2px;height:2px}.playlist-detail__tutorial-list{gap:16px;display:grid}@media (width<=1180px){.blog-grid--articles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1080px){.blog-directory-hero--compact .blog-container{display:block}.blog-directory-hero--compact .blog-hero__kicker{margin-bottom:16px}.blog-directory-hero--compact .blog-hero__intro{margin-top:24px}.content-directory__toolbar{flex-direction:column;align-items:flex-start}.content-filter--inline{width:100%}.content-filter--inline .content-select{width:min(240px,50% - 4px)}.blog-grid--articles,.blog-grid--tutorials,.content-filter,.content-filter--blog{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article__grid,.blog-tutorial__grid,.blog-tutorial__watch--playlist{grid-template-columns:1fr;width:100%;margin-left:0;margin-right:0;transform:none}.blog-tutorial__watch-playlist{border-top:1px solid var(--blog-line);border-left:0}.blog-article__sidebar,.blog-tutorial__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.blog-tutorial__sidebar{grid-row:1}.blog-tutorial__title-row{flex-direction:column;align-items:start;gap:0}.blog-tutorial__quick-meta{justify-content:flex-start;padding:0 0 24px}}@media (width<=620px){.blog-container{padding-inline:20px}.blog-directory-hero--compact{padding-top:112px;padding-bottom:44px}.content-directory{padding-top:32px}.content-directory__toolbar{margin-bottom:32px}.content-filter--inline .content-select,.content-filter--inline .content-filter__reset{width:100%}.content-directory-actions{justify-content:space-between;width:100%}.blog-article{width:100%;padding-left:16px;padding-right:16px}.blog-grid--articles,.blog-grid--tutorials,.content-filter,.content-filter--blog{grid-template-columns:1fr}.blog-section__heading{flex-direction:column;align-items:start}.blog-article__sidebar,.blog-tutorial__sidebar{grid-template-columns:1fr}.content-breadcrumbs{margin-bottom:30px}.blog-article__header h1{font-size:clamp(2.45rem,12vw,3.65rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-card__media img{transition:none}}.blog-body .blog-site{overflow-x:clip}.blog-article--journal{--article-copy:760px;--article-wide:min(1080px, 100%);--article-full:100%}.blog-article--journal .blog-article__grid{max-width:none;display:block}.blog-article--journal .blog-prose{grid-template-columns:[bleed-start] minmax(0, 1fr) [full-start] minmax(0, max(0px, calc((var(--article-full) - var(--article-wide)) / 2))) [wide-start] minmax(0, max(0px, calc((var(--article-wide) - var(--article-copy)) / 2))) [copy-start] min(var(--article-copy), 100%) [copy-end] minmax(0, max(0px, calc((var(--article-wide) - var(--article-copy)) / 2))) [wide-end] minmax(0, max(0px, calc((var(--article-full) - var(--article-wide)) / 2))) [full-end] minmax(0, 1fr) [bleed-end];display:grid}.blog-article--journal .blog-prose>*{grid-column:copy}.blog-article--journal .blog-prose>[data-rail=wide]{grid-column:wide}.blog-article--journal .blog-prose>[data-rail=full]{grid-column:full}.blog-article--journal .blog-prose>[data-rail=bleed]{--gen-bleed-gutter:clamp(16px, 4vw, 44px);grid-column:bleed;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.blog-article--journal .blog-prose>[data-rail=bleed] .gen-gallery__head,.blog-article--journal .blog-prose>[data-rail=bleed]>figcaption,.blog-article--journal .blog-prose>[data-rail=bleed].gen-gallery .gen-gallery__track{padding-inline:var(--gen-bleed-gutter)}.blog-article--journal .blog-article__cover{max-width:none}.blog-article__closing{width:100%;max-width:var(--article-copy,748px);margin:clamp(52px,6vw,76px) 0 0}@media (width<=1024px){.blog-article--journal{--article-wide:100%}}.blog-prose>.gen-gallery+.gen-card--recipe{margin-top:calc(-1*clamp(3rem,6vw,4.6rem) - 10px)}.blog-prose>.gen-gallery+.gen-card--recipe .gen-card__inner{background:linear-gradient(#0000,#0e0f12 clamp(40px,6vw,72px));border-top:0;border-radius:0 0 10px 10px}.blog-prose>.gen-gallery+.gen-card--recipe .gen-card__spec{padding-top:clamp(30px,5vw,52px)}