.srm-blog { max-width: 1440px; margin: auto; padding: 64px var(--pad) 100px; }
.srm-blog-header { max-width: 740px; margin-bottom: 52px; }
.srm-blog-header h1 { font: 700 clamp(52px, 8vw, 100px)/1.05 var(--display); letter-spacing: -.06em; margin: 16px 0 22px; }
.srm-blog-header p { font-size: clamp(17px, 1.8vw, 22px); color: var(--muted); margin-bottom: 26px; }
.srm-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 52px 28px; }
.srm-blog-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.srm-blog-cover { display: block; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 8px; background: var(--ink); }
.srm-blog-cover img { width: 100%; height: 100%; object-fit: cover; }
.srm-blog-placeholder { display: flex; height: 100%; flex-direction: column; justify-content: space-between; padding: 30px; background: radial-gradient(circle at 80% 30%, rgba(199,255,61,.15), transparent 45%), #171913; color: var(--ivory); }
.srm-blog-placeholder > span:first-child { font: 700 clamp(28px, 3vw, 48px)/1.08 var(--display); letter-spacing: -.05em; }
.srm-blog-placeholder > span:last-child { color: var(--accent, var(--lime)); text-transform: uppercase; font-size: 12px; letter-spacing: .15em; }
.srm-blog-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted); font-size: 12px; margin-top: 20px; }
.srm-blog-card h2 { font: 700 clamp(23px, 2.5vw, 32px)/1.2 var(--display); margin: 12px 0; }
.srm-blog-card h2 a { text-decoration: none; }
.srm-blog-card p { color: var(--muted); margin: 0 0 22px; flex: 1; }
.srm-blog-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 60px; }
@media (max-width: 900px) { .srm-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .srm-blog { padding-top: 38px; } .srm-blog-grid { grid-template-columns: 1fr; gap: 42px; } .srm-blog-cover { max-width: 340px; align-self: center; } }

.srm-blog { max-width:1240px; padding-top:40px; }
.srm-blog-header { margin-bottom:32px; }
.srm-blog-header h1 { font-size:clamp(44px,6vw,76px); }
.srm-blog-header p { font-size:18px; }
.srm-blog-card h2 { margin:0 0 18px; min-height:3.6em; line-height:1.2; font-size:clamp(22px,2.2vw,29px); }
.srm-blog-card { border-top:1px solid var(--line); padding-top:20px; }
.srm-blog-cover { text-decoration:none; }
.srm-blog-card .srm-art { display:block; }
@media(max-width:540px) { .srm-blog-card h2 { min-height:0; } .srm-blog-header { margin-bottom:28px; } }
/* Portrait editorial covers with an integrated, readable caption. */
.srm-blog{background:#0c0c0b!important;background-image:none!important}
#discover .latest-grid,.srm-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;max-width:1140px;margin-inline:auto}
#discover .story-card{margin-top:0!important;transform:none!important}
#discover .story-card,.srm-blog-card{position:relative;isolation:isolate;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:28px!important;overflow:hidden;border:1px solid #ffffff20!important;border-radius:12px!important;background:#000!important;background-image:none!important;box-shadow:0 16px 32px #0004!important}
#discover .story-card:after,.srm-blog-card:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 30%,#0006 52%,#000e 78%,#000 100%)}
#discover .story-media,.srm-blog-cover{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none!important;aspect-ratio:9/16!important;border-radius:0;margin:0}
#discover .srm-art,.srm-blog-cover .srm-art{background:linear-gradient(145deg,#101010,#000 65%)!important}
#discover .srm-art-shape,.srm-blog-cover .srm-art-shape{display:none}
#discover .srm-art-mark,.srm-blog-cover .srm-art-mark{top:26%;left:28px;font-size:clamp(44px,5vw,74px);color:#eee8cb19;letter-spacing:-.08em}
#discover .srm-art-caption,.srm-blog-cover .srm-art-caption{top:40%;bottom:auto;left:28px;color:#eee8cb60;font-size:10px}
#discover .story-card h3,.srm-blog-card h2{position:relative;z-index:2;order:1;min-height:0!important;max-width:none!important;margin:0 0 16px!important;font-size:clamp(22px,2.3vw,34px)!important;line-height:1.12!important;letter-spacing:-.035em;color:#eee8cb}
#discover .story-card .meta,.srm-blog-meta{position:absolute;top:24px;left:28px;right:28px;z-index:2;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0!important;font-size:10px;color:#ddd8cb}
#discover .story-card>p,.srm-blog-card>p{position:relative;z-index:2;order:2;flex:none;margin:0 0 18px!important;font-size:13px;line-height:1.6;color:#c5c1b6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#discover .feed-actions,.srm-blog-card>.srm-text-link{position:relative;z-index:2;order:3;margin:0;padding-top:14px;border-top:1px solid #eee8cb30;font-size:12px}
#discover .story-read{align-self:auto}.srm-blog-card>.srm-text-link{align-self:stretch}
@media(max-width:900px){#discover .latest-grid,.srm-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#discover .latest-grid,.srm-blog-grid{grid-template-columns:minmax(0,1fr);gap:24px}#discover .story-card,.srm-blog-card{width:100%;max-width:380px;justify-self:center;padding:24px!important}#discover .story-card h3,.srm-blog-card h2{font-size:28px!important}}

#discover .story-card,.srm-blog-card,#discover .feed-actions,.srm-blog-card>.srm-text-link{border:0!important;box-shadow:none!important}