/* ==========================================================================
   SCORP — Design System & Components
   Body: white • Accents: gold (#C8A24A) + light red (#FF6B6B) • Premium black/white
   ========================================================================== */

:root{
  --bg:#ffffff;
  --bg-soft:#FAF9F6;
  --ink:#101014;
  --ink-2:#2b2b33;
  --muted:#63636d;
  --line:#e9e6df;
  --line-2:#ddd8cc;
  --gold:#C8A24A;
  --gold-2:#E4C87E;
  --gold-3:#9C7A2C;
  --gold-soft:#FBF6EA;
  --red:#FF6B6B;
  --red-2:#E85555;
  --red-soft:#FFF1F1;
  --dark:#0B0B0C;
  --dark-2:#141416;
  --dark-3:#1d1d21;
  --r:18px;
  --r-sm:12px;
  --shadow-sm:0 4px 18px rgba(16,16,20,.06);
  --shadow:0 14px 44px rgba(16,16,20,.09);
  --shadow-lg:0 24px 70px rgba(16,16,20,.14);
  --fh:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wrap:1200px;
}

/* ---------- Base ---------- */
h1,h2,h3,h4,h5{font-family:var(--fh);color:var(--ink);line-height:1.18;margin:0 0 .6em;letter-spacing:-.01em;font-weight:800}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}
p{margin:0 0 1em}
em{font-style:italic;color:var(--gold-3)}
.tx-gold{color:var(--gold-3)}
.tx-red{color:var(--red-2)}
.center{text-align:center}
.mt-sec{margin-top:3rem}
.wrap--narrow{max-width:880px}
.wrap--post{max-width:1120px}
.wrap--post-left{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.4rem;align-items:start}
::selection{background:var(--gold);color:#111}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

.sec{padding:clamp(3.2rem,7vw,5.5rem) 0}
.sec--soft{background:var(--bg-soft)}
.sec--dark{background:var(--dark);color:#c9c9d1}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec--tight{padding:clamp(2rem,4vw,3rem) 0}

.sec-head{max-width:720px;margin:0 auto clamp(2rem,4vw,3.2rem);text-align:center}
.sec-head p{color:var(--muted);font-size:1.05rem}
.sec-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;max-width:none;text-align:left;margin-bottom:2.2rem}
.sec-head--row .btn{flex:none}
.sec-head--light p{color:#a5a5ae}

.kicker{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--fh);font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-3);margin-bottom:.9rem}
.kicker i{width:26px;height:2px;background:linear-gradient(90deg,var(--gold),var(--red));border-radius:2px;display:inline-block}
.kicker--light{color:var(--gold-2)}
.kicker .ic{color:var(--gold-2)}

.btn--lg{padding:.95rem 1.9rem;font-size:1rem}
.btn--outline-light{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn--outline-light:hover{border-color:var(--gold-2);color:var(--gold-2);transform:translateY(-2px)}

.grid{display:grid;gap:1.6rem}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.card-link{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fh);font-weight:700;font-size:.88rem;color:var(--gold-3);margin-top:.4rem}
.card-link .ic{transition:transform .25s}
.card:hover .card-link .ic{transform:translateX(4px)}
.chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e6e6ea;border-radius:999px;padding:.32rem .8rem;font-size:.78rem;font-weight:600}
.chip--soft{background:var(--gold-soft);border-color:#eee1c2;color:var(--gold-3)}
.img-round{border-radius:var(--r);width:100%}
.img-fluid{width:100%;border-radius:var(--r-sm)}
picture{display:block}
picture img{width:100%;height:auto}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--d,0ms),transform .7s ease var(--d,0ms)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- Submenu ---------- */
.has-sub{position:relative}
.sub{display:none;position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.6rem;z-index:60}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block;animation:subIn .22s ease}
@keyframes subIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sub a{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:9px;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.sub a:hover{background:var(--gold-soft);color:var(--gold-3)}
.sub a .ic{color:var(--gold)}
.sub-all{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.7rem!important;color:var(--gold-3)!important}
.nav-close{position:absolute;top:1rem;right:1rem;background:none;border:0;color:var(--ink);cursor:pointer;display:none}
@media(max-width:1020px){
  .sub{position:static;box-shadow:none;border:0;padding:.2rem 0 .6rem .8rem;min-width:0}
  .has-sub.open .sub{display:block}
  .nav-close{display:block}
}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--dark);color:#d6d6dd;overflow:hidden;padding:clamp(3rem,7vw,5.5rem) 0 0}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-ring{position:absolute;border:1px solid rgba(200,162,74,.16);border-radius:50%}
.hero-ring.r1{width:640px;height:640px;top:-260px;right:-160px}
.hero-ring.r2{width:440px;height:440px;top:-140px;right:-60px;border-color:rgba(255,107,107,.14)}
.hero-ring.r3{width:880px;height:880px;bottom:-560px;left:-320px}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 70% 20%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 20%,#000 0%,transparent 70%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding-bottom:clamp(2.5rem,5vw,4rem)}
.hero h1{color:#fff;margin:.2rem 0 1.1rem}
.hero h1 em{color:var(--gold-2);font-style:italic}
.hero-sub{font-size:clamp(1rem,1.5vw,1.15rem);color:#b9b9c2;max-width:56ch}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin:1.6rem 0 1.4rem}
.hero-points{display:flex;gap:1.4rem;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.92rem;color:#cfcfd8}
.hero-points .ic{color:var(--gold-2)}
.hero-visual{position:relative;display:flex;justify-content:center}
.hero-card{background:linear-gradient(160deg,#1a1a1e,#101013);border:1px solid rgba(200,162,74,.28);border-radius:26px;padding:2rem;width:min(100%,380px);box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:center}
.hero-mark{width:150px;margin:0 auto .8rem}
.hero-mark svg{width:100%;height:auto;display:block}
.hero-card-meta strong{display:block;font-family:var(--fh);font-size:1.6rem;letter-spacing:.28em;color:#fff}
.hero-card-meta span{color:var(--gold-2);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.2rem}
.hero-float{position:absolute;background:#fff;border-radius:14px;padding:.7rem 1.1rem;box-shadow:var(--shadow-lg);display:flex;align-items:baseline;gap:.25rem;flex-direction:row}
.hero-float .num{font-family:var(--fh);font-weight:800;font-size:1.5rem;color:var(--ink)}
.hero-float .suf{color:var(--red);font-weight:800;font-family:var(--fh)}
.hero-float small{display:block;width:100%;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.hero-float{flex-wrap:wrap}
.hf1{top:-14px;left:-8px;animation:floaty 6s ease-in-out infinite}
.hf2{bottom:-10px;right:-6px;animation:floaty 7s ease-in-out 1s infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero-stats{position:relative;background:rgba(255,255,255,.04);border-top:1px solid rgba(200,162,74,.22);backdrop-filter:blur(6px)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.6rem 0}
.stat{text-align:center}
.stat-num{font-family:var(--fh);font-weight:800;font-size:clamp(1.7rem,3vw,2.4rem);color:var(--gold-2)}
.stat-label{color:#a9a9b2;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}

/* ---------- Clients marquee ---------- */
.clients{padding:2.2rem 0 1.6rem;border-bottom:1px solid var(--line)}
.clients-note{text-align:center;color:var(--muted);font-size:.92rem;margin-bottom:1.2rem}
.clients-note strong{color:var(--ink)}
.marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:3rem;width:max-content;animation:mq 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.mq-item{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fh);font-weight:700;color:#8a8a93;font-size:1rem;letter-spacing:.04em;white-space:nowrap}
.mq-item .ic{color:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- Service cards ---------- */
.svc{position:relative;overflow:hidden}
.svc::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--red));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc:hover::after{transform:scaleX(1)}
.svc-ic{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--gold-soft),#fff);border:1px solid #eee1c2;display:grid;place-items:center;color:var(--gold-3);margin-bottom:1.1rem}
.svc h3 a{color:var(--ink)}
.svc h3 a:hover{color:var(--gold-3)}
.svc p{color:var(--muted);font-size:.95rem}
.ticks{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.42rem}
.ticks li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--ink-2)}
.ticks .ic{color:var(--gold);margin-top:.2rem}
.ticks--cols{grid-template-columns:repeat(2,1fr)}
.ticks--lg li{font-size:1rem}
.ticks--lg .ic{color:var(--gold-3)}
.svc--wide{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:2rem}
.svc--wide .svc-ic{width:64px;height:64px}
.svc-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.8rem}
.price-note{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem}

/* ---------- Split sections ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.split--rev .split-media{order:2}
.split-copy p{color:var(--muted)}
.split-copy h2{margin-bottom:1rem}
.about-frame{position:relative}
.about-badge{position:absolute;right:-10px;bottom:-18px;background:linear-gradient(135deg,var(--gold-2),var(--gold) 60%,var(--gold-3));color:#161616;border-radius:16px;padding:1rem 1.3rem;display:flex;align-items:center;gap:.7rem;box-shadow:var(--shadow)}
.about-badge strong{font-family:var(--fh);font-size:2rem;font-weight:800}
.about-badge span{font-size:.78rem;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}
.checks2{list-style:none;margin:1.2rem 0;padding:0;display:grid;gap:.6rem}
.checks2 li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-2);font-weight:500}
.checks2 .ic{color:var(--gold-3);margin-top:.15rem}
.split-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}

/* ---------- Steps ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;counter-reset:st}
.step{position:relative;background:var(--dark-2);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:1.6rem 1.3rem;transition:.3s}
.step:hover{border-color:rgba(200,162,74,.4);transform:translateY(-4px)}
.step-n{position:absolute;top:1rem;right:1.1rem;font-family:var(--fh);font-weight:800;font-size:1.5rem;color:rgba(200,162,74,.3)}
.step-ic{width:46px;height:46px;border-radius:12px;background:rgba(200,162,74,.12);color:var(--gold-2);display:grid;place-items:center;margin-bottom:.9rem}
.step h3{color:#fff;font-size:1.05rem}
.step p{font-size:.88rem;color:#9d9da6;margin:0}

/* ---------- Work cards ---------- */
.work{padding:0;overflow:hidden}
.work-media{position:relative;display:block;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.work-img{transition:transform .5s ease}
.work:hover .work-img{transform:scale(1.05)}
.work-cat{position:absolute;top:.9rem;left:.9rem;background:rgba(11,11,12,.82);backdrop-filter:blur(6px);color:var(--gold-2);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.32rem .8rem;border:1px solid rgba(200,162,74,.35)}
.work-year{position:absolute;top:.9rem;right:.9rem;background:rgba(255,255,255,.92);color:var(--ink);font-size:.72rem;font-weight:700;border-radius:999px;padding:.32rem .7rem}
.work-body{padding:1.3rem 1.4rem 1.5rem}
.work-body h3{font-size:1.12rem;margin-bottom:.4rem}
.work-body p{color:var(--muted);font-size:.9rem;margin:0}
.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
.fbtn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#d5d5dc;border-radius:999px;padding:.45rem 1rem;font-family:var(--fh);font-weight:600;font-size:.82rem;cursor:pointer;transition:.25s}
.fbtn small{opacity:.6}
.fbtn:hover{border-color:var(--gold-2);color:var(--gold-2)}
.fbtn.is-active{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#161616;border-color:transparent}
.work[hidden]{display:none}

/* ---------- Why list / visual ---------- */
.why-list{display:grid;gap:1.1rem;margin:1.4rem 0 1.8rem}
.why-item{display:flex;gap:1rem;align-items:flex-start}
.why-item .ic{color:var(--gold-3);background:var(--gold-soft);border:1px solid #eee1c2;border-radius:12px;padding:10px;flex:none}
.why-item strong{display:block;font-family:var(--fh);font-size:1.02rem;color:var(--ink)}
.why-item span{color:var(--muted);font-size:.92rem}
.why-visual{background:var(--dark);border-radius:26px;padding:2rem;display:grid;gap:1rem;box-shadow:var(--shadow-lg)}
.wv-row{display:flex;align-items:center;gap:1.1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.3rem}
.wv-ic{color:var(--gold-2);flex:none}
.wv-row strong{font-family:var(--fh);font-size:1.7rem;color:#fff;display:block;line-height:1}
.wv-row small{color:#a5a5ae;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}

/* ---------- Testimonial slider ---------- */
.slider{max-width:820px;margin:0 auto}
.slider-view{overflow:hidden;border-radius:var(--r)}
.slide{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2.4rem;box-shadow:var(--shadow-sm);text-align:center;display:none}
.slide.is-cur{display:block;animation:fadeIn .5s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.slide-stars{display:flex;gap:.25rem;justify-content:center;color:var(--gold);margin-bottom:1rem}
.slide blockquote{margin:0 0 1.4rem;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.75;color:var(--ink-2);font-weight:500}
.slide figcaption strong{display:block;font-family:var(--fh);color:var(--ink)}
.slide figcaption span{color:var(--muted);font-size:.88rem}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.3rem}
.sl-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:.25s}
.sl-btn:hover{border-color:var(--gold);color:var(--gold-3)}
.sl-dots{display:flex;gap:.45rem}
.sl-dots button{width:9px;height:9px;border-radius:50%;border:0;background:var(--line-2);cursor:pointer;padding:0;transition:.25s}
.sl-dots button.is-on{background:var(--gold);width:26px;border-radius:6px}

/* ---------- Post cards / blog ---------- */
.post-card{padding:0;overflow:hidden}
.post-media{display:block;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.post-media img{transition:transform .5s}
.post-card:hover .post-media img{transform:scale(1.05)}
.post-body{padding:1.3rem 1.4rem 1.5rem}
.post-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:.7rem}
.post-meta .ic{margin-right:.25rem}
.post-cat{background:var(--red-soft);color:var(--red-2);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.28rem .75rem}
.post-body h3{font-size:1.1rem;line-height:1.35}
.post-body h3 a:hover{color:var(--gold-3)}
.post-body p{color:var(--muted);font-size:.92rem}
.blog-tools{display:grid;gap:1rem;margin-top:1.8rem}
.search-box{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .5rem .4rem 1.2rem;max-width:560px;color:var(--muted)}
.search-box input{border:0;outline:0;flex:1;font:inherit;font-size:.95rem;background:transparent;color:var(--ink);min-width:0}
.search-box--center{margin:2rem auto 0}
.cat-pills{display:flex;gap:.5rem;flex-wrap:wrap}
.pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#d8d8df;border-radius:999px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;font-family:var(--fh);transition:.25s}
.pill small{opacity:.6}
.pill:hover{border-color:var(--gold-2);color:var(--gold-2)}
.pill.is-active{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;color:#161616}
.search-note{display:flex;align-items:center;gap:.5rem;color:var(--muted);margin-bottom:1.5rem}
.feat-post{display:grid;grid-template-columns:1.1fr .9fr;padding:0;overflow:hidden;margin-bottom:2rem}
.feat-media{position:relative;display:block;overflow:hidden}
.feat-img{height:100%;object-fit:cover}
.feat-body{padding:2rem}
.feat-body h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}
.feat-body p{color:var(--muted)}
.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--muted)}
.empty-state .ic{color:var(--line-2);margin:0 auto 1rem}
.empty-state .btn{margin-top:1rem}

/* ---------- Page head (inner pages) ---------- */
.phead{background:var(--dark);color:#c9c9d1;padding:clamp(2.4rem,5vw,4rem) 0 clamp(2.6rem,5vw,4rem);position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 85% 10%,rgba(200,162,74,.14),transparent 45%),radial-gradient(circle at 10% 90%,rgba(255,107,107,.08),transparent 40%)}
.phead .wrap{position:relative}
.phead h1{color:#fff;margin:.4rem 0 .8rem}
.phead h1 em{color:var(--gold-2)}
.phead p{max-width:64ch;color:#b3b3bc;font-size:1.05rem}
.phead--post{text-align:left}
.phead-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.post-lead{font-size:1.1rem;color:#cfcfd8}
.author-strip{display:flex;align-items:center;gap:.9rem;margin-top:1.6rem}
.author-ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold-3));color:#161616;display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:1.2rem;flex:none}
.author-strip strong{color:#fff;display:block;font-family:var(--fh)}
.author-strip small{color:#9b9ba4}

/* ---------- Breadcrumbs ---------- */
.crumbs{margin-bottom:1.2rem}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.82rem}
.crumbs a{color:#a9a9b2;transition:.2s}
.crumbs a:hover{color:var(--gold-2)}
.crumbs__last span{color:var(--gold-2);font-weight:600}
.crumbs__sep{color:#5b5b64;display:flex}
.crumbs__sep svg{width:13px;height:13px}

/* ---------- Post page ---------- */
.post-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:2.6rem;align-items:start}
.post-side{position:sticky;top:96px;display:grid;gap:1.1rem}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;box-shadow:var(--shadow-sm)}
.side-card>strong{display:flex;align-items:center;gap:.5rem;font-family:var(--fh);font-size:.95rem;margin-bottom:.8rem;color:var(--ink)}
.side-card>strong .ic{color:var(--gold)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;counter-reset:toc}
.toc li{counter-increment:toc}
.toc li a{display:flex;gap:.6rem;font-size:.88rem;color:var(--ink-2);line-height:1.45;padding:.25rem 0;border-bottom:1px dashed var(--line)}
.toc li a::before{content:counter(toc,decimal-leading-zero);color:var(--gold);font-weight:700;font-family:var(--fh);font-size:.78rem}
.toc li a:hover{color:var(--gold-3)}
.share-row{display:flex;gap:.5rem;flex-wrap:wrap}
.share-row a,.share-row button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:.25s}
.share-row a:hover,.share-row button:hover{background:var(--dark);color:var(--gold-2);border-color:var(--dark)}
.side-cta{background:var(--dark);border-color:var(--dark)}
.side-cta strong{color:#fff}
.side-cta p{color:#a5a5ae;font-size:.88rem}
.side-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.side-list a{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--ink-2);padding:.45rem .5rem;border-radius:9px}
.side-list a:hover{background:var(--gold-soft);color:var(--gold-3)}
.side-list .ic{color:var(--gold)}
.side-steps{margin:0;padding-left:1.2rem;display:grid;gap:.4rem;font-size:.88rem;color:var(--ink-2)}
.side-work{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.side-work a{display:flex;gap:.7rem;align-items:center;font-size:.85rem;font-weight:600;color:var(--ink-2)}
.side-work a:hover{color:var(--gold-3)}
.side-thumb{width:74px;height:52px;object-fit:cover;border-radius:9px;flex:none}
.post-hero-img{margin:0 0 2rem}
.post-main{min-width:0}

/* ---------- Prose (readability) ---------- */
.prose{font-size:1.06rem;line-height:1.85;color:var(--ink-2)}
.prose p{margin:0 0 1.25em}
.prose h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:2.2em 0 .7em;padding-top:1.2em;border-top:1px solid var(--line);scroll-margin-top:110px}
.prose h2:first-child{border-top:0;padding-top:0;margin-top:.4em}
.prose h3{font-size:1.18rem;margin:1.7em 0 .6em;color:var(--ink);scroll-margin-top:110px}
.prose h4{font-size:1.02rem;margin:1.4em 0 .5em}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.35em}
.prose li{margin-bottom:.5em}
.prose ul li::marker{color:var(--gold)}
.prose ol li::marker{color:var(--gold-3);font-weight:700}
.prose strong{color:var(--ink)}
.prose a{color:var(--gold-3);font-weight:600;text-decoration:underline;text-decoration-color:rgba(200,162,74,.4);text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--gold)}
.prose blockquote{margin:1.6em 0;padding:1.1rem 1.4rem;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;color:var(--ink-2);font-size:1.02rem}
.prose blockquote p:last-child{margin:0}
.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem;display:block;overflow-x:auto}
.prose th{background:var(--dark);color:#fff;font-family:var(--fh);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:.7rem .9rem;text-align:left}
.prose td{border:1px solid var(--line);padding:.65rem .9rem;vertical-align:top}
.prose tr:nth-child(even) td{background:var(--bg-soft)}
.prose code{background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:.1em .4em;font-size:.9em;color:var(--red-2)}
.prose img{border-radius:14px}
.prose--page h2{border-top:0;padding-top:0}
.tag-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:2rem 0;color:var(--muted)}
.author-box{display:flex;gap:1.2rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;margin:2rem 0}
.author-ava--lg{width:64px;height:64px;font-size:1.6rem}
.author-box strong{font-family:var(--fh);font-size:1.05rem}
.author-box p{color:var(--muted);font-size:.92rem;margin:.3rem 0 .5rem}
.author-box a{color:var(--gold-3);font-weight:700;font-size:.9rem}
.post-nav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.6rem;margin-top:1rem}
.post-nav a{display:flex;gap:.7rem;align-items:center;max-width:48%;color:var(--ink-2);font-weight:600;font-size:.92rem}
.post-nav a:hover{color:var(--gold-3)}
.post-nav small{display:block;color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.pn-next{text-align:right;justify-content:flex-end;margin-left:auto}

/* ---------- Case study ---------- */
.case-hero{margin:0 0 1.8rem}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}
.cf{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem}
.cf small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.2rem}
.cf strong{font-family:var(--fh);font-size:.95rem;color:var(--ink)}
.feat-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;margin:2rem 0}
.feat-box--gold{background:var(--gold-soft);border-color:#eee1c2}
.feat-box h2{font-size:1.3rem;margin-bottom:1rem}
.svc-cta-bar{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;background:var(--dark);border-radius:var(--r);padding:1.6rem 1.8rem;margin-top:2.4rem;flex-wrap:wrap}
.svc-cta-bar strong{color:#fff;font-family:var(--fh);font-size:1.1rem;display:block}
.svc-cta-bar span{color:#a5a5ae;font-size:.9rem}
.svc-cta-btns{display:flex;gap:.7rem;flex-wrap:wrap}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:.8rem}
.faq{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}
.faq[open]{border-color:#eee1c2;box-shadow:var(--shadow-sm)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;padding:1.1rem 1.3rem;font-family:var(--fh);font-weight:700;font-size:1rem;color:var(--ink);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{color:var(--gold);transition:transform .3s;flex:none}
.faq[open] summary .ic{transform:rotate(45deg)}
.faq-a{padding:0 1.3rem 1.2rem;color:var(--muted);font-size:.96rem;line-height:1.75}
.faq-a p{margin:0}

/* ---------- Team ---------- */
.member{padding:0;overflow:hidden;text-align:center}
.member-media{position:relative;overflow:hidden}
.member-img{aspect-ratio:1/1;object-fit:cover}
.member-soc{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:.5rem;padding:.9rem;background:linear-gradient(transparent,rgba(11,11,12,.85));transform:translateY(100%);transition:.35s}
.member:hover .member-soc{transform:none}
.member-soc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center}
.member-soc a:hover{background:var(--gold);color:#161616}
.member-body{padding:1.4rem 1.4rem 1.7rem}
.member-body h2,.member-body h3{font-size:1.15rem;margin-bottom:.15rem}
.member-role{display:inline-block;color:var(--gold-3);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7rem}
.member-body p{color:var(--muted);font-size:.9rem}
.skills{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem}
.member--mini .member-body{padding:1.1rem}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.8rem;align-items:start}
.c-info{display:grid;gap:1rem}
.c-card{display:flex;align-items:center;gap:1.1rem;padding:1.3rem 1.4rem}
.c-card .c-ic{width:52px;height:52px;border-radius:14px;background:var(--gold-soft);border:1px solid #eee1c2;color:var(--gold-3);display:grid;place-items:center;flex:none}
.c-card strong{display:block;font-family:var(--fh);font-size:1rem;color:var(--ink)}
.c-card span{display:block;color:var(--ink-2);font-size:.92rem;font-weight:500}
.c-card small{color:var(--muted);font-size:.78rem}
.c-card>.ic:last-child{margin-left:auto;color:var(--line-2)}
.c-card:hover>.ic:last-child{color:var(--gold)}
.c-card--wa .c-ic{background:#eafaf0;border-color:#cdeeda;color:#1fa855}
.gmb-card{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:1.1rem 1.3rem;box-shadow:var(--shadow-sm);transition:.25s}
.gmb-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gmb-ic{color:#4285F4;flex:none}
.gmb-card strong{font-family:var(--fh);display:block}
.gmb-stars{display:flex;gap:.15rem;color:var(--gold);margin:.15rem 0}
.gmb-card small{color:var(--muted)}
.gmb-card>.ic:last-child{margin-left:auto;color:var(--line-2)}
.form-card{padding:2.2rem}
.form-card h2{font-size:1.5rem}
.form-note{color:var(--muted);font-size:.94rem}
.form-note a{color:var(--gold-3);font-weight:600}
.cform{display:grid;gap:1.1rem;margin-top:1.4rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.fcol{display:grid;gap:.4rem}
.fcol label{font-family:var(--fh);font-weight:700;font-size:.86rem;color:var(--ink)}
.fcol label b{color:var(--red)}
.fcol .opt{color:var(--muted);font-weight:500}
.fcol input,.fcol select,.fcol textarea{font:inherit;font-size:.96rem;padding:.75rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);transition:.2s;width:100%}
.fcol textarea{resize:vertical;min-height:120px}
.fcol input:focus,.fcol select:focus,.fcol textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,162,74,.14)}
.f-err{color:var(--red-2);font-size:.8rem;font-weight:600}
.f-privacy{color:var(--muted);font-size:.8rem;display:flex;align-items:center;gap:.4rem;margin:0}
.f-privacy a{text-decoration:underline}
.alert{display:flex;gap:.9rem;align-items:flex-start;border-radius:14px;padding:1.1rem 1.3rem;margin-bottom:1.2rem;font-size:.94rem}
.alert--ok{background:#eafaf0;border:1px solid #bfe8cf;color:#17603a}
.alert--ok .ic{flex:none;margin-top:.1rem}
.alert--ok strong{color:#124d2e}

/* ---------- Map ---------- */
.map-frame{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--bg-soft);min-height:380px}
.map-frame iframe{width:100%;height:420px;border:0;display:block}
.map-card{position:absolute;top:1.2rem;left:1.2rem;background:#fff;border-radius:14px;padding:1rem 1.3rem;box-shadow:var(--shadow);max-width:290px}
.map-card strong{display:flex;gap:.4rem;align-items:center;font-family:var(--fh);font-size:1rem}
.map-card strong .ic{color:var(--red)}
.map-card span{display:block;color:var(--muted);font-size:.85rem;margin:.35rem 0 .5rem}
.map-card a{color:var(--gold-3);font-weight:700;font-size:.85rem;display:inline-flex;gap:.3rem;align-items:center}

/* ---------- Pagination ---------- */
.pager{margin-top:2.6rem}
.pager ul{display:flex;gap:.45rem;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pager__btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .9rem;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-family:var(--fh);font-weight:700;font-size:.88rem;transition:.25s}
a.pager__btn:hover{border-color:var(--gold);color:var(--gold-3)}
.pager__btn.is-active{background:var(--dark);color:var(--gold-2);border-color:var(--dark)}
.pager__btn.is-disabled{opacity:.4;pointer-events:none}
.pager__gap{align-self:center;color:var(--muted)}

/* ---------- CTA band + Footer ---------- */
.cta-band{background:linear-gradient(120deg,var(--dark) 0%,#17171a 60%,#1d1a12 100%);color:#c9c9d1;padding:clamp(2.6rem,5vw,4rem) 0;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border:1px solid rgba(200,162,74,.2);border-radius:50%}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;position:relative}
.cta-in h2{color:#fff;margin:.3rem 0 .5rem}
.cta-in p{color:#a9a9b2;max-width:52ch;margin:0}
.cta-actions{display:flex;gap:.8rem;flex-wrap:wrap}

.site-foot{background:var(--dark);color:#a9a9b2;padding:clamp(3rem,6vw,4.5rem) 0 0}
.foot-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.1fr;gap:2.4rem;padding-bottom:2.8rem}
.f-logo{height:56px;width:auto;margin-bottom:1.1rem}
.f-brand p{font-size:.92rem;line-height:1.75}
.f-social{display:flex;gap:.55rem;margin-top:1.2rem}
.f-social a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cfcfd6;display:grid;place-items:center;transition:.25s}
.f-social a:hover{background:var(--gold);color:#161616;border-color:var(--gold);transform:translateY(-3px)}
.site-foot h3{color:#fff;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.2rem;position:relative;padding-bottom:.6rem}
.site-foot h3::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:linear-gradient(90deg,var(--gold),var(--red))}
.f-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.f-col ul a{color:#a9a9b2;font-size:.92rem;transition:.2s;display:inline-flex;align-items:center;gap:.4rem}
.f-col ul a:hover{color:var(--gold-2);transform:translateX(4px)}
.f-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;line-height:1.55}
.f-list .ic{color:var(--gold);flex:none;margin-top:.2rem}
.f-list a:hover{color:var(--gold-2)}
.gmb-badge{display:flex;gap:.8rem;align-items:center;margin-top:1.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.8rem 1rem;transition:.25s}
.gmb-badge:hover{border-color:var(--gold);transform:translateY(-2px)}
.gmb-badge .ic{color:#7ab4ff;flex:none}
.gmb-badge strong{display:block;color:#fff;font-size:.88rem;font-family:var(--fh)}
.gmb-badge small{color:#8f8f98;font-size:.76rem}
.foot-bar{border-top:1px solid rgba(255,255,255,.08);padding:1.3rem 0}
.foot-bar-in{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem}
.foot-bar p{margin:0}
.foot-links{display:flex;gap:1.4rem}
.foot-links a:hover{color:var(--gold-2)}

/* ---------- Floating buttons ---------- */
.fabs{position:fixed;right:1.1rem;bottom:1.1rem;display:grid;gap:.7rem;z-index:80}
.fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:.25s;position:relative;color:#fff}
.fab--wa{background:#25D366}
.fab--wa:hover{transform:scale(1.08)}
.fab--call{background:var(--dark);color:var(--gold-2)}
.fab--call:hover{transform:scale(1.08)}
.fab--top{background:#fff;color:var(--ink);border:1px solid var(--line);opacity:0;pointer-events:none;transform:translateY(10px)}
.fab--top.is-show{opacity:1;pointer-events:auto;transform:none}
.fab-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}
.fab:hover .fab-tip{opacity:1}

/* ---------- Stats band / misc ---------- */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0}
.sb{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem;text-align:center;box-shadow:var(--shadow-sm)}
.sb strong{font-family:var(--fh);font-size:2rem;color:var(--gold-3);display:block}
.sb span{color:var(--muted);font-size:.85rem;font-weight:600}
.err-page{padding:clamp(4rem,10vw,7rem) 0}
.err-code{font-family:var(--fh);font-weight:800;font-size:clamp(4rem,12vw,7rem);background:linear-gradient(135deg,var(--gold),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;line-height:1}
.err-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.6rem 0}
.empty-note{text-align:center;color:var(--muted);margin-top:2rem}

/* ---------- Responsive ---------- */
@media(max-width:1020px){
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .hero-in{grid-template-columns:1fr;gap:2.6rem}
  .hero-visual{order:-1}
  .post-layout{grid-template-columns:1fr}
  .post-side{position:static;grid-template-columns:repeat(2,1fr)}
  .wrap--post-left{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .feat-post{grid-template-columns:1fr}
  .case-facts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .grid--2,.grid--3{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .split--rev .split-media{order:0}
  .stats-row{grid-template-columns:repeat(2,1fr);gap:1.4rem}
  .stats-band{grid-template-columns:repeat(2,1fr)}
  .frow{grid-template-columns:1fr}
  .post-side{grid-template-columns:1fr}
  .sec-head--row{flex-direction:column;align-items:flex-start}
  .ticks--cols{grid-template-columns:1fr}
  .svc--wide{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:2rem}
  .hero-float{display:none}
  .topbar .tb-hours{display:none}
  .prose{font-size:1.02rem}
  .prose h2{font-size:1.3rem}
  .form-card{padding:1.5rem}
  .author-box{flex-direction:column}
  .post-nav{flex-direction:column}
  .post-nav a{max-width:100%}
}
@media(max-width:520px){
  .steps{grid-template-columns:1fr}
  .case-facts{grid-template-columns:1fr}
  .stats-band{grid-template-columns:1fr 1fr;gap:.7rem}
  .btn{padding:.65rem 1.15rem;font-size:.88rem}
  .btn--lg{padding:.85rem 1.4rem}
  .fabs{right:.8rem;bottom:.8rem}
  .fab{width:50px;height:50px}
}

/* ---------- Print ---------- */
@media print{
  .topbar,.site-head,.cta-band,.site-foot,.fabs,.post-side,.crumbs,.filter-bar{display:none!important}
  body{background:#fff;color:#000}
  .prose a{text-decoration:none;color:#000}
}


/* =====================================================================
   WCAG AA / AAA ACCESSIBILITY & CONTRAST OVERRIDES
   ===================================================================== */
:root {
    --gold-3: #75520C !important; /* 6.8:1 AAA contrast on white */
    --muted: #4a4a54 !important;  /* 8.7:1 AAA contrast on white */
}
.kicker {
    color: #75520C !important;
    font-weight: 700 !important;
}
.kicker--light {
    color: #E4C87E !important;
}
.sec-head p, .svc p, .split-copy p, .work-body p, 
.post-body p, .feat-body p, .author-box p, .member-body p,
.faq-a, .why-item span, .slide figcaption span, .clients-note {
    color: #4a4a54 !important;
}
.price-note {
    color: #2b2b33 !important;
    border-color: #d0ccc2 !important;
}
.btn, .nav-toggle, .sl-btn, .fab, .card-link, .fbtn, .pill, .nav a.nl {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nav-toggle, .sl-btn, .fab {
    min-width: 48px;
    min-height: 48px;
}
.f-social a {
    width: 48px !important;
    height: 48px !important;
}


/* Accessible color contrast improvements for WCAG AA compliance */
.kicker, .tag, .hero-sub, .price-note, .post-meta {
    color: #4A4A52;
}
.kicker--light {
    color: #E4C87E;
}
.btn--gold {
    background: #C8A24A;
    color: #0B0B0C !important;
    font-weight: 700;
}
.btn--gold:hover {
    background: #D8B25A;
}
/* Ensure minimum touch target size 48px for mobile accessibility */
.btn, .nav-toggle, .sl-btn, .fab {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* =====================================================================
   WCAG AAA ACCESSIBILITY, CONTRAST & TOUCH TARGET OVERRIDES
   ===================================================================== */
:root {
    --gold-3: #75520C !important; /* 6.8:1 AAA contrast on white */
    --muted: #4a4a54 !important;  /* 8.7:1 AAA contrast on white */
}
.kicker {
    color: #75520C !important;
    font-weight: 700 !important;
}
.kicker--light {
    color: #E4C87E !important;
}
.sec-head p, .svc p, .split-copy p, .work-body p, 
.post-body p, .feat-body p, .author-box p, .member-body p,
.faq-a, .why-item span, .slide figcaption span, .clients-note {
    color: #4a4a54 !important;
}
.price-note {
    color: #2b2b33 !important;
    border-color: #d0ccc2 !important;
}
.btn, .nav-toggle, .sl-btn, .fab, .card-link, .fbtn, .pill, .nav a.nl {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nav-toggle, .sl-btn, .fab {
    min-width: 48px;
    min-height: 48px;
}
.f-social a {
    width: 48px !important;
    height: 48px !important;
}