.blog-redesign { --blog-lime:#95b12b; --blog-deep:#003f47; --blog-darker:#002f36; --blog-surface:#004c56; background:var(--blog-deep); color:#fff; }
.blog-redesign * { box-sizing:border-box; }
.blog-redesign main { overflow:hidden; }
.blog-test-hero { background:radial-gradient(circle at 82% 18%,rgba(149,177,43,.18),transparent 26%),radial-gradient(circle at 12% 86%,rgba(255,255,255,.05),transparent 30%),linear-gradient(135deg,#003942,#00515c 58%,#003f47); min-height:730px; overflow:hidden; position:relative; }
.blog-test-hero .preview-header-bar,.blog-test-hero .preview-mobile-nav,.blog-test-hero-grid { position:relative; z-index:2; }
.blog-test-hero-grid { align-items:center; display:grid; gap:48px; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); margin:0 auto; max-width:1220px; padding:72px 22px 92px; }
.blog-test-breadcrumbs { align-items:center; border-left:5px solid var(--blog-lime); color:rgba(255,255,255,.7); display:flex; flex-wrap:wrap; font-size:17px; gap:9px; margin:0 0 23px; padding-left:13px; }
.blog-test-breadcrumbs a { color:rgba(255,255,255,.88); text-decoration:none; }
.blog-test-breadcrumbs a:hover,.blog-test-breadcrumbs span:last-child { color:var(--blog-lime); }
.blog-test-kicker { color:var(--blog-lime); font-family:"Oswald",sans-serif; font-size:19px; letter-spacing:.08em; margin:0 0 16px; text-transform:uppercase; }
.blog-test-copy h1 { color:#fff; font-family:"Oswald",sans-serif; font-size:66px; line-height:1.04; margin:0 0 24px; max-width:none; text-transform:uppercase; }
.blog-test-copy h1 span { color:var(--blog-lime); display:block; }
.blog-test-copy > p:not(.blog-test-kicker) { color:rgba(255,255,255,.85); font-size:clamp(21px,2vw,26px); line-height:1.38; margin:0 0 29px; max-width:720px; }
.blog-test-copy .preview-actions { margin:0; }
.blog-test-featured { background:#00343b; border:1px solid rgba(255,255,255,.17); border-radius:13px; box-shadow:0 30px 80px rgba(0,20,23,.32); color:#fff; display:block; justify-self:end; max-width:430px; overflow:hidden; position:relative; text-decoration:none; transition:border-color .25s ease,transform .3s ease; width:100%; }
.blog-test-featured:hover { border-color:rgba(149,177,43,.6); transform:translateY(-5px); }
.blog-test-featured-media { height:315px; overflow:hidden; position:relative; }
.blog-test-featured-media::after { background:linear-gradient(180deg,transparent 45%,rgba(0,47,54,.9)); content:""; inset:0; position:absolute; }
.blog-test-featured img { display:block; height:100%; object-fit:cover; transition:transform .55s ease; width:100%; }
.blog-test-featured:hover img { transform:scale(1.035); }
.blog-test-featured-label { background:var(--blog-lime); border-radius:6px; color:var(--blog-deep); font-family:"Oswald",sans-serif; font-size:15px; left:20px; padding:8px 12px; position:absolute; text-transform:uppercase; top:20px; z-index:2; }
.blog-test-featured-body { padding:24px 25px 27px; }
.blog-test-meta { align-items:center; color:rgba(255,255,255,.58); display:flex; flex-wrap:wrap; font-size:14px; gap:9px; margin-bottom:12px; }
.blog-test-meta span { color:var(--blog-lime); font-weight:700; text-transform:uppercase; }
.blog-test-featured h2 { color:#fff; font-family:"Oswald",sans-serif; font-size:31px; line-height:1.08; margin:0 0 11px; text-transform:uppercase; }
.blog-test-featured p { color:rgba(255,255,255,.72); font-size:17px; line-height:1.4; margin:0; }
.blog-test-read { color:var(--blog-lime); display:inline-flex; font-family:"Oswald",sans-serif; font-size:17px; gap:8px; margin-top:17px; text-transform:uppercase; }
.blog-test-read::after { content:"\2192"; transition:transform .2s ease; }
.blog-test-featured:hover .blog-test-read::after,.blog-test-card:hover .blog-test-read::after { transform:translateX(5px); }
.blog-test-band { background:var(--blog-lime); color:var(--blog-deep); }
.blog-test-band-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 auto; max-width:1180px; }
.blog-test-band a { border-right:1px solid rgba(0,63,71,.22); color:var(--blog-deep); padding:22px 23px; text-decoration:none; transition:background .2s ease; }
.blog-test-band a:last-child { border-right:0; }
.blog-test-band a:hover { background:rgba(255,255,255,.16); }
.blog-test-band strong { display:block; font-family:"Oswald",sans-serif; font-size:23px; line-height:1.05; text-transform:uppercase; }
.blog-test-band span { display:block; font-size:15px; line-height:1.25; margin-top:5px; opacity:.78; }
.blog-test-section { padding:clamp(76px,8vw,112px) 22px; }
.blog-test-section.is-dark { background:#003841; }
.blog-test-section.is-deep { background:var(--blog-darker); }
.blog-test-wrap { margin:0 auto; max-width:1180px; width:100%; }
.blog-test-head { margin:0 0 38px; max-width:900px; }
.blog-test-head .blog-test-kicker { align-items:center; border:1px solid rgba(149,177,43,.48); border-radius:999px; display:inline-flex; font-size:16px; gap:10px; margin-bottom:17px; padding:8px 14px; width:max-content; }
.blog-test-head .blog-test-kicker::before { background:var(--blog-lime); border-radius:50%; box-shadow:0 0 0 6px rgba(149,177,43,.1); content:""; height:7px; width:7px; }
.blog-test-head h2 { color:#fff; font-family:"Oswald",sans-serif; font-size:50px; line-height:1.08; margin:0; max-width:880px; padding-bottom:21px; position:relative; text-transform:uppercase; }
.blog-test-head h2 span { color:var(--blog-lime); }
.blog-test-head h2::after { background:linear-gradient(90deg,var(--blog-lime),rgba(149,177,43,.08)); border-radius:999px; bottom:0; content:""; height:4px; left:0; position:absolute; width:112px; }
.blog-test-head > p:not(.blog-test-kicker) { background:linear-gradient(90deg,rgba(149,177,43,.1),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.1); border-left:4px solid var(--blog-lime); border-radius:0 10px 10px 0; color:rgba(255,255,255,.76); font-size:21px; line-height:1.42; margin:19px 0 0; max-width:840px; padding:13px 17px; width:fit-content; }
.blog-test-articles { display:grid; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.blog-test-card { background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025)); border:1px solid rgba(255,255,255,.13); border-radius:10px; color:#fff; display:flex; flex-direction:column; min-width:0; overflow:hidden; text-decoration:none; transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease; }
.blog-test-card:hover { border-color:rgba(149,177,43,.48); box-shadow:0 18px 36px rgba(0,20,23,.24); transform:translateY(-5px); }
.blog-test-card-media { aspect-ratio:16/10; overflow:hidden; }
.blog-test-card img { display:block; height:100%; object-fit:cover; transition:transform .45s ease; width:100%; }
.blog-test-card:hover img { transform:scale(1.035); }
.blog-test-card-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.blog-test-card h3 { color:#fff; font-family:"Oswald",sans-serif; font-size:26px; line-height:1.08; margin:0 0 11px; text-transform:uppercase; }
.blog-test-card p { color:rgba(255,255,255,.72); font-size:16px; line-height:1.42; margin:0; }
.blog-test-card .blog-test-read { margin-top:auto; padding-top:18px; }
.blog-test-topics { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.blog-test-topic { background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.13); border-radius:9px; color:#fff; min-height:160px; padding:23px; text-decoration:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.blog-test-topic::before { background:var(--blog-lime); border-radius:999px; content:""; display:block; height:4px; margin-bottom:18px; width:42px; }
.blog-test-topic:hover { background:rgba(149,177,43,.09); border-color:rgba(149,177,43,.5); transform:translateY(-3px); }
.blog-test-topic strong { display:block; font-family:"Oswald",sans-serif; font-size:24px; line-height:1.08; text-transform:uppercase; }
.blog-test-topic span { color:rgba(255,255,255,.7); display:block; font-size:16px; line-height:1.35; margin-top:9px; }
.blog-test-guide { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.blog-test-guide article { background:linear-gradient(145deg,rgba(0,80,91,.9),rgba(0,54,62,.98)); border:1px solid rgba(255,255,255,.14); border-radius:10px; min-height:220px; padding:26px; }
.blog-test-guide strong { color:rgba(149,177,43,.5); display:block; font-family:"Oswald",sans-serif; font-size:39px; line-height:1; margin-bottom:17px; }
.blog-test-guide h3 { color:#fff; font-family:"Oswald",sans-serif; font-size:25px; line-height:1.08; margin:0 0 11px; text-transform:uppercase; }
.blog-test-guide p { color:rgba(255,255,255,.72); font-size:17px; line-height:1.42; margin:0; }
.blog-test-guide a { color:var(--blog-lime); display:inline-block; font-family:"Oswald",sans-serif; font-size:16px; margin-top:16px; text-decoration:none; text-transform:uppercase; }
.blog-test-final { align-items:center; background:radial-gradient(circle at 88% 18%,rgba(149,177,43,.16),transparent 27%),linear-gradient(125deg,#00515c,#00353c); border:1px solid rgba(255,255,255,.15); border-radius:16px; box-shadow:0 24px 64px rgba(0,20,23,.26); display:grid; gap:34px; grid-template-columns:minmax(0,1.2fr) auto; overflow:hidden; padding:36px; }
.blog-test-final h2 { color:#fff; font-family:"Oswald",sans-serif; font-size:50px; line-height:1.08; margin:0 0 14px; text-transform:uppercase; }
.blog-test-final h2 span { color:var(--blog-lime); }
.blog-test-final p { color:rgba(255,255,255,.75); font-size:18px; line-height:1.45; margin:0; max-width:720px; }
.blog-test-final .preview-actions { margin:0; }
@media(max-width:1020px){.blog-test-hero-grid{grid-template-columns:1fr}.blog-test-copy h1{font-size:46px}.blog-test-featured{margin:0 auto;max-width:720px;width:100%}.blog-test-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-test-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-test-final{grid-template-columns:1fr}.blog-test-final .preview-actions{justify-content:flex-start}}
@media(max-width:680px){.blog-test-hero{min-height:auto}.blog-test-hero-grid{gap:38px;padding:48px 18px 62px}.blog-test-copy h1{font-size:34px;overflow-wrap:anywhere}.blog-test-copy>p:not(.blog-test-kicker){font-size:20px}.blog-test-featured-media{height:250px}.blog-test-band-inner,.blog-test-articles,.blog-test-topics,.blog-test-guide{grid-template-columns:1fr}.blog-test-band a{border-bottom:1px solid rgba(0,63,71,.22);border-right:0}.blog-test-band a:last-child{border-bottom:0}.blog-test-section{padding:68px 18px}.blog-test-head h2,.blog-test-final h2{font-size:30px}.blog-test-head>p:not(.blog-test-kicker){font-size:18px;padding:12px 14px;width:100%}.blog-test-topic,.blog-test-guide article{min-height:0}.blog-test-final{gap:24px;padding:25px 20px}.blog-test-final .preview-actions{align-items:stretch;flex-direction:column}.blog-test-final .preview-button{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.blog-test-featured,.blog-test-featured img,.blog-test-card,.blog-test-card img,.blog-test-topic{transition:none}}