@font-face{font-family:"Montserrat";src:url("../fonts/montserrat.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Playlist Script";src:url("../fonts/playlist-script.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Playlist";src:url("../fonts/playlist-script.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"PlaylistScript";src:url("../fonts/playlist-script.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}

:root {
  --pink:#ff2e8a;
  --pink-soft:#ffd1e6;
  --teal:#00b8b5;
  --teal-deep:#009995;
  --teal-soft:#d6f5f4;
  --purple:#7b2cbf;
  --purple-soft:#ede0fa;
  --yellow:#ffd400;
  --orange:#ff8a00;
  --orange-soft:#ffe6cc;
  --navy:#14163a;
  --gray-700:#4a4d6a;
  --gray-500:#8b8ea8;
  --gray-200:#e6e8f0;
  --gray-100:#f5f6fa;
  --white:#ffffff;
  --gradient-warm:linear-gradient(135deg,#ff2e8a 0%,#ff8a00 100%);
  --gradient-cool:linear-gradient(135deg,#00b8b5 0%,#7b2cbf 100%);
  --font-body:"Poppins",system-ui,sans-serif;
  --font-display:"Montserrat",system-ui,sans-serif;
  --font-script:"Playlist Script","PlaylistScript","Playlist","Sacramento",cursive;
  --container:1200px;
  --radius-md:16px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(20,22,58,.06);
  --shadow-md:0 8px 24px rgba(20,22,58,.1);
  --shadow-lg:0 20px 50px rgba(20,22,58,.12);
  --shadow-pop:0 12px 30px rgba(255,46,138,.25);
  --transition:.25s cubic-bezier(.4,0,.2,1);
  --transition-slow:.5s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.15;margin:0 0 .5em;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(2.25rem,5vw,3.75rem)}
h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}
h3{font-size:clamp(1.25rem,2vw,1.75rem)}
p{margin:0 0 1em}
a{color:var(--pink);text-decoration:none;transition:color var(--transition),transform var(--transition)}
a:hover{color:var(--purple)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;top:-100px;left:0;background:var(--navy);color:var(--white);padding:.75rem 1.25rem;z-index:9999;font-weight:600}
.skip-link:focus{top:0;color:var(--white)}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}
.section{padding:4rem 0;position:relative}
.section-tight{padding:2rem 0}
.script{font-family:var(--font-script);font-weight:400;letter-spacing:0;font-size:1.25em;line-height:.9}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.75rem;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1;position:relative;overflow:hidden}
.btn-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease-in-out}
.btn-primary:hover::before{left:100%}
.btn-primary{background:var(--pink);color:var(--white);box-shadow:var(--shadow-pop)}
.btn-primary:hover{background:var(--purple);color:var(--white);transform:translateY(-3px) scale(1.02);box-shadow:0 16px 35px rgba(123,44,191,.4)}
.btn-outline{background:transparent;color:var(--teal);border-color:var(--teal)}
.btn-outline:hover{background:var(--teal);color:var(--white);transform:translateY(-3px) scale(1.02)}
.btn-sm{padding:.65rem 1.25rem;font-size:.8rem}

.site-header{--site-header-height:92px;position:sticky;top:0;z-index:100;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:visible;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);transition:background-color var(--transition),box-shadow var(--transition)}
.site-header.is-scrolled{--site-header-height:84px;background:rgba(255,255,255,.98);box-shadow:0 10px 30px rgba(20,22,58,.1)}
.site-header .nav{min-height:var(--site-header-height);height:var(--site-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:2rem;overflow:visible;transition:min-height var(--transition),height var(--transition)}
.nav-logo{position:relative;align-self:flex-start;display:block;width:clamp(275px,22vw,350px);aspect-ratio:2630/1323;margin-top:-24px;margin-left:-42px;overflow:visible;flex-shrink:0;z-index:121;transition:width var(--transition),height var(--transition),margin var(--transition)}
.nav-logo:hover{transform:none}
.nav-logo img{position:absolute;top:0;left:0;width:114.07%;height:auto;max-width:none;max-height:none;object-fit:contain;object-position:top left;transform:rotate(2deg);transform-origin:top left;transition:transform var(--transition)}
.nav-logo:hover img{transform:rotate(2deg) scale(1.015)}
.site-header.is-scrolled .nav-logo{width:clamp(154px,11vw,174px);height:78px;aspect-ratio:auto;margin-top:3px;margin-left:clamp(70px,8vw,130px);overflow:hidden}
.site-header.is-scrolled .nav-logo img{top:50%;left:50%;width:calc(100% - 8px);height:auto;max-width:calc(100% - 8px);max-height:76px;object-fit:contain;object-position:center;transform:translate(-50%,-50%) rotate(1deg)}
.nav-list{display:flex;align-items:center;gap:clamp(.55rem,1.1vw,1.1rem);list-style:none;margin:0;padding:0}
.nav-list a{color:var(--navy);font-weight:600;font-size:.92rem;letter-spacing:.03em;text-transform:uppercase;position:relative;padding:.5rem 0;line-height:1}
.nav-list a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--teal);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.nav-list a:not(.btn):hover,.nav-list a:not(.btn).active{color:var(--teal)}
.nav-list a:not(.btn).active::after,.nav-list a:not(.btn):hover::after{transform:scaleX(1)}
.nav-list .btn-primary{color:#fff !important;-webkit-text-fill-color:#fff !important;padding:.78rem 1.25rem !important;min-width:max-content;white-space:nowrap;border-radius:12px}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:.5rem;width:44px;height:44px;position:relative;z-index:120}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--navy);border-radius:2px;margin:5px auto;transition:all var(--transition)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav-backdrop{position:fixed;inset:0;background:rgba(20,22,58,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:99}
.nav-backdrop.open{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}

.blog-page .blog-hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:clamp(460px,44vw,680px);padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(4rem,7vw,6rem);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.72) 45%,rgba(255,255,255,.18) 100%),url("../img/blog-pic.png");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:visible}
.blog-page .blog-hero .container{text-align:left}
.blog-page .blog-hero .script{font-family:var(--font-script);font-size:clamp(3.2rem,7vw,6.5rem);line-height:1.05;display:inline-block;margin:.35rem 0 .3rem;padding-top:.25em;padding-bottom:.08em;background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--pink)}
.blog-page .blog-hero h1{color:var(--navy);font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;margin-bottom:.8rem}
.blog-page .blog-hero p{color:var(--gray-700);max-width:640px;font-size:clamp(1rem,1.3vw,1.2rem)}
.blog-page .blog-listing-section{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:2rem;margin:2rem 0}
.blog-card{height:100%;min-height:520px;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-slow);display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.blog-thumb{width:100%;height:clamp(180px,16vw,230px);position:relative;overflow:hidden;display:block;flex:0 0 auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.blog-thumb-1{background:var(--gradient-warm);background-size:200% 200%;animation:gradient-flow 10s ease infinite}
.blog-thumb-2{background:var(--gradient-cool);background-size:200% 200%;animation:gradient-flow 12s ease infinite}
.blog-thumb-3{background:linear-gradient(135deg,var(--orange) 0%,var(--yellow) 100%);background-size:200% 200%;animation:gradient-flow 14s ease infinite}
.blog-thumb svg{position:absolute;inset:0;margin:auto;width:80px;height:80px;color:rgba(255,255,255,.95);transition:transform var(--transition-slow)}
.blog-thumb img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.blog-card:hover .blog-thumb svg,.blog-card:hover .blog-thumb img{transform:scale(1.07)}
.blog-card-body{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}
.blog-category{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:var(--radius-pill);margin-bottom:.75rem;align-self:flex-start}
.blog-card-1 .blog-category{background:var(--pink-soft);color:var(--pink)}
.blog-card-2 .blog-category{background:var(--teal-soft);color:var(--teal)}
.blog-card-3 .blog-category{background:var(--orange-soft);color:var(--orange)}
.post-meta{color:var(--gray-500);font-size:.86rem;font-weight:700;margin:0 0 .45rem}
.blog-card h3{font-size:1.25rem;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card h3 a{color:var(--navy)}
.blog-card p,.blog-card .card-excerpt{color:var(--gray-700);font-size:.95rem;line-height:1.65;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.blog-card a.read-more{margin-top:auto;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;color:var(--pink)}
.blog-card a.read-more:hover{color:var(--purple);transform:translateX(4px)}
.blog-contact-cta{text-align:center;margin-top:3rem}
.empty-state{padding:3rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;background:#fff;box-shadow:var(--shadow-sm)}
.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.blog-load-more{min-width:min(100%,220px)}
.blog-load-more.is-loading{pointer-events:none;opacity:.78}

.article-page .single-article-hero,.article-page .article-breadcrumb-section,.article-page .single-article-content,.article-page .article-bottom-cta{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.article-page .single-article-hero{min-height:300px;padding:clamp(4rem,8vw,6rem) 0 clamp(3rem,6vw,4.75rem);display:flex;align-items:flex-end;background:radial-gradient(circle at 10% 20%,rgba(255,46,138,.16),transparent 30%),linear-gradient(135deg,rgba(255,46,138,.08),rgba(255,255,255,1) 55%);border-bottom:1px solid #edf0f5}
.article-page .article-category-label{display:inline-block;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-bottom:.85rem;color:var(--pink)}
.article-page .single-article-hero h1{color:var(--navy);font-size:clamp(2.35rem,4.6vw,4.7rem);line-height:1.05;max-width:980px;margin:0}
.article-page .article-breadcrumb-section{background:#fff;padding:1.15rem 0;border-bottom:1px solid #edf0f5}
.article-page .article-container{max-width:920px}
.article-page .article-breadcrumbs{display:flex;align-items:center;gap:.55rem;color:var(--gray-500);font-size:.95rem;font-family:var(--font-display);font-weight:700}
.article-page .article-breadcrumbs a{color:var(--pink)}
.article-page .single-article-content{background:#fff;padding:clamp(3.25rem,6vw,5.5rem) 0}
.article-page .article-author{color:var(--navy);font-family:var(--font-display);font-weight:900;font-size:1.05rem;margin:0 0 .25rem}
.article-page .article-date{color:var(--gray-500);font-size:.98rem;margin:0 0 2.2rem}
.featured-image{min-height:240px;margin:0 0 2rem;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:var(--gray-100);box-shadow:var(--shadow-md)}
.featured-image img{width:auto;max-width:100%;height:auto;max-height:640px;display:block;object-fit:contain;object-position:center center}
.article-page .article-body{color:var(--gray-700)}
.article-page .article-intro{color:var(--navy);font-size:clamp(1.15rem,1.55vw,1.35rem);font-weight:600;line-height:1.7;margin-bottom:2rem}
.article-page .article-body h2{color:var(--pink);font-size:clamp(1.45rem,2.25vw,2rem);line-height:1.22;margin:2rem 0 .65rem}
.article-page .article-body h3{color:var(--teal);font-size:clamp(1.2rem,1.8vw,1.55rem);margin:1.5rem 0 .5rem}
.article-page .article-body p,.article-page .article-body li{font-size:clamp(1rem,1.18vw,1.1rem);line-height:1.82;margin-bottom:1.1rem}
.article-page .article-body blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:5px solid var(--teal);border-radius:var(--radius-md);background:rgba(0,184,181,.08);color:var(--navy);font-weight:700}
.article-page .article-body img{border-radius:18px;box-shadow:var(--shadow-sm)}
.article-page .article-action-row{margin-top:2rem}
.article-page .article-action-row .btn{color:#fff !important;-webkit-text-fill-color:#fff !important}
.original-link{margin-top:2rem}
.original-link a,.article-back-link{font-family:var(--font-display);font-weight:800;color:var(--pink)}
.article-back-wrap{margin-top:2.25rem}
.article-bottom-cta{background:linear-gradient(115deg,#ff2e8a 0%,#ff8a00 32%,#ffd400 50%,#ff8a00 66%,#ff2e8a 82%,#7b2cbf 100%);background-size:260% 260%;animation:articleCtaRoll 16s ease-in-out infinite;color:#fff;padding:clamp(3.5rem,6vw,5.5rem) 0}
.article-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}
.article-bottom-cta h2{color:#fff;font-size:clamp(2rem,3.8vw,4rem);line-height:1.08;margin:0 0 .6rem}
.article-bottom-cta p{color:rgba(255,255,255,.96);max-width:720px;font-size:clamp(1rem,1.35vw,1.18rem);margin:0}
.article-bottom-cta .btn{color:#fff !important;-webkit-text-fill-color:#fff !important;min-width:180px}

.site-footer{width:100vw;margin:4rem calc(50% - 50vw) 0;background:var(--navy);color:var(--white);padding:4rem 0 2rem;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--teal),var(--purple),var(--pink));background-size:200% 100%;animation:gradient-flow 8s linear infinite}
.footer-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(135px,.75fr));gap:clamp(1.5rem,3vw,3rem);align-items:start;margin-bottom:3rem}
.footer-brand .logo-pill{display:inline-block;padding:.5rem 1rem;margin-bottom:1rem;background:transparent;border-radius:0;transition:transform var(--transition)}
.footer-brand .logo-pill img{width:clamp(160px,15vw,200px);height:auto;max-width:100%;object-fit:contain}
.footer-brand p{color:rgba(255,255,255,.75);font-size:.92rem;max-width:280px}
.footer-col h4{color:var(--white);font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-weight:700}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{margin-bottom:.6rem}
.footer-col a{color:rgba(255,255,255,.7);font-size:.92rem;display:inline-block}
.footer-col a:hover{color:var(--pink);transform:translateX(3px)}
.footer-bottom{text-align:center;display:flex;flex-direction:column;gap:.25rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem}
.footer-bottom p,.footer-bottom span{color:rgba(255,255,255,.72);margin:0;font-size:.9rem}
.footer-bottom .footer-legal-name{color:#fff}
.footer-bottom .footer-credit-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.footer-bottom .footer-blog-login a{color:rgba(255,255,255,.62);font-size:.82rem;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.footer-bottom .footer-blog-login a:hover{color:var(--pink)}

@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes articleCtaRoll{0%{background-position:0% 50%}35%{background-position:65% 35%}70%{background-position:100% 70%}100%{background-position:0% 50%}}

@media (max-width:1024px){
  .site-header{--site-header-height:82px}
  .site-header.is-scrolled{--site-header-height:70px}
  .nav-logo{width:clamp(184px,28vw,224px);margin-top:8px;margin-left:0}
  .site-header.is-scrolled .nav-logo{width:108px;height:64px;margin-top:3px;margin-left:0}
  .site-header.is-scrolled .nav-logo img{width:calc(100% - 4px);max-width:calc(100% - 4px);max-height:62px}
  .nav-toggle{display:block;margin-left:auto}
  .nav-list{position:fixed;inset:var(--site-header-height) 0 0 auto;width:min(320px,85%);background:var(--white);flex-direction:column;align-items:stretch;gap:0;padding:1.5rem;border-left:1px solid var(--gray-200);box-shadow:-10px 0 40px rgba(20,22,58,.1);transform:translateX(105%);transition:transform var(--transition-slow);overflow-y:auto;z-index:110}
  .nav-list.open{transform:translateX(0)}
  .nav-list li{border-bottom:1px solid var(--gray-200)}
  .nav-list li:last-child{border-bottom:0;padding-top:1rem}
  .nav-list a:not(.btn){display:block;padding:1rem 0;font-size:1rem}
  .nav-list a:not(.btn)::after{display:none}
  .nav-list .btn{width:100%}
}

@media (max-width:980px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  .nav-logo{width:clamp(174px,37vw,202px);margin-top:7px}
  .site-header.is-scrolled .nav-logo{width:104px}
  .blog-grid{grid-template-columns:1fr}
  .blog-card{min-height:0}
  .blog-thumb{height:clamp(170px,48vw,240px)}
  .blog-page .blog-hero{min-height:360px;padding-top:3.5rem;padding-bottom:3rem}
  .article-cta-grid{grid-template-columns:1fr;text-align:center}
  .article-bottom-cta .btn{justify-self:center}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-brand p{margin-left:auto;margin-right:auto}
}

@media (max-width:520px){
  .container{padding:0 1rem}
  .blog-card-body{padding:1.35rem}
}

/* Match the main site's Services hero height and remove the gap below it. */
.blog-page .blog-hero{
  box-sizing:border-box;
  height:760px;
  min-height:760px;
  max-height:760px;
  padding-top:0;
  padding-bottom:0;
  margin-bottom:0;
  overflow:hidden;
  background-size:cover;
  background-position:center center;
}
.blog-page .blog-hero .container{
  box-sizing:border-box;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.blog-page .blog-listing-section{
  margin-top:0;
}
@media (max-width:980px){
  .blog-page .blog-hero{
    height:auto;
    min-height:clamp(560px,78vw,760px);
    max-height:none;
  }
  .blog-page .blog-hero .container{
    height:auto;
    min-height:clamp(560px,78vw,760px);
  }
}
@media (max-width:720px){
  .blog-page .blog-hero,
  .blog-page .blog-hero .container{
    min-height:520px;
  }
}

/* Reference-matched layered Blog hero. */
.blog-page .blog-hero{
  background-image:url("../img/blog-pic.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.blog-page .blog-hero .container{align-items:center}
.blog-page .blog-hero-copy{width:min(100%,1180px);margin-right:auto;margin-left:auto;text-align:center}
.blog-page .blog-hero-kicker{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(360px,32vw,500px);min-height:clamp(96px,9vw,138px);padding:1rem 2.75rem 1.25rem;color:#fff;font-family:"Playlist Script","PlaylistScript","Playlist","Sacramento",cursive !important;font-size:clamp(4rem,5.8vw,6rem);font-weight:400 !important;font-style:normal !important;letter-spacing:0 !important;text-transform:none !important;line-height:.9;text-shadow:0 2px 8px rgba(20,22,58,.3);background-image:url("../img/blog-brush-stroke.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%;transform:translateX(clamp(-8rem,-9vw,-4rem)) rotate(-5deg);transform-origin:center}
.blog-page .blog-hero-copy h1{margin:-.35rem 0 0;color:#fff;text-shadow:0 3px 14px rgba(20,22,58,.3)}
.blog-page .blog-hero-title-bold,.blog-page .blog-hero-title-script{display:block;color:#fff}
.blog-page .blog-hero-title-bold{font-family:var(--font-display);font-size:clamp(6rem,9vw,9rem);font-weight:900;line-height:.95;transform:translateY(-.23em)}
.blog-page .blog-hero-title-script{margin-top:-.08em;font-family:"Playlist Script","PlaylistScript","Playlist","Sacramento",cursive !important;font-size:clamp(8.5rem,13vw,13rem);font-weight:400 !important;font-style:normal !important;letter-spacing:0 !important;text-transform:none !important;line-height:.82}
@media (max-width:720px){
  .blog-page .blog-hero-copy{width:min(100%,38rem);margin-left:0;text-align:left}
  .blog-page .blog-hero-kicker{min-width:230px;min-height:64px;font-size:clamp(2.6rem,10vw,3.5rem);transform:translateY(-.48em) rotate(-4deg)}
  .blog-page .blog-hero-title-bold{font-size:clamp(3.5rem,15vw,5.25rem);transform:translateY(-.21em)}
  .blog-page .blog-hero-title-script{font-size:clamp(5rem,21vw,7.25rem)}
}

@media (max-width:720px){
  html,body{max-width:100%;overflow-x:clip}
  .container{min-width:0}
  img,svg,video,iframe{max-width:100%}
  .nav-list{width:min(320px,calc(100vw - 1rem));max-width:calc(100vw - 1rem)}
  .blog-page .blog-hero .container{align-items:center;padding-right:1rem;padding-left:1rem}
  .blog-page .blog-hero-copy{width:100%;max-width:23rem;margin:0 auto;text-align:center}
  .blog-page .blog-hero-kicker{min-width:min(72vw,270px);min-height:62px;font-size:clamp(2rem,9vw,2.75rem);transform:translateY(-.42em) rotate(-4deg)}
  .blog-page .blog-hero-title-bold{font-size:clamp(3rem,13vw,4.25rem);white-space:nowrap;transform:translateY(-.19em)}
  .blog-page .blog-hero-title-script{font-size:clamp(4.6rem,19vw,6.25rem)}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}
}

@media (max-width:980px){
  html,body{max-width:100%;overflow-x:clip}
  .nav-list{width:min(320px,calc(100vw - 1rem));max-width:calc(100vw - 1rem)}
}

/* Final mobile menu alignment with the main static site. */
@media (max-width:1024px){
  body.nav-open{overflow:hidden}
  .site-header{--site-header-height:82px;z-index:1000;width:100%;max-width:100%;margin-right:0;margin-left:0;overflow:visible}
  .blog-page .blog-hero,.blog-page .blog-listing-section,.article-page .single-article-hero,.article-page .article-breadcrumb-section,.article-page .single-article-content,.article-page .article-bottom-cta,.site-footer{width:100%;max-width:100%;margin-right:0;margin-left:0}
  .site-header.is-scrolled{--site-header-height:70px}
  .site-header .nav{height:var(--site-header-height);min-height:var(--site-header-height);padding-right:clamp(1rem,3vw,1.5rem);padding-left:clamp(1rem,3vw,1.5rem);gap:1rem}
  .nav-logo{width:clamp(184px,28vw,224px);margin-top:8px;margin-left:max(0px,env(safe-area-inset-left));z-index:121}
  .nav-logo img{left:0;width:114.07%;max-width:none}
  .site-header.is-scrolled .nav-logo{width:108px;height:64px;margin-top:3px;margin-left:max(0px,env(safe-area-inset-left));overflow:hidden}
  .site-header.is-scrolled .nav-logo img{top:50%;left:50%;width:calc(100% - 4px);max-width:calc(100% - 4px);max-height:62px;transform:translate(-50%,-50%) rotate(1deg)}
  .nav-toggle{display:block;margin-left:auto;border:0;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(20,22,58,.12)}
  .nav-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
  .nav-list{position:fixed;inset:var(--site-header-height) 0 0 auto;width:min(320px,85vw);max-width:calc(100vw - 1rem);height:calc(100dvh - var(--site-header-height));max-height:calc(100dvh - var(--site-header-height));padding:1.5rem;background:var(--white);border-left:1px solid var(--gray-200);box-shadow:-10px 0 40px rgba(20,22,58,.1);display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;transform:translateX(105%);transition:transform var(--transition-slow);z-index:1100}
  .nav-list.open{transform:translateX(0)}
  .nav-list li{border-bottom:1px solid var(--gray-200);opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease}
  .nav-list.open li{opacity:1;transform:translateX(0)}
  .nav-list.open li:nth-child(1){transition-delay:.1s}
  .nav-list.open li:nth-child(2){transition-delay:.15s}
  .nav-list.open li:nth-child(3){transition-delay:.2s}
  .nav-list.open li:nth-child(4){transition-delay:.25s}
  .nav-list.open li:nth-child(5){transition-delay:.3s}
  .nav-list.open li:nth-child(6){transition-delay:.35s}
  .nav-list.open li:nth-child(7){transition-delay:.4s}
  .nav-list.open li:nth-child(8){transition-delay:.45s}
  .nav-list li:last-child{border-bottom:0;padding-top:1rem}
  .nav-list a:not(.btn){display:block;padding:1rem 0;font-size:1.05rem;line-height:1.2}
  .nav-list a:not(.btn)::after{display:none}
  .nav-list .btn{width:100%;min-height:46px;border-radius:999px}
  .nav-backdrop{position:fixed;inset:0;background:rgba(20,22,58,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:990}
  .nav-backdrop.open{opacity:1;visibility:visible}
}

@media (max-width:430px){
  .nav-logo{width:clamp(166px,48vw,190px)}
}