.blog-hero{padding-block:clamp(28px,3.5vw,48px) clamp(28px,3.5vw,44px)}.blog-hero-grid{grid-template-columns:1fr auto;align-items:end;gap:32px;display:grid}@media (max-width:720px){.blog-hero-grid{grid-template-columns:1fr;align-items:start;gap:20px}}.blog-hero h1{letter-spacing:-.035em;margin-top:18px;font-size:clamp(44px,6vw,72px);font-weight:700;line-height:1}.blog-hero-lede{color:var(--ink-70);max-width:56ch;margin-top:18px;font-size:clamp(15px,1.2vw,17px);line-height:1.55}.blog-hero-stats{border-left:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:8px;padding-left:24px;display:flex}@media (max-width:720px){.blog-hero-stats{border-left:0;flex-direction:row;align-items:center;gap:28px;padding-top:12px;padding-bottom:0;padding-left:0}}.blog-hero-stat{flex-direction:column;gap:2px;display:flex}.blog-hero-stat-num{color:var(--black);letter-spacing:-.015em;font-size:24px;font-weight:700;line-height:1}.blog-hero-stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55);font-size:11px;font-weight:500}.featured-section{padding-block:clamp(16px,2vw,24px) clamp(48px,6vw,72px)}.featured-card{background:var(--orange);border-radius:var(--radius-md);color:#fff;grid-template-columns:1.3fr 1fr;min-height:400px;display:grid;position:relative;overflow:hidden}@media (max-width:900px){.featured-card{grid-template-columns:1fr;min-height:auto}}.featured-card:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.featured-body{z-index:1;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(36px,4.5vw,56px);display:flex;position:relative}.featured-top{flex-direction:column;gap:22px;display:flex}.featured-badge{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#ffffff29;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.featured-badge:before{content:"";width:6px;height:6px;animation:pulse 2s var(--ease) infinite;background:#fff;border-radius:50%}.featured-category{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;font-size:11px;font-weight:600}.featured-title{color:#fff;letter-spacing:-.025em;max-width:18ch;font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.08}.featured-excerpt{color:#ffffffd9;max-width:48ch;font-size:clamp(15px,1.15vw,17px);line-height:1.55}.featured-footer{border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.featured-author{align-items:center;gap:12px;display:flex}.featured-avatar{color:#fff;letter-spacing:.02em;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.featured-author-info{flex-direction:column;gap:2px;display:flex}.featured-author-name{color:#fff;font-size:13px;font-weight:600;line-height:1.2}.featured-author-meta{color:#ffffffb3;font-size:12px;line-height:1.2}.featured-read{color:var(--orange);border-radius:var(--radius-md);transition:background .15s var(--ease);background:#fff;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.featured-read:hover{background:#f5f5f5}.featured-read:after{content:"→";transition:transform .18s var(--ease)}.featured-read:hover:after{transform:translate(3px)}.featured-visual{z-index:1;border-left:1px solid #ffffff24;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:28px;padding:clamp(36px,4.5vw,56px);display:flex;position:relative}@media (max-width:900px){.featured-visual{border-top:1px solid #ffffff24;border-left:0;align-items:flex-start}}.featured-issue{text-align:right}@media (max-width:900px){.featured-issue{text-align:left}}.featured-issue-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px;font-size:11px;font-weight:500}.featured-issue-num{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(60px,9vw,104px);font-weight:900;line-height:.9}.featured-meta-list{border-top:1px solid #fff3;flex-direction:column;gap:14px;width:100%;padding-top:24px;display:flex}.featured-meta-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.featured-meta-row-key{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.featured-meta-row-val{color:#fff;letter-spacing:-.005em;font-weight:600}.filter-bar{border-block:1px solid var(--line);z-index:30;background:#fff;padding-block:24px;position:sticky;top:68px}.filter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter-chip{color:var(--ink-70);letter-spacing:-.005em;transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--bg-soft);color:var(--black)}.filter-chip.active{background:var(--black);color:#fff}.filter-chip-count{color:var(--ink-55);font-variant-numeric:tabular-nums;background:#0a0a0a0f;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.filter-chip.active .filter-chip-count{color:#ffffffd9;background:#fff3}.posts-section{padding-block:clamp(28px,3.5vw,52px)}.posts-grid{grid-template-columns:repeat(3,1fr);gap:32px 28px;display:grid}@media (max-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px}}@media (max-width:600px){.posts-grid{grid-template-columns:1fr;gap:32px}}.post-card{border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .18s var(--ease), transform .18s var(--ease);cursor:pointer;background:#fff;flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--line-strong)}.post-card:hover .post-title{color:var(--orange)}.post-thumb{aspect-ratio:16/10;background:var(--bg-soft);position:relative;overflow:hidden}.post-thumb-1{background:var(--orange)}.post-thumb-1:before{content:"";background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.post-thumb-2{background:var(--black)}.post-thumb-2:before{content:"";background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.post-thumb-3{background:var(--bg-soft)}.post-thumb-3:after{content:"";background:var(--orange);border-radius:var(--radius-sm);width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-thumb-num{letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#fff9;z-index:2;font-size:10px;font-weight:600;position:absolute;top:16px;right:18px}.post-thumb-num.dark{color:var(--ink-40)}.post-body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 24px;display:flex}.post-meta-top{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.post-category{color:var(--orange)}.post-meta-sep{color:var(--ink-20)}.post-date{color:var(--ink-55)}.post-title{letter-spacing:-.015em;color:var(--black);transition:color .18s var(--ease);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:19px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.post-excerpt{color:var(--ink-70);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.post-author{color:var(--ink-90);align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.post-avatar{background:var(--ink-20);width:24px;height:24px;color:var(--ink-90);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.post-avatar.o{background:var(--orange);color:#fff}.post-avatar.b{background:var(--blue);color:#fff}.post-avatar.k{background:var(--black);color:#fff}.post-read-time{color:var(--ink-55);letter-spacing:.04em;font-size:11px;font-weight:500}.newsletter-section{background:var(--bg-soft);border-top:1px solid var(--line);padding-block:clamp(36px,4.5vw,64px)}.newsletter-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}@media (max-width:820px){.newsletter-inner{grid-template-columns:1fr;gap:24px}}.newsletter-body h2{letter-spacing:-.025em;max-width:18ch;margin-top:14px;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.05}.newsletter-body p{color:var(--ink-70);max-width:44ch;margin-top:16px;font-size:16px;line-height:1.55}.newsletter-form{flex-direction:column;gap:12px;display:flex}.newsletter-input-wrap{border:1px solid var(--line-strong);border-radius:var(--radius-md);transition:border-color .15s var(--ease);background:#fff;align-items:center;gap:8px;padding:4px 4px 4px 18px;display:flex}.newsletter-input-wrap:focus-within{border-color:var(--black)}.newsletter-input{min-width:0;color:var(--black);background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-family:inherit;font-size:15px}.newsletter-input::placeholder{color:var(--ink-40)}.newsletter-submit{background:var(--orange);color:#fff;border-radius:var(--radius-sm);transition:background .15s var(--ease);padding:11px 20px;font-size:14px;font-weight:600}.newsletter-submit:hover{background:var(--orange-dark)}.newsletter-note{color:var(--ink-55);align-items:center;gap:6px;font-size:12px;display:flex}.newsletter-note a{color:var(--blue);font-weight:500}@media (max-width:640px){.blog-hero{padding-block:40px 28px}.blog-hero h1{font-size:clamp(36px,9vw,46px)}.blog-hero-stats{gap:32px}.blog-hero-stat-num{font-size:20px}.featured-body{gap:24px;padding:28px 24px}.featured-top{gap:16px}.featured-title{letter-spacing:-.02em;font-size:28px}.featured-excerpt{font-size:15px}.featured-visual{gap:20px;padding:28px 24px}.featured-issue-num{font-size:72px}.featured-footer{gap:16px;padding-top:18px}.featured-avatar{width:32px;height:32px;font-size:11px}.filter-bar{padding-block:14px}.filter-inner{flex-direction:column;align-items:stretch;gap:0}.filter-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--edge));padding-inline:var(--edge);width:calc(100% + (2 * var(--edge)));flex-wrap:nowrap;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0}.posts-section{padding-block:32px}.posts-grid{gap:24px}.post-body{gap:10px;padding:20px 20px 22px}.post-title{font-size:18px}.newsletter-section{padding-block:40px}.newsletter-body h2{font-size:28px}.newsletter-input-wrap{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.newsletter-input{padding:8px}.newsletter-submit{width:100%;padding:12px 16px}}
