.BlogCategoryBadge-module__73Uo_W__badge{font-family:var(--font-body);font-weight:var(--weight-medium);border-radius:var(--radius-full);color:var(--accent,var(--ink));background-color:color-mix(in srgb, var(--accent,var(--ink)) 7.84%, transparent);display:inline-block}.BlogCategoryBadge-module__73Uo_W__sm{font-size:var(--text-2xs);padding:var(--space-0-5) var(--space-2-5)}.BlogCategoryBadge-module__73Uo_W__md{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=typography]{--accent:var(--cat-typography)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=branding]{--accent:var(--cat-branding)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=product-design]{--accent:var(--cat-product-design)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=web-design]{--accent:var(--cat-web-design)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=design-systems]{--accent:var(--cat-design-systems)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=graphic-design]{--accent:var(--cat-graphic-design)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=ux-research]{--accent:var(--cat-ux-research)}.BlogCategoryBadge-module__73Uo_W__badge[data-category=design-culture]{--accent:var(--cat-design-culture)}
.BlogSourceAttribution-module__if_8aa__panel{margin-top:var(--space-10);padding:var(--space-6);border-radius:var(--radius-lg);background-color:var(--surface-sunken);border:1px solid var(--rule-faint)}.BlogSourceAttribution-module__if_8aa__heading{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-35);margin-bottom:var(--space-3)}.BlogSourceAttribution-module__if_8aa__list>li+li{margin-top:var(--space-2)}.BlogSourceAttribution-module__if_8aa__link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent-rust);text-underline-offset:2px;transition:color var(--dur-base) var(--ease-standard);text-decoration:underline}.BlogSourceAttribution-module__if_8aa__host{margin-top:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-35);display:block}.BlogSourceAttribution-module__if_8aa__record{margin-top:var(--space-3);gap:var(--space-1);display:grid}.BlogSourceAttribution-module__if_8aa__row{gap:var(--space-2);grid-template-columns:7.5rem 1fr;align-items:baseline;display:grid}.BlogSourceAttribution-module__if_8aa__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-35)}.BlogSourceAttribution-module__if_8aa__value{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-60);margin:0}.BlogSourceAttribution-module__if_8aa__colophon{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--rule)}.BlogSourceAttribution-module__if_8aa__aboutHeading,.BlogSourceAttribution-module__if_8aa__askedHeading{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--rule);}.BlogSourceAttribution-module__if_8aa__statement{max-width:62ch;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-60);text-wrap:pretty;margin:0;line-height:1.6}.BlogSourceAttribution-module__if_8aa__brief{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.BlogSourceAttribution-module__if_8aa__brief>li{color:var(--ink-55)}@media (max-width:30rem){.BlogSourceAttribution-module__if_8aa__row{grid-template-columns:1fr;gap:0}.BlogSourceAttribution-module__if_8aa__row+.BlogSourceAttribution-module__if_8aa__row{margin-top:var(--space-2)}}
.BlogArticleCard-module__f86QkG__link{text-decoration:none;display:block}.BlogArticleCard-module__f86QkG__card{font-family:var(--font-brand);padding:var(--space-8);border-radius:var(--radius-card);corner-shape:squircle;background-color:var(--surface);transition:background-color var(--dur-base) ease-out}.BlogArticleCard-module__f86QkG__link:hover .BlogArticleCard-module__f86QkG__card{background-color:var(--surface-hover)}.BlogArticleCard-module__f86QkG__featured{padding:var(--space-8)}@media (min-width:768px){.BlogArticleCard-module__f86QkG__featured{padding:var(--space-9)}}.BlogArticleCard-module__f86QkG__media{corner-shape:squircle;margin:calc(var(--space-8) * -1) calc(var(--space-8) * -1) var(--space-6);border-start-start-radius:var(--radius-card);border-start-end-radius:var(--radius-card);overflow:hidden}.BlogArticleCard-module__f86QkG__featured .BlogArticleCard-module__f86QkG__media{margin:calc(var(--space-8) * -1) calc(var(--space-8) * -1) var(--space-7)}@media (min-width:768px){.BlogArticleCard-module__f86QkG__featured .BlogArticleCard-module__f86QkG__media{margin:calc(var(--space-9) * -1) calc(var(--space-9) * -1) var(--space-7)}}.BlogArticleCard-module__f86QkG__image{width:100%;height:auto;display:block}.BlogArticleCard-module__f86QkG__placeholder{background-color:var(--placeholder)}.BlogArticleCard-module__f86QkG__eyebrow{font-size:calc(var(--text-2xs) - 1px);font-weight:var(--weight-semibold);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ash);margin-bottom:var(--space-3);display:block}.BlogArticleCard-module__f86QkG__title{font-size:calc(var(--text-lg) - 1px);font-weight:var(--weight-semibold);line-height:calc((var(--text-lg) - 1px) * var(--leading-snug) - 1px);text-transform:lowercase;letter-spacing:var(--track-tight);color:var(--ink);margin-bottom:var(--space-2-5)}.BlogArticleCard-module__f86QkG__title:first-letter{text-transform:uppercase}.BlogArticleCard-module__f86QkG__featured .BlogArticleCard-module__f86QkG__title{font-size:calc(var(--text-2xl) - 1px);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.BlogArticleCard-module__f86QkG__excerpt{font-size:calc(var(--text-sm) - 1px);line-height:calc((var(--text-sm) - 1px) * var(--leading-normal) - 2px);color:var(--ash);margin-bottom:var(--space-4)}.BlogArticleCard-module__f86QkG__featured .BlogArticleCard-module__f86QkG__excerpt{max-width:var(--measure-wide);margin-bottom:var(--space-5)}.BlogArticleCard-module__f86QkG__meta{row-gap:var(--space-1);font-size:calc(var(--text-xs) - 1px);color:var(--ink-40);flex-direction:column;display:flex}.BlogArticleCard-module__f86QkG__credit{color:var(--ink-60)}
.BlogIndexClient-module__6uEbHG__bar{--bar-inset:var(--space-4);left:50%;top:var(--bar-inset);z-index:45;justify-content:space-between;align-items:center;gap:var(--space-4);max-width:calc(100vw - 2 * var(--space-4));padding-inline:var(--space-8);border-radius:var(--radius-card);corner-shape:squircle;background-color:var(--brand-surface);color:var(--brand-ink);opacity:0;transform:translate(-50%, calc(-100% - var(--bar-inset))) scale(.97);pointer-events:none;visibility:hidden;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-layout) var(--ease-out-quint), visibility 0s linear var(--dur-layout);display:flex;position:fixed}.BlogIndexClient-module__6uEbHG__barVisible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-layout) var(--ease-out-quint), visibility 0s;transform:translate(-50%)scale(1)}@media (min-width:640px){.BlogIndexClient-module__6uEbHG__bar{--bar-inset:var(--space-6)}}.BlogIndexClient-module__6uEbHG__barBrand{color:inherit;flex:0 0 25%;align-items:center;text-decoration:none;display:flex}.BlogIndexClient-module__6uEbHG__barLockup{width:100%;height:auto;overflow:visible}.BlogIndexClient-module__6uEbHG__barFilter{color:inherit;margin-top:0}.BlogIndexClient-module__6uEbHG__barFilter .BlogIndexClient-module__6uEbHG__summary,.BlogIndexClient-module__6uEbHG__barFilter .BlogIndexClient-module__6uEbHG__chevron{color:inherit}.BlogIndexClient-module__6uEbHG__barFilter .BlogIndexClient-module__6uEbHG__chevron{opacity:.7}.BlogIndexClient-module__6uEbHG__barFilter .BlogIndexClient-module__6uEbHG__menu{left:auto;right:0}@media (prefers-reduced-motion:reduce){.BlogIndexClient-module__6uEbHG__bar{transition:opacity var(--dur-base) var(--ease-standard), visibility 0s linear var(--dur-base);transform:translate(-50%)}.BlogIndexClient-module__6uEbHG__barVisible{transition:opacity var(--dur-base) var(--ease-standard), visibility 0s;transform:translate(-50%)}}.BlogIndexClient-module__6uEbHG__brand{aspect-ratio:1632/2336;padding:var(--space-10) var(--space-8) var(--space-8);border-radius:var(--radius-card);corner-shape:squircle;background-color:var(--brand-surface);color:var(--brand-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.BlogIndexClient-module__6uEbHG__flash{position:absolute;inset:0}.BlogIndexClient-module__6uEbHG__plate{object-fit:cover;opacity:0}.BlogIndexClient-module__6uEbHG__plateOn{opacity:1}.BlogIndexClient-module__6uEbHG__title,.BlogIndexClient-module__6uEbHG__brandFoot{z-index:1;position:relative}.BlogIndexClient-module__6uEbHG__title{line-height:0;display:block}.BlogIndexClient-module__6uEbHG__iso{width:50%;height:auto}.BlogIndexClient-module__6uEbHG__brandFoot{justify-content:space-between;gap:var(--space-4);align-items:last baseline;margin-top:auto;display:flex}.BlogIndexClient-module__6uEbHG__caption{font-family:var(--font-brand);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--track-tight)}.BlogIndexClient-module__6uEbHG__mark{flex:none;width:22.2%;height:auto}.BlogIndexClient-module__6uEbHG__filter{margin-top:var(--space-6);font-family:var(--font-brand);display:inline-block;position:relative}.BlogIndexClient-module__6uEbHG__summary{cursor:pointer;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink);list-style:none;display:flex}.BlogIndexClient-module__6uEbHG__summary::-webkit-details-marker{display:none}.BlogIndexClient-module__6uEbHG__chevron{width:1.15em;height:1.15em;color:var(--ink-60);transition:transform var(--dur-base) var(--ease-standard);flex:none}.BlogIndexClient-module__6uEbHG__filter[open] .BlogIndexClient-module__6uEbHG__chevron{transform:rotate(180deg)}.BlogIndexClient-module__6uEbHG__menu{z-index:50;margin-top:var(--space-2);border-radius:var(--radius-lg);background-color:var(--surface);width:240px;padding-block:var(--space-2);box-shadow:var(--shadow-menu);position:absolute;top:100%;left:0}.BlogIndexClient-module__6uEbHG__row{padding:var(--space-1-5) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--ink-50);transition:background-color var(--dur-fast) var(--ease-standard);text-decoration:none;display:block}.BlogIndexClient-module__6uEbHG__row:hover{background-color:var(--surface-tint)}.BlogIndexClient-module__6uEbHG__rowActive{font-weight:var(--weight-semibold);color:var(--ink)}.BlogIndexClient-module__6uEbHG__count{color:var(--ink-30)}.BlogIndexClient-module__6uEbHG__empty{padding-block:var(--space-16);text-align:center}.BlogIndexClient-module__6uEbHG__emptyText{font-family:var(--font-brand);font-size:var(--text-sm);color:var(--ink-40)}.BlogIndexClient-module__6uEbHG__sentinel{height:1px}.BlogIndexClient-module__6uEbHG__loadSpace{height:0;transition:height var(--dur-layout) var(--ease-out-quint)}.BlogIndexClient-module__6uEbHG__loadSpaceOpen{height:180px}@media (prefers-reduced-motion:reduce){.BlogIndexClient-module__6uEbHG__loadSpace{transition:none}}.BlogIndexClient-module__6uEbHG__loader{bottom:var(--space-16);z-index:40;border-radius:var(--radius-full);background-color:var(--surface);width:48px;height:48px;box-shadow:var(--shadow-menu);animation:BlogIndexClient-module__6uEbHG__loaderIn var(--dur-base) var(--ease-standard) both;place-items:center;margin-left:-24px;display:grid;position:fixed;left:50%}.BlogIndexClient-module__6uEbHG__spinner{border-radius:var(--radius-full);border:1.5px solid var(--ink-20);border-top-color:var(--ink);width:16px;height:16px;animation:.7s linear infinite BlogIndexClient-module__6uEbHG__spin}@keyframes BlogIndexClient-module__6uEbHG__spin{to{transform:rotate(360deg)}}@keyframes BlogIndexClient-module__6uEbHG__loaderIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.BlogIndexClient-module__6uEbHG__loader{animation:none}.BlogIndexClient-module__6uEbHG__spinner{animation-duration:2s}}.BlogIndexClient-module__6uEbHG__throttle{right:var(--dock-inset);bottom:calc(var(--dock-inset) + var(--dock-step));z-index:90;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface);box-shadow:var(--shadow-menu);font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--ink-40);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);border:0;display:flex;position:fixed}@media (min-width:640px){.BlogIndexClient-module__6uEbHG__throttle{right:var(--dock-inset-lg);bottom:calc(var(--dock-inset-lg) + var(--dock-step))}}.BlogIndexClient-module__6uEbHG__throttleOn{color:var(--ink)}.BlogIndexClient-module__6uEbHG__throttleTrack{border-radius:var(--radius-full);background-color:var(--ink-20);width:22px;height:13px;transition:background-color var(--dur-fast) var(--ease-standard);padding:2px;display:block}.BlogIndexClient-module__6uEbHG__throttleOn .BlogIndexClient-module__6uEbHG__throttleTrack{background-color:var(--ink)}.BlogIndexClient-module__6uEbHG__throttleThumb{border-radius:var(--radius-full);background-color:var(--surface);width:9px;height:9px;transition:transform var(--dur-fast) var(--ease-out-quint);display:block}.BlogIndexClient-module__6uEbHG__throttleOn .BlogIndexClient-module__6uEbHG__throttleThumb{transform:translate(9px)}@media (prefers-reduced-motion:reduce){.BlogIndexClient-module__6uEbHG__throttleThumb{transition:none}}.BlogIndexClient-module__6uEbHG__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.page-module__D1rvnq__index{padding-inline:var(--space-6);padding-bottom:var(--space-20)}@media (min-width:640px){.page-module__D1rvnq__index{padding-inline:var(--space-10)}}
.page-module__hUlLAq__page{max-width:var(--measure-page);padding-inline:var(--space-6);padding-bottom:var(--space-20);margin-inline:auto}@media (min-width:640px){.page-module__hUlLAq__page{padding-inline:var(--space-10)}}.page-module__hUlLAq__wordmark{margin-bottom:var(--space-8);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink);text-decoration:none;display:inline-block}.page-module__hUlLAq__breadcrumb{margin-bottom:var(--space-8);align-items:center;gap:var(--space-2);display:flex}.page-module__hUlLAq__crumb{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-40);transition:color var(--dur-base) var(--ease-standard);text-decoration:none}.page-module__hUlLAq__crumbSep{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-20)}.page-module__hUlLAq__article{max-width:var(--measure-prose)}.page-module__hUlLAq__header{margin-bottom:var(--space-8)}.page-module__hUlLAq__metaRow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.page-module__hUlLAq__title{font-family:var(--font-brand);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--ink);text-transform:lowercase}.page-module__hUlLAq__title:first-letter{text-transform:uppercase}.page-module__hUlLAq__hero{margin-bottom:var(--space-10);border-radius:var(--radius-card);corner-shape:squircle;overflow:hidden}.page-module__hUlLAq__heroImage{width:100%;height:auto;display:block}.page-module__hUlLAq__heroPlaceholder{aspect-ratio:16/9;background-color:var(--placeholder);width:100%}.page-module__hUlLAq__tags{margin-top:var(--space-8);gap:var(--space-2);flex-wrap:wrap;display:flex}.page-module__hUlLAq__tag{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-sunken);color:var(--ink-50)}.page-module__hUlLAq__related{margin-top:var(--space-16)}.page-module__hUlLAq__relatedInner{padding-top:var(--space-10);border-top:1px solid var(--rule-soft)}.page-module__hUlLAq__relatedTitle{font-family:var(--font-brand);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink);margin-bottom:var(--space-6)}.page-module__hUlLAq__relatedGrid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:768px){.page-module__hUlLAq__relatedGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-module__hUlLAq__source{gap:var(--space-1) var(--space-4);margin-top:var(--space-5);font-family:var(--font-body);font-size:var(--text-xs);grid-template-columns:max-content 1fr;line-height:1.6;display:grid}.page-module__hUlLAq__sourceLabel{color:var(--ink-40)}.page-module__hUlLAq__sourceValue{color:var(--ink-60);overflow-wrap:anywhere}.page-module__hUlLAq__sourceLink{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-30);text-decoration-color:var(--ink-30);text-underline-offset:3px;transition:color var(--dur-base) var(--ease-standard), text-decoration-color var(--dur-base) var(--ease-standard);text-decoration-thickness:1px}.page-module__hUlLAq__sourceLink:hover{color:var(--accent-rust);-webkit-text-decoration-color:var(--accent-rust);text-decoration-color:var(--accent-rust)}.page-module__hUlLAq__sourceDot{margin-inline:var(--space-2);color:var(--ink-30)}@media (max-width:560px){.page-module__hUlLAq__source{grid-template-columns:minmax(0,1fr);gap:0}.page-module__hUlLAq__source dd+dt{margin-top:var(--space-2)}}