/*
Theme Name: Wolfpack
Theme URI: https://wolfpackhomeservices.com/blog
Author: Wolfpack Home Services
Description: The Wolfpack Home Services blog theme. Matches the main site (fonts, logo, colours, header and footer) and is built for "top contractors" posts: checked pack members first, with "Get a quote" buttons, when the Wolfpack Pack Members plugin is active.
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: Proprietary
Text Domain: wolfpack
*/

@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800 900;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}

:root{
  --brand:#2c1154;--p950:#120d1c;--p900:#2b1259;--p800:#3b1a7a;--p700:#4a1fa0;--p600:#5a2bc0;--p500:#7046d8;--p400:#c4b5fd;--p200:#d9cff3;--p100:#ebe5f8;--p50:#f6f2fd;
  --gold:#f5c518;--ink:#1b1524;--body:#433d4f;--mute:#6f677b;--line:#ebe6f2;--edge:#e4ddef;--bg:#fff;--paper:#f8f6fc;--white:#fff;--ok:#17a35b;--ok-bg:#e7f6ee;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --shadow:0 14px 34px -16px rgba(43,18,89,.28);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--body);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--p600)}a:hover{color:var(--p800)}
:focus-visible{outline:3px solid rgba(112,70,216,.45);outline-offset:2px}
.screen-reader-text,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:var(--p700);color:#fff;padding:8px 12px;font-weight:700;border-radius:10px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
.tape-rule{display:none}

/* ---------- header (matches the main site) ---------- */
body:not(.wp-has-chrome) .site-header{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--edge);position:sticky;top:0;z-index:20}
body:not(.wp-has-chrome) .site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;flex-wrap:wrap}
body:not(.wp-has-chrome) .brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand);text-decoration:none}
body:not(.wp-has-chrome) .brand svg{display:block;height:auto}body:not(.wp-has-chrome) .brand .logo-mark{width:68px}body:not(.wp-has-chrome) .brand .logo-type{display:flex;flex-direction:column;align-items:center;gap:4px;width:194px}body:not(.wp-has-chrome) .brand .logo-sub{width:72%}
body:not(.wp-has-chrome) .brand .logo-type svg,body:not(.wp-has-chrome) .brand .logo-mark svg{width:100%}
body:not(.wp-has-chrome) .brand-group{display:flex;align-items:center;gap:12px}
body:not(.wp-has-chrome) .brand-blog{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600);background:var(--p50);border-radius:999px;padding:4px 10px;text-decoration:none}
body:not(.wp-has-chrome) .nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
body:not(.wp-has-chrome) .nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap}
body:not(.wp-has-chrome) .nav a{color:#3a3446;text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 12px;display:inline-block;border-radius:10px}
body:not(.wp-has-chrome) .nav a:hover,body:not(.wp-has-chrome) .nav .current-menu-item>a{color:var(--p700);background:var(--p50)}
.btn,.wolfpack-btn{display:inline-block;font-family:var(--font);font-weight:700;font-size:1rem;padding:11px 20px;border:1px solid transparent;border-radius:12px;text-decoration:none;line-height:1.2;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.btn:hover,.wolfpack-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(43,18,89,.45)}
.btn-gold{background:var(--gold);color:var(--ink)!important}
.btn-primary,.wolfpack-btn{background:var(--p700);color:#fff!important}.btn-primary:hover,.wolfpack-btn:hover{background:var(--p800)}
body:not(.wp-has-chrome) .nav .btn{background:var(--p700);color:#fff!important;border-radius:999px;padding:9px 18px}body:not(.wp-has-chrome) .nav .btn:hover{background:var(--p800);color:#fff}

/* ---------- page head ---------- */
.page-head{background:linear-gradient(180deg,#f6f2fd 0%,#fff 100%);padding:52px 0 36px}
.eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600);margin:0 0 10px;display:block}
h1,h2,h3,.entry-title{font-family:var(--font);font-weight:800;letter-spacing:-.03em;line-height:1.12;color:var(--ink)}
.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 14px;line-height:1.06;letter-spacing:-.035em}
.page-head p{max-width:62ch;margin:0;font-size:1.08rem}
.hl{color:var(--p600)}
.entry-meta{font-size:.92rem;color:var(--mute);margin-top:14px}

/* ---------- content ---------- */
.site-main{padding:44px 0 64px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.entry-content{font-size:1.06rem}
.entry-content h2{font-size:clamp(1.5rem,3vw,2rem);margin:1.8em 0 .5em}
.entry-content h3{font-size:1.25rem;letter-spacing:-.015em;margin:1.6em 0 .4em}
.entry-content p,.entry-content ul,.entry-content ol{margin:0 0 1.15em}
.entry-content ul{padding-left:0;list-style:none}.entry-content ul li{padding-left:26px;position:relative;margin-bottom:.4em}
.entry-content ul li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--p500)}
.entry-content blockquote{margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--p500);background:var(--p50);border-radius:0 14px 14px 0;font-size:1.08rem}
.entry-content img,.entry-content figure{margin:1.3em 0;border-radius:16px}
.entry-content table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.95rem}.entry-content th,.entry-content td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.entry-content th{background:var(--p50);font-weight:700;color:var(--ink)}
.entry-content a{text-underline-offset:3px}
.alignwide{margin-left:-40px;margin-right:-40px}.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption-text,figcaption{font-size:.88rem;color:var(--mute)}

/* sidebar */
.sidebar{position:sticky;top:96px}
.ticket{background:#fff;border:1px solid var(--edge);border-radius:20px;padding:22px 22px 24px;box-shadow:var(--shadow)}
.ticket h2{font-size:1.35rem;margin:0 0 8px}
.ticket p{font-size:.95rem}
.ticket .btn{display:block;text-align:center}
.side-block{margin-top:28px}.side-block h2{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600);margin:0 0 10px}
.side-block ul{list-style:none;margin:0;padding:0}.side-block li{padding:9px 0;border-bottom:1px solid var(--line)}
.side-block a{text-decoration:none;font-weight:600;color:var(--ink)}.side-block a:hover{color:var(--p700)}

/* ---------- post cards (blog index, archives) ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--edge);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--p200)}
.card-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body .eyebrow{margin:0}
.card-title{font-size:1.2rem;letter-spacing:-.02em;margin:0}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--p700)}
.card-excerpt{margin:0;font-size:.95rem;color:var(--mute)}
.card .more{font-weight:700;text-decoration:none;color:var(--p700);margin-top:auto}
.card .more::after{content:" →"}
.pagination{margin-top:40px;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--edge);border-radius:10px;padding:7px 13px;text-decoration:none;color:var(--ink);font-weight:600;background:#fff}
.pagination .current{background:var(--p700);border-color:var(--p700);color:#fff}

/* ---------- Wolfpack pack-members block (from the plugin) ---------- */
.wolfpack-pack{border:1px solid var(--edge);border-radius:22px;background:#fff;padding:24px 26px 18px;margin:0 0 2.4em;box-shadow:var(--shadow);position:relative}
.wolfpack-pack__eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600);margin:0 0 6px}
.entry-content .wolfpack-pack__title{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 8px}
.wolfpack-pack__lede{font-size:.97rem;margin:0 0 6px;color:var(--mute)}
.entry-content .wolfpack-pack__list{list-style:none;margin:0;padding:0;counter-reset:none}
.entry-content .wolfpack-pack__list li::before{content:none}
.wolfpack-member{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0!important;border-top:1px solid var(--line)}
.wolfpack-member__rank{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--p50);font:800 1.25rem/1 var(--font);color:var(--p700)}
.entry-content .wolfpack-member__name{font-size:1.15rem;letter-spacing:-.015em;margin:0 0 4px}.wolfpack-member__name a{color:var(--ink);text-decoration:none}.wolfpack-member__name a:hover{color:var(--p700)}
.wolfpack-member__meta,.wolfpack-member__facts{margin:0 0 4px!important;font-size:.9rem;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.wolfpack-member__facts{color:var(--mute)}
.wp-stars{color:#e0a800;letter-spacing:1px}
.wolfpack-check{color:#137a45;background:var(--ok-bg);border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:700}.wolfpack-check::before{content:"✓ "}
.wolfpack-member__cta{text-align:center}.wolfpack-member__cta .wolfpack-btn{font-size:.95rem;padding:10px 16px;white-space:nowrap}
.wolfpack-link{display:block;margin-top:8px;font-size:.86rem}
.wolfpack-pack__method{font-size:.82rem;color:var(--mute);margin:12px 0 0!important;padding-top:12px;border-top:1px solid var(--line)}
.wolfpack-others{margin:2.6em 0 1.2em;padding-top:1.4em;border-top:1px solid var(--edge)}
.entry-content .wolfpack-others h2{margin:0 0 .3em}
.wolfpack-others p{font-size:.95rem;color:var(--mute)}
.wolfpack-join{background:linear-gradient(135deg,var(--p900),var(--p950));color:#ddd5ee;border-radius:22px;padding:28px 28px 24px;margin:2.8em 0 1em}
.wolfpack-join__kicker{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p400);margin:0 0 6px!important}
.entry-content .wolfpack-join h2{margin:0 0 .4em;font-size:1.6rem;color:#fff}
.wolfpack-join p{color:#ddd5ee}.wolfpack-join a:not(.wolfpack-btn){color:#fff}
.wolfpack-join .wolfpack-btn{background:var(--gold);color:var(--ink)!important}
.wolfpack-guides{font-weight:600}

/* ---------- footer (matches the main site) ---------- */
body:not(.wp-has-chrome) .site-footer{background:var(--p950);color:#c9c1d6;padding:56px 0 30px}
body:not(.wp-has-chrome) .site-footer a{color:#fff;text-decoration:none}body:not(.wp-has-chrome) .site-footer a:hover{color:var(--p400)}
body:not(.wp-has-chrome) .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
body:not(.wp-has-chrome) .foot-logo{color:#fff;width:180px;display:block;margin-bottom:12px}body:not(.wp-has-chrome) .foot-logo svg{width:100%;height:auto;display:block}
body:not(.wp-has-chrome) .site-footer h2{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#b7a8e6;margin:0 0 12px}
body:not(.wp-has-chrome) .site-footer ul{list-style:none;margin:0;padding:0}body:not(.wp-has-chrome) .site-footer li{margin:0 0 8px}
body:not(.wp-has-chrome) .site-footer strong{color:#fff}
body:not(.wp-has-chrome) .foot-note{border-top:1px solid #2c2340;margin-top:30px;padding-top:16px;font-size:.82rem;color:#a99fb8}

@media (max-width:960px){.layout{grid-template-columns:1fr}.sidebar{position:static}body:not(.wp-has-chrome) .foot-grid{grid-template-columns:1fr 1fr}.alignwide{margin-left:0;margin-right:0}}
@media (max-width:600px){
  body{font-size:16px}.wrap{padding:0 16px}body:not(.wp-has-chrome) .site-header{position:static}body:not(.wp-has-chrome) .brand .logo-mark{width:44px}body:not(.wp-has-chrome) .brand .logo-type{width:124px}body:not(.wp-has-chrome) .brand-blog{display:none}
  body:not(.wp-has-chrome) .nav{width:100%;flex-wrap:nowrap;justify-content:space-between}body:not(.wp-has-chrome) .nav ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body:not(.wp-has-chrome) .nav a{padding:6px 8px;font-size:.9rem;white-space:nowrap}body:not(.wp-has-chrome) .nav .btn{flex:none;font-size:.9rem;padding:8px 12px}body:not(.wp-has-chrome) .foot-grid{grid-template-columns:1fr}
  body:not(.wp-has-chrome) .site-header .wrap{padding-top:8px;padding-bottom:8px}
  .wolfpack-member{grid-template-columns:40px minmax(0,1fr)}.wolfpack-member__rank{width:38px;height:38px;font-size:1.05rem}.wolfpack-member__cta{grid-column:2;text-align:left}
  .wolfpack-pack{padding:18px 16px 14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.search-form{display:flex;gap:10px;margin:1em 0}.search-form input[type=search]{flex:1;font:inherit;padding:11px 14px;border:1px solid #d9d2e6;border-radius:12px;background:#fff}
.entry-thumb{margin:0 0 1.6em;border-radius:20px;overflow:hidden}.entry-thumb img{display:block;width:100%}
.comments{margin-top:3em;padding-top:1.6em;border-top:1px solid var(--edge)}.comment-list{padding-left:1.2em}
.comment-form input:not([type=submit]),.comment-form textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #d9d2e6;border-radius:12px}
.comment-form .submit{background:var(--p700);color:#fff;border:0;border-radius:12px;padding:11px 20px;font:700 1rem var(--font);cursor:pointer}
.small{font-size:.9rem}.archive-desc{max-width:62ch}

/* live header/footer from the main site (see wolfpack_chrome()) */
.wp-chrome{display:contents}
body.wp-has-chrome .skip-link:focus{z-index:200}

/* ---------- single post hero: featured image behind the title, estimates form beside it ---------- */
.post-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(1200px 500px at 85% -10%,#5a2bc0 0%,transparent 60%),linear-gradient(135deg,var(--p900),var(--p950));padding:56px 0 64px}
.post-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.post-hero.has-image::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,13,28,.92) 0%,rgba(18,13,28,.78) 45%,rgba(18,13,28,.45) 100%),linear-gradient(0deg,rgba(18,13,28,.55),transparent 40%)}
.post-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center;min-height:380px}
.post-hero__crumbs{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;color:var(--p400)}
.post-hero__crumbs a{color:inherit;text-decoration:none}.post-hero__crumbs a:hover{color:#fff}.post-hero__crumbs span{opacity:.6;margin:0 4px}
.post-hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 16px;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.post-hero__lede{font-size:1.12rem;color:#e6e0f2;max-width:58ch;margin:0 0 18px}
.post-hero__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:.92rem;color:#d4cbe6}
.post-hero__meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;margin:0 12px 0 -10px;vertical-align:middle}
.post-cta{background:#fff;color:var(--body);border-radius:22px;padding:24px 24px 20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:12px}
.post-cta__kicker{margin:0;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ok)}
.post-cta__kicker::before{content:"✓ "}
.post-cta__title{margin:0;font:800 1.35rem/1.2 var(--font);letter-spacing:-.02em;color:var(--ink)}
.post-cta__field{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:700;color:var(--ink)}
.post-cta__field input,.post-cta__field textarea{font:400 1rem/1.4 var(--font);color:var(--ink);padding:11px 13px;border:1px solid #d9d2e6;border-radius:12px;background:#fff;width:100%;resize:vertical}
.post-cta__field input:focus,.post-cta__field textarea:focus{outline:none;border-color:var(--p500);box-shadow:0 0 0 3px rgba(112,70,216,.18)}
.post-cta__btn{width:100%;font-size:1.05rem;padding:13px 18px;border:0}
.post-cta__fine{margin:0;font-size:.8rem;line-height:1.45;color:var(--mute)}
@media (max-width:960px){.post-hero{padding:40px 0 44px}.post-hero__grid{grid-template-columns:1fr;gap:28px;min-height:0}.post-cta{max-width:560px}
  .post-hero.has-image::before{background:linear-gradient(180deg,rgba(18,13,28,.7) 0%,rgba(18,13,28,.9) 70%)}}
@media (max-width:600px){.post-hero{padding:28px 0 32px}.post-cta{padding:20px 18px 16px;border-radius:18px}}

/* ---------- table of contents, author box, related posts ---------- */
.toc{border:1px solid var(--edge);border-radius:16px;background:var(--paper);padding:14px 20px;margin:0 0 2em}
.toc summary{cursor:pointer;font-weight:800;color:var(--ink);font-size:1rem;list-style:none}.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"–";float:right;color:var(--p600)}.toc:not([open]) summary::after{content:"+"}
.toc ol{margin:10px 0 2px;padding-left:0;list-style:none;columns:2;column-gap:28px;font-size:.95rem}.toc li{margin:0 0 6px;break-inside:avoid;padding-left:14px;position:relative}.toc li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--p500)}
.toc a{color:var(--body);text-decoration:none}.toc a:hover{color:var(--p700);text-decoration:underline}
.entry-content h2[id]{scroll-margin-top:96px}
.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;margin:3em 0 0;padding:24px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,var(--p50),#fff)}
.author-box__mark{width:72px;height:72px;border-radius:18px;background:var(--brand);color:#fff;display:grid;place-items:center;padding:12px}.author-box__mark svg{width:100%;height:auto;display:block}
.author-box__kicker{margin:0;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600)}
.author-box__name{font-size:1.35rem;margin:2px 0 8px}.author-box__name a{color:var(--ink);text-decoration:none}.author-box__name a:hover{color:var(--p700)}
.author-box p{margin:0 0 10px;font-size:.97rem}
.author-box__facts{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.9rem}
.author-box__facts li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:8px}
.author-box__links{font-weight:700;font-size:.92rem;margin:0!important}
.related{margin-top:3em}.related h2{font-size:1.5rem;margin:0 0 16px}
.related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related__card{display:flex;flex-direction:column;border:1px solid var(--edge);border-radius:16px;overflow:hidden;text-decoration:none;background:#fff;transition:transform .18s,box-shadow .18s}
.related__card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.related__card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.related__card h3{font-size:1rem;line-height:1.35;letter-spacing:-.01em;margin:0;padding:14px 16px 16px;color:var(--ink)}
.post-hero__meta a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
@media (max-width:760px){.toc ol{columns:1}.related__grid{grid-template-columns:1fr}.author-box{grid-template-columns:1fr;padding:20px}.author-box__mark{width:56px;height:56px}}

/* ---------- blog home / topics / search ---------- */
.blog-hero{position:relative;overflow:hidden;color:#fff;padding:64px 0 40px;background:radial-gradient(900px 420px at 88% -20%,rgba(112,70,216,.55),transparent 60%),radial-gradient(700px 400px at -10% 120%,rgba(245,197,24,.12),transparent 60%),linear-gradient(135deg,var(--p900),var(--p950))}
.blog-hero .wrap{max-width:1180px}
.blog-hero__kicker{margin:0 0 12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--p400)}
.blog-hero h1{color:#fff;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 16px;max-width:18ch;text-wrap:balance}
.blog-hero__lede{font-size:1.15rem;color:#ddd5ee;max-width:60ch;margin:0 0 26px}
.blog-search{display:flex;gap:8px;max-width:620px;padding:6px;background:#fff;border-radius:16px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.blog-search label{flex:1;display:flex}
.blog-search input{flex:1;min-width:0;border:0;outline:0;font:500 1.02rem var(--font);color:var(--ink);padding:10px 12px;background:transparent}
.blog-search .btn{border-radius:12px;padding:11px 22px}
.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.topics a{color:#e9e3f5;text-decoration:none;font-weight:600;font-size:.92rem;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);transition:background .15s}
.topics a:hover{background:rgba(255,255,255,.16);color:#fff}
.topics a[aria-current]{background:#fff;color:var(--p800);border-color:#fff}
.blog-list{padding-top:44px}
.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border:1px solid var(--edge);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow);margin:0 0 48px}
.feature__media{display:block;min-height:320px;background:var(--p100)}
.feature__media img{display:block;width:100%;height:100%;object-fit:cover}
.feature__ph,.card-ph{display:grid;place-items:center;width:100%;height:100%;min-height:inherit;background:linear-gradient(135deg,var(--p800),var(--p950));color:rgba(255,255,255,.18)}
.feature__ph svg{width:30%;height:auto}.card-ph{aspect-ratio:16/9}.card-ph svg{width:22%;height:auto}
.feature__body{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.feature__tag,.card-tag{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--p600)}
.feature__title{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.12;letter-spacing:-.03em;margin:0}
.feature__title a{color:var(--ink);text-decoration:none}.feature__title a:hover{color:var(--p700)}
.feature__excerpt{margin:0;font-size:1.05rem}
.feature .btn{align-self:flex-start;margin-top:6px}
.post-meta{margin:0;font-size:.86rem;color:var(--mute)}
.list-title{font-size:1.6rem;margin:0 0 20px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-body{gap:10px}
.card .post-meta{margin-top:auto}
.card-title{font-size:1.15rem;line-height:1.3}
.cta-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:center;padding:30px 34px;border-radius:22px;color:#fff;background:radial-gradient(600px 300px at 100% 0%,rgba(112,70,216,.5),transparent 60%),linear-gradient(135deg,var(--p800),var(--p950))}
.cta-card__kicker{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);grid-column:1}
.cta-card h2{color:#fff;margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem);grid-column:1}
.cta-card form{grid-column:2;grid-row:1/span 3;display:flex;gap:8px;background:#fff;padding:6px;border-radius:14px}
.cta-card input{width:140px;border:0;outline:0;font:600 1.05rem var(--font);padding:10px 12px;color:var(--ink)}
.cta-card__fine{margin:0;font-size:.88rem;color:#cfc6e2;grid-column:1}
.empty{max-width:640px}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:1fr}.feature__media{min-height:0;aspect-ratio:16/9}.feature__body{padding:26px}}
@media (max-width:640px){.blog-hero{padding:40px 0 28px}.cards{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr;padding:24px}.cta-card form{grid-column:1;grid-row:auto}.cta-card input{flex:1;width:auto;min-width:0}.blog-search .btn{padding:11px 16px}}
.card-thumb{display:block}