/* ============================================================
   PUBLIC GROUND STUDIO — shared stylesheet
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

:root{
  /* ---- palette (Public Ground Studio brand colors) ---- */
  --cream:      #F6F2E9; /* Ground Cream — primary background */
  --cream-2:    #FCFAF5; /* Warm White — cards, alternating sections */
  --paper:      #FCFAF5; /* Warm White — cards, documents */
  --ink:        #25262A; /* Charcoal — primary text, logo wordmark */
  --ink-soft:   #5B584F; /* muted charcoal for secondary text */
  --olive:      #667052; /* Ground Olive — primary brand color, buttons, links */
  --olive-dark: #4F5840; /* darker olive for hover states */
  --sage:       #96A187; /* Soft Sage — secondary graphics, large background shapes */
  --terracotta: #C85E35; /* Terracotta — accent, icons, key CTAs */
  --terracotta-soft: #D9A18E; /* Dusty Peach used as a soft terracotta tint */
  --ochre:      #D6A13A; /* Ochre — secondary accent, diagrams */
  --navy:       #455B68; /* Slate Blue — architectural / civic graphic accent */
  --navy-light: #C7CED3; /* light tint of Slate Blue for gradients */
  --pink:       #D9A18E; /* Dusty Peach — community / people graphics */
  --pink-light: #F4E3DE; /* light tint of Dusty Peach for gradients */
  --line:       #D8D1C4; /* Warm Stone — borders, backgrounds, diagrams */
  --line-strong:#B8B2A6; /* darker Warm Stone for stronger borders */

  /* ---- type ---- */
  /* Inter is the primary brand typeface across the entire site.
     Keeping both variables mapped to the same family preserves the existing
     component structure while giving headings, body copy, logo text, labels,
     links, and navigation one consistent typographic voice. */
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius: 3px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--serif); font-weight:500; margin:0 0 .4em; letter-spacing:-0.01em; color:var(--ink); }
p{ margin:0 0 1em; color:var(--ink-soft); }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; }

.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 40px;
}

@media (max-width:640px){
  .wrap{ padding:0 22px; }
}

/* ---------------- reveal-on-scroll ---------------- */
.reveal{ opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease; }
.reveal.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}

/* ---------------- eyebrow / labels ---------------- */
.eyebrow{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--olive-dark);
  display:inline-flex;
  align-items:center;
  gap:.6em;
  margin-bottom:1.1em;
}
.eyebrow::before{
  content:"";
  width:22px; height:1px;
  background:var(--terracotta);
  display:inline-block;
}

/* ---------------- buttons ---------------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  font-family:var(--sans);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.03em;
  padding:.9em 1.5em;
  border-radius:var(--radius);
  border:1px solid transparent;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  white-space:nowrap;
}
.btn:hover{ transform:translateY(-1px); }
.btn-primary{ background:var(--olive); color:var(--paper); }
.btn-primary:hover{ background:var(--olive-dark); }
.btn-outline{ background:transparent; color:var(--ink); border-color:var(--ink); }
.btn-outline:hover{ background:var(--ink); color:var(--cream); }
.btn-link{
  font-size:.82rem; font-weight:600; letter-spacing:.02em;
  color:var(--terracotta);
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
  display:inline-flex; align-items:center; gap:.4em;
}
.btn-link:hover{ color:var(--olive-dark); }
.btn-link svg{ transition:transform .2s ease; }
.btn-link:hover svg{ transform:translateX(3px); }

/* Canonical site logo: brand-mark-v3.png + Public Ground / STUDIO wordmark. Used in every header and footer. */
/* ================= HEADER / NAV ================= */
.site-header{
  position:sticky; top:0; z-index:50;
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:20px; padding-bottom:20px;
}
.logo{ display:flex; align-items:center; gap:12px; }
.logo svg{ width:38px; height:38px; flex-shrink:0; }
.logo-text{ font-family:var(--serif); line-height:1.05; }
.logo-text .l1{ display:block; font-size:1.05rem; font-weight:600; letter-spacing:.02em; }
.logo-text .l2{ display:block; font-family:var(--sans); font-size:.62rem; letter-spacing:.32em; color:var(--ink-soft); margin-top:3px; }

.nav{ display:flex; align-items:center; gap:34px; }
.nav a{
  font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-soft);
  position:relative;
  padding-bottom:4px;
}
.nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:var(--terracotta); transform:scaleX(0); transform-origin:left;
  transition:transform .25s ease;
}
.nav a:hover{ color:var(--ink); }
.nav a:hover::after{ transform:scaleX(1); }
.nav a.active{ color:var(--ink); }
.nav a.active::after{ transform:scaleX(1); background:var(--olive); }

.nav-toggle{
  display:none; background:none; border:none; cursor:pointer; padding:6px;
}
.nav-toggle span{ display:block; width:24px; height:2px; background:var(--ink); margin:5px 0; transition:.25s; }

@media (max-width: 900px){
  .nav{
    position:fixed; inset:73px 0 0 0; background:var(--cream); z-index:60;
    flex-direction:column; align-items:flex-start; gap:0;
    padding:10px 22px 30px;
    transform:translateY(-8px);
    opacity:0; visibility:hidden;
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
    border-top:1px solid var(--line);
  }
  .nav.open{ opacity:1; visibility:visible; transform:none; }
  .nav a{ width:100%; padding:14px 0; border-bottom:1px solid var(--line); }
  .nav-toggle{ display:block; }
}

/* ================= HERO ================= */
.hero{ padding:56px 0 70px; }
.hero-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
}
.hero h1{ font-size:clamp(2.3rem,4.4vw,3.5rem); line-height:1.06; }
.hero .lede{ font-size:1.05rem; max-width:44ch; margin-bottom:1.6em; }
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.hero-art{ aspect-ratio:6/5; }

@media (max-width:900px){
  .hero-grid{ grid-template-columns:1fr; gap:34px; }
}

/* page (non-home) header banner */
.page-hero{ padding:52px 0 46px; border-bottom:1px solid var(--line); }
.page-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.page-hero h1{ font-size:clamp(2rem,3.6vw,2.9rem); }
@media (max-width:900px){ .page-hero-grid{ grid-template-columns:1fr; } }

/* ================= ILLUSTRATED ART PLACEHOLDERS ================= */
.art{
  position:relative; overflow:hidden; border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(155deg,var(--cream-2),var(--line) 140%);
  width:100%; min-width:0;
}
.art svg{ width:46%; height:46%; opacity:.9; }
.art::after{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 26px);
  pointer-events:none;
}
.art.tone-olive{ background:linear-gradient(155deg,var(--sage),var(--olive) 150%); }
.art.tone-terracotta{ background:linear-gradient(155deg,var(--terracotta-soft),var(--terracotta) 150%); }
.art.tone-navy{ background:linear-gradient(155deg,var(--navy-light),var(--navy) 150%); }
.art.tone-pink{ background:linear-gradient(155deg,var(--pink-light),var(--pink) 150%); }
.art.ratio-16-10{ aspect-ratio:16/10; }
.art.ratio-4-3{ aspect-ratio:4/3; }
.art.ratio-1-1{ aspect-ratio:1/1; }
.art.ratio-3-2{ aspect-ratio:3/2; }

/* ================= SECTIONS ================= */
section{ padding:76px 0; }
.section-tight{ padding:52px 0; }
.divider{ border:none; border-top:1px solid var(--line); margin:0; }
.section-head{ max-width:640px; margin-bottom:44px; }
.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.15rem); }

.bg-cream-2{ background:var(--cream-2); }
.bg-paper{ background:var(--paper); }
.bg-ink{ background:var(--ink); color:var(--cream); }
.bg-ink p{ color:#C9C5BA; }
.bg-ink h2, .bg-ink h3{ color:var(--cream); }

/* ---- mission / intro (home) ---- */
.mission{ display:grid; grid-template-columns:.5fr 1.3fr; gap:40px; align-items:flex-start; }
.mission-icon{ width:74px; height:74px; }
.mission p{ font-size:1.05rem; max-width:56ch; }
.mission .tagline{
  margin-top:1.4em; font-size:.76rem; font-weight:700; letter-spacing:.14em; color:var(--olive-dark);
}
@media (max-width:760px){ .mission{ grid-template-columns:1fr; } }

/* ---- 3 pillars ---- */
.pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:8px; }
.pillar{ padding-top:26px; border-top:2px solid var(--line-strong); }
.pillar .picon{ width:44px; height:44px; margin-bottom:18px; }
.pillar h3{ font-size:1.15rem; text-transform:uppercase; letter-spacing:.06em; font-family:var(--sans); font-weight:700; }
.pillar p{ font-size:.94rem; }
@media (max-width:760px){ .pillars{ grid-template-columns:1fr; gap:30px; } }

/* ---- areas of experience grid ---- */
.areas-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.area-card .art{ margin-bottom:14px; }
.area-card h4{ display:flex; align-items:center; justify-content:space-between; font-family:var(--sans); font-size:.95rem; font-weight:700; margin:0; }
.area-card h4 svg{ width:16px; height:16px; }
@media (max-width:900px){ .areas-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .areas-grid{ grid-template-columns:1fr; } }

/* ---- featured two-up (idea / tool) ---- */
.featured-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.feature-card{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px; display:grid; grid-template-columns:.8fr 1.2fr; gap:22px; }
.feature-card > *{ min-width:0; }
.feature-card .art{ align-self:start; }
.feature-card .tag{ font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--terracotta); margin-bottom:.7em; display:block; }
.feature-card h3{ font-size:1.18rem; margin-bottom:.5em; }
.feature-card p{ font-size:.92rem; margin-bottom:1em; }
@media (max-width:760px){ .featured-grid{ grid-template-columns:1fr; } .feature-card{ grid-template-columns:1fr; } }

/* ================= FOOTER ================= */
.site-footer{ background:var(--ink); color:var(--cream); position:relative; overflow:hidden; }
.footer-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:40px; padding:56px 0 40px; position:relative; z-index:2; }
.footer-brand .logo-text .l1{ color:var(--cream); }
.footer-brand .logo-text .l2{ color:#B9B4A6; }
.footer-brand p{ color:#B9B4A6; margin-top:16px; max-width:36ch; font-size:.92rem; }
.footer-social{ display:flex; gap:12px; margin-top:20px; }
.footer-social a{
  width:36px; height:36px; border-radius:50%; border:1px solid #4A473E;
  display:flex; align-items:center; justify-content:center; transition:.2s;
}
.footer-social a:hover{ background:var(--olive); border-color:var(--olive); }
.footer-social svg{ width:16px; height:16px; }

.footer-connect .eyebrow{ color:var(--terracotta-soft); }
.footer-connect .eyebrow::before{ background:var(--terracotta-soft); }
.footer-connect a, .footer-connect span{ display:block; font-size:.95rem; margin-bottom:.6em; color:#E7E3D8; }
.footer-connect .studio-url{ color:var(--pink); font-weight:600; }

.footer-bottom{
  border-top:1px solid #3C392F; padding:20px 0; font-size:.78rem; color:#8B8779;
  position:relative; z-index:2;
}
.footer-art{
  position:absolute; right:0; bottom:0; width:46%; height:78%;
  opacity:.5;
  -webkit-mask-image:linear-gradient(to left, black 20%, transparent 95%);
          mask-image:linear-gradient(to left, black 20%, transparent 95%);
}
@media (max-width:760px){
  .footer-grid{ grid-template-columns:1fr; }
  .footer-art{ display:none; }
}

/* ================= UTILITY GRIDS COMMON ACROSS PAGES ================= */
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
@media (max-width:860px){ .two-col{ grid-template-columns:1fr; gap:32px; } }

.path-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.path-step{ padding:0 20px 0 0; position:relative; }
.path-step .picon{ width:40px; height:40px; margin-bottom:16px; }
.path-step h4{ font-family:var(--sans); font-weight:700; font-size:.82rem; letter-spacing:.03em; text-transform:uppercase; margin-bottom:.5em; }
.path-step p{ font-size:.86rem; }
.path-arrow{ position:absolute; top:18px; right:-6px; width:22px; color:var(--ochre); }
@media (max-width:900px){
  .path-row{ grid-template-columns:1fr; gap:30px; }
  .path-arrow{ display:none; }
}

.pull-quote{
  border-left:3px solid var(--terracotta);
  padding:6px 0 6px 26px;
  font-family:var(--serif); font-style:italic; font-size:1.25rem; line-height:1.5;
  color:var(--ink); margin:38px 0;
}

.credentials-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.credentials-grid h4{ font-family:var(--sans); font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--olive-dark); margin-bottom:.9em; }
.credentials-grid ul li{ padding:8px 0; border-bottom:1px solid var(--line); font-size:.92rem; color:var(--ink-soft); }
.credentials-grid ul li:last-child{ border-bottom:none; }
.disclaimer{ font-size:.82rem; color:var(--ink-soft); font-style:italic; margin-top:26px; max-width:70ch; }
@media (max-width:760px){ .credentials-grid{ grid-template-columns:1fr; } }

/* experience areas list */
.exp-areas{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.exp-area .picon{ width:38px; height:38px; margin-bottom:16px; }
.exp-area h4{ font-family:var(--sans); font-size:.86rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-bottom:.8em; }
.exp-area ul li{ font-size:.88rem; color:var(--ink-soft); padding:5px 0; border-top:1px solid var(--line); }
.exp-area ul li:first-child{ border-top:none; }
@media (max-width:900px){ .exp-areas{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .exp-areas{ grid-template-columns:1fr; } }

/* selected work / case study */
.case-head{ display:grid; grid-template-columns:1.3fr 1fr; gap:44px; align-items:flex-start; margin-top:40px; }
.case-block + .case-block{ margin-top:26px; }
.case-block h4{ font-family:var(--sans); font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--olive-dark); margin-bottom:.6em; }
.case-block ol{ margin:0; padding-left:1.2em; }
.case-block ol li{ font-size:.92rem; color:var(--ink-soft); padding:3px 0; }
.case-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:26px; }
@media (max-width:860px){ .case-head{ grid-template-columns:1fr; } .case-strip{ grid-template-columns:repeat(2,1fr); } }

/* ---- ideas / filter tabs + grid ---- */
.filter-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:40px; }
.filter-tabs button{
  background:transparent; border:1px solid var(--line-strong); color:var(--ink-soft);
  font-size:.78rem; font-weight:600; letter-spacing:.03em; padding:.55em 1.1em; border-radius:999px;
  cursor:pointer; transition:.2s;
}
.filter-tabs button:hover{ border-color:var(--olive); color:var(--ink); }
.filter-tabs button.active{ background:var(--ink); border-color:var(--ink); color:var(--cream); }

.articles-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.article-card .art{ margin-bottom:16px; }
.article-card .tag{ font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--terracotta); display:block; margin-bottom:.6em; }
.article-card h3{ font-size:1.02rem; margin-bottom:.5em; }
.article-card p{ font-size:.86rem; margin-bottom:1em; }
@media (max-width:960px){ .articles-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .articles-grid{ grid-template-columns:1fr; } }

.featured-article{ display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; margin-bottom:56px; padding-bottom:56px; border-bottom:1px solid var(--line); }
@media (max-width:860px){ .featured-article{ grid-template-columns:1fr; } }

/* ---- tools page ---- */
.tool-categories{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:56px; }
.tool-cat{ padding:24px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); }
.tool-cat h4{ font-family:var(--sans); font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--olive-dark); margin-bottom:.7em; }
.tool-cat p{ font-size:.9rem; margin:0; }
@media (max-width:860px){ .tool-categories{ grid-template-columns:1fr; } }

.tools-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.tool-card{ display:flex; gap:20px; padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); }
.tool-card .picon{ width:46px; height:46px; flex-shrink:0; }
.tool-card .num{ font-family:var(--serif); font-style:italic; color:var(--ochre); font-size:1.6rem; line-height:1; display:block; margin-bottom:10px; }
.tool-card h3{ font-size:1.05rem; margin-bottom:.5em; }
.tool-card p{ font-size:.88rem; margin-bottom:1em; }
@media (max-width:760px){ .tools-grid{ grid-template-columns:1fr; } }

/* ---- connect page ---- */
.connect-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:flex-start; }
.topic-list{ margin-top:28px; display:grid; gap:12px; }
.topic-list li{ display:flex; align-items:center; gap:12px; font-size:.92rem; color:var(--ink-soft); }
.topic-list .dot{ width:8px; height:8px; border-radius:50%; background:var(--terracotta); flex-shrink:0; }

.form-field{ margin-bottom:20px; }
.form-field label{ display:block; font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; }
.form-field input, .form-field textarea{
  width:100%; border:1px solid var(--line-strong); background:var(--paper); border-radius:var(--radius);
  padding:.85em 1em; font-family:var(--sans); font-size:.95rem; color:var(--ink);
}
.form-field textarea{ resize:vertical; min-height:120px; }
.form-field input:focus, .form-field textarea:focus{ outline:2px solid var(--olive); outline-offset:1px; }
.connect-note{ font-size:.82rem; color:var(--ink-soft); margin-top:14px; }

@media (max-width:900px){ .connect-grid{ grid-template-columns:1fr; } }

/* grid overflow safety net */
.hero-grid > *, .page-hero-grid > *, .mission > *, .pillars > *, .areas-grid > *,
.featured-grid > *, .two-col > *, .path-row > *, .credentials-grid > *,
.case-head > *, .case-strip > *, .exp-areas > *, .articles-grid > *,
.featured-article > *, .tool-categories > *, .tools-grid > *, .tool-card > *,
.connect-grid > *, .footer-grid > *{ min-width:0; }

/* ---- error page ---- */
.error-page{ padding:90px 0 100px; text-align:center; }
.error-page .eyebrow{ justify-content:center; }
.error-page .art{ width:220px; margin:0 auto 40px; }
.error-page h1{ font-size:clamp(2rem,4vw,3rem); max-width:20ch; margin-left:auto; margin-right:auto; }
.error-page p{ max-width:52ch; margin-left:auto; margin-right:auto; font-size:1.02rem; }
.error-page .hero-actions{ justify-content:center; margin-top:1.6em; }
.error-code{
  font-family:var(--serif); font-style:italic; font-size:5.5rem; line-height:1;
  color:var(--line-strong); margin-bottom:6px;
}

/* focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--olive); outline-offset:2px;
}


/* === Production image assets added to match approved homepage visual direction === */
.logo-mark{width:44px;height:44px;object-fit:contain;flex-shrink:0;}
.art-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);}
.hero-art.art-photo{aspect-ratio:6/5;object-fit:cover;}
.picon-img{width:92px;height:92px;object-fit:contain;margin:0 auto 10px;display:block;}
.area-card .art-photo{aspect-ratio:4/3;}
.feature-card .art-photo{aspect-ratio:1/1;}
.tool-cover{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;text-align:center;}
.tool-cover img{width:88px;height:88px;object-fit:contain;}
.tool-cover span{font-size:.72rem;font-weight:600;letter-spacing:.12em;line-height:1.35;color:var(--olive-dark);}
.footer-art-photo{overflow:hidden;}
.footer-art-photo img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:640px){.picon-img{width:76px;height:76px;}}

/* === v4 canonical site logo === */
.logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.logo-full{
  display:block;
  width:250px;
  height:auto;
  object-fit:contain;
}
.site-header .wrap{
  padding-top:16px;
  padding-bottom:16px;
}
.nav a{
  font-size:.84rem;
}
.site-footer .logo-full{
  width:215px;
}
@media (max-width:900px){
  .logo-full{width:210px;}
  .site-footer .logo-full{width:190px;}
}
@media (max-width:640px){
  .logo-full{width:176px;}
  .site-footer .logo-full{width:168px;}
}