.blog-main{padding:72px 0 95px;min-height:520px}.blog-intro{max-width:850px;margin:0 auto 42px;text-align:center}.blog-intro .eyebrow:before{content:''}.blog-intro h1{font-size:clamp(48px,7vw,88px);font-weight:700;letter-spacing:-.075em;line-height:.98;margin:18px 0}.blog-intro h1 span{color:var(--accent-highlight)}.blog-intro>p:last-child{max-width:580px;margin:0 auto;color:#c0b7af;font-size:16px}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 32px}.blog-filter{min-height:44px;padding:8px 18px;background:#100c09;border:1px solid color-mix(in srgb, var(--accent-highlight) 27.06%, transparent);border-radius:50px;color:#eee;font-size:12px}.blog-filter[aria-pressed=true]{background:var(--accent);color:#130900;border-color:var(--accent)}.blog-list,.ideas-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-card{min-width:0;overflow:hidden;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(145deg,#19130f,#0d0b09);display:flex;flex-direction:column}.article-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}.article-cover{display:block;position:relative;overflow:hidden;background:var(--blue-900);aspect-ratio:3/2}.article-featured .article-cover{aspect-ratio:auto;min-height:320px}.article-cover img,.article-hero img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.article-cover:hover img{transform:scale(1.025)}.article-cover>span{position:absolute;left:16px;top:16px;padding:7px 11px;border-radius:30px;background:var(--accent);color:#130900;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.article-copy{padding:23px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.article-meta{display:flex;justify-content:space-between;gap:10px;width:100%;color:var(--accent-light);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.article-copy h3{font-size:clamp(20px,2.5vw,31px);line-height:1.12;margin:14px 0 10px;letter-spacing:-.045em}.article-featured .article-copy h3{font-size:clamp(25px,3.5vw,42px)}.article-copy h3 a:hover{color:var(--accent-light)}.article-copy>p{font-size:13px;line-height:1.7;color:#b8afa8;margin:0 0 16px}.article-read{display:inline-flex;align-items:center;gap:18px;margin-top:auto;min-height:44px;color:#fff;font-size:12px}.article-read span{color:var(--accent-highlight);font-size:17px}.ideas-section{padding:58px 0 72px}.ideas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.ideas-heading h2{font-size:clamp(40px,5vw,62px);letter-spacing:-.065em;margin:8px 0}.ideas-heading h2 span{color:var(--accent-highlight)}.ideas-heading>div>p:last-child{font-size:13px;color:#b8aea6;margin:0}.ideas-heading>.text-link{white-space:nowrap;min-height:44px}.ideas-grid{grid-template-columns:1.35fr 1fr 1fr;gap:18px}.ideas-grid .article-featured{grid-column:auto;display:flex}.ideas-grid .article-featured .article-cover{aspect-ratio:3/2;min-height:0}.ideas-grid .article-copy{padding:18px}.ideas-grid .article-copy h3,.ideas-grid .article-featured .article-copy h3{font-size:22px}.ideas-grid .article-copy>p{font-size:12px}.ideas-grid .article-meta{font-size:9px}.blog-back{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-light);font-size:13px}.article-page .blog-main{padding-top:48px}.article-header{max-width:900px;margin:0 auto 34px}.article-header .eyebrow{color:var(--accent-light)}.article-header h1{font-size:clamp(43px,7vw,82px);line-height:1.02;letter-spacing:-.07em;font-weight:700;margin:18px 0}.article-excerpt{max-width:740px;color:#c3b9b0;font-size:18px;line-height:1.7}.back-blog{display:inline-flex;align-items:center;min-height:44px;margin:0 0 28px;color:var(--accent-light);font-size:13px}.article-hero{margin:0 auto 45px;max-width:1100px}.article-hero img{aspect-ratio:3/2;border-radius:22px;border:1px solid #ffffff1c}.article-hero figcaption{font-size:10px;color:#968b82;margin:10px 3px}.article-body{max-width:740px;margin:0 auto}.article-section{margin:0 0 34px}.article-section h2{font-size:clamp(25px,3.4vw,36px);letter-spacing:-.045em;margin:0 0 14px;color:#fff}.article-section p,.article-section li{font-size:16px;line-height:1.85;color:#d0c8c1}.article-section p{margin:0 0 14px}.article-section ul{padding-left:22px}.article-section li{padding:4px 0}.article-cta{max-width:740px;margin:58px auto 70px;padding:30px;border:1px solid color-mix(in srgb, var(--accent-highlight) 32.16%, transparent);border-radius:22px;background:radial-gradient(ellipse at 90% 15%,color-mix(in srgb, var(--accent) 11.76%, transparent),transparent 54%),#110e0c}.article-cta .eyebrow{font-size:9px;color:var(--accent-light)}.article-cta h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.055em}.article-cta p:not(.eyebrow){font-size:14px;line-height:1.7;color:#bdb3ab}.related-articles{margin:50px 0}.related-articles>.section-heading{margin-bottom:22px}.related-articles .section-heading h2{font-size:clamp(33px,4vw,48px)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-main [data-article-page]:empty{min-height:65vh}
@media(max-width:750px){.blog-main{padding:52px 0 60px}.ideas-heading{align-items:flex-start;flex-direction:column}.ideas-grid{grid-template-columns:1fr}.ideas-grid .article-cover{aspect-ratio:3/2}.ideas-grid .article-copy h3,.ideas-grid .article-featured .article-copy h3{font-size:24px}.blog-list{grid-template-columns:1fr}.article-featured{display:flex;grid-column:auto}.article-featured .article-cover{aspect-ratio:3/2;min-height:0}.article-header h1{font-size:48px}.article-excerpt{font-size:16px}.article-section p,.article-section li{font-size:15px}.article-hero img{border-radius:16px}.article-cta{padding:22px;margin:40px 0}.related-grid{grid-template-columns:1fr}.article-page .blog-main{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.article-cover img{transition:none}}

.article-body a,.article-hero figcaption a{color:var(--accent-light);text-decoration:underline;text-underline-offset:3px}.article-date{color:var(--text-muted);font-size:14px}.article-hero figcaption{color:var(--text-muted);font-size:12px;line-height:1.7}

.article-cover>span{color:var(--accent-on)}
