/*
Theme Name: Atelier
Author: OpenAI
Description: Editorial-style WordPress theme with serif typography and quiet luxury styling.
Version: 2.0
Text Domain: atelier
*/

:root{
  --bg:#ffffff;
  --bg-soft:#ffffff;
  --bg-warm:#F8F3E9;
  --ink:#000000;
  --muted:rgba(0,0,0,.72);
  --line:rgba(0,0,0,.14);
  --line-strong:rgba(0,0,0,.45);
  --footer-text:#0F67F0;
  --max:1440px;
  --shell:clamp(20px,2.2vw,32px);
  --space-xs:.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:3rem;
  --space-xl:5rem;
  --space-2xl:8rem;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter', system-ui, sans-serif;
  --radius:999px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.screen-reader-text{position:absolute;left:-9999px}

.site-shell{max-width:var(--max);margin:0 auto;padding-left:var(--shell);padding-right:var(--shell)}

h1,h2,h3,h4,.nav-logo,.footer-wordmark,.display-xl,.display-lg,.quote-text{
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.04;
  margin:0;
}

.display-xl{font-size:clamp(3.5rem,6.2vw,7.75rem)}
.display-lg{font-size:clamp(2.6rem,4.6vw,5.7rem)}
h3{font-size:clamp(1.55rem,2vw,2.1rem)}
p{margin:0}
.lead,
.two-col-story p,
.process-card p,
.quote-meta,
.footer-link,
.service-list-clean em,
.page-hero-sub,
.body-text{
  font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.7;
  color:var(--muted);
}

.section-tag{
  display:block;
  font-size:.88rem;
  margin-bottom:1rem;
  color:var(--ink);
}
.section-tag::before{content:'('}
.section-tag::after{content:')'}

.text-link{
  font-size:.92rem;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}

.btn-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 22px;
  border:1px solid #000;
  border-radius: 999px;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.18s ease;
  background:transparent;
  line-height:1;
}
.btn-pill:hover{background:var(--ink);color:var(--bg)}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}
.button-row.left{justify-content:flex-start}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.nav-logo{
  font-size:clamp(1.9rem,2.8vw,3.2rem);
  line-height:.92;
  letter-spacing:-.03em;
}
.nav-panel{display:flex;align-items:center;gap:22px}
.nav-links{display:flex;align-items:center;gap:10px;list-style:none;padding:0;margin:0}
.nav-links li{display:flex;align-items:center}
.nav-links a{
  font-size:.9rem;
  padding:8px 10px;
  letter-spacing:.02em;
}
.nav-links a:hover,.footer-nav-grid a:hover,.footer-link:hover{opacity:.6}
.nav-cta{min-height:40px;padding:0 16px;font-size:.75rem;margin-left:4px}
.mobile-nav-toggle{display:none;background:none;border:0;padding:0;width:42px;height:42px;position:relative}
.mobile-nav-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);position:absolute;left:10px;transition:.2s ease}
.mobile-nav-toggle span:first-child{top:16px}
.mobile-nav-toggle span:nth-child(2){top:23px}
body.nav-open .mobile-nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
body.nav-open .mobile-nav-toggle span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}

.hero-home{padding-top:3rem;padding-bottom:4rem}

.familiar-strip-wrap{padding-top:0;padding-bottom:0}
.familiar-strip{
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.7);
}
.familiar-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  padding:.85rem 0;
  animation:familiarMarquee 28s linear infinite;
  font-size:.95rem;
  letter-spacing:.04em;
  will-change:transform;
}
.familiar-track-group{
  display:flex;
  align-items:center;
  gap:18px;
  flex-shrink:0;
  padding-right:18px;
}
.familiar-track-group span:nth-child(odd){font-weight:600}
@keyframes familiarMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-lite{
  display:flex;
  gap:48px;
  overflow:auto hidden;
  white-space:nowrap;
  font-family:var(--serif);
  font-size:clamp(1.65rem,2.2vw,2.8rem);
  border-bottom:1px solid var(--line);
  padding-bottom:1.4rem;
}
.hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  align-items:start;
  padding-top:3rem;
}
.hero-copy .lead{max-width:50rem;margin-top:1.5rem}

.hero-grid-with-form{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,420px);
  align-items:start;
}
.hero-form-wrap{
  padding:1.25rem;
  border-radius:1.25rem;
  position:relative;
}
.hero-form-inner{
  background:#fff;
  padding:1.25rem;
}
.hero-form-wrap .forminator-ui{
  margin:0;
}
.hero-form-wrap .forminator-ui .forminator-row:last-child,
.hero-form-wrap .forminator-ui .forminator-field:last-child{
  margin-bottom:0;
}
.editorial-card{
  border:1px solid var(--line);
  background:#ffffff;
  min-height:100%;
}
.quote-card{padding:2rem}
.quote-text{font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin-bottom:1rem}
.quote-meta{font-size:1rem}

.intro-statement{padding:3rem var(--shell) 5rem}
.intro-statement p{
  max-width:16ch;
  font-family:var(--serif);
  font-size:clamp(3rem,5.2vw,6rem);
  line-height:.98;
}

.logo-strip-wrap{padding-bottom:4rem}
.logo-strip{
  display:flex;
  flex-wrap:wrap;
  gap:28px 42px;
  align-items:center;
  border-top:1px solid var(--line);
  padding-top:2rem;
  font-family:var(--serif);
  font-size:clamp(1.9rem,3vw,3.3rem);
  letter-spacing:-.03em;
}

.two-col-story{
  padding-top:2rem;
  padding-bottom:5rem;
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,.9fr);
  gap:48px;
  align-items:start;
}
.two-col-story p{max-width:32rem;margin-bottom:1rem}

.process-section{
  background:var(--bg-soft);
  padding:5rem 0;
}
.process-heading{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start;margin-bottom:3rem}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--line)}
.process-grid.four-col{grid-template-columns:repeat(4,1fr)}
.process-card{
  min-height:320px;
  border-right:1px solid var(--line);
  padding:2rem 1.7rem 1.5rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.process-num{
  font-family:var(--serif);
  font-size:clamp(3rem,4vw,4.8rem);
  line-height:.9;
}
.process-card a{margin-top:auto;font-size:1rem;border-bottom:1px solid currentColor;display:inline-block;width:max-content;padding-bottom:2px}

.services-overview{padding:5rem var(--shell)}
.services-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:1.4rem}
.service-list-clean{border-top:1px solid var(--line)}
.service-list-clean a{
  display:grid;
  grid-template-columns:72px minmax(180px,1.2fr) 1fr;
  gap:20px;
  align-items:center;
  padding:1.35rem 0;
  border-bottom:1px solid var(--line);
}
.service-list-clean span,
.service-list-clean strong,
.service-list-clean em{font-style:normal}
.service-list-clean span{font-family:var(--serif);font-size:2rem}
.service-list-clean strong{font-family:var(--serif);font-size:clamp(1.7rem,2.2vw,2.4rem);font-weight:500}
.service-list-clean a:hover{padding-left:8px}

.cta-panel{
  padding-top:0;
  padding-bottom:5rem;
}
.cta-panel .display-lg{max-width:14ch}

.page-hero-clean{padding-top:4rem;padding-bottom:2.5rem}
.page-hero-clean .lead{max-width:46rem;margin-top:1rem}
.services-page-list{padding-top:0}
.process-lite{background:transparent;border-top:1px solid var(--line)}

.page-hero{
  max-width:var(--max);
  margin:0 auto;
  padding:4rem var(--shell) 2rem;
}
.page-hero h1{font-size:clamp(3.4rem,6vw,7rem)}
.page-hero-sub{max-width:42rem;margin-top:1rem}
.page-hero-eyebrow{font-size:.9rem;color:var(--muted);display:block;margin-bottom:1rem}
.page-hero-rule{height:1px;background:var(--line);margin-top:2rem}
.content-section,.before-after-section,.pricing-section{padding:4rem 0;border-top:1px solid var(--line)}
.content-2col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.content-image-frame,.ba-image-placeholder{
  min-height:320px;
  border:1px solid var(--line);
  background:#ffffff;
  display:flex;align-items:center;justify-content:center;
}
.section-title-sm{font-size:clamp(2.5rem,4.2vw,4.6rem);margin-bottom:1rem}
.alt-bg{background:#ffffff}
.before-after-section .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ba-side-label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--muted)}
.ba-description{margin-top:1rem;color:var(--muted)}
.pricing-grid{max-width:var(--max);margin:2rem auto 0;padding:0 var(--shell);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pricing-card{border:1px solid var(--line);padding:1.75rem;background:#ffffff;position:relative}
.pricing-card.featured{background:var(--ink);color:var(--bg)}
.pricing-card.featured .pricing-feature,
.pricing-card.featured .pricing-freq,
.pricing-card.featured .pricing-tier-label{color:rgba(255,255,255,.78)}
.pricing-tier-label{font-size:.9rem;color:var(--muted)}
.pricing-price{font-family:var(--serif);font-size:clamp(3rem,4vw,4.6rem);line-height:.95;margin-top:.5rem}
.pricing-freq{display:block;margin-bottom:1rem;color:var(--muted)}
.pricing-divider{height:1px;background:var(--line);margin:1rem 0}
.pricing-features,.pricing-feature{color:var(--muted);line-height:1.7}
.pricing-features{padding-left:1.1rem;margin:0 0 1.3rem}
.pricing-cta{margin-top:1.3rem}

.site-footer{
  background:var(--bg-warm);
  color:var(--footer-text);
  margin-top:2rem;
  overflow:hidden;
}
.footer-marquee{
  border-bottom:1px solid rgba(159,18,56,.28);
  white-space:nowrap;
  overflow:hidden;
}
.footer-marquee-track{
  display:flex;
  gap:56px;
  width:max-content;
  padding:.8rem 0;
  animation:footerMarquee 28s linear infinite;
  font-family:var(--serif);
  font-size:2rem;
}
@keyframes footerMarquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1.35fr;
  gap:32px;
  padding-top:4rem;
  padding-bottom:3rem;
}
.footer-block{display:flex;flex-direction:column;gap:14px}
.footer-link{font-size:1.2rem;color:var(--footer-text)}
.footer-link-icon{display:inline-flex;align-items:center;gap:.55rem;width:max-content}
.footer-icon{font-size:.8rem;line-height:1;display:inline-block;transform:translateY(-1px)}
.footer-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.footer-nav-grid div{display:flex;flex-direction:column;gap:12px}
.footer-nav-grid a{display:block;border-bottom:1px solid rgba(159,18,56,.48);padding-bottom:6px;font-size:1.1rem}
.footer-bottom{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  padding-bottom:10rem;
  font-size:1.05rem;
}
.footer-bottom a{text-align:center}
.footer-bottom span:last-child{text-align:right}
.footer-wordmark{
  width:100%;
  max-width:100vw;
  font-size:clamp(2.1rem,7.3vw,8.2rem);
  line-height:.8;
  letter-spacing:-.06em;
  margin-left:-.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

/* Preserve existing templates reasonably */
.editorial-section,.testimonial-section,.cta-section{padding:4rem 0;border-top:1px solid var(--line)}
.editorial-body-cols{max-width:var(--max);margin:0 auto;padding:0 var(--shell);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.editorial-headline,.cta-title{font-size:clamp(2.6rem,4.6vw,5.7rem);font-family:var(--serif);line-height:.98}
.cases-grid,.process-steps{max-width:var(--max);margin:0 auto;padding:0 var(--shell);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.process-step,.case-card{border:1px solid var(--line);padding:1.5rem;background:rgba(255,255,255,.28)}
.testimonial-quote{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);line-height:1.08}
.testimonial-cite,.cta-sub{display:block;margin-top:1rem;color:var(--muted)}
.container,.container-narrow{max-width:var(--max);margin:0 auto;padding:0 var(--shell)}
.bg-dark{background:var(--ink);color:var(--bg)}
.bg-dark .case-desc,.bg-dark .case-client,.bg-dark .case-label{color:rgba(239,238,234,.72)}
.case-stat-num{font-family:var(--serif);font-size:2.6rem;line-height:.95;display:block}
.case-stat-desc{color:inherit}
.case-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:1rem 0}
.case-stat-box{border:1px solid rgba(255,255,255,.16);padding:1rem}
.bg-dark .case-stat-box{border-color:rgba(255,255,255,.16)}

@media (max-width: 1100px){
  .hero-grid,.two-col-story,.content-2col,.process-heading,.process-grid,.process-grid.four-col,.pricing-grid,.cases-grid,.editorial-body-cols,.before-after-section .ba-grid,.footer-grid{grid-template-columns:1fr}
  .service-list-clean a{grid-template-columns:56px 1fr}
  .service-list-clean em{grid-column:2}
  .footer-bottom{grid-template-columns:1fr;justify-items:start;padding-bottom:10rem}
  .footer-bottom span:last-child{text-align:left}
}

@media (max-width: 820px){
  .site-nav{min-height:72px}
  .nav-logo{font-size:2.35rem}
  .mobile-nav-toggle{display:block}
  .nav-panel{
    position:absolute;
    top:100%;left:0;right:0;
    background:var(--bg);
    border-bottom:1px solid var(--line);
    padding:14px var(--shell) 20px;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .nav-panel.is-open{display:flex}
  .nav-links{flex-direction:column;align-items:flex-start;gap:4px;width:100%}
  .nav-links li,.nav-links a{width:100%}
  .nav-links a{padding:10px 0;font-size:1rem;border-bottom:1px solid var(--line)}
  .nav-cta{margin-top:8px;min-height:42px;padding:0 18px;font-size:.78rem}
  .marquee-lite{font-size:1.8rem}
  .intro-statement p{max-width:none}
  .logo-strip{font-size:2rem}
  .footer-marquee-track{font-size:1.5rem}
  .footer-wordmark{font-size:clamp(2.2rem,12vw,5rem)}
}

@media (max-width: 560px){
  .display-xl{font-size:3rem}
  .display-lg,.section-title-sm,.page-hero h1,.intro-statement p{font-size:2.5rem}
  .btn-pill{width:100%}
  .button-row{flex-direction:column}
  .service-list-clean a{grid-template-columns:1fr;gap:8px}
  .service-list-clean em{grid-column:auto}
  .footer-nav-grid{grid-template-columns:1fr}
}


.site-footer a{color:var(--footer-text)}
.site-footer .footer-link,.site-footer .quote-meta,.site-footer .body-text{color:var(--footer-text)}


.case-study-feature{
  display:grid;
  grid-template-columns:minmax(190px,260px) 1px minmax(0,1fr);
  gap:2rem;
  align-items:stretch;
  padding:5rem var(--shell);
}
.case-study-stat{
  background:#0F67F0;
  color:#F8F3E9;
  min-height:460px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.case-study-stat-inner{
  display:flex;
  align-items:flex-start;
  gap:.2rem;
  font-family:var(--serif);
  line-height:.9;
}
.case-study-plus{font-size:clamp(3rem,4vw,4.8rem);margin-top:.35rem}
.case-study-number{font-size:clamp(5rem,8vw,9rem)}
.case-study-divider{background:var(--line)}
.case-study-content{display:flex;flex-direction:column;gap:1rem}
.case-study-title{
  font-family:var(--serif);
  font-size:clamp(2.4rem,4vw,4.8rem);
  line-height:.95;
  max-width:10ch;
  margin:0 0 1rem;
}
.case-study-media-wrap{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(240px,.72fr);gap:1.5rem;align-items:end}
.case-study-media{
  border:1px solid var(--line);
  min-height:220px;
  max-width:360px;
  background:#f2f2f2;
}
.case-study-media img{width:100%;height:100%;object-fit:cover;min-height:220px}
.case-study-meta{display:flex;flex-direction:column;gap:1rem;align-self:end}
.case-study-meta p{max-width:30ch;color:var(--muted);line-height:1.6}


.question-image-tile img{width:100%;height:100%;object-fit:cover;}
.question-text-tile{display:flex;flex-direction:column;justify-content:flex-start;padding:2rem;position:relative;}
.question-text-tile p{font-family:var(--serif);font-size:clamp(2rem,2.8vw,3.3rem);line-height:1.02;margin:0;}
.tile-soft-blue{background:#e9ebf7}
.tile-olive{background:#9E993C;color:#F8F3E9}
.tile-warm-brown{background:#8a522f;color:#F8F3E9}
.tile-lime{background:#bcc33c}
.question-arrow{font-size:3rem;line-height:1;position:absolute;left:2rem;bottom:1.75rem;}

@media (max-width: 1100px){
  .case-study-feature{grid-template-columns:1fr;gap:1.5rem}
  .case-study-divider{display:none}
  .case-study-stat{min-height:240px}
}

@media (max-width: 720px){
  .case-study-media-wrap{grid-template-columns:1fr}
  .case-study-feature{
    position:relative;
    padding-top:4rem;
    padding-bottom:4rem;
  }
  .case-study-stat{
    position:absolute;
    top:4rem;
    right:var(--shell);
    width:132px;
    min-height:132px;
    height:132px;
    z-index:2;
  }
  .case-study-number{font-size:clamp(2.7rem,10vw,4rem)}
  .case-study-plus{font-size:clamp(1.8rem,6vw,2.6rem);margin-top:.2rem}
  .case-study-content{display:block}
  .case-study-content .section-tag,
  .case-study-content .case-study-title{
    max-width:calc(100% - 156px);
  }
  .case-study-title{margin:0 0 1.5rem}
}



/* Footer update */
.site-footer {
  background: #9E993C;
  color: #ffffff;
}

.site-footer a {
  color: #ffffff;
}

.footer-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}


/* Service page refresh */
.section-eyebrow{display:block;font-size:.88rem;margin-bottom:1rem;color:var(--ink)}
.service-photo-frame img{width:100%;height:100%;object-fit:cover}
.service-story-grid{align-items:start}
.service-bullets{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.service-bullets li{padding:.95rem 0;border-top:1px solid var(--line);font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.5}
.service-bullets li:last-child{border-bottom:1px solid var(--line)}
/* Social package refresh */

.site-footer,.site-footer *{color:#fff !important}
.site-footer a{color:#fff !important}
.footer-nav-grid a{border-color:rgba(255,255,255,.5) !important}
.footer-marquee{border-bottom:1px solid rgba(255,255,255,.25)}
.footer-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;transform:none}
.footer-icon svg{display:block;width:14px;height:14px;fill:currentColor !important;stroke:currentColor !important}
.footer-wordmark{font-size:clamp(2.8rem,9.9vw,13rem);line-height:.78;letter-spacing:-.075em;padding-bottom:.4rem}
@media (max-width:1100px){.social-packages-grid{grid-template-columns:1fr}.social-package-card,.social-package-card.featured{min-height:auto;transform:none}}

.case-study {
  padding: 80px 40px;
}
.case-wrap {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
  align-items: center;
}
.case-stat {
  background:#0F67F0;
  color:#fff;
  font-size:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  height:200px;
}
.case-content h2 {
  font-size:40px;
}

.case-grid{display:grid;grid-template-columns:300px 1fr;gap:40px}
.case-stat-box{background:#0F67F0;color:#fff;font-size:80px;display:flex;align-items:center;justify-content:center}
.case-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.case-inner img{width:100%;border-radius:12px}



/* Social packages cleanup */
.packages .package,
.social-packages .package,
.package-card,
.package {
  border-radius: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.package-1 {
  background: #ffffff !important;
  color: #000000 !important;
}

.package-2 {
  background: #89522F !important;
  color: #ffffff !important;
}

.package-3 {
  background: #9E993C !important;
  color: #ffffff !important;
}

.package-2 *,
.package-3 * {
  color: #ffffff !important;
}

.package h3,
.package-card h3,
.packages .package h3,
.social-packages .package h3 {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  line-height: 1 !important;
}

.package h3 span,
.package-card h3 span,
.packages .package h3 span,
.social-packages .package h3 span {
  display: inline !important;
  font-size: 0.38em !important;
  opacity: 0.9 !important;
}

.package,
.package-card,
.packages .package,
.social-packages .package {
  padding: 40px !important;
}


/* Social packages — corrected */
.social-packages-section{
  padding: 5.5rem 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.social-packages-head{
  margin-bottom: 2.5rem;
}

.social-packages-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 28px;
  align-items: stretch;
}

.social-package-card{
  position: relative;
  border: 1px solid rgba(0,0,0,.10);
  padding: 2.5rem 2.6rem;
  min-height: 680px;
  display: flex;
  flex-direction: column;
  border-radius: 0 !important;
  overflow: hidden;
  box-shadow: none !important;
  background-image: none !important;
  transform: none !important;
}

.social-package-card::before{
  content: none !important;
}

.social-package-card:hover{
  transform: none !important;
  box-shadow: none !important;
}

.social-package-card.package-starter{
  background: #ffffff !important;
  color: #000000 !important;
}

.social-package-card.package-standard{
  background: #89522F !important;
  color: #ffffff !important;
  border-color: #89522F !important;
}

.social-package-card.package-premium{
  background: #9E993C !important;
  color: #ffffff !important;
  border-color: #9E993C !important;
}

.social-package-card.package-standard *,
.social-package-card.package-premium *{
  color: #ffffff;
}

.social-package-label{
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .75;
  display: block;
  margin-bottom: 1.15rem;
}

.social-package-price-row{
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: nowrap;
}

.social-package-price{
  font-family: var(--serif);
  font-size: clamp(3.5rem,5vw,5.2rem);
  line-height: .86;
  letter-spacing: -.045em;
}

.social-package-frequency{
  font-size: 1rem;
  opacity: .82;
  margin: 0 0 .35rem;
}

.social-package-line{
  height: 1px;
  background: rgba(0,0,0,.12);
  margin: 2rem 0 1.6rem;
}

.package-standard .social-package-line,
.package-premium .social-package-line{
  background: rgba(255,255,255,.24);
}

.social-package-features{
  display: grid;
  gap: .85rem;
  margin-bottom: 2rem;
}

.social-package-features p{
  margin: 0;
  font-size: clamp(1rem,1.12vw,1.08rem);
  line-height: 1.45;
  opacity: .95;
}

.social-package-card .btn-pill{
  align-self: flex-start;
  margin-top: auto;
}

.package-starter .btn-pill{
  background: #fff;
}

.package-standard .btn-pill,
.package-premium .btn-pill{
  border-color: #fff;
  color: #fff;
}

.package-standard .btn-pill:hover,
.package-premium .btn-pill:hover{
  background: #fff;
  color: #000;
}

@media (max-width: 1080px){
  .social-packages-grid{
    grid-template-columns: 1fr;
  }

  .social-package-card{
    min-height: auto;
  }
}


/* About page fixes */
.page-hero-single-line h1,
.page-hero h1{
  max-width:none;
}
.page-hero h1 em,
.section-title-sm em,
.editorial-headline em,
.cta-title em,
.contact-blue-title em{font-style:italic}

.about-story-section,
.about-values-section,
.about-stats-section{padding:4rem 0;border-top:1px solid var(--line)}
.about-story-section{border-bottom:1px solid var(--line)}
.about-story-grid{align-items:center}
.about-copy-stack{display:grid;gap:1rem;max-width:44rem}
.about-image-card{display:flex;flex-direction:column;gap:.85rem}
.about-image-placeholder{
  min-height:420px;
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#fafafa 0%,#f1f1f1 100%);
}
.about-image-placeholder span{
  font-family:var(--serif);
  font-size:clamp(2.4rem,5vw,4.8rem);
  letter-spacing:-.04em;
}
.about-image-caption{font-size:.92rem;color:var(--muted)}
.about-values-title,.about-stats-title{max-width:14ch;margin-bottom:2rem}
.values-grid-fixed{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.value-card-fixed{
  padding:2rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-height:230px;
}
.value-index{display:block;font-size:.9rem;margin-bottom:1rem;color:var(--muted)}
.value-card-fixed h3{margin-bottom:.75rem;font-size:clamp(2rem,3vw,3rem)}
.value-card-fixed p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:34rem}
.about-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.about-stat-card{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-stat-number{font-family:var(--serif);font-size:clamp(3rem,6vw,5rem);line-height:.92;letter-spacing:-.04em}
.about-stat-card p{margin-top:.6rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.about-cta-section{border-bottom:1px solid var(--line)}
.about-cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.about-cta-inner .cta-title{max-width:12ch}

/* Contact redesign */
.contact-blue-wrap{
  background:#0F67F0;
  color:#fff;
  padding:2rem 0 4rem;
}
.contact-blue-grid{
  display:grid;
  grid-template-columns:minmax(320px,.95fr) minmax(0,1fr);
  gap:3rem;
  align-items:start;
}
.contact-poster-panel{padding-top:1rem}
.contact-poster{
  background:#f6f6f6;
  color:#000;
  padding:1.35rem;
  min-height:820px;
  border:1px solid rgba(255,255,255,.3);
}
.contact-poster-header{
  font-family:var(--serif);
  font-size:clamp(2.6rem,5vw,5rem);
  line-height:.9;
  letter-spacing:-.05em;
  margin-bottom:1.25rem;
}
.contact-poster-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.contact-poster-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.contact-blue-content{padding-top:1rem}
.contact-blue-eyebrow{display:block;font-size:.95rem;margin-bottom:1rem;color:rgba(255,255,255,.82)}
.contact-blue-title{
  font-family:var(--serif);
  font-size:clamp(3.5rem,6vw,7rem);
  line-height:.96;
  letter-spacing:-.04em;
  margin:0;
}
.contact-blue-intro{
  margin-top:1.5rem;
  max-width:38rem;
  font-size:clamp(1.05rem,1.2vw,1.2rem);
  line-height:1.6;
  color:rgba(255,255,255,.82);
}
.contact-blue-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:2rem}
.contact-blue-btn{border-color:#fff;color:#fff;background:transparent;min-width:190px}
.contact-blue-btn:hover{background:#fff;color:#0F67F0}
.contact-blue-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem;
  margin:2.25rem 0;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.25);
}
.contact-meta-label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:.55rem}
.contact-blue-meta a,.contact-blue-meta p{font-size:1.15rem;line-height:1.4;margin:0;color:#fff}
.contact-blue-meta small{display:block;margin-top:.35rem;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.78)}
.contact-blue-form-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  padding:1.4rem;
}
.contact-blue-form-card .forminator-ui{margin:0}
.contact-blue-form-card .forminator-ui .forminator-label,
.contact-blue-form-card .forminator-ui label,
.contact-blue-form-card .forminator-ui legend,
.contact-blue-form-card .forminator-ui .forminator-description,
.contact-blue-form-card .forminator-ui .forminator-description p,
.contact-blue-form-card .forminator-ui .forminator-consent__label,
.contact-blue-form-card .forminator-ui .forminator-checkbox__label,
.contact-blue-form-card .forminator-ui .forminator-radio__label,
.contact-blue-form-card .forminator-ui .forminator-input,
.contact-blue-form-card .forminator-ui .forminator-textarea,
.contact-blue-form-card .forminator-ui .forminator-select2-selection,
.contact-blue-form-card .forminator-ui .select2-selection__rendered,
.contact-blue-form-card .forminator-ui .forminator-button{
  color:#fff !important;
}
.contact-blue-form-card .forminator-ui input,
.contact-blue-form-card .forminator-ui textarea,
.contact-blue-form-card .forminator-ui select,
.contact-blue-form-card .forminator-ui .forminator-select2-selection{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.38) !important;
  color:#fff !important;
  border-radius:0 !important;
}
.contact-blue-form-card .forminator-ui input::placeholder,
.contact-blue-form-card .forminator-ui textarea::placeholder{color:rgba(255,255,255,.62) !important}
.contact-blue-form-card .forminator-ui .forminator-button,
.contact-blue-form-card .forminator-ui button{
  background:#fff !important;
  border:1px solid #fff !important;
  color:#0F67F0 !important;
  border-radius:999px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  padding:0 22px !important;
  min-height:44px !important;
}
.contact-blue-form-card .forminator-ui .forminator-button:hover,
.contact-blue-form-card .forminator-ui button:hover{
  background:transparent !important;
  color:#fff !important;
}
.contact-faq-section{padding:4rem 0;border-top:1px solid var(--line)}
.contact-faq-title{max-width:12ch;margin-bottom:2rem}
.contact-faq-list{max-width:760px;display:grid;gap:0}
.contact-faq-item{padding:1.25rem 0;border-bottom:1px solid var(--line)}
.contact-faq-item h4{font-family:var(--serif);font-size:1.7rem;font-weight:500;line-height:1.05;margin:0 0 .5rem}
.contact-faq-item p{margin:0;color:var(--muted);line-height:1.7}

@media (max-width: 1100px){
  .about-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-blue-grid{grid-template-columns:1fr}
  .contact-poster{min-height:auto}
}
@media (max-width: 720px){
  .values-grid-fixed,.about-stats-grid,.contact-blue-meta{grid-template-columns:1fr}
  .contact-blue-wrap{padding-top:1rem}
  .contact-poster-grid{grid-template-columns:repeat(2,1fr)}
}


/* Service hero updates */
.service-hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,430px);
  gap:40px;
  align-items:start;
  padding-top:4rem;
  padding-bottom:2rem;
}
.service-hero-copy h1{
  font-size:clamp(3.2rem,5.6vw,6.3rem);
  line-height:.94;
  letter-spacing:-.04em;
  max-width:12ch;
}
.service-hero-copy .page-hero-sub{
  max-width:34rem;
  margin-top:1rem;
}
.service-hero-form{
  background:#fff;
  border:1px solid var(--line);
  border-radius:1.25rem;
  overflow:hidden;
}
.service-hero-form-inner{
  padding:1.25rem;
}
.service-form-label{
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:.9rem;
}
.service-hero-form .forminator-ui,
.contact-blue-form-panel .forminator-ui{margin:0;}
.service-hero-form .forminator-row:last-child,
.contact-blue-form-panel .forminator-row:last-child,
.service-hero-form .forminator-field:last-child,
.contact-blue-form-panel .forminator-field:last-child{margin-bottom:0;}

/* Contact page refresh */
.contact-blue-grid-form-first{
  display:grid;
  grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  gap:0;
  padding-top:3rem;
  padding-bottom:3rem;
}
.contact-blue-form-panel{
  border-radius:0;
  border-right:none;
  background:#0047ff;
  color:#fff;
}
.contact-blue-form-inner{padding:1.75rem;}
.contact-blue-form-panel .forminator-ui,
.contact-blue-form-panel .forminator-ui .forminator-container,
.contact-blue-form-panel .forminator-ui .forminator-row,
.contact-blue-form-panel .forminator-ui .forminator-field{
  background:transparent !important;
}
.contact-blue-form-panel .forminator-ui .forminator-label,
.contact-blue-form-panel .forminator-ui label,
.contact-blue-form-panel .forminator-ui legend,
.contact-blue-form-panel .forminator-ui .forminator-description,
.contact-blue-form-panel .forminator-ui .forminator-description p,
.contact-blue-form-panel .forminator-ui .forminator-consent__label,
.contact-blue-form-panel .forminator-ui .forminator-checkbox__label,
.contact-blue-form-panel .forminator-ui .forminator-radio__label{
  color:rgba(255,255,255,.82) !important;
}
.contact-blue-form-panel .forminator-ui .forminator-required{
  color:#fff !important;
}
.contact-blue-form-panel .forminator-ui input,
.contact-blue-form-panel .forminator-ui textarea,
.contact-blue-form-panel .forminator-ui select,
.contact-blue-form-panel .forminator-ui .forminator-input,
.contact-blue-form-panel .forminator-ui .forminator-textarea,
.contact-blue-form-panel .forminator-ui .forminator-select2-selection{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.contact-blue-form-panel .forminator-ui input::placeholder,
.contact-blue-form-panel .forminator-ui textarea::placeholder{
  color:rgba(255,255,255,.48) !important;
}
.contact-blue-form-panel .forminator-ui input:focus,
.contact-blue-form-panel .forminator-ui textarea:focus,
.contact-blue-form-panel .forminator-ui select:focus,
.contact-blue-form-panel .forminator-ui .forminator-input:focus,
.contact-blue-form-panel .forminator-ui .forminator-textarea:focus{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid rgba(255,255,255,.78) !important;
  box-shadow:none !important;
  outline:none !important;
}
.contact-blue-form-panel .forminator-ui .forminator-button,
.contact-blue-form-panel .forminator-ui button,
.contact-blue-form-panel .forminator-ui .forminator-button-submit{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  color:#fff !important;
  border-radius:0 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  padding:12px 28px !important;
  min-height:0 !important;
  box-shadow:none !important;
}
.contact-blue-form-panel .forminator-ui .forminator-button:hover,
.contact-blue-form-panel .forminator-ui button:hover,
.contact-blue-form-panel .forminator-ui .forminator-button-submit:hover{
  background:#fff !important;
  color:#0047ff !important;
  border-color:#fff !important;
}
.contact-blue-content-solid{
  background:#0047ff;
  color:#fff;
  padding:3rem clamp(1.5rem,4vw,4rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
}
.contact-blue-content-solid a,
.contact-blue-content-solid .contact-meta-label,
.contact-blue-content-solid small,
.contact-blue-content-solid p,
.contact-blue-content-solid .contact-blue-eyebrow,
.contact-blue-content-solid .contact-blue-title,
.contact-blue-content-solid .contact-blue-intro{color:#fff;}
.contact-blue-meta-stack{
  display:grid;
  gap:2rem;
  margin-top:2rem;
}
.contact-blue-title{max-width:12ch;}
.contact-blue-intro{max-width:32rem;opacity:.92;}
.contact-faq-title-single{max-width:none;}

@media (max-width: 980px){
  .service-hero-split,
  .contact-blue-grid-form-first{
    grid-template-columns:1fr;
  }
  .service-hero-form,
  .contact-blue-form-panel{border-right:1px solid var(--line);}
  .contact-blue-content-solid{
    min-height:auto;
    order:1;
  }
  .contact-blue-form-panel{
    order:2;
  }
}

/* Website creation page refresh */
.service-hero-body{
  max-width:36rem;
  margin-top:1rem;
}
.page-template-page-website-creation .site-footer,
.page-template-page-social-media .site-footer,
.page-template-page-seo .site-footer,
.page-template-page-paid-ads .site-footer{
  margin-top:0;
}

.wc-flow-section{
  position:relative;
  min-height:0;
  display:flex;
  align-items:center;
  margin:0;
  overflow:hidden;
  background-attachment:scroll;
  background-size:cover;
  background-position:center;
}
.wc-flow-section + .wc-flow-section{margin-top:-4rem;}
.wc-flow-section::before{
  content:"";
  position:absolute;
  top:-8rem;
  left:0;
  width:100%;
  height:8rem;
  background:inherit;
  border-top-left-radius:0;
  border-top-right-radius:0;
  z-index:1;
}
.wc-flow-section.first::before{display:none;}
.wc-flow-section-light{z-index:1;}
.wc-flow-section-soft{z-index:2;}
.wc-flow-section-alt{z-index:3;}
.wc-theme-website.wc-flow-section-light{background:#cfdce7;color:#111;}
.wc-theme-website.wc-flow-section-soft{background:#b9cad8;color:#111;}
.wc-theme-website.wc-flow-section-alt{background:#6f95b0;color:#fff;}
.wc-theme-social.wc-flow-section-light{background:#383940;color:#fff;}
.wc-theme-social.wc-flow-section-soft{background:#34353b;color:#fff;}
.wc-theme-social.wc-flow-section-alt{background:#2e2f33;color:#fff;}
.wc-theme-seo.wc-flow-section-light{background:#a56d49;color:#fff;}
.wc-theme-seo.wc-flow-section-soft{background:#9a613d;color:#fff;}
.wc-theme-seo.wc-flow-section-alt{background:#89522f;color:#fff;}
.wc-theme-ads.wc-flow-section-light{background:#f3f4fb;color:#111;}
.wc-theme-ads.wc-flow-section-soft{background:#f3f4fb;color:#111;}
.wc-theme-ads.wc-flow-section-alt{background:#eaebf7;color:#111;}
.wc-flow-inner{
  position:relative;
  z-index:2;
  width:min(1180px,100%);
  margin:0 auto;
  padding:8rem 1.75rem 6rem;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:4.5rem;
  align-items:center;
}
.wc-flow-inner-top{align-items:start;}
.wc-flow-inner-two-col{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
.wc-flow-inner-cta{grid-template-columns:minmax(0,1fr) auto;}
.wc-flow-copy{max-width:42rem;}
.wc-flow-copy-sticky{position:sticky;top:8rem;align-self:start;}
.wc-flow-title{
  font-family:var(--serif);
  font-size:clamp(3rem,4.6vw,5.2rem);
  letter-spacing:-0.04em;
  line-height:.93;
  margin:0;
  max-width:10ch;
}
.wc-flow-text{
  font-family:var(--sans);
  font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.6;
  max-width:34rem;
  margin:1.4rem 0 0;
}
.wc-flow-text-small{opacity:.78;}
.wc-theme-social .wc-flow-title,
.wc-theme-social .wc-flow-text,
.wc-theme-social .section-eyebrow,
.wc-theme-social .section-eyebrow-light,
.wc-theme-seo.wc-flow-section-soft .wc-flow-title,
.wc-theme-seo.wc-flow-section-soft .wc-flow-text,
.wc-theme-seo.wc-flow-section-soft .section-eyebrow,
.wc-theme-seo.wc-flow-section-alt .wc-flow-title,
.wc-theme-seo.wc-flow-section-alt .wc-flow-text,
.wc-theme-seo.wc-flow-section-alt .section-eyebrow,
.wc-theme-seo.wc-flow-section-alt .section-eyebrow-light,
.wc-theme-website.wc-flow-section-alt .wc-flow-title,
.wc-theme-website.wc-flow-section-alt .wc-flow-text,
.wc-theme-website.wc-flow-section-alt .section-eyebrow,
.wc-theme-website.wc-flow-section-alt .section-eyebrow-light{color:#fff;}
.wc-flow-rail{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.wc-flow-rail-compact{display:flex;justify-content:flex-end;align-items:center;}
.wc-placeholder-card{
  position:relative;
  border-radius:1.2rem;
  border:1px solid rgba(17,17,17,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2));
  box-shadow:0 22px 70px rgba(17,17,17,.08);
  overflow:hidden;
}
.wc-placeholder-card::after{
  content:"Placeholder";
  position:absolute;
  left:1rem;
  bottom:1rem;
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(17,17,17,.55);
}
.wc-placeholder-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08));
}
.wc-flow-section-alt .wc-placeholder-card,
.wc-flow-section-soft .wc-placeholder-card.light,
.wc-theme-social .wc-placeholder-card,
.wc-theme-seo.wc-flow-section-alt .wc-placeholder-card,
.wc-theme-seo.wc-flow-section-soft .wc-placeholder-card{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));}
.wc-flow-section-alt .wc-placeholder-card::after,
.wc-flow-section-soft .wc-placeholder-card.light::after,
.wc-theme-social .wc-placeholder-card::after,
.wc-theme-seo.wc-flow-section-alt .wc-placeholder-card::after,
.wc-theme-seo.wc-flow-section-soft .wc-placeholder-card::after{color:rgba(255,255,255,.82);}
.wc-flow-section-alt .wc-placeholder-card::before,
.wc-flow-section-soft .wc-placeholder-card.light::before,
.wc-theme-social .wc-placeholder-card::before,
.wc-theme-seo.wc-flow-section-alt .wc-placeholder-card::before,
.wc-theme-seo.wc-flow-section-soft .wc-placeholder-card::before{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.02));}
.wc-placeholder-card,.wc-placeholder-card.tall,.wc-placeholder-card.medium,.wc-placeholder-card.short,.wc-placeholder-card.portrait,.wc-placeholder-card.square,.wc-placeholder-card.wide{width:min(320px,100%);aspect-ratio:1 / 1;min-height:auto;}
.wc-service-bullets{margin-top:.35rem;display:grid;gap:0;}
.wc-service-bullets li{padding:1.6rem 0;border-top:1px solid rgba(17,17,17,.14);margin:0;}
.wc-service-bullets li:last-child{border-bottom:1px solid rgba(17,17,17,.14);}
.wc-service-bullets-tight{max-width:36rem;}
.wc-pricing-copy{max-width:45rem;margin-top:2.25rem;padding-top:2rem;border-top:1px solid rgba(17,17,17,.14);font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.7;opacity:.88;}
.wc-step-list{display:grid;gap:1rem;max-width:42rem;}
.wc-step-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.18);}
.wc-theme-ads .wc-step-item,.wc-theme-website .wc-step-item,.wc-flow-section-light .wc-step-item,.wc-flow-section-soft:not(.wc-theme-seo) .wc-step-item{border-top-color:rgba(17,17,17,.12);}
.wc-step-item:last-child{border-bottom:1px solid rgba(255,255,255,.18);}
.wc-theme-ads .wc-step-item:last-child,.wc-theme-website .wc-step-item:last-child,.wc-flow-section-light .wc-step-item:last-child,.wc-flow-section-soft:not(.wc-theme-seo) .wc-step-item:last-child{border-bottom-color:rgba(17,17,17,.12);}
.wc-step-num{font-family:var(--serif);font-size:1.3rem;line-height:1;opacity:.75;margin-top:.1rem;}
.wc-step-item h4{margin:0 0 .4rem;font-size:1.45rem;font-family:var(--serif);}
.wc-step-item p{margin:0;font-size:1rem;line-height:1.6;opacity:.9;}
.wc-social-packages-wrap .wc-flow-inner{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:start;}
.wc-social-packages-wrap .wc-flow-copy{position:sticky;top:8rem;}
.wc-social-packages-wrap .social-packages-grid-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.wc-social-packages-wrap .social-package-card{min-height:100%;}
.wc-cta-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:.9rem;flex-wrap:wrap;}
.wc-cta-actions-stack{align-items:flex-start;}
@media (max-width:1100px){.wc-social-packages-wrap .social-packages-grid-flow{grid-template-columns:1fr;}}
@media (max-width:1024px){
  .wc-flow-section{min-height:0;background-attachment:scroll;}
  .wc-flow-inner,.wc-flow-inner-two-col,.wc-flow-inner-cta,.wc-social-packages-wrap .wc-flow-inner{grid-template-columns:1fr;gap:2rem;}
  .wc-flow-copy-sticky,.wc-social-packages-wrap .wc-flow-copy{position:static;}
  .wc-flow-inner{padding:9rem 1.25rem 6rem;}
  .wc-cta-actions{justify-content:flex-start;}
}
@media (max-width:720px){
  .wc-flow-section + .wc-flow-section{margin-top:-4rem;}
  .wc-flow-section::before{top:-4rem;height:4rem;border-top-left-radius:2.25rem;border-top-right-radius:2.25rem;}
  .wc-flow-inner{padding-top:6rem;padding-bottom:4rem;}
  .wc-flow-rail,.wc-flow-rail-compact{justify-content:flex-start;}
}

.wc-included-section .wc-flow-inner{align-items:start;}
.wc-included-section .wc-flow-copy{max-width:18rem;}


/* Homepage/service question grids */
.homepage-question-grid,
.service-question-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:0;
  padding:0 0 5rem;
  min-height:min(82vh,980px);
  width:100%;
  max-width:none;
}
.question-tile{min-height:0;height:100%;}
.question-image-placeholder{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03));
  color:rgba(255,255,255,.72);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;
}
.question-image-tile.placeholder-light .question-image-placeholder{color:rgba(0,0,0,.45);background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.03));}
.homepage-question-grid .question-text-tile p,
.service-question-grid .question-text-tile p{max-width:10ch;}
.service-question-grid{padding-top:0;}
.homepage-question-grid .question-text-tile{padding:2rem 2rem 5.2rem;}
.service-question-grid .question-text-tile{padding:2rem 2rem 5.2rem;}
.service-question-grid .question-arrow{font-size:2.8rem;}

.service-grid-website .tile-a{background:#d9e6ef;color:#111;}
.service-grid-website .tile-b{background:#87a5ba;color:#fff;}
.service-grid-website .tile-c{background:#6f95b0;color:#fff;}
.service-grid-website .tile-d{background:#b9cad8;color:#111;}

.service-grid-social .tile-a{background:#40424a;color:#fff;}
.service-grid-social .tile-b{background:#2e2f33;color:#fff;}
.service-grid-social .tile-c{background:#54565f;color:#fff;}
.service-grid-social .tile-d{background:#74777f;color:#fff;}

.service-grid-seo .tile-a{background:#b07a58;color:#fff;}
.service-grid-seo .tile-b{background:#89522f;color:#fff;}
.service-grid-seo .tile-c{background:#9a613d;color:#fff;}
.service-grid-seo .tile-d{background:#c8a18a;color:#111;}

.service-grid-ads .tile-a{background:#eaebf7;color:#111;}
.service-grid-ads .tile-b{background:#d9dcf2;color:#111;}
.service-grid-ads .tile-c{background:#c5cbe9;color:#111;}
.service-grid-ads .tile-d{background:#f4f5fc;color:#111;}

.service-grid-video .tile-a{background:#ece8df;color:#111;}
.service-grid-video .tile-b{background:#3a3d45;color:#fff;}
.service-grid-video .tile-c{background:#8a522f;color:#fff;}
.service-grid-video .tile-d{background:#9e993c;color:#fff;}

.service-grid-website .question-image-tile,
.service-grid-ads .question-image-tile{background:#c3d5e2;}
.service-grid-social .question-image-tile{background:#34353b;}
.service-grid-seo .question-image-tile{background:#a56d49;}
.service-grid-video .question-image-tile{background:#d8d2c5;}

.social-package-price{
  font-family:var(--sans);
  font-size:clamp(3.1rem,4.2vw,4.6rem);
  line-height:.94;
  font-weight:500;
  letter-spacing:-.03em;
}
.social-package-frequency{font-size:1.05rem;margin-bottom:.18rem;}



/* Service page full-bleed familiar strip and question grids */
.service-familiar-strip,
.homepage-familiar-strip{padding:0;max-width:none;}
.service-familiar-strip .familiar-strip,
.homepage-familiar-strip .familiar-strip{border-left:0;border-right:0;}
.service-question-grid{
  max-width:none;
  width:100%;
  padding:0 0 5rem;
}

/* Case study stat colours by page */
.case-study-feature-social .case-study-stat{background:#383940;color:#fff;}
.case-study-feature-seo .case-study-stat{background:#89522F;color:#fff;}
.case-study-feature-ads .case-study-stat{background:#D9DCF2;color:#111;}
.case-study-feature-video .case-study-stat{background:#9E993C;color:#fff;}
.case-study-feature-website .case-study-stat{background:#6F95B0;color:#fff;}


/* Real image cards */
.wc-image-card{
  position:relative;
  width:min(420px,100%);
  aspect-ratio:1 / 1;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(17,17,17,.08);
  border:1px solid rgba(17,17,17,.08);
  background:#f4f4f4;
}
.wc-image-card img{width:100%;height:100%;object-fit:cover;display:block;}
.wc-image-card.portrait{aspect-ratio:4 / 5;}
.wc-image-card.reel{aspect-ratio:9 / 16;}
.wc-image-card.wide{aspect-ratio:16 / 10;}
.wc-image-card.square{aspect-ratio:1 / 1;}

.social-before-after-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;}
.social-before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.social-before-after-card{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:0;overflow:hidden;}
.social-before-after-card img{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover;}
.social-before-after-card figcaption{padding:.9rem 1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);}

.ecommerce-showcase-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;}
.ecommerce-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.ecommerce-showcase-grid .wc-image-card{width:100%;}

@media (max-width:1024px){
  .social-before-after-inner,.ecommerce-showcase-inner{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .social-before-after-grid,.ecommerce-showcase-grid{grid-template-columns:1fr;}
  .wc-image-card,.wc-image-card.portrait,.wc-image-card.wide{width:100%;}
}

.page-template-page-social-media .wc-flow-section-light.first .wc-image-card,
.page-template-page-social-media .wc-flow-section-alt .wc-image-card{
  width:min(420px,100%);
  aspect-ratio:1 / 1;
}

.case-study-media{border-radius:0;overflow:hidden;}
.question-image-tile img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;}
#question-grid{scroll-margin-top:7rem;}


/* Website page refinements */
.page-template-page-website-creation .service-question-grid{
  grid-auto-rows:1fr;
}
.page-template-page-website-creation .service-question-grid .question-tile{
  aspect-ratio:1 / 1;
}
.page-template-page-website-creation .service-question-grid .question-image-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-template-page-website-creation .wc-flow-section.first .wc-flow-inner,
.page-template-page-website-creation .wc-flow-section.wc-flow-section-alt .wc-flow-inner,
.page-template-page-website-creation .wc-flow-section.wc-flow-section-soft .wc-flow-inner{
  align-items:start;
}
.page-template-page-website-creation .ecommerce-showcase-inner{
  align-items:start;
}
.page-template-page-website-creation .website-client-grid,
.page-template-page-website-creation .ecommerce-showcase-grid{
  max-width:760px;
  margin-top:-1rem;
}
.page-template-page-website-creation .website-client-grid .wc-image-card.reel,
.page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
  width:100%;
  max-width:240px;
}
@media (max-width:1024px){
  .page-template-page-website-creation .service-question-grid .question-tile{
    aspect-ratio:1 / 1;
  }
  .page-template-page-website-creation .website-client-grid,
  .page-template-page-website-creation .ecommerce-showcase-grid{
    margin-top:0;
    max-width:none;
  }
  .page-template-page-website-creation .website-client-grid .wc-image-card.reel,
  .page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
    max-width:none;
    width:100%;
  }
}


/* Website page mobile tidy-up + extra CTAs */
.website-inline-cta{
  padding-top:0;
  padding-bottom:3.5rem;
}
.website-inline-cta-top{
  margin-top:-2rem;
}
.website-client-cta-row{
  margin-top:1.5rem;
}
.page-template-page-website-creation .service-question-grid{
  grid-auto-flow:row;
}
@media (max-width:720px){
  .page-template-page-website-creation .service-question-grid{
    grid-template-columns:1fr;
  }
  .page-template-page-website-creation .service-question-grid .question-tile{
    aspect-ratio:1 / 1;
  }
  .page-template-page-website-creation .service-question-grid .question-text-tile p{
    max-width:12ch;
  }
  .page-template-page-website-creation .website-client-grid,
  .page-template-page-website-creation .ecommerce-showcase-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:78vw;
    grid-template-columns:none;
    overflow-x:auto;
    gap:.9rem;
    padding-bottom:.35rem;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .page-template-page-website-creation .website-client-grid .wc-image-card.reel,
  .page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
    width:100%;
    max-width:none;
    aspect-ratio:5 / 6;
    min-height:min(86vw,560px);
    scroll-snap-align:start;
  }
  .page-template-page-website-creation .website-inline-cta{
    padding-bottom:2.5rem;
  }
  .page-template-page-website-creation .website-inline-cta-top{
    margin-top:-1rem;
  }
}


.page-template-page-seo .service-question-grid .question-image-tile img{object-fit:cover;object-position:center top;}
.page-template-page-seo .wc-flow-section-light.first .wc-image-card{aspect-ratio:1 / 1;}


/* v17 mobile/page fixes */
@media (max-width: 820px){
  .site-nav{padding-right:calc(var(--shell) + 4px);}
  .mobile-nav-toggle{margin-right:2px;flex:0 0 42px;}
}

.page-template-page-paid-ads .wc-flow-section-light.first .wc-image-card,
.page-template-page-paid-ads .wc-flow-section-alt .wc-image-card{
  width:min(420px,100%);
  aspect-ratio:1 / 1;
}

@media (max-width:720px){
  .page-template-page-website-creation .service-question-grid{
    grid-template-columns:1fr;
  }
  .page-template-page-website-creation .website-client-grid .wc-image-card.reel,
  .page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
    aspect-ratio:4 / 5;
    min-height:min(96vw,640px);
  }
  .page-template-page-seo .service-question-grid{
    grid-template-columns:1fr;
  }
  .page-template-page-seo .service-question-grid .question-tile{
    aspect-ratio:1 / 1;
  }
  .page-template-page-seo .service-question-grid .question-text-tile{
    order:initial;
  }
  .page-template-page-seo .service-question-grid .question-image-tile img{
    object-fit:cover;
    object-position:center;
  }
}


/* v18 refinements */
@media (min-width:721px) and (max-width:1300px){
  .page-template-page-seo .service-question-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
  .page-template-page-seo .service-question-grid .question-tile{
    aspect-ratio:auto;
    min-height:320px;
  }
}

@media (max-width:720px){
  .page-template-page-website-creation .website-client-grid,
  .page-template-page-website-creation .ecommerce-showcase-grid{
    grid-auto-columns:84vw;
    gap:.75rem;
  }
  .page-template-page-website-creation .website-client-grid .wc-image-card.reel,
  .page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
    aspect-ratio:10 / 13;
    min-height:min(110vw,760px);
  }
  .page-template-page-website-creation .wc-included-section .wc-flow-inner,
  .page-template-page-website-creation .wc-cta-section .wc-flow-inner{
    padding-top:4.5rem;
    padding-bottom:3.5rem;
  }
  .page-template-page-website-creation .wc-service-bullets li{
    padding:1.25rem 0;
    font-size:1rem;
    line-height:1.5;
  }
  .page-template-page-website-creation .wc-pricing-copy{
    margin-top:1.35rem;
    padding-top:1.35rem;
    font-size:1rem;
    line-height:1.65;
  }
  .page-template-page-website-creation .wc-cta-section .wc-flow-title{
    font-size:clamp(2.9rem,15vw,4.4rem);
    line-height:.9;
    max-width:7ch;
  }
  .page-template-page-website-creation .wc-cta-section .wc-flow-text{
    margin-top:1rem;
    max-width:28rem;
  }
  .page-template-page-website-creation .wc-cta-actions{
    margin-top:.4rem;
  }
  .site-nav{
    min-height:68px;
    gap:12px;
    padding-left:14px;
    padding-right:14px;
  }
  .nav-logo{
    font-size:clamp(1.65rem,10vw,2.45rem);
    max-width:calc(100% - 58px);
  }
  .mobile-nav-toggle{
    width:40px;
    height:40px;
    margin-right:0;
    flex:0 0 40px;
  }
  .mobile-nav-toggle span{
    left:9px;
  }
}


/* v19 tweaks */
.lightbox-trigger{display:block;cursor:zoom-in;}
.site-lightbox[hidden]{display:none !important;}
.site-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(10,10,10,.88);display:flex;align-items:center;justify-content:center;padding:2rem;}
.site-lightbox-image{max-width:min(1100px,92vw);max-height:88vh;width:auto;height:auto;box-shadow:0 20px 70px rgba(0,0,0,.35);}
.site-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius: 0;background:rgba(255,255,255,.08);color:#fff;font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;}

@media (min-width:721px) and (max-width:1300px){
  .page-template-page-seo .service-question-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-flow:row dense;
  }
  .page-template-page-seo .service-question-grid .question-tile:nth-child(1){grid-column:1;grid-row:1;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(2){grid-column:2;grid-row:1;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(3){grid-column:3;grid-row:1;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(4){grid-column:4;grid-row:1;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(5){grid-column:1;grid-row:2;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(6){grid-column:2;grid-row:2;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(7){grid-column:3;grid-row:2;}
  .page-template-page-seo .service-question-grid .question-tile:nth-child(8){grid-column:4;grid-row:2;}
}

@media (max-width:720px){
  .nav-logo{
    font-size:clamp(1.42rem,8.2vw,2.1rem);
    max-width:calc(100% - 72px);
  }
  .site-nav{
    min-height:64px;
    gap:10px;
    padding-left:12px;
    padding-right:10px;
  }
  .mobile-nav-toggle{
    width:36px;
    height:36px;
    flex:0 0 36px;
  }
  .mobile-nav-toggle span{left:7px;width:21px;}
  .mobile-nav-toggle span:first-child{top:13px;}
  .mobile-nav-toggle span:nth-child(2){top:20px;}

  .page-template-page-website-creation .website-client-grid,
  .page-template-page-website-creation .ecommerce-showcase-grid{
    grid-auto-columns:88vw;
  }
  .page-template-page-website-creation .website-client-grid .wc-image-card.reel,
  .page-template-page-website-creation .ecommerce-showcase-grid .wc-image-card.reel{
    aspect-ratio:10 / 15;
    min-height:min(126vw,860px);
  }
  .page-template-page-website-creation .wc-service-bullets{margin-bottom:0;}
  .page-template-page-website-creation .wc-service-bullets li:last-child{padding-bottom:1rem;}
  .page-template-page-website-creation .wc-pricing-copy{
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid var(--line);
    max-width:30rem;
  }
}


/* Readability refinements */
.service-hero-body{max-width:34rem;}
.service-hero-actions{margin-top:1.25rem;}
.question-link-tile{display:flex;color:inherit;text-decoration:none;}
.question-link-tile:hover{opacity:.96;}
.page-hero-sub,.service-hero-body,.wc-flow-text,.case-study-meta p,.process-card p,.pricing-features,.pricing-feature{line-height:1.7;}
.case-study-title,.editorial-headline,.cta-title,.display-lg,h2{line-height:1.06;}
.service-form-label,.section-eyebrow,.section-tag{letter-spacing:.04em;}
@media (max-width: 767px){
  .display-xl,.display-lg,h1{line-height:1.05;}
}



@media (max-width:720px){
  .homepage-question-grid,
  .service-question-grid,
  .page-template-page-website-creation .service-question-grid,
  .page-template-page-seo .service-question-grid,
  .page-template-page-social-media .service-question-grid,
  .page-template-page-paid-ads .service-question-grid,
  .page-template-page-video-editing .service-question-grid{
    display:grid !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:40vw !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    min-height:auto !important;
    padding:0 0 .75rem !important;
  }
  .homepage-question-grid .question-tile,
  .service-question-grid .question-tile,
  .page-template-page-website-creation .service-question-grid .question-tile,
  .page-template-page-seo .service-question-grid .question-tile,
  .page-template-page-social-media .service-question-grid .question-tile,
  .page-template-page-paid-ads .service-question-grid .question-tile,
  .page-template-page-video-editing .service-question-grid .question-tile{
    aspect-ratio:1 / 1 !important;
    min-height:0 !important;
    width:auto !important;
    scroll-snap-align:start;
  }
  .homepage-question-grid .question-text-tile,
  .service-question-grid .question-text-tile{
    padding:.9rem .85rem .75rem !important;
    justify-content:space-between;
  }
  .homepage-question-grid .question-text-tile p,
  .service-question-grid .question-text-tile p{
    max-width:none !important;
    font-size:clamp(.9rem,3.45vw,1.18rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.01em;
    word-break:normal !important;
    overflow-wrap:anywhere;
    hyphens:auto;
    margin:0;
  }
  .homepage-question-grid .question-arrow,
  .service-question-grid .question-arrow{
    font-size:1.45rem !important;
    line-height:1 !important;
  }
  .homepage-question-grid::-webkit-scrollbar,
  .service-question-grid::-webkit-scrollbar{display:none;}
}


/* clean mobile question grid carousel */
@media (max-width:720px){
  .homepage-question-grid,
  .service-question-grid,
  .page-template-page-website-creation .service-question-grid,
  .page-template-page-seo .service-question-grid,
  .page-template-page-social-media .service-question-grid,
  .page-template-page-paid-ads .service-question-grid,
  .page-template-page-video-editing .service-question-grid{
    display:grid !important;
    grid-template-columns:repeat(4, 42vw) !important;
    grid-template-rows:repeat(2, 42vw) !important;
    grid-auto-flow:row !important;
    gap:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    min-height:auto !important;
    padding:0 0 .75rem !important;
    width:auto;
  }
  .homepage-question-grid::-webkit-scrollbar,
  .service-question-grid::-webkit-scrollbar{display:none;}

  .homepage-question-grid .question-tile,
  .service-question-grid .question-tile{
    width:42vw !important;
    min-width:42vw !important;
    height:42vw !important;
    min-height:42vw !important;
    aspect-ratio:1 / 1 !important;
    scroll-snap-align:start;
  }

  .homepage-question-grid .question-text-tile,
  .service-question-grid .question-text-tile{
    padding:1.2rem 1.15rem 4rem !important;
  }

  .homepage-question-grid .question-text-tile p,
  .service-question-grid .question-text-tile p{
    max-width:none !important;
    font-size:clamp(1.05rem, 4vw, 1.8rem) !important;
    line-height:1.05 !important;
    letter-spacing:-0.01em;
    word-break:normal !important;
    overflow-wrap:break-word;
    hyphens:auto;
    overflow:visible !important;
  }

  .homepage-question-grid .question-arrow,
  .service-question-grid .question-arrow{
    left:1.1rem !important;
    bottom:1.1rem !important;
    font-size:1.75rem !important;
  }
}


/* v30 mobile spacing fixes */
@media (max-width:720px){
  .page-template-page-website-creation .wc-included-section .wc-flow-inner,
  .page-template-page-seo .wc-flow-section-soft .wc-flow-inner{
    gap:1.15rem;
  }

  .page-template-page-website-creation .wc-service-bullets li:last-child{
    border-bottom:0;
    padding-bottom:.85rem;
  }

  .page-template-page-website-creation .wc-included-section .wc-flow-copy + div,
  .page-template-page-seo .wc-flow-section-soft .wc-flow-copy + div{
    padding-bottom:1.4rem;
  }

  .page-template-page-website-creation .wc-pricing-copy{
    margin-top:.6rem;
    padding-top:.85rem;
    padding-bottom:.9rem;
    border-top:1px solid rgba(17,17,17,.14);
  }

  .page-template-page-seo .wc-flow-section-soft .wc-flow-copy + div .section-eyebrow{
    margin-top:0;
    margin-bottom:.75rem;
  }

  .page-template-page-seo .wc-flow-section-soft .wc-flow-copy + div .wc-flow-text{
    margin-top:0;
    margin-bottom:0;
    padding-bottom:.9rem;
  }
}


/* Blog */
.blog-archive-hero{
  padding-top:clamp(40px,6vw,88px);
  padding-bottom:clamp(20px,3vw,32px);
}
.blog-archive-intro{
  max-width:720px;
  margin-top:18px;
  font-size:clamp(1rem,1.2vw,1.1rem);
  line-height:1.7;
  color:var(--muted);
}
.blog-archive-wrap{
  padding-top:clamp(18px,2vw,24px);
  padding-bottom:clamp(56px,7vw,96px);
}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.blog-card{
  border:1px solid var(--line);
  background:#fff;
}
.blog-card-media{aspect-ratio:4/3;overflow:hidden;background:var(--bg-warm)}
.blog-card-media img{width:100%;height:100%;object-fit:cover}
.blog-card-placeholder{width:100%;height:100%;background:var(--bg-warm)}
.blog-card-body{padding:24px}
.blog-card-meta,
.single-post-meta{
  font-size:.9rem;
  color:var(--muted);
  margin-bottom:12px;
}
.blog-card-title{
  font-size:clamp(1.7rem,2.4vw,2.4rem);
  margin-bottom:14px;
}
.blog-card-excerpt{
  color:var(--muted);
  line-height:1.7;
  margin-bottom:18px;
}
.blog-pagination{
  margin-top:40px;
}
.blog-pagination .nav-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-pagination .page-numbers{
  border:1px solid var(--line);
  padding:10px 14px;
}
.blog-pagination .current{
  border-color:var(--ink);
}
.blog-empty-state{
  border:1px solid var(--line);
  padding:28px;
  background:#fff;
}
.single-post-wrap{
  max-width:980px;
  padding-top:clamp(40px,6vw,88px);
  padding-bottom:clamp(56px,7vw,96px);
}
.single-post-article{
  max-width:800px;
  margin:0 auto;
}
.single-post-header{
  margin-bottom:28px;
}
.single-post-title{
  font-size:clamp(2.8rem,5vw,5.8rem);
}
.single-post-featured-image{
  margin-bottom:32px;
}
.single-post-featured-image img{
  width:100%;
  height:auto;
}
.single-post-content{
  font-size:clamp(1.03rem,1.16vw,1.12rem);
  line-height:1.85;
}
.single-post-content > * + *{margin-top:1.2em}
.single-post-content h2,
.single-post-content h3,
.single-post-content h4{
  margin-top:1.8em;
  margin-bottom:.5em;
}
.single-post-content ul,
.single-post-content ol{
  padding-left:1.3rem;
}
.single-post-footer-nav{
  margin-top:36px;
}
@media (max-width: 820px){
  .blog-grid{grid-template-columns:1fr}
  .blog-card-body{padding:20px}
}


/* SEO FAQ refresh */
.seo-faq-section{
  background:#7a4a31;
  color:#F8F3E9;
  border:none;
  border-radius: 0;
  padding:clamp(28px,4vw,52px);
  margin-top:2rem;
  margin-bottom:3rem;
  position:relative;
  overflow:hidden;
}
.seo-faq-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 45%);
  pointer-events:none;
}
.seo-faq-section .contact-faq-title{
  color:#F8F3E9;
  margin-bottom:1.5rem;
}
.seo-faq-list{
  max-width:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  counter-reset:seo-faq;
  position:relative;
  z-index:1;
}
.seo-faq-list .contact-faq-item{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(248,243,233,.18);
  border-radius: 0;
  padding:1.35rem 1.35rem 1.25rem;
  min-height:100%;
  backdrop-filter:blur(2px);
}
.seo-faq-list .contact-faq-item h4{
  color:#F8F3E9;
  margin:0 0 .75rem;
  padding-top:.15rem;
  font-size:clamp(1.45rem,2vw,1.85rem);
}
.seo-faq-list .contact-faq-item h4::before{
  counter-increment:seo-faq;
  content:counter(seo-faq, decimal-leading-zero);
  display:block;
  font-family:var(--sans);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(248,243,233,.7);
  margin-bottom:.6rem;
}
.seo-faq-list .contact-faq-item p{
  color:rgba(248,243,233,.88);
}
@media (max-width: 900px){
  .seo-faq-list{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .seo-faq-section{
    padding:22px 16px;
    border-radius: 0;
    margin-top:1.25rem;
  }
  .seo-faq-section .contact-faq-title{
    margin-bottom:1rem;
  }
  .seo-faq-list{
    gap:12px;
  }
  .seo-faq-list .contact-faq-item{
    padding:1rem .95rem .95rem;
    border-radius: 0;
  }
  .seo-faq-list .contact-faq-item h4{
    font-size:1.12rem;
    line-height:1.12;
    margin-bottom:.55rem;
  }
  .seo-faq-list .contact-faq-item p{
    font-size:1rem;
    line-height:1.62;
  }
}
