.blog-article,.blog-page{--blog-glow:color-mix(in srgb,var(--theme-highlight) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-soft) 42%,#fff),#fff 50%);min-height:80vh;color:var(--ink)}.blog-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,9vw,132px) 0 clamp(86px,10vw,142px);background:linear-gradient(118deg,color-mix(in srgb,var(--theme-primary) 94%,#061511),color-mix(in srgb,var(--theme-secondary) 75%,#101b18));color:var(--on-primary)}.blog-hero:after,.blog-hero:before{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.blog-hero:before{width:540px;height:540px;right:-100px;top:-260px;border:1px solid color-mix(in srgb,var(--theme-highlight) 36%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--theme-highlight) 5%,transparent),0 0 0 145px color-mix(in srgb,var(--theme-highlight) 4%,transparent)}.blog-hero:after{width:360px;height:360px;left:-190px;bottom:-260px;background:radial-gradient(circle,var(--blog-glow),transparent 67%)}.blog-hero .shell{position:relative}.blog-hero .shell:after{content:"EDITORIAL  /  2026";position:absolute;right:0;bottom:4px;writing-mode:vertical-rl;font-size:9px;font-weight:900;letter-spacing:.24em;color:color-mix(in srgb,var(--on-primary) 38%,transparent)}.blog-article header span,.blog-article-layout aside>span,.blog-hero span,.blog-section-head span,.blog-sidebar>div>span{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--theme-highlight)}.blog-hero span:before,.blog-section-head span:before{content:"";width:28px;height:1px;background:currentColor}.blog-hero h1{max-width:950px;margin:23px 0 25px;font:700 clamp(48px,7vw,94px)/.92 var(--font-display);letter-spacing:-.065em;text-wrap:balance}.blog-hero p{max-width:670px;margin:0;color:color-mix(in srgb,var(--on-primary) 72%,transparent);font-size:clamp(14px,1.5vw,17px);line-height:1.8}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;padding-block:clamp(52px,6vw,90px) 110px}.blog-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}.blog-section-head h2{margin:10px 0 0;font:700 clamp(30px,4vw,45px)/1 var(--font-display);letter-spacing:-.035em}.blog-section-head>b{padding:8px 12px;border-radius:999px;background:var(--theme-soft);color:var(--theme-primary);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-primary) 12%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 18px 50px color-mix(in srgb,var(--theme-primary) 8%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.blog-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--theme-primary) 35%,var(--line));box-shadow:0 30px 70px color-mix(in srgb,var(--theme-primary) 15%,transparent)}.blog-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;min-height:390px}.blog-card:first-child .blog-card-image{height:100%;min-height:390px}.blog-card:first-child>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,62px)}.blog-card:first-child h3{font-size:clamp(31px,4vw,48px)}.blog-card:first-child p{max-width:610px;font-size:14px}.blog-card:first-child:after{content:"FEATURED STORY";position:absolute;z-index:3;top:20px;left:20px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px);color:var(--theme-primary);font-size:9px;font-weight:900;letter-spacing:.14em}.blog-card-image{position:relative;height:235px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--theme-highlight) 36%,transparent),transparent 34%),linear-gradient(135deg,var(--theme-primary),color-mix(in srgb,var(--theme-secondary) 74%,#071c18));color:var(--on-primary);font:800 0/1 var(--font-display)}.blog-card-image:before{content:"DIGITAL\A VIRTUAL\A JOURNAL";white-space:pre;position:absolute;left:28px;bottom:27px;font:800 22px/1.02 var(--font-display);letter-spacing:-.03em}.blog-card-image:after{content:"DV  ↗";position:absolute;right:22px;top:22px;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--on-primary) 35%,transparent);border-radius:50%;display:grid;place-items:center;font:800 11px var(--font-display)}.blog-card:nth-child(3n+2) .blog-card-image{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--theme-highlight) 38%,transparent),transparent 32%),linear-gradient(140deg,color-mix(in srgb,var(--theme-secondary) 88%,#151b1a),var(--theme-primary))}.blog-card:nth-child(3n) .blog-card-image{background:radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--theme-highlight) 42%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 70%,#101929),color-mix(in srgb,var(--theme-secondary) 70%,#111))}.blog-card-image img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.blog-card:hover img{transform:scale(1.055)}.blog-card>div{padding:28px}.blog-card small{color:var(--theme-primary);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.blog-card h3{margin:13px 0;font:700 27px/1.08 var(--font-display);letter-spacing:-.025em}.blog-card h3 a{color:var(--ink)}.blog-card p{min-height:58px;color:var(--muted);font-size:12px;line-height:1.72}.blog-read{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:19px;border-top:1px solid var(--line);color:var(--theme-primary);font-size:11px;font-weight:900}.blog-read span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--theme-soft);transition:transform .3s,background .3s}.blog-card:hover .blog-read span{transform:rotate(45deg);background:var(--theme-highlight)}.blog-sidebar{display:grid;align-content:start;gap:20px;position:sticky;top:118px}.blog-sidebar>div{position:relative;overflow:hidden;padding:27px;border:1px solid color-mix(in srgb,var(--theme-primary) 12%,var(--line));border-radius:18px;background:var(--paper);box-shadow:0 14px 35px color-mix(in srgb,var(--theme-primary) 6%,transparent)}.blog-sidebar>div:first-child:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-highlight))}.blog-sidebar h3{font:700 25px var(--font-display);letter-spacing:-.025em;margin:10px 0 18px}.blog-sidebar>div>a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:11px;transition:padding .2s,color .2s}.blog-sidebar>div>a:hover{padding-left:7px;color:var(--theme-primary)}.blog-sidebar small{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--theme-soft);color:var(--theme-primary)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-article-layout aside p a,.blog-tags a{padding:8px 11px;border:1px solid color-mix(in srgb,var(--theme-primary) 12%,transparent);border-radius:999px;background:var(--theme-soft);color:var(--theme-primary);font-size:9px;font-weight:750;transition:transform .2s,background .2s}.blog-tags a:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--theme-highlight) 22%,var(--theme-soft))}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:42px}.blog-pagination a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-weight:750}.blog-pagination a.active{border-color:var(--theme-primary);background:var(--theme-primary);color:var(--on-primary);box-shadow:0 9px 24px color-mix(in srgb,var(--theme-primary) 25%,transparent)}.blog-empty{padding:70px;text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--paper)}.blog-article>header{position:relative;overflow:hidden;padding:clamp(70px,9vw,125px) 0 165px;background:radial-gradient(circle at 85% 10%,var(--blog-glow),transparent 30%),linear-gradient(125deg,var(--theme-primary),color-mix(in srgb,var(--theme-secondary) 80%,#071b17));color:var(--on-primary)}.blog-article header .shell{max-width:1050px}.blog-article header .shell>a{display:inline-flex;margin-bottom:30px;color:color-mix(in srgb,var(--on-primary) 72%,transparent);font-size:11px;font-weight:800}.blog-article header h1{max-width:950px;margin:20px 0;font:700 clamp(46px,7vw,84px)/.97 var(--font-display);letter-spacing:-.06em;text-wrap:balance}.blog-article header p{max-width:780px;font-size:clamp(15px,1.8vw,19px);line-height:1.72;color:color-mix(in srgb,var(--on-primary) 76%,transparent)}.blog-article header div div{display:flex;gap:16px;align-items:center;margin-top:30px}.blog-article header small{opacity:.7}.blog-cover{height:min(560px,55vw);margin-top:-110px;position:relative}.blog-cover img{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 30px 80px #031b1640}.blog-article-layout{display:grid;grid-template-columns:minmax(0,780px) 245px;justify-content:center;gap:75px;padding-block:72px 115px}.blog-article-layout>article{font-size:16px;line-height:1.9;color:color-mix(in srgb,var(--ink) 88%,transparent)}.blog-article-layout article>p:first-child{font-size:20px;line-height:1.7;color:var(--ink)}.blog-article-layout article h2{margin:48px 0 15px;font:700 36px/1.1 var(--font-display);letter-spacing:-.035em}.blog-article-layout article img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 18px 45px color-mix(in srgb,var(--theme-primary) 12%,transparent)}.blog-article-layout aside{display:grid;align-content:start;gap:14px;position:sticky;top:118px;padding:23px;border-left:2px solid var(--theme-highlight);border-radius:0 16px 16px 0;background:var(--theme-soft)}.blog-article-layout aside>a{font:700 22px var(--font-display);color:var(--theme-primary)}.blog-article-layout aside p{display:flex;flex-wrap:wrap;gap:6px}@media(prefers-reduced-motion:no-preference){.blog-hero h1{animation:blog-rise .75s both}.blog-hero p{animation:blog-rise .75s .1s both}.blog-card{animation:blog-rise .55s both}@keyframes blog-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media(max-width:980px){.blog-article-layout,.blog-layout{grid-template-columns:1fr}.blog-article-layout aside,.blog-sidebar{position:static}.blog-sidebar{grid-template-columns:1fr 1fr}.blog-card:first-child{grid-template-columns:1fr}.blog-card:first-child .blog-card-image{height:300px;min-height:0}}@media(max-width:680px){.blog-hero{padding:62px 0 72px}.blog-hero .shell:after{display:none}.blog-layout{padding-block:42px}.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-column:auto;display:block;min-height:0}.blog-card-image,.blog-card:first-child .blog-card-image{height:220px}.blog-card:first-child>div{padding:28px}.blog-card h3,.blog-card:first-child h3{font-size:27px}.blog-sidebar{grid-template-columns:1fr}.blog-section-head{align-items:start;flex-direction:column;gap:12px}.blog-article>header{padding:58px 0 115px}.blog-cover{height:270px;margin-top:-70px}.blog-cover img{border-radius:14px}.blog-article-layout{padding-block:45px;gap:36px}.blog-article-layout article h2{font-size:30px}}.blog-pagination-tools{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:44px}.blog-pagination-tools .blog-pagination{margin-top:0}.blog-page-size{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 15px;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);border-radius:999px;background:var(--surface);box-shadow:0 12px 30px rgba(40,24,10,.08);font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--ink)}.blog-page-size select{appearance:none;min-width:68px;border:0;border-radius:999px;background-color:var(--theme-primary);color:var(--theme-on-primary);padding:9px 25px 9px 12px;font:800 12px/1 inherit;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.blog-page-size select:focus{outline:3px solid color-mix(in srgb,var(--theme-primary) 20%,transparent)}.blog-without-sidebar .blog-layout{grid-template-columns:minmax(0,1fr)}.blog-layout-classic .blog-card:first-child{grid-column:auto;display:flex}.blog-layout-classic .blog-card:first-child .blog-card-image{min-height:240px}.blog-layout-compact .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-layout-compact .blog-card,.blog-layout-compact .blog-card:first-child{grid-column:auto;display:flex;border-radius:18px}.blog-layout-compact .blog-card-image,.blog-layout-compact .blog-card:first-child .blog-card-image{min-height:170px}.blog-layout-compact .blog-card>div{padding:22px}.blog-layout-compact .blog-card h3{font-size:1.22rem}@media(max-width:1100px){.blog-layout-compact .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.blog-layout-compact .blog-grid{grid-template-columns:1fr}}