.pattern-home .ptag{font-family:var(--f-body-en);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:600}html[lang=ar] .pattern-home .ptag{font-family:var(--f-body-ar);letter-spacing:0;font-size:13px}.pattern-home .pmeta{font-family:var(--f-body-en);color:var(--ink-50);font-size:12.5px}html[lang=ar] .pattern-home .pmeta{font-family:var(--f-body-ar);font-size:14px}.pattern-home .read-tag{font-family:var(--f-body-en);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}html[lang=ar] .pattern-home .read-tag{font-family:var(--f-body-ar);letter-spacing:0;font-size:15px}.pattern-home .blog-feature{background:var(--paper);border:1px solid var(--ink-12);border-radius:var(--radius);grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,4vw,56px);display:grid;overflow:hidden}.pattern-home .blog-feature .bf-media{aspect-ratio:4/3;background:var(--stone-100);position:relative;overflow:hidden}.pattern-home .blog-feature .bf-media img{object-fit:cover;width:100%;height:100%}.pattern-home .blog-feature .bf-copy{padding:clamp(28px,4vw,56px) clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0}html[lang=ar] .pattern-home .blog-feature .bf-copy{padding:clamp(28px,4vw,56px) 0 clamp(28px,4vw,56px) clamp(28px,4vw,56px)}.pattern-home .blog-feature h2{margin:16px 0;font-size:clamp(26px,3.2vw,42px);line-height:1.15}html[lang=ar] .pattern-home .blog-feature h2{line-height:1.3}.pattern-home .blog-feature p{color:var(--ink-70);max-width:48ch;font-size:16px}.pattern-home .blog-feature .read-tag{margin-top:24px}.pattern-home .blog-feature .pmeta{margin-top:18px;display:block}.pattern-home .blog-grid{grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,38px);display:grid}.pattern-home .post{flex-direction:column;gap:14px;display:flex}.pattern-home .post .pm{aspect-ratio:3/2;border-radius:var(--radius);border:1px solid var(--ink-12);background:var(--stone-100);position:relative;overflow:hidden}.pattern-home .post .pm img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.pattern-home .post:hover .pm img{transform:scale(1.05)}.pattern-home .post h3{font-size:22px;line-height:1.25}.pattern-home .post .post-excerpt{color:var(--ink-70);font-size:15px}.pattern-home .post .pmeta{margin-top:auto}.pattern-home .blog-main{padding-bottom:clamp(60px,8vw,110px)}.pattern-home .blog-section{margin-top:clamp(44px,5vw,72px)}.pattern-home .blog-section:first-child{margin-top:clamp(28px,3vw,44px)}.pattern-home .blog-empty{text-align:center;color:var(--ink-50);padding:60px 0;font-size:16px}.pattern-home .pagination{justify-content:center;align-items:center;gap:8px;padding-top:clamp(36px,4vw,56px);display:flex}.pattern-home .pagination__btn{border-radius:var(--radius);width:42px;height:42px;font-family:var(--f-body-en);color:var(--ink-70);background:var(--paper);border:1.5px solid var(--ink-12);cursor:pointer;transition:all .25s var(--ease);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.pattern-home .pagination__btn:hover{border-color:var(--orange);color:var(--orange)}.pattern-home .pagination__btn--active{background:var(--ink);color:var(--beige);border-color:var(--ink)}.pattern-home .pagination__btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pattern-home .article-hero{padding-block:clamp(26px,3.4vw,40px) clamp(28px,3vw,40px)}.pattern-home .article-hero .ptag{margin-bottom:4px;display:inline-block}.pattern-home .article-hero h1{max-width:20ch;margin:16px 0 22px;font-size:clamp(34px,5.2vw,66px);line-height:1.05}html[lang=ar] .pattern-home .article-hero h1{line-height:1.2}.pattern-home .article-byline{border-top:1px solid var(--ink-12);flex-wrap:wrap;align-items:center;gap:16px;padding-top:24px;display:flex}.pattern-home .article-byline .who{align-items:center;gap:12px;display:flex}.pattern-home .article-byline .avatar{object-fit:cover;border:1px solid var(--ink-12);border-radius:50%;flex:none;width:46px;height:46px}.pattern-home .article-byline .avatar--placeholder{background:var(--stone-100)}.pattern-home .article-byline b{font-size:15px;font-weight:600;display:block}.pattern-home .article-byline .meta{color:var(--ink-50);font-size:13px}.pattern-home .article-byline .byline-meta{margin-inline-start:auto}.pattern-home .article-cover{aspect-ratio:16/8;border-radius:var(--radius);border:1px solid var(--ink-12);background:var(--stone-100);margin-block:clamp(28px,3.5vw,48px);position:relative;overflow:hidden}.pattern-home .article-cover img{object-fit:cover;width:100%;height:100%}.pattern-home .prose{max-width:72ch;margin-inline:auto}.pattern-home .prose .intro{font-family:var(--f-display);color:var(--ink);font-size:clamp(20px,2.2vw,26px);line-height:1.5}html[lang=ar] .pattern-home .prose .intro{line-height:1.7}.pattern-home .prose>*+*{margin-top:1.4em}.pattern-home .prose p{color:var(--ink);font-size:18px;line-height:1.85}html[lang=ar] .pattern-home .prose p{font-size:18.5px;line-height:2}.pattern-home .prose h2{font-family:var(--f-display);margin-top:1.8em;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.2}html[lang=ar] .pattern-home .prose h2{line-height:1.4}.pattern-home .prose h3{font-family:var(--f-display);margin-top:1.6em;font-size:clamp(20px,2.2vw,25px);font-weight:600}.pattern-home .prose img{border-radius:var(--radius);border:1px solid var(--ink-12)}.pattern-home .prose ul,.pattern-home .prose ol{gap:.7em;padding-inline-start:1.4em;display:grid}.pattern-home .prose li{color:var(--ink-70);padding-inline-start:1.1em;font-size:17.5px;line-height:1.7;list-style:none;position:relative}.pattern-home .prose ul li:before{content:"";inset-inline-start:0;background:var(--orange);width:7px;height:7px;position:absolute;top:.7em;transform:rotate(45deg)}.pattern-home .prose ol{counter-reset:n}.pattern-home .prose ol li{counter-increment:n}.pattern-home .prose ol li:before{content:counter(n);color:var(--orange);font-family:var(--f-display);background:0 0;font-size:16px;font-weight:600;top:0}.pattern-home .prose blockquote{border-inline-start:3px solid var(--orange);font-family:var(--f-display);padding:6px 0 6px 24px;padding-inline-start:24px;font-size:clamp(20px,2.4vw,28px);font-style:italic;line-height:1.45}html[lang=ar] .pattern-home .prose blockquote{font-style:normal;line-height:1.6}.pattern-home .prose a{color:var(--orange);text-underline-offset:3px;text-decoration:underline}.pattern-home .prose strong{font-weight:700}.pattern-home .prose table{border-collapse:collapse;width:100%;font-size:15.5px}.pattern-home .prose th,.pattern-home .prose td{border:1px solid var(--ink-12);text-align:start;padding:10px 14px}.pattern-home .prose th{background:var(--paper);font-family:var(--f-display);font-weight:600}.pattern-home .prose code{background:var(--paper);border:1px solid var(--ink-12);border-radius:4px;padding:.15em .4em;font-size:.9em}.pattern-home .prose pre{background:var(--ink);color:var(--beige);border-radius:var(--radius);padding:20px 22px;overflow-x:auto}.pattern-home .prose pre code{background:0 0;border:none;padding:0}.pattern-home .article-cta{background:var(--paper);border:1px solid var(--ink-12);border-radius:var(--radius);max-width:72ch;margin:clamp(48px,5vw,72px) auto 0;padding:clamp(28px,3.5vw,40px)}.pattern-home .article-cta__label{font-family:var(--f-body-en);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-size:12px;font-weight:600}html[lang=ar] .pattern-home .article-cta__label{font-family:var(--f-body-ar);letter-spacing:0;font-size:14px}.pattern-home .article-cta__title{margin:12px 0 22px;font-size:clamp(22px,2.6vw,30px);line-height:1.25}.pattern-home .article-cta__courses{gap:12px;margin-bottom:22px;display:grid}.pattern-home .article-cta__course-link{background:var(--beige);border:1px solid var(--ink-12);border-radius:var(--radius);transition:border-color .25s var(--ease);align-items:center;gap:14px;padding:12px 16px;display:flex}.pattern-home .article-cta__course-link:hover{border-color:var(--orange)}.pattern-home .article-cta__course-img,.pattern-home .article-cta__course-img-placeholder{object-fit:cover;background:var(--stone-100);border-radius:4px;flex:none;width:48px;height:48px}.pattern-home .article-cta__course-name{flex:1;font-size:15.5px;font-weight:600}.pattern-home .article-cta__browse{font-family:var(--f-body-en);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}html[lang=ar] .pattern-home .article-cta__browse{font-family:var(--f-body-ar);letter-spacing:0;font-size:15px}.pattern-home .article-faq{max-width:72ch;margin:clamp(48px,5vw,72px) auto 0}.pattern-home .article-faq__title{margin-bottom:24px;font-size:clamp(24px,3vw,34px)}.pattern-home .article-faq__item{border-top:1px solid var(--ink-12)}.pattern-home .article-faq__item:last-child{border-bottom:1px solid var(--ink-12)}.pattern-home .article-faq__question{text-align:start;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;padding:22px 2px;display:flex}.pattern-home .article-faq__question-text{font-family:var(--f-display);font-size:17px;font-weight:600}.pattern-home .article-faq__chevron{width:20px;height:20px;transition:transform .3s var(--ease);color:var(--ink-70);flex:none}.pattern-home .article-faq__item--open .article-faq__chevron{transform:rotate(180deg)}.pattern-home .article-faq__answer-wrapper{max-height:0;transition:max-height .35s var(--ease);overflow:hidden}.pattern-home .article-faq__item--open .article-faq__answer-wrapper{max-height:400px}.pattern-home .article-faq__answer{padding:0 2px 22px}.pattern-home .article-faq__answer-content{color:var(--ink-70);font-size:15.5px;line-height:1.8}.pattern-home .article-foot{border-top:1px solid var(--ink-12);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:72ch;margin:clamp(40px,5vw,64px) auto 0;padding-top:28px;display:flex}.pattern-home .share{align-items:center;gap:10px;display:flex}.pattern-home .share span{color:var(--ink-50);font-size:13px}.pattern-home .share a,.pattern-home .share button{border:1px solid var(--ink-12);width:38px;height:38px;transition:all .25s var(--ease);color:inherit;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.pattern-home .share a:hover,.pattern-home .share button:hover{background:var(--ink);color:var(--beige);border-color:var(--ink)}.pattern-home .share svg{width:16px;height:16px}.pattern-home .article-related{margin-top:clamp(56px,6vw,88px)}@media (max-width:980px){.pattern-home .blog-grid{grid-template-columns:repeat(2,1fr)}.pattern-home .blog-feature{grid-template-columns:1fr}.pattern-home .blog-feature .bf-copy,html[lang=ar] .pattern-home .blog-feature .bf-copy{padding:0 clamp(24px,4vw,40px) clamp(32px,5vw,48px)}}@media (max-width:620px){.pattern-home .blog-grid{grid-template-columns:1fr}.pattern-home .article-faq__question-text{font-size:16px}}
