.academy-category-design_page__Rq5gK{padding-bottom:var(--ds-section-gap)}.academy-category-design_breadcrumbs__VzXeY{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:44px;padding-block:8px;color:var(--ds-muted);font-size:.75rem;line-height:18px;font-weight:600}.academy-category-design_breadcrumbs__VzXeY a{display:inline-flex;align-items:center;flex:none;gap:4px;min-height:28px;color:var(--ds-link);text-decoration:none;white-space:nowrap}.academy-category-design_breadcrumbs__VzXeY a:hover{text-decoration:underline;text-underline-offset:3px}.academy-category-design_breadcrumbs__VzXeY svg{width:14px;height:14px;flex-shrink:0;color:var(--ds-muted)}.academy-category-design_breadcrumbs__VzXeY svg:dir(rtl){transform:scaleX(-1)}.academy-category-design_breadcrumbs__VzXeY span[aria-current]{min-width:0;overflow-wrap:anywhere}.academy-category-design_breadcrumbs__VzXeY .academy-category-design_breadcrumbHomeIcon__REIrj{display:none;color:var(--ds-link)}.academy-category-design_hero__HQRiZ{position:relative;isolation:isolate;display:flex;align-items:center;min-height:380px;overflow:hidden;border-radius:28px;background:var(--ds-hero);color:var(--ds-on-hero)}.academy-category-design_heroMedia___AI1n{position:absolute;z-index:-1;inset:0}.academy-category-design_heroMedia___AI1n img{object-fit:cover;object-position:62% center}.academy-category-design_heroMedia___AI1n:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#153d4d,rgb(21 61 77/98%) 32%,rgb(21 61 77/74%) 61%,rgb(21 61 77/24%))}.academy-category-design_heroCopy__Buyx_{width:min(100%,850px);padding:40px}.academy-category-design_heroEyebrow__FvttL{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--ds-on-hero-muted);font-size:.75rem;line-height:18px;font-weight:600}.academy-category-design_heroEyebrow__FvttL svg{width:16px;height:16px}.academy-category-design_hero__HQRiZ h1{margin:0;max-width:700px;font-size:clamp(2rem,4.5vw,4rem);line-height:1.15;font-weight:800;text-wrap:balance}.academy-category-design_heroDescription__crho3{max-width:620px;margin-top:16px;color:var(--ds-on-hero-muted);font-size:clamp(.9375rem,1.2vw,1.125rem);line-height:1.75}.academy-category-design_heroBottom__gJZBV{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.academy-category-design_heroCount__GEBp1{display:inline-flex;align-items:center;gap:8px;color:var(--ds-on-hero-muted);font-size:.75rem;line-height:18px;font-weight:600}.academy-category-design_heroCount__GEBp1 svg{width:16px;height:16px}.academy-category-design_hero__HQRiZ a:focus-visible{outline-color:#fff}.academy-category-design_courseGrid__hP36r{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-grid-gap);margin-top:var(--ds-heading-gap)}.academy-category-design_courseCard__IziFe{color:inherit;text-decoration:none;transition:border-color .18s,transform .18s}.academy-category-design_cardMedia__3nHGs{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ds-selected)}.academy-category-design_cardMedia__3nHGs img{object-fit:cover;object-position:center;transition:transform .3s}.academy-category-design_cardFallback__orEfw{position:absolute;inset:0;display:grid;place-items:center;color:var(--ds-link)}.academy-category-design_cardFallback__orEfw svg{width:48px;height:48px}.academy-category-design_cardExcerpt___vSSa{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.academy-category-design_cardFooter__L5JqE{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ds-border)}.academy-category-design_cardFooterLabel__aCTUD{color:var(--ds-link);font-size:.875rem;line-height:20px;font-weight:600}.academy-category-design_cardArrow__OynaO{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--ds-selected);color:var(--ds-link)}.academy-category-design_cardArrow__OynaO svg{width:16px;height:16px}.academy-category-design_articleLayout__Qr62E{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;margin-top:var(--ds-heading-gap)}.academy-category-design_articleLayoutNoToc__I7nOT{max-width:960px}.academy-category-design_mobileToc__SIehp{overflow:hidden;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-surface)}.academy-category-design_mobileToc__SIehp summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;color:var(--ds-text);font-size:.875rem;line-height:20px;font-weight:700;list-style:none;cursor:pointer}.academy-category-design_mobileToc__SIehp summary::-webkit-details-marker{display:none}.academy-category-design_mobileToc__SIehp summary svg{width:16px;height:16px;color:var(--ds-link)}.academy-category-design_mobileToc__SIehp summary svg:last-child{margin-inline-start:auto;transition:transform .18s}.academy-category-design_mobileToc__SIehp[open] summary svg:last-child{transform:rotate(90deg)}.academy-category-design_mobileToc__SIehp nav{display:grid;gap:4px;max-height:300px;overflow-y:auto;padding:0 12px 12px}.academy-category-design_mobileToc__SIehp nav a{padding:8px;border-radius:8px;color:var(--ds-link);font-size:.875rem;line-height:1.5;text-decoration:none}.academy-category-design_mobileToc__SIehp nav a:hover{background:var(--ds-selected)}.academy-category-design_desktopToc__QTfIV{display:none}.academy-category-design_article__BRHvR{min-width:0;padding:20px;border:1px solid var(--ds-border);border-radius:24px;background:var(--ds-surface)}.academy-category-design_articleContent__5hUC4{max-width:720px;margin-inline:auto;color:var(--ds-text);font-size:1rem;line-height:1.75;overflow-wrap:break-word}.academy-category-design_articleContent__5hUC4>p:first-child{margin:0 0 28px;padding:16px 20px;border-inline-start:3px solid var(--ds-link);border-radius:0 12px 12px 0;background:var(--ds-selected);color:var(--ds-text);font-size:1.0625rem;line-height:1.7}.academy-category-design_articleContent__5hUC4 h2{margin:36px 0 16px;padding-top:28px;border-top:1px solid var(--ds-border);color:var(--ds-text);font-size:var(--ds-h2);line-height:1.3;font-weight:700;text-wrap:balance;scroll-margin-top:calc(var(--site-header-height) + 16px)}.academy-category-design_articleContent__5hUC4 h2:first-child{margin-top:0;padding-top:0;border-top:0}.academy-category-design_articleContent__5hUC4 h3{margin:24px 0 8px;color:var(--ds-text);font-size:1.125rem;line-height:1.5;font-weight:700;scroll-margin-top:calc(var(--site-header-height) + 16px)}.academy-category-design_articleContent__5hUC4 h4{margin:20px 0 8px;font-size:1rem;line-height:1.5;font-weight:700}.academy-category-design_articleContent__5hUC4 p{margin:16px 0;color:var(--ds-text)}.academy-category-design_articleContent__5hUC4 strong{color:var(--ds-text);font-weight:700}.academy-category-design_articleContent__5hUC4 a{color:var(--ds-link);text-decoration:underline;text-underline-offset:3px}.academy-category-design_articleContent__5hUC4 ol,.academy-category-design_articleContent__5hUC4 ul{margin:12px 0;padding-inline-start:24px;color:var(--ds-text)}.academy-category-design_articleContent__5hUC4 ul{list-style:disc}.academy-category-design_articleContent__5hUC4 ol{list-style:decimal}.academy-category-design_articleContent__5hUC4 li{margin:8px 0;padding-inline-start:4px}.academy-category-design_articleContent__5hUC4 li p{margin:0}.academy-category-design_articleContent__5hUC4 li::marker{color:var(--ds-link)}.academy-category-design_articleContent__5hUC4 blockquote{margin:24px 0;padding:16px 20px;border-inline-start:3px solid var(--ds-link);border-radius:0 12px 12px 0;background:var(--ds-selected);color:var(--ds-text)}.academy-category-design_articleContent__5hUC4 img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:12px}.academy-category-design_articleContent__5hUC4 table{display:block;width:max-content;max-width:100%;margin:24px 0;overflow-x:auto;border-collapse:collapse;font-size:.875rem;line-height:1.7}.academy-category-design_articleContent__5hUC4 td,.academy-category-design_articleContent__5hUC4 th{padding:12px;border:1px solid var(--ds-border);text-align:start;vertical-align:top}.academy-category-design_articleContent__5hUC4 th{background:var(--ds-selected);color:var(--ds-text);font-weight:700}.academy-category-design_articleContent__5hUC4 td{color:var(--ds-muted)}.academy-category-design_articleContent__5hUC4 hr{margin:32px 0;border:0;border-top:1px solid var(--ds-border)}.academy-category-design_articleContent__5hUC4 code{padding:2px 4px;border-radius:4px;background:var(--ds-subtle);font-size:.875em}.academy-category-design_articleContent__5hUC4 iframe{display:block;width:100%;aspect-ratio:16/9;margin:24px 0;border:0;border-radius:12px}.academy-category-design_video___J5oJ{max-width:960px;aspect-ratio:16/9;margin-top:var(--ds-heading-gap);overflow:hidden;border:1px solid var(--ds-border);border-radius:24px;background:var(--ds-subtle)}.academy-category-design_video___J5oJ iframe{width:100%;height:100%;border:0}.academy-category-design_closing__hp9kw{display:grid;gap:24px;align-items:center;padding:20px;border:1px solid var(--ds-border);border-radius:24px;background:var(--ds-selected)}.academy-category-design_closing__hp9kw p{max-width:640px;margin-top:8px;color:var(--ds-muted);font-size:1rem;line-height:1.75}.academy-category-design_closingActions__PISH0{display:flex;flex-wrap:wrap;gap:12px}.academy-category-design_related__TOfu4{margin-top:var(--ds-section-gap)}@media (hover:hover) and (pointer:fine){.academy-category-design_courseCard__IziFe:hover{border-color:var(--ds-link);transform:translateY(-2px)}.academy-category-design_courseCard__IziFe:hover img{transform:scale(1.03)}}@media (min-width:640px){.academy-category-design_courseGrid__hP36r{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.academy-category-design_article__BRHvR{padding:32px}.academy-category-design_closing__hp9kw{padding:24px}.academy-category-design_courseGrid__hP36r:has(>:only-child){grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}.academy-category-design_courseGrid__hP36r:has(>:only-child) .academy-category-design_courseCard__IziFe{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.academy-category-design_courseGrid__hP36r:has(>:only-child) .academy-category-design_cardMedia__3nHGs{aspect-ratio:auto;min-height:260px}}@media (min-width:1024px){.academy-category-design_courseGrid__hP36r{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-category-design_articleLayout__Qr62E{grid-template-columns:240px minmax(0,1fr);gap:32px}.academy-category-design_desktopToc__QTfIV{position:sticky;top:calc(var(--site-header-height) + 16px);display:block;padding:20px;border:1px solid var(--ds-border);border-radius:24px;background:var(--ds-surface)}.academy-category-design_desktopToc__QTfIV p{display:flex;align-items:center;gap:8px;color:var(--ds-text);font-size:.875rem;line-height:20px;font-weight:700}.academy-category-design_desktopToc__QTfIV p svg{width:16px;height:16px;color:var(--ds-link)}.academy-category-design_desktopToc__QTfIV nav{display:grid;gap:4px;max-height:calc(100svh - var(--site-header-height) - 104px);margin-top:12px;overflow-y:auto}.academy-category-design_desktopToc__QTfIV a{padding:8px;border-radius:8px;color:var(--ds-muted);font-size:.875rem;line-height:1.5;text-decoration:none}.academy-category-design_desktopToc__QTfIV a:hover{background:var(--ds-selected);color:var(--ds-link)}.academy-category-design_mobileToc__SIehp{display:none}.academy-category-design_article__BRHvR{max-width:960px;padding:40px}.academy-category-design_closing__hp9kw{grid-template-columns:minmax(0,1fr) auto;border-radius:28px}}@media (min-width:1280px){.academy-category-design_courseGrid__hP36r{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.academy-category-design_articleLayoutNoToc__I7nOT{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.academy-category-design_hero__HQRiZ{min-height:0;border-radius:24px}.academy-category-design_heroCopy__Buyx_{padding:24px}.academy-category-design_heroMedia___AI1n:after{background:linear-gradient(90deg,rgb(9 33 45/96%),rgb(9 33 45/86%) 72%,rgb(9 33 45/74%))}.academy-category-design_heroMedia___AI1n img{object-position:64% center}.academy-category-design_breadcrumbs__VzXeY{flex-wrap:nowrap;gap:6px}.academy-category-design_breadcrumbs__VzXeY a:first-child{width:28px;justify-content:center}.academy-category-design_breadcrumbs__VzXeY .academy-category-design_breadcrumbHomeIcon__REIrj{display:block}.academy-category-design_breadcrumbs__VzXeY .academy-category-design_breadcrumbHomeText__MEZ32{display:none}.academy-category-design_breadcrumbs__VzXeY span[aria-current]{flex:1;line-height:18px}.academy-category-design_cardFooter__L5JqE{margin-top:20px}.academy-category-design_articleContent__5hUC4>p:first-child{padding:14px 16px}}@media (max-width:399px){.academy-category-design_heroCopy__Buyx_{padding:20px}.academy-category-design_heroBottom__gJZBV{margin-top:16px}}@media (max-height:700px){.academy-category-design_heroCopy__Buyx_{padding-block:16px}.academy-category-design_hero__HQRiZ h1{font-size:2rem;line-height:1.2}.academy-category-design_heroEyebrow__FvttL{margin-bottom:8px}.academy-category-design_heroDescription__crho3{margin-top:8px}.academy-category-design_heroBottom__gJZBV{margin-top:16px}}@media (max-height:480px) and (min-width:480px){.academy-category-design_breadcrumbs__VzXeY{display:none}.academy-category-design_hero__HQRiZ{min-height:0}.academy-category-design_heroCopy__Buyx_{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px 20px;width:100%;padding:16px}.academy-category-design_heroEyebrow__FvttL{grid-column:1;grid-row:1;margin:0}.academy-category-design_hero__HQRiZ h1{grid-column:1;grid-row:2;align-self:start;font-size:2rem}.academy-category-design_heroDescription__crho3{grid-column:2;grid-row:1/3;margin:0;font-size:.9375rem;line-height:1.55}.academy-category-design_heroBottom__gJZBV{grid-column:1/-1;grid-row:3;margin-top:8px}}[dir=rtl] .academy-category-design_heroMedia___AI1n:after{background:linear-gradient(270deg,#153d4d,rgb(21 61 77/98%) 32%,rgb(21 61 77/74%) 61%,rgb(21 61 77/24%))}@media (max-width:767px){[dir=rtl] .academy-category-design_heroMedia___AI1n:after{background:linear-gradient(270deg,rgb(9 33 45/96%),rgb(9 33 45/86%) 72%,rgb(9 33 45/74%))}}@media (prefers-reduced-motion:reduce){.academy-category-design_cardMedia__3nHGs img,.academy-category-design_courseCard__IziFe,.academy-category-design_mobileToc__SIehp summary svg{transition:none}}