/* Portfolio editorial blog */
.blog-page{--blog-paper:#f0ede3;--blog-green:#7ce6c5;--blog-gold:#f0c96b;--blog-muted:#94a8b5;background:#101d27;color:#edf0e9}
.blog-wrap{max-width:1240px}.blog-topbar{border-bottom:1px solid #ffffff1c}.blog-main{padding-bottom:64px}
.blog-index-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:clamp(28px,6vw,88px);align-items:center;padding:clamp(68px,9vw,118px) 0 70px}
.blog-kicker{margin:0;color:var(--blog-green);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}html[dir=rtl] .blog-kicker{letter-spacing:0}
.blog-index-copy h1{max-width:850px;margin:18px 0 22px;font-size:clamp(42px,7vw,82px);line-height:1.02;letter-spacing:-.065em}html[dir=rtl] .blog-index-copy h1,.blog-article-header h1{letter-spacing:-.025em;line-height:1.25}
.blog-intro{max-width:730px;margin:0;color:#c1ced1;font-size:clamp(17px,2vw,21px);line-height:1.8}.blog-count{display:inline-block;margin:28px 0 0;padding:8px 0;border-bottom:1px solid #ffffff43;color:#e6cc8b;font-size:12px;font-weight:700}
.blog-hero-mark{position:relative;min-height:255px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 28px;border-block:1px solid #7ce6c5;background:repeating-linear-gradient(135deg,#ffffff07 0 1px,transparent 1px 18px)}
.blog-hero-mark span{color:#c8d2cd;font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.22em}.blog-hero-mark b{align-self:flex-end;color:#f0c96b;font-family:"Manrope",sans-serif;font-size:clamp(96px,13vw,176px);font-weight:500;line-height:.85;letter-spacing:-.12em}.blog-hero-mark i{color:#94a8b5;font-size:11px;font-style:normal;letter-spacing:.2em}
.blog-featured{display:grid;grid-template-columns:minmax(180px,.36fr) minmax(0,1.64fr);gap:22px;margin:0 0 105px;padding-top:20px;border-top:1px solid #ffffff39}
.blog-featured-aside{display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:4px 0}.blog-featured-aside span{color:#f0c96b;font-size:11px;font-weight:800;letter-spacing:.15em}.blog-featured-aside p{max-width:180px;margin:0;color:var(--blog-muted);font-size:13px;line-height:1.75}
.blog-feature-card{position:relative;display:flex;min-height:270px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(27px,4vw,54px);border:1px solid #ffffff29;background:linear-gradient(118deg,#172a35 0%,#15232d 68%,#21312f 100%);text-decoration:none;isolation:isolate}
.blog-feature-card:before{position:absolute;z-index:-1;inset:0;content:"";background:repeating-linear-gradient(122deg,transparent 0 48px,#ffffff08 49px 50px)}.blog-feature-card:after{position:absolute;z-index:-1;inset-inline-end:7%;top:8%;content:"↗";color:#7ce6c521;font-size:clamp(140px,24vw,340px);font-weight:300;line-height:.8}
.blog-card-kicker{display:flex;justify-content:space-between;gap:18px;color:#7ce6c5;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}html[dir=rtl] .blog-card-kicker{letter-spacing:0}
.blog-feature-card h2{max-width:810px;margin:22px 0 12px;color:#f3f0e8;font-size:clamp(30px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em}.blog-feature-card p{max-width:720px;margin:0;color:#bdc9c7;font-size:17px;line-height:1.7}.blog-card-meta{display:block;margin-top:22px;color:#a9b7bb;font-size:12px}
.blog-library{padding-top:8px}.blog-library-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;border-bottom:1px solid #ffffff3a}.blog-library-heading h2{margin:12px 0 0;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}
.blog-search{display:grid;gap:7px;width:min(360px,100%);color:#b3c2c5;font-size:11px;font-weight:700;letter-spacing:.06em}html[dir=rtl] .blog-search{letter-spacing:0}
.blog-search input{width:100%;min-height:48px;padding:0 14px;border:1px solid #ffffff43;border-radius:2px 14px 2px 14px;background:#0c1720;color:#f3f0e8;font:inherit;font-size:14px;letter-spacing:0}.blog-search input::placeholder{color:#82959f;opacity:1}
.blog-search input:focus-visible,.blog-filter:focus-visible,.blog-page a:focus-visible{outline:3px solid #f0c96b;outline-offset:3px}
.blog-filter-list{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 6px}.blog-filter{min-height:36px;padding:7px 12px;border:1px solid #ffffff33;border-radius:2px 14px 2px 14px;background:transparent;color:#d7dfd8;font:inherit;font-size:12px;cursor:pointer}.blog-filter:hover,.blog-filter[aria-pressed="true"]{border-color:var(--blog-green);background:#7ce6c516;color:#a4f1d5}
.blog-results-status{min-height:20px;margin:13px 0;color:var(--blog-muted);font-size:12px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
.blog-card{display:flex;min-height:230px;flex-direction:column;padding:25px 2px 23px;border-top:1px solid #ffffff32;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.blog-card:hover{border-color:var(--blog-green);transform:translateY(-2px)}
.blog-card h2{margin:22px 0 10px;color:#f0efe9;font-size:clamp(20px,2.2vw,28px);line-height:1.25;letter-spacing:-.025em}.blog-card p{margin:0;color:#b4c2c4;font-size:14px;line-height:1.75}.blog-card .blog-card-meta{margin-top:auto;padding-top:16px}
.blog-empty{padding:26px 0;color:#e6cc8b}.blog-faq-note{display:grid;grid-template-columns:.4fr 1fr auto;align-items:center;gap:22px;margin:90px 0 20px;padding:21px 0;border-block:1px solid #ffffff35}.blog-faq-index{color:#f0c96b;font-size:11px;font-weight:800;letter-spacing:.12em}.blog-faq-note p{margin:0;color:#c1ced1;line-height:1.75}.blog-faq-note a{color:var(--blog-green);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.blog-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:26px 0 42px;border-top:1px solid #ffffff30;color:#93a8b2;font-size:12px}.blog-footer a{color:#c2d0cf;text-decoration:none}.blog-footer a:hover{color:var(--blog-green)}.blog-footer-brand{font-weight:800;letter-spacing:.07em}.blog-footer-brand em{color:var(--blog-green);font-style:normal}
.blog-article-main{max-width:960px;margin:0 auto;padding-bottom:70px}.blog-breadcrumb{display:flex;align-items:center;gap:10px;padding:30px 0 0;color:#8fa3ad;font-size:13px}.blog-breadcrumb a{color:#aee6d1;text-decoration:none}
.blog-article-header{padding:62px 0 39px;border-bottom:1px solid #ffffff3a}.blog-article-header h1{max-width:900px;margin:17px 0 18px;font-size:clamp(38px,6vw,68px);line-height:1.05;letter-spacing:-.055em}.blog-article-deck{max-width:820px;margin:0;color:#c1ced1;font-size:clamp(17px,2vw,21px);line-height:1.75}.blog-article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px;color:#a7b7bd;font-size:12px}.blog-article-meta a{color:var(--blog-green);text-decoration:none}
.blog-prose{max-width:790px;margin:40px auto 0;padding:clamp(25px,5vw,62px);background:var(--blog-paper);color:#26363c;box-shadow:0 16px 42px #00000022}
.blog-prose h2{margin:45px 0 15px;color:#15252d;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.035em}.blog-prose h3{margin:32px 0 12px;color:#23363d;font-size:21px;line-height:1.3}
.blog-prose p,.blog-prose li{font-family:"DM Sans","Cairo",sans-serif;font-size:17px;line-height:1.9}html[lang="ar"] .blog-prose p,html[lang="ar"] .blog-prose li{font-family:"Cairo","DM Sans",sans-serif}
.blog-prose p{margin:0 0 20px}.blog-prose ol,.blog-prose ul{padding-inline-start:24px;margin:0 0 24px}html[dir=rtl] .blog-prose ol,html[dir=rtl] .blog-prose ul{padding-inline-start:0;padding-inline-end:24px}.blog-prose li+li{margin-top:9px}.blog-prose strong{color:#142c34}
.blog-prose a{color:#156353;text-decoration-thickness:1px;text-underline-offset:3px}.blog-prose blockquote{margin:30px 0;padding:18px 20px;border-inline-start:3px solid #557d70;background:#e7e3d8;color:#40514e}
.blog-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;font-size:14px}.blog-prose th,.blog-prose td{padding:10px 12px;border:1px solid #c9c5ba;text-align:start;vertical-align:top}.blog-prose th{background:#e2ded3;color:#172a31}.blog-prose code{padding:.12em .3em;background:#e2ded3;font-size:.9em}
.blog-related{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin:54px auto 0;padding:26px 0;border-block:1px solid #ffffff35}.blog-related-intro h2{max-width:370px;margin:12px 0;color:#e5e9e1;font-size:20px;line-height:1.5}
.blog-related ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.blog-related li{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff22;color:#879ba5;font-size:11px}.blog-related li:last-child{border-bottom:0}.blog-related li a{color:#b9ead6;font-size:14px;line-height:1.5;text-decoration:none}
.blog-next{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.blog-next a{display:grid;grid-template-columns:1fr auto;gap:7px;padding:18px;border:1px solid #ffffff29;text-decoration:none}.blog-next a:hover{border-color:var(--blog-green)}.blog-next span{grid-column:1/-1;color:#f0c96b;font-size:11px;font-weight:700}.blog-next strong{color:#ebf0e8;font-size:14px;line-height:1.45}.blog-next b{color:var(--blog-green)}
.blog-promo{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0;padding:24px 28px;border-block:1px solid #ffffff3b;background:linear-gradient(110deg,#0d1d28,#142a31)}.blog-promo>div>span{color:#f0c96b;font-size:10px;font-weight:800;letter-spacing:.13em}.blog-promo h2{margin:9px 0;color:#edf0e9;font-size:clamp(22px,3vw,32px)}.blog-promo p{max-width:680px;margin:0;color:#b3c1c4;font-size:14px;line-height:1.7}.blog-promo>a{padding:12px 15px;border:1px solid #7ce6c5;color:#a8edd5;text-decoration:none;white-space:nowrap}.blog-promo>a:hover{background:#7ce6c518}html[dir=rtl] .blog-promo>div>span{letter-spacing:0}
@media(max-width:850px){.blog-index-hero{grid-template-columns:1fr .58fr}.blog-featured{grid-template-columns:.45fr 1.55fr}.blog-grid{column-gap:25px}.blog-related{grid-template-columns:1fr}.blog-faq-note{grid-template-columns:.4fr 1fr}.blog-faq-note a{grid-column:2}}
@media(max-width:620px){.blog-index-hero{grid-template-columns:1fr;padding:48px 0 52px}.blog-hero-mark{min-height:160px}.blog-hero-mark b{font-size:100px}.blog-featured{grid-template-columns:1fr;gap:12px;margin-bottom:76px}.blog-featured-aside{min-height:auto;gap:12px}.blog-featured-aside p{max-width:100%}.blog-feature-card{min-height:280px;padding:24px}.blog-library-heading{align-items:stretch;flex-direction:column}.blog-search{width:100%}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:200px}.blog-faq-note{grid-template-columns:1fr;gap:12px;margin-top:65px}.blog-faq-note a{grid-column:auto;white-space:normal}.blog-footer{align-items:flex-start;flex-direction:column}.blog-article-header{padding-top:45px}.blog-prose{margin-top:28px;padding:22px 19px}.blog-prose p,.blog-prose li{font-size:16px}.blog-related{gap:12px}.blog-next{grid-template-columns:1fr}.blog-promo{align-items:flex-start;flex-direction:column;padding:20px}.blog-promo>a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}