/* === GLOBAL SHARED === */
.page-hero{padding:12rem 4rem 6rem;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hero-inner{position:relative;max-width:720px}
.hero-lead{font-size:1.05rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;max-width:580px}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.4rem;background:none;border:none;z-index:200}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .35s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}







@media(max-width:900px){.hamburger{display:flex}}
.wp-content p{margin-bottom:1.2rem}
.wp-content h2{font-family:'Playfair Display',serif;margin-bottom:1rem;margin-top:2rem}
.wp-content a{color:var(--lilac);text-decoration:underline}
.wp-content ul,.wp-content ol{padding-left:1.5rem;margin-bottom:1.2rem;color:rgba(248,247,255,.55)}
.wp-content blockquote{border-left:2px solid var(--lilac);padding:1rem 1.4rem;margin:1.5rem 0;background:var(--lilac-dim);font-style:italic;color:rgba(248,247,255,.65)}

/* === studio-meraki === */


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--black:#080808;--panel:#111111;--card:#181818;--lilac:#B39DDB;--lilac-lt:#CE93D8;--lilac-dim:rgba(179,157,219,.12);--white:#F8F7FF;--muted:#6b6b6b;--border:rgba(255,255,255,0.06)}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.3rem 4rem;background:rgba(8,8,8,0.94);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700}.logo span{color:var(--lilac)}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--lilac)!important;color:#0a0a0a!important;padding:.5rem 1.3rem;border-radius:3px;font-weight:600!important}
.nav-cta:hover{background:var(--lilac-lt)!important}
#home{min-height:100vh;display:flex;align-items:center;padding:10rem 4rem 6rem;position:relative;overflow:hidden}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 60% 40%,rgba(179,157,219,.11) 0%,transparent 65%);pointer-events:none}
.hero-content{position:relative;max-width:780px}
.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1.6rem;display:flex;align-items:center;gap:.8rem}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--lilac);display:block}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:900;line-height:1.08;margin-bottom:1.5rem;letter-spacing:-.02em}
h1 em{font-style:italic;color:var(--lilac)}
.hero-sub{font-size:1.05rem;line-height:1.85;color:rgba(248,247,255,.55);max-width:600px;margin-bottom:3rem;font-weight:300}
.btns{display:flex;gap:1.1rem;flex-wrap:wrap}
.btn{padding:.9rem 2rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s;display:inline-block;cursor:pointer;border:none;font-family:'DM Sans',sans-serif}
.btn-fill{background:var(--lilac);color:#0a0a0a}.btn-fill:hover{background:var(--lilac-lt);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(255,255,255,.18);color:var(--white);background:none}.btn-ghost:hover{border-color:var(--lilac);transform:translateY(-2px)}
.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}
.stat-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;line-height:1}.stat-n span{color:var(--lilac)}
.stat-l{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 0;overflow:hidden;background:var(--panel)}
.mtrack{display:flex;gap:3rem;animation:scrollx 35s linear infinite;white-space:nowrap}
.mitem{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-shrink:0}
.msep{color:var(--lilac);opacity:.5}
@keyframes scrollx{to{transform:translateX(-50%)}}
section{padding:7rem 4rem}
.slabel{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.slabel::before{content:'';width:22px;height:1px;background:var(--lilac);display:block}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:700;line-height:1.15;margin-bottom:1rem}
h2 em{font-style:italic;color:var(--lilac)}
.ssub{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;max-width:520px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;gap:2rem}
/* WHO */
#who{background:var(--panel)}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.who-card{background:var(--card);padding:2rem 1.8rem;transition:background .3s}
.who-card:hover{background:#1f1f1f}
.who-icon{width:32px;height:32px;color:#B39DDB;display:block;margin-bottom:1rem;flex-shrink:0}
.who-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.5rem}
.who-desc{font-size:.82rem;line-height:1.7;color:rgba(248,247,255,.48);font-weight:300}
/* CAPABILITIES */
#capabilities{background:var(--black)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.cap-item{background:var(--card);padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;transition:background .3s;position:relative;overflow:hidden}
.cap-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.cap-item:hover{background:#1d1d1d}.cap-item:hover::after{transform:scaleX(1)}
.cap-dot{width:5px;height:5px;background:var(--lilac);border-radius:50%;flex-shrink:0}
.cap-text{font-size:.88rem;line-height:1.55;color:rgba(248,247,255,.72)}
/* SERVICES */
#services{background:var(--panel)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.sc{background:var(--card);padding:2.4rem;position:relative;overflow:hidden;transition:background .3s}
.sc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.sc:hover{background:#1f1f1f}.sc:hover::after{transform:scaleX(1)}
.sicon{width:32px;height:32px;color:#B39DDB;display:block;margin-bottom:1.2rem;flex-shrink:0}
.sname{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;margin-bottom:.65rem}
.sdesc{font-size:.84rem;line-height:1.78;color:rgba(248,247,255,.48);font-weight:300}
.snum{position:absolute;top:1.8rem;right:1.8rem;font-family:'Playfair Display',serif;font-size:2.5rem;color:rgba(255,255,255,.03);font-weight:700;line-height:1}
/* PROCESS */
#process{background:var(--black)}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3.5rem}
.proc-step{background:var(--card);padding:2.2rem 2rem}
.proc-num{font-family:'Playfair Display',serif;font-size:3rem;font-weight:900;color:rgba(179,157,219,.1);line-height:1;margin-bottom:1rem}
.proc-accent{display:block;width:24px;height:2px;background:var(--lilac);margin-bottom:1rem}
.proc-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.6rem}
.proc-desc{font-size:.82rem;line-height:1.75;color:rgba(248,247,255,.45);font-weight:300}
/* CASE STUDIES */
#work{background:var(--panel)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.case-card{background:var(--card);padding:2.8rem;transition:background .3s}
.case-card:hover{background:#1d1d1d}
.case-thumb{width:100%;height:160px;border-radius:2px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;font-size:3rem}
.ct1{background:linear-gradient(135deg,#1a1030,#4a2070)}
.ct2{background:linear-gradient(135deg,#0d1f30,#1a4060)}
.ct3{background:linear-gradient(135deg,#201010,#602020)}
.ct4{background:linear-gradient(135deg,#101a10,#205030)}
.case-tag{display:inline-block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);border:1px solid rgba(179,157,219,.3);padding:.25rem .7rem;border-radius:2px;margin-bottom:1rem}
.case-title{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:.8rem}
.case-problem{font-size:.84rem;line-height:1.75;color:rgba(248,247,255,.5);margin-bottom:1.4rem;font-weight:300}
.case-deliverables{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}
.case-del{font-size:.7rem;background:var(--lilac-dim);color:rgba(248,247,255,.7);padding:.28rem .65rem;border-radius:2px}
.case-result{font-size:.82rem;color:rgba(248,247,255,.6);padding-top:1.2rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}
.case-result::before{content:'↑';color:var(--lilac);font-weight:700}
/* PROOF */
#proof{background:var(--black)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.proof-card{background:var(--card);padding:2.5rem;text-align:center}
.proof-n{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:900;color:var(--lilac);line-height:1;margin-bottom:.4rem}
.proof-l{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
/* CTA */
#cta{background:var(--lilac-dim);border-top:1px solid rgba(179,157,219,.15);border-bottom:1px solid rgba(179,157,219,.15);padding:6rem 4rem;text-align:center}
#cta .slabel{justify-content:center}
#cta .ssub{margin:0 auto 2.5rem;text-align:center}
/* CONTACT */
#contact{background:var(--panel)}
.cw{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.ci p{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;margin-bottom:2rem}
.cd{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.cico{width:36px;height:36px;background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.cdt{font-size:.875rem;color:rgba(248,247,255,.55)}.cdt strong{display:block;color:var(--white);font-size:.8rem;margin-bottom:.1rem}
form{display:flex;flex-direction:column;gap:1.1rem}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.fg{display:flex;flex-direction:column;gap:.38rem}
label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}
input,textarea,select{background:var(--card);border:1px solid var(--border);color:var(--white);padding:.8rem .95rem;font-size:.875rem;font-family:'DM Sans',sans-serif;border-radius:3px;outline:none;transition:border-color .25s;-webkit-appearance:none;width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--lilac)}
textarea{resize:vertical;min-height:110px}
select option{background:var(--card)}
.fsub{background:var(--lilac);color:#0a0a0a;border:none;padding:.9rem 2rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .3s;font-family:'DM Sans',sans-serif;align-self:flex-start}
.fsub:hover{background:var(--lilac-lt);transform:translateY(-1px)}
footer{background:var(--black);border-top:1px solid var(--border);padding:2.5rem 4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.2rem}
.fl{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700}.fl span{color:var(--lilac)}
.ft{font-size:.72rem;color:var(--muted);margin-top:.2rem}
.flinks{display:flex;gap:2rem;list-style:none}
.flinks a{font-size:.72rem;color:var(--muted);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .25s}
.flinks a:hover{color:var(--lilac)}
.fc{font-size:.7rem;color:rgba(255,255,255,.15)}
@media(max-width:1024px){.cap-grid,.who-grid,.proc-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
nav{padding:1.2rem 1.5rem}.nav-links{display:none}
#home,section,#cta{padding:6rem 1.5rem 4rem}
.sgrid,.case-grid{grid-template-columns:1fr}
.sh{flex-direction:column;align-items:flex-start}
.cw{grid-template-columns:1fr;gap:2.5rem}.fr{grid-template-columns:1fr}
.hero-stats{flex-wrap:wrap;gap:2rem}
footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){.cap-grid,.who-grid,.proc-grid,.proof-grid{grid-template-columns:1fr}}

/* HAMBURGER & MOBILE NAV */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.4rem;background:none;border:none;z-index:200}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .35s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}







@media(max-width:900px){.hamburger{display:flex}}


/* === studio-meraki-about === */



/* NAV */
.logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;text-decoration:none;color:var(--white)}.logo span{color:var(--lilac)}
.nav-links a:hover,.nav-links a.active{color:var(--white)}

/* PAGE HERO */
.page-hero{padding:12rem 4rem 6rem;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(179,157,219,.1) 0%,transparent 65%);pointer-events:none}
.page-hero-inner{position:relative;max-width:720px}
.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1.4rem;display:flex;align-items:center;gap:.8rem}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:1.4rem}
h1 em,h2 em{font-style:italic;color:var(--lilac)}
.hero-lead{font-size:1.1rem;line-height:1.85;color:rgba(248,247,255,.55);font-weight:300;max-width:560px}

/* SECTION BASE */
section{padding:6rem 4rem}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.15;margin-bottom:1rem}
p{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.55);font-weight:300}

/* STORY */
#story{background:var(--panel)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.story-visual{position:relative;height:480px}
.sbox{position:absolute;border-radius:3px}
.sbox.big{width:70%;height:80%;top:0;left:0;background:linear-gradient(145deg,#1a1030,#2d1a50);border:1px solid rgba(179,157,219,.15);display:flex;align-items:center;justify-content:center;padding:2.5rem}
.sbox.big p{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;line-height:1.7;color:rgba(248,247,255,.38);text-align:center}
.sbox.sm{width:44%;height:46%;bottom:0;right:0;background:var(--lilac);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem}
.sbox.sm .sm-inner{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:900;line-height:1.1;color:#0a0a0a}
.sbox.sm small{font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;display:block;margin-top:.4rem;color:#0a0a0a}
.story-text h2{margin-bottom:1.2rem}
.story-text p{margin-bottom:1.2rem}
.def-block{margin-top:2rem;padding:1.4rem;border-left:2px solid var(--lilac);background:var(--lilac-dim)}
.def-block strong{font-family:'Playfair Display',serif;font-size:1rem;color:var(--lilac);font-style:italic;display:block;margin-bottom:.4rem}
.def-block p{font-size:.875rem;line-height:1.75;color:rgba(248,247,255,.55);font-style:italic;margin:0}

/* MISSION + VALUES */
#values{background:var(--black)}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3.5rem}
.mv-card{background:var(--card);padding:2.8rem;position:relative;overflow:hidden;transition:background .3s}
.mv-card:hover{background:#1d1d1d}
.mv-card::after{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--lilac);transform:scaleY(0);transform-origin:top;transition:transform .4s}
.mv-card:hover::after{transform:scaleY(1)}
.mv-icon{width:36px;height:36px;color:#B39DDB;display:block;margin-bottom:1.2rem;flex-shrink:0}
.mv-title{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:.7rem;color:var(--white)}
.mv-desc{font-size:.875rem;line-height:1.8;color:rgba(248,247,255,.48);font-weight:300;margin:0}

/* WHAT SETS US APART */
#apart{background:var(--panel)}
.apart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.apart-item{background:var(--card);padding:2.2rem;transition:background .3s}
.apart-item:hover{background:#1f1f1f}
.apart-num{font-family:'Playfair Display',serif;font-size:.7rem;color:var(--lilac);font-weight:700;letter-spacing:.15em;margin-bottom:.8rem;display:block}
.apart-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:.6rem}
.apart-desc{font-size:.84rem;line-height:1.78;color:rgba(248,247,255,.45);font-weight:300;margin:0}

/* TEAM */
#team{background:var(--black)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.team-card{background:var(--card);padding:2.4rem;transition:background .3s;position:relative;overflow:hidden}
.team-card:hover{background:#1d1d1d}
.team-avatar{width:64px;height:64px;border-radius:50%;background:var(--lilac-dim);border:1px solid rgba(179,157,219,.25);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.4rem}
.team-name{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}
.team-role{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:.9rem}
.team-bio{font-size:.84rem;line-height:1.78;color:rgba(248,247,255,.45);font-weight:300;margin:0}

/* STATS BAND */
#stats{background:var(--lilac-dim);border-top:1px solid rgba(179,157,219,.12);border-bottom:1px solid rgba(179,157,219,.12);padding:4rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(179,157,219,.1);border:1px solid rgba(179,157,219,.1)}
.stat-card{padding:2.5rem;text-align:center;background:transparent}
.stat-n{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:900;color:var(--lilac);line-height:1;margin-bottom:.4rem}
.stat-l{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,247,255,.5)}

#cta{background:var(--panel);text-align:center;padding:7rem 4rem}
#cta h2{margin-bottom:.8rem}
.btns{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center}
.btn{padding:.9rem 2rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s;display:inline-block}
.btn-ghost{border:1px solid rgba(255,255,255,.18);color:var(--white)}.btn-ghost:hover{border-color:var(--lilac);transform:translateY(-2px)}

/* FOOTER */

/* RESPONSIVE */
.page-hero,section,#cta,#stats{padding:6rem 1.5rem 4rem}
.story-grid{grid-template-columns:1fr;gap:3rem}.story-visual{height:300px}
.mv-grid,.apart-grid,.team-grid{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:580px){.stats-grid{grid-template-columns:1fr}}



/* === studio-meraki-services === */




.hero-lead{font-size:1.05rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;max-width:580px}

/* SECTIONS */
h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.15;margin-bottom:1rem}
h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;margin-bottom:.6rem}

/* SERVICE NAV TABS */
.service-tabs{background:var(--panel);border-bottom:1px solid var(--border);padding:0 4rem;display:flex;gap:0;overflow-x:auto;position:sticky;top:67px;z-index:90}
.stab{padding:1.1rem 1.6rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:all .25s;white-space:nowrap;font-family:'DM Sans',sans-serif}
.stab:hover{color:var(--white)}
.stab.active{color:var(--lilac);border-bottom-color:var(--lilac)}

/* SERVICE BLOCKS */
.svc-block{border-bottom:1px solid var(--border)}
.svc-block:nth-child(odd){background:var(--black)}
.svc-block:nth-child(even){background:var(--panel)}
.svc-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:6rem;align-items:start}
.svc-sticky{position:sticky;top:130px}
.svc-num{font-family:'Playfair Display',serif;font-size:5rem;font-weight:900;color:rgba(179,157,219,.08);line-height:1;margin-bottom:-.5rem}
.svc-icon{font-size:2rem;margin-bottom:1rem;display:block}
.svc-name{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:700;margin-bottom:.8rem;line-height:1.2}
.svc-name em{font-style:italic;color:var(--lilac)}
.svc-tagline{font-size:.9rem;line-height:1.75;color:rgba(248,247,255,.5);font-weight:300;margin-bottom:1.8rem;max-width:300px}
.svc-cta{display:inline-block;background:var(--lilac);color:#0a0a0a;padding:.75rem 1.6rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s}
.svc-cta:hover{background:var(--lilac-lt);transform:translateY(-1px)}

/* RIGHT SIDE CONTENT */
.svc-detail h3{margin-bottom:1rem}
.svc-desc{font-size:.92rem;line-height:1.88;color:rgba(248,247,255,.52);font-weight:300;margin-bottom:2.5rem}

/* INCLUDES LIST */
.includes-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1rem}
.includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:2.5rem}
.inc-item{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;background:var(--lilac-dim);border-radius:3px;border:1px solid rgba(179,157,219,.1)}
.inc-dot{width:4px;height:4px;background:var(--lilac);border-radius:50%;flex-shrink:0}
.inc-text{font-size:.82rem;color:rgba(248,247,255,.7);line-height:1.4}

/* BEST FOR */
.best-for{padding:1.4rem;border-left:2px solid var(--lilac);background:var(--lilac-dim);margin-bottom:2.5rem}
.best-for-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:.5rem}
.best-for p{font-size:.86rem;line-height:1.75;color:rgba(248,247,255,.6);font-weight:300}

/* PRICING TIERS */
.pricing-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1rem}
.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.tier{background:var(--card);padding:1.6rem;transition:background .3s}
.tier:hover{background:#202020}
.tier.featured{background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2)}
.tier-name{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:.5rem}
.tier.featured .tier-name{color:var(--lilac)}
.tier-price{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:.3rem;line-height:1}
.tier-note{font-size:.72rem;color:var(--muted);margin-bottom:.9rem}
.tier-desc{font-size:.8rem;line-height:1.65;color:rgba(248,247,255,.45)}

/* OVERVIEW GRID */
#overview{background:var(--panel)}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.ov-card{background:var(--card);padding:2.2rem;position:relative;overflow:hidden;transition:background .3s;text-decoration:none;display:block}
.ov-card:hover{background:#1f1f1f}
.ov-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.ov-card:hover::after{transform:scaleX(1)}
.ov-icon{width:28px;height:28px;color:#B39DDB;display:block;margin-bottom:1rem;flex-shrink:0}
.ov-num{position:absolute;top:1.5rem;right:1.5rem;font-family:'Playfair Display',serif;font-size:2.2rem;color:rgba(255,255,255,.03);font-weight:900}
.ov-name{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--white)}
.ov-desc{font-size:.82rem;line-height:1.7;color:rgba(248,247,255,.42);font-weight:300}
.ov-arrow{font-size:.8rem;color:var(--lilac);margin-top:1rem;display:block;transition:transform .3s}
.ov-card:hover .ov-arrow{transform:translateX(4px)}

#cta .ssub{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;max-width:520px;margin:0 auto 2.5rem;text-align:center}


@media(max-width:1024px){
.svc-inner{grid-template-columns:1fr;gap:3rem}
.svc-sticky{position:static}
.pricing-tiers{grid-template-columns:1fr}
.includes-grid{grid-template-columns:1fr}
.page-hero,section,#cta{padding:6rem 1.5rem 4rem}
.service-tabs{padding:0 1.5rem;top:57px}
.overview-grid{grid-template-columns:1fr}



/* === studio-meraki-portfolio === */






/* FILTER BAR */
.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem;align-items:center}
.filter-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-right:.5rem}
.fb{background:none;border:1px solid var(--border);color:var(--muted);padding:.45rem 1rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .25s;font-family:'DM Sans',sans-serif;font-weight:500}
.fb:hover{border-color:rgba(179,157,219,.4);color:var(--white)}
.fb.on{background:var(--lilac);border-color:var(--lilac);color:#0a0a0a;font-weight:600}

/* FEATURED CASE STUDIES */
#cases{background:var(--black)}
.case-featured{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:1px}
.case-full{background:var(--border);margin-bottom:3rem}
.case-card{background:var(--card);transition:background .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.case-card:hover{background:#1c1c1c}
.case-card.wide{grid-column:span 2}
.case-thumb{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden;flex-shrink:0}
.case-card.wide .case-thumb{height:300px}
.case-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;transition:transform .6s}
.case-card:hover .case-thumb-inner{transform:scale(1.05)}
.ct5{background:linear-gradient(135deg,#1a1a10,#504a10)}
.ct6{background:linear-gradient(135deg,#1a0a20,#5a1060)}
.ct7{background:linear-gradient(135deg,#0a1a20,#106050)}
.ct8{background:linear-gradient(135deg,#201010,#402040)}
.case-body{padding:2.2rem;flex:1;display:flex;flex-direction:column}
.case-card.wide .case-body{padding:2.8rem}
.case-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;flex-wrap:wrap}
.case-tag{display:inline-block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);border:1px solid rgba(179,157,219,.28);padding:.22rem .65rem;border-radius:2px}
.case-year{font-size:.68rem;color:var(--muted);letter-spacing:.1em}
.case-title{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:.7rem;line-height:1.3;color:var(--white)}
.case-card.wide .case-title{font-size:1.5rem}
.case-problem{font-size:.84rem;line-height:1.78;color:rgba(248,247,255,.48);font-weight:300;margin-bottom:1.4rem;flex:1}

/* METRICS ROW */
.case-metrics{display:flex;gap:1.5rem;padding:1.2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.2rem;flex-wrap:wrap}
.metric{text-align:left}
.metric-n{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--lilac);line-height:1}
.metric-l{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}

/* DELIVERABLES */
.case-deliverables{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.2rem}
.case-del{font-size:.68rem;background:var(--lilac-dim);color:rgba(248,247,255,.65);padding:.25rem .6rem;border-radius:2px;letter-spacing:.04em}

/* EXPAND TOGGLE */
.case-toggle{background:none;border:none;color:var(--lilac);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:.4rem;padding:0;transition:opacity .2s;margin-top:auto}
.case-toggle:hover{opacity:.7}
.case-expand{display:none;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--border)}
.case-expand.open{display:block}
.expand-section{margin-bottom:1.2rem}
.expand-label{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:.5rem}
.expand-text{font-size:.84rem;line-height:1.78;color:rgba(248,247,255,.5);font-weight:300}
.expand-quote{padding:1.2rem 1.4rem;border-left:2px solid var(--lilac);background:var(--lilac-dim);margin-top:1rem}
.expand-quote p{font-family:'Playfair Display',serif;font-style:italic;font-size:.95rem;line-height:1.7;color:rgba(248,247,255,.7)}
.expand-quote cite{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.6rem;font-style:normal}

/* PORTFOLIO GRID */
#portfolio{background:var(--panel)}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.port-item{aspect-ratio:4/3;position:relative;overflow:hidden;cursor:pointer}
.port-item.hide{display:none}
.port-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;transition:transform .6s}
.port-item:hover .port-bg{transform:scale(1.08)}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.92) 0%,rgba(8,8,8,.2) 50%,transparent 100%);opacity:0;transition:opacity .35s;display:flex;align-items:flex-end;padding:1.4rem}
.port-item:hover .port-overlay{opacity:1}
.port-cat{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilac);margin-bottom:.3rem}
.port-title{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:700;color:var(--white)}
.pg1{background:linear-gradient(135deg,#2d1b0e,#6b2a10)}
.pg2{background:linear-gradient(135deg,#0e1f2d,#1c4a8b)}
.pg3{background:linear-gradient(135deg,#1a0e2d,#5c1c8b)}
.pg4{background:linear-gradient(135deg,#0e2d14,#1c7a3a)}
.pg5{background:linear-gradient(135deg,#2d250e,#7a6a1c)}
.pg6{background:linear-gradient(135deg,#1a0a1a,#5a1050)}
.pg7{background:linear-gradient(135deg,#0a1a20,#104050)}
.pg8{background:linear-gradient(135deg,#201a0a,#604a10)}
.pg9{background:linear-gradient(135deg,#0e0e2d,#2a2a8b)}

/* TESTIMONIALS */
#testimonials{background:var(--black)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.tcard{background:var(--card);padding:2.4rem;transition:background .3s;position:relative}
.tcard:hover{background:#1d1d1d}
.tcard::before{content:'"';font-family:'Playfair Display',serif;font-size:4rem;color:rgba(179,157,219,.15);line-height:1;position:absolute;top:1.2rem;right:1.8rem}
.tquote{font-family:'Playfair Display',serif;font-style:italic;font-size:.98rem;line-height:1.75;color:rgba(248,247,255,.65);margin-bottom:1.5rem}
.tauthor{display:flex;align-items:center;gap:.9rem}
.tavatar{width:40px;height:40px;border-radius:50%;background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.tname{font-size:.84rem;font-weight:600;color:var(--white);margin-bottom:.15rem}
.trole{font-size:.72rem;color:var(--muted);letter-spacing:.06em}
.tservice{display:inline-block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);border:1px solid rgba(179,157,219,.25);padding:.18rem .55rem;border-radius:2px;margin-top:.4rem}



.case-featured{grid-template-columns:1fr}
.case-card.wide{grid-column:span 1}
.port-grid{grid-template-columns:repeat(2,1fr)}
.tgrid{grid-template-columns:1fr}
@media(max-width:580px){.port-grid{grid-template-columns:1fr}}



/* === studio-meraki-contact === */




/* HAMBURGER */



p{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300}

/* BOOKING OPTIONS */
#options{background:var(--panel)}
.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.option-card{background:var(--card);padding:2.4rem;position:relative;overflow:hidden;transition:background .3s;cursor:pointer}
.option-card:hover{background:#1f1f1f}
.option-card.recommended{background:var(--lilac-dim);border:1px solid rgba(179,157,219,.18)}
.option-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.option-card:hover::after,.option-card.recommended::after{transform:scaleX(1)}
.rec-badge{display:inline-block;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;background:var(--lilac);color:#0a0a0a;padding:.22rem .65rem;border-radius:2px;font-weight:700;margin-bottom:1rem}
.option-icon{font-size:1.8rem;margin-bottom:1rem;display:block}
.option-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--white)}
.option-desc{font-size:.84rem;line-height:1.75;color:rgba(248,247,255,.48);margin-bottom:1.4rem}
.option-detail{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lilac);font-weight:600}

/* MAIN CONTACT SECTION */
#contact{background:var(--black)}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:6rem;align-items:start}

/* LEFT INFO */
.contact-info h2{margin-bottom:1.2rem}
.contact-info p{margin-bottom:2.5rem}
.info-block{margin-bottom:2rem}
.info-block-label{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1rem}
.info-item{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1rem;padding:.9rem;background:var(--card);border:1px solid var(--border);border-radius:3px;transition:border-color .25s}
.info-item:hover{border-color:rgba(179,157,219,.25)}
.info-icon{width:36px;height:36px;background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;margin-top:.1rem}
.info-text{font-size:.875rem;color:rgba(248,247,255,.55)}.info-text strong{display:block;color:var(--white);font-size:.82rem;margin-bottom:.15rem;font-weight:600}
.info-text a{color:var(--lilac);text-decoration:none}.info-text a:hover{text-decoration:underline}

/* WHAT TO EXPECT */
.expect-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}
.expect-item{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:3px}
.expect-num{font-family:'Playfair Display',serif;font-size:.8rem;font-weight:700;color:var(--lilac);flex-shrink:0;min-width:18px}
.expect-text{font-size:.82rem;line-height:1.65;color:rgba(248,247,255,.55)}

/* FORM */
.contact-form-wrap{background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:2.8rem}
.form-header{margin-bottom:2rem}
.form-header h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;margin-bottom:.4rem}
.form-header p{font-size:.84rem;color:rgba(248,247,255,.45);margin:0}
input,textarea,select{background:var(--card);border:1px solid var(--border);color:var(--white);padding:.85rem 1rem;font-size:.875rem;font-family:'DM Sans',sans-serif;border-radius:3px;outline:none;transition:border-color .25s;-webkit-appearance:none;width:100%}
textarea{resize:vertical;min-height:120px}
.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.radio-opt{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .25s;font-size:.82rem;color:rgba(248,247,255,.6)}
.radio-opt:hover{border-color:rgba(179,157,219,.3);color:var(--white)}
.radio-opt input[type=radio]{width:auto;padding:0;margin:0;accent-color:var(--lilac)}
.radio-opt.selected{border-color:var(--lilac);background:var(--lilac-dim);color:var(--white)}
.fsub{background:var(--lilac);color:#0a0a0a;border:none;padding:1rem 2rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .3s;font-family:'DM Sans',sans-serif;width:100%;margin-top:.5rem}
.form-note{font-size:.72rem;color:var(--muted);text-align:center;margin-top:.5rem}

/* SUCCESS STATE */
.success-state{display:none;text-align:center;padding:3rem 2rem}
.success-state.show{display:block}
.success-icon{font-size:3rem;margin-bottom:1rem;display:block}
.success-state h3{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;margin-bottom:.6rem}
.success-state p{font-size:.9rem;color:rgba(248,247,255,.55);max-width:300px;margin:0 auto}

/* BOOKING EMBED */
#booking{background:var(--panel)}
.booking-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:6rem;align-items:start}
.booking-embed{background:var(--card);border:1px solid var(--border);border-radius:3px;padding:3rem;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}
.booking-embed-icon{font-size:2.5rem}
.booking-embed h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700}
.booking-embed p{font-size:.84rem;color:rgba(248,247,255,.45);max-width:300px}
.booking-btn{display:inline-block;background:var(--lilac);color:#0a0a0a;padding:.85rem 2rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s;font-family:'DM Sans',sans-serif}
.booking-btn:hover{background:var(--lilac-lt);transform:translateY(-1px)}
.booking-note{font-size:.72rem;color:var(--muted);margin-top:.5rem}

/* FAQ */
#faq{background:var(--black)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.faq-item{background:var(--card);padding:2rem 2.2rem;transition:background .3s}
.faq-item:hover{background:#1d1d1d}
.faq-q{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.7rem;color:var(--white);cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.faq-arrow{color:var(--lilac);font-size:.8rem;flex-shrink:0;transition:transform .3s;margin-top:.15rem}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-a{font-size:.84rem;line-height:1.8;color:rgba(248,247,255,.48);font-weight:300;display:none}
.faq-item.open .faq-a{display:block}

footer{background:var(--panel);border-top:1px solid var(--border);padding:2.5rem 4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.2rem}

.contact-grid,.booking-inner{grid-template-columns:1fr;gap:3rem}
.options-grid{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
.radio-group{grid-template-columns:1fr}
.page-hero,section{padding:6rem 1.5rem 4rem}
.fr{grid-template-columns:1fr}
.contact-form-wrap{padding:1.8rem}


/* === studio-meraki-blog === */




.page-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:1.2rem}
.hero-lead{font-size:1rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;margin-bottom:2rem}
.hero-search{display:flex;gap:.5rem}
.hero-search input{flex:1;background:var(--card);border:1px solid var(--border);color:var(--white);padding:.85rem 1.1rem;font-size:.875rem;font-family:'DM Sans',sans-serif;border-radius:3px;outline:none;transition:border-color .25s}
.hero-search input:focus{border-color:var(--lilac)}
.hero-search input::placeholder{color:var(--muted)}
.search-btn{background:var(--lilac);color:#0a0a0a;border:none;padding:.85rem 1.4rem;font-size:.8rem;font-weight:700;border-radius:3px;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:.08em;white-space:nowrap;transition:background .25s}
.search-btn:hover{background:var(--lilac-lt)}
.hero-stats-blog{display:flex;gap:2rem;flex-wrap:wrap}
.hstat{text-align:center;padding:1.4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:3px;flex:1;min-width:100px}
.hstat-n{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:700;color:var(--lilac);line-height:1}
.hstat-l{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}


/* FEATURED ARTICLE */
#featured{background:var(--panel)}
.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);border:1px solid var(--border);border-radius:3px;overflow:hidden;transition:border-color .3s;cursor:pointer}
.featured-card:hover{border-color:rgba(179,157,219,.3)}
.featured-thumb{background:linear-gradient(135deg,#1a1030,#4a2070);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;min-height:380px}
.featured-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,rgba(24,24,24,.8))}
.featured-body{padding:3rem;display:flex;flex-direction:column;justify-content:center}
.feat-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);font-weight:700;margin-bottom:1.2rem}
.feat-badge::before{content:'★';font-size:.7rem}
.art-cat{display:inline-block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);border:1px solid rgba(179,157,219,.28);padding:.22rem .65rem;border-radius:2px;margin-bottom:1rem}
.art-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:.8rem;color:var(--white)}
.art-excerpt{font-size:.875rem;line-height:1.8;color:rgba(248,247,255,.5);margin-bottom:1.6rem;font-weight:300}
.art-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.art-author{display:flex;align-items:center;gap:.6rem}
.art-avatar{width:30px;height:30px;border-radius:50%;background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2);display:flex;align-items:center;justify-content:center;font-size:.75rem}
.art-author-name{font-size:.78rem;color:rgba(248,247,255,.6);font-weight:500}
.art-date{font-size:.72rem;color:var(--muted)}
.art-read{font-size:.72rem;color:var(--muted)}
.art-sep{color:var(--border);font-size:.7rem}
.read-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lilac);text-decoration:none;margin-top:1.4rem;transition:gap .25s}
.read-link:hover{gap:.7rem}

/* FILTER + GRID */
#articles{background:var(--black)}
.articles-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}
.filter-bar{display:flex;gap:.4rem;flex-wrap:wrap}
.fb{background:none;border:1px solid var(--border);color:var(--muted);padding:.42rem .9rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .25s;font-family:'DM Sans',sans-serif;font-weight:500}
.fb:hover{border-color:rgba(179,157,219,.35);color:var(--white)}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.article-card{background:var(--card);display:flex;flex-direction:column;transition:background .3s;cursor:pointer;position:relative;overflow:hidden}
.article-card:hover{background:#1c1c1c}
.article-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.article-card:hover::after{transform:scaleX(1)}
.article-card.hide{display:none}
.card-thumb{height:180px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;position:relative;overflow:hidden}
.card-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;transition:transform .5s}
.article-card:hover .card-thumb-inner{transform:scale(1.06)}
.tb1{background:linear-gradient(135deg,#1a1030,#3a1860)}
.tb2{background:linear-gradient(135deg,#0d1f30,#1a3a60)}
.tb3{background:linear-gradient(135deg,#1a1010,#502020)}
.tb4{background:linear-gradient(135deg,#0d2010,#1a5030)}
.tb5{background:linear-gradient(135deg,#1a180a,#50480a)}
.tb6{background:linear-gradient(135deg,#100a1a,#3a1050)}
.tb7{background:linear-gradient(135deg,#0a1520,#0a3050)}
.tb8{background:linear-gradient(135deg,#1a0a10,#501030)}
.tb9{background:linear-gradient(135deg,#0a1a0a,#1a5020)}
.card-body{padding:1.8rem;flex:1;display:flex;flex-direction:column}
.card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}
.card-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:.65rem;color:var(--white);flex:1}
.card-excerpt{font-size:.82rem;line-height:1.75;color:rgba(248,247,255,.44);font-weight:300;margin-bottom:1.2rem;flex:1}
.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:auto}
.card-author{font-size:.72rem;color:var(--muted)}
.card-read-time{font-size:.7rem;color:var(--muted);letter-spacing:.06em}

/* TOPICS SIDEBAR BAND */
#topics{background:var(--panel)}
.topics-inner{display:grid;grid-template-columns:1fr 2fr;gap:6rem;align-items:start}
.topic-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.topic-tag{display:inline-block;font-size:.75rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:3px;color:rgba(248,247,255,.6);cursor:pointer;transition:all .25s;font-weight:500}
.topic-tag:hover,.topic-tag.active{background:var(--lilac-dim);border-color:rgba(179,157,219,.3);color:var(--white)}
.recent-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border)}
.recent-item{background:var(--card);padding:1.4rem 1.8rem;display:flex;align-items:center;gap:1.2rem;transition:background .25s;cursor:pointer}
.recent-item:hover{background:#1f1f1f}
.recent-num{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:rgba(179,157,219,.2);line-height:1;flex-shrink:0;width:28px}
.recent-content{flex:1}
.recent-cat{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:.3rem}
.recent-title{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:.25rem}
.recent-date{font-size:.7rem;color:var(--muted)}
.recent-arrow{color:var(--lilac);font-size:.8rem;transition:transform .25s;flex-shrink:0}
.recent-item:hover .recent-arrow{transform:translateX(3px)}

/* NEWSLETTER */
#newsletter{background:var(--black)}
.newsletter-inner{background:var(--lilac-dim);border:1px solid rgba(179,157,219,.15);border-radius:3px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.nl-left h2{margin-bottom:.8rem}
.nl-left p{font-size:.92rem;line-height:1.8;color:rgba(248,247,255,.52);font-weight:300}
.nl-perks{display:flex;flex-direction:column;gap:.5rem;margin-top:1.4rem}
.nl-perk{display:flex;align-items:center;gap:.7rem;font-size:.82rem;color:rgba(248,247,255,.58)}
.nl-perk::before{content:'✦';color:var(--lilac);font-size:.65rem;flex-shrink:0}
.nl-form{display:flex;flex-direction:column;gap:.9rem}
.nl-form input{background:var(--card);border:1px solid var(--border);color:var(--white);padding:.9rem 1.1rem;font-size:.875rem;font-family:'DM Sans',sans-serif;border-radius:3px;outline:none;transition:border-color .25s;width:100%}
.nl-form input:focus{border-color:var(--lilac)}
.nl-form input::placeholder{color:var(--muted)}
.nl-submit{background:var(--lilac);color:#0a0a0a;border:none;padding:.95rem;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:3px;font-family:'DM Sans',sans-serif;transition:all .3s;width:100%}
.nl-submit:hover{background:var(--lilac-lt);transform:translateY(-1px)}
.nl-note{font-size:.7rem;color:var(--muted);text-align:center}
.nl-success{display:none;text-align:center;padding:2rem}
.nl-success.show{display:block}
.nl-success-icon{font-size:2rem;margin-bottom:.8rem;display:block}
.nl-success h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:.4rem}
.nl-success p{font-size:.84rem;color:rgba(248,247,255,.5)}

#cta{background:var(--panel);text-align:center}
#cta p{font-size:.95rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;max-width:520px;margin:0 auto 2.5rem}


.page-hero-inner{grid-template-columns:1fr;gap:3rem}
.featured-card{grid-template-columns:1fr}
.featured-thumb{min-height:220px}
.topics-inner{grid-template-columns:1fr;gap:3rem}
.newsletter-inner{grid-template-columns:1fr;gap:3rem}
.articles-grid{grid-template-columns:repeat(2,1fr)}
.articles-header{flex-direction:column;align-items:flex-start}
@media(max-width:580px){
.articles-grid{grid-template-columns:1fr}
.newsletter-inner{padding:2rem}


/* === studio-meraki-pricing === */




.page-hero{padding:12rem 4rem 6rem;position:relative;overflow:hidden;border-bottom:1px solid var(--border);text-align:center}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(179,157,219,.1) 0%,transparent 65%);pointer-events:none}
.page-hero-inner{position:relative;max-width:680px;margin:0 auto}
.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:1.4rem;display:flex;align-items:center;justify-content:center;gap:.8rem}
.eyebrow::before,.eyebrow::after{content:'';width:28px;height:1px;background:var(--lilac);display:block}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5vw,4rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:1.2rem}
.hero-lead{font-size:1rem;line-height:1.85;color:rgba(248,247,255,.52);font-weight:300;margin-bottom:2.5rem}
.hero-note{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.hn{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(248,247,255,.45)}
.hn::before{content:'✦';color:var(--lilac);font-size:.6rem}

.sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}
.ssub{font-size:.92rem;line-height:1.85;color:rgba(248,247,255,.48);font-weight:300;max-width:440px}

/* SERVICE TABS */
.price-tabs{display:flex;gap:0;overflow-x:auto;background:var(--panel);border-bottom:1px solid var(--border);padding:0 4rem;position:sticky;top:67px;z-index:90}
.ptab{padding:1rem 1.4rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:all .25s;white-space:nowrap;font-family:'DM Sans',sans-serif;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}
.ptab:hover{color:var(--white)}
.ptab.active{color:var(--lilac);border-bottom-color:var(--lilac)}

/* PRICING SECTION */
#pricing{background:var(--black)}
.service-pricing-block{margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid var(--border)}
.service-pricing-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.spb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}
.spb-left{display:flex;align-items:flex-start;gap:1.2rem}
.spb-icon{font-size:1.6rem;flex-shrink:0;margin-top:.2rem}
.spb-title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;margin-bottom:.3rem}
.spb-tagline{font-size:.84rem;color:rgba(248,247,255,.45);font-weight:300;max-width:480px}
.spb-link{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lilac);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.4rem;white-space:nowrap;margin-top:.2rem;transition:gap .2s}
.spb-link:hover{gap:.7rem}

/* TIER CARDS */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.tier-card{background:var(--card);padding:2.2rem;display:flex;flex-direction:column;transition:background .3s;position:relative;overflow:hidden}
.tier-card:hover{background:#1f1f1f}
.tier-card.popular{background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2)}
.popular-badge{position:absolute;top:0;right:0;background:var(--lilac);color:#0a0a0a;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .8rem;border-radius:0 0 0 4px}
.tier-name{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:.7rem}
.tier-card.popular .tier-name{color:var(--lilac)}
.tier-price{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;line-height:1;color:var(--white);margin-bottom:.25rem}
.tier-price sup{font-size:1rem;font-weight:400;vertical-align:super;margin-right:.1rem;color:rgba(248,247,255,.6)}
.tier-price sub{font-size:.8rem;font-weight:300;color:rgba(248,247,255,.45)}
.tier-billing{font-size:.72rem;color:var(--muted);margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border)}
.tier-desc{font-size:.84rem;line-height:1.75;color:rgba(248,247,255,.5);font-weight:300;margin-bottom:1.6rem;flex:1}
.tier-includes{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);font-weight:600;margin-bottom:.8rem}
.tier-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.8rem;flex:2}
.tier-feat{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:rgba(248,247,255,.6);line-height:1.5}
.tier-feat::before{content:'✓';color:var(--lilac);font-weight:700;flex-shrink:0;font-size:.75rem;margin-top:.1rem}
.tier-feat.dim{color:rgba(248,247,255,.28)}
.tier-feat.dim::before{content:'—';color:var(--muted)}
.tier-cta{display:block;text-align:center;padding:.8rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s;font-family:'DM Sans',sans-serif;margin-top:auto}
.tier-cta-fill{background:var(--lilac);color:#0a0a0a}.tier-cta-fill:hover{background:var(--lilac-lt);transform:translateY(-1px)}
.tier-cta-ghost{border:1px solid var(--border);color:rgba(248,247,255,.5)}.tier-cta-ghost:hover{border-color:var(--lilac);color:var(--white)}

/* BUNDLES */
#bundles{background:var(--panel)}
.bundles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.bundle-card{background:var(--card);padding:2.4rem;position:relative;overflow:hidden;transition:background .3s}
.bundle-card:hover{background:#1f1f1f}
.bundle-card.featured-bundle{background:var(--lilac-dim);border:1px solid rgba(179,157,219,.2)}
.bundle-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lilac);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.bundle-card:hover::after,.bundle-card.featured-bundle::after{transform:scaleX(1)}
.bundle-tag{display:inline-block;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;background:var(--lilac);color:#0a0a0a;padding:.22rem .65rem;border-radius:2px;font-weight:700;margin-bottom:1rem}
.bundle-name{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}
.bundle-price{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;color:var(--lilac);margin-bottom:.3rem;line-height:1}
.bundle-save{font-size:.7rem;color:rgba(248,247,255,.4);margin-bottom:1rem}
.bundle-desc{font-size:.84rem;line-height:1.75;color:rgba(248,247,255,.48);font-weight:300;margin-bottom:1.4rem}
.bundle-services{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.6rem}
.bundle-svc{font-size:.68rem;background:rgba(179,157,219,.08);border:1px solid rgba(179,157,219,.15);color:rgba(248,247,255,.6);padding:.25rem .6rem;border-radius:2px}
.bundle-cta{display:block;text-align:center;background:var(--lilac);color:#0a0a0a;padding:.8rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:3px;transition:all .3s;font-family:'DM Sans',sans-serif}
.bundle-cta:hover{background:var(--lilac-lt);transform:translateY(-1px)}

/* RETAINER */
#retainer{background:var(--black)}
.retainer-inner{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.ret-info{background:var(--card);padding:3rem}
.ret-tiers{background:var(--card);padding:3rem;display:flex;flex-direction:column;gap:1px}
.ret-tier{display:flex;align-items:center;justify-content:space-between;padding:1.4rem;background:var(--panel);border:1px solid var(--border);border-radius:3px;gap:1rem;flex-wrap:wrap;transition:border-color .25s}
.ret-tier:hover{border-color:rgba(179,157,219,.25)}
.ret-tier.highlight{border-color:rgba(179,157,219,.3);background:var(--lilac-dim)}
.ret-tier-name{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;margin-bottom:.2rem}
.ret-tier-desc{font-size:.78rem;color:rgba(248,247,255,.45);max-width:260px}
.ret-tier-price{text-align:right;flex-shrink:0}
.ret-tier-amount{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--lilac);line-height:1}
.ret-tier-note{font-size:.68rem;color:var(--muted);margin-top:.15rem}

/* WHAT'S ALWAYS INCLUDED */
#included{background:var(--panel)}
.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.inc-card{background:var(--card);padding:1.8rem;text-align:center;transition:background .3s}
.inc-card:hover{background:#1f1f1f}
.inc-icon{width:28px;height:28px;color:#B39DDB;display:block;margin-bottom:.8rem;flex-shrink:0}
.inc-title{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;margin-bottom:.4rem}
.inc-desc{font-size:.78rem;line-height:1.65;color:rgba(248,247,255,.42);font-weight:300}

.faq-item{background:var(--card);padding:1.8rem 2.2rem;transition:background .3s;cursor:pointer}
.faq-q{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:700;color:var(--white);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.faq-a{font-size:.84rem;line-height:1.8;color:rgba(248,247,255,.48);font-weight:300;display:none;margin-top:.9rem}

#cta{background:var(--lilac-dim);border-top:1px solid rgba(179,157,219,.15);padding:6rem 4rem;text-align:center}


.tiers{grid-template-columns:1fr}
.bundles-grid{grid-template-columns:1fr}
.retainer-inner{grid-template-columns:1fr}
.included-grid{grid-template-columns:repeat(2,1fr)}
.price-tabs{padding:0 1.5rem;top:57px}
@media(max-width:580px){.included-grid{grid-template-columns:1fr}}

/* =============================================
   WORDPRESS GRID FIX
   Force grids to render correctly inside WP
============================================= */

/* Remove WP default content width constraints */
.entry-content,
.entry-content *,
.wp-block-group,
.wp-block-group__inner-container,
.is-layout-constrained > *,
.is-layout-flow > * {
  max-width: none !important;
}

/* Force all grid containers to actually display as grid */
.mv-grid,
.apart-grid,
.team-grid,
.stats-grid,
.who-grid,
.cap-grid,
.sgrid,
.proc-grid,
.proof-grid,
.case-featured,
.case-grid,
.port-grid,
.pgrid,
.overview-grid,
.tgrid,
.faq-grid,
.bundles-grid,
.included-grid,
.options-grid,
.spb-header,
.tiers,
.pricing-tiers,
.cw,
.contact-grid,
.booking-inner,
.retainer-inner,
.newsletter-inner,
.topics-inner,
.sh,
.ph,
.story-grid {
  display: grid !important;
}

/* Two-column grids */
.mv-grid,
.case-featured,
.case-grid,
.faq-grid,
.cw,
.contact-grid,
.booking-inner,
.retainer-inner,
.newsletter-inner {
  grid-template-columns: 1fr 1fr !important;
}

/* Three-column grids */
.apart-grid,
.team-grid,
.cap-grid,
.sgrid,
.proc-grid,
.port-grid,
.pgrid,
.overview-grid,
.tgrid,
.bundles-grid,
.tiers,
.pricing-tiers {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* Four-column grids */
.stats-grid,
.who-grid,
.proof-grid,
.included-grid,
.options-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

/* Two-column layout grids (sidebar + content) */
.story-grid,
.topics-inner {
  grid-template-columns: 1fr 1fr !important;
  gap: 6rem !important;
  align-items: center !important;
}

/* Ensure full width sections */
.page-hero,
.marquee,
section,
#story,
#values,
#apart,
#team,
#stats,
#cta,
#contact,
#booking,
#faq,
#overview,
#pricing,
#bundles,
#retainer,
#included,
#newsletter,
#portfolio,
#featured,
#articles,
#topics,
#who,
#capabilities,
#services,
#process,
#work,
#proof,
#testimonials,
#options,
#cases {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Responsive overrides — keep mobile stacking */
@media (max-width: 1024px) {
  .mv-grid,
  .apart-grid,
  .team-grid,
  .cap-grid,
  .tiers,
  .pricing-tiers,
  .who-grid,
  .proc-grid,
  .proof-grid,
  .stats-grid,
  .included-grid,
  .options-grid,
  .bundles-grid,
  .faq-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 900px) {
  .mv-grid,
  .apart-grid,
  .team-grid,
  .cap-grid,
  .sgrid,
  .proc-grid,
  .proof-grid,
  .port-grid,
  .pgrid,
  .overview-grid,
  .tgrid,
  .faq-grid,
  .bundles-grid,
  .tiers,
  .pricing-tiers,
  .case-featured,
  .case-grid,
  .cw,
  .contact-grid,
  .booking-inner,
  .retainer-inner,
  .newsletter-inner,
  .story-grid,
  .topics-inner,
  .who-grid,
  .included-grid,
  .options-grid,
  .stats-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =============================================
   NUCLEAR WORDPRESS OVERRIDE
   Target every possible WP wrapper
============================================= */
body .entry-content > *,
body .post-content > *,
body .page-content > *,
body .wp-block-post-content > *,
body .wp-site-blocks > *,
body main > *,
body .site-main > *,
body #main > *,
body #content > *,
body .content-area > * {
  max-width: 100% !important;
  width: 100% !important;
}

/* Force WordPress NOT to constrain our grids */
body .is-layout-constrained > :not(.alignleft):not(.alignright):not(.alignfull),
body .is-layout-flow > :not(.alignleft):not(.alignright):not(.alignfull) {
  max-width: 100% !important;
}

/* Override Twenty* theme body padding if inherited */
body {
  padding: 0 !important;
  margin: 0 !important;
}

/* Make sure our sections aren't inside a narrow container */
body > .site,
body > .site > .site-content,
body > .site > .site-content > #content,
body > .site > .site-content > #content > .site-main,
body > #page,
body > #page > #content,
body > #page > #content > #primary,
body > #page > #content > #primary > main {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}