:root{
  --jungle:#12372f;--jungle2:#1d4b40;--gold:#dda719;--gold2:#f0c04b;
  --paper:#f7f0df;--cream:#fffaf0;--white:#fff;--charcoal:#202a27;
  --muted:#64706b;--line:rgba(24,57,47,.15)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Lora",serif;color:var(--charcoal);background:#fff;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.site-nav .container{width:min(1460px,calc(100% - 44px))}
.eyebrow{font-family:"Montserrat",sans-serif;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:700;color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.35rem;border-radius:3px;text-decoration:none;font-family:"Montserrat",sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border:0;cursor:pointer;transition:.25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#10271f}
.btn-dark{background:var(--jungle);color:#fff}
.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.site-nav{position:fixed;inset:0 0 auto 0;z-index:100;padding:15px 0;background:rgba(13,38,32,.96);backdrop-filter:blur(12px);box-shadow:0 7px 25px rgba(0,0,0,.14)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{text-decoration:none;color:#fff;line-height:.82;flex:0 0 auto;transform:translateX(-14px)}
.brand-main{display:block;font-family:"Cormorant Garamond",serif;font-size:2.22rem;line-height:.79;font-weight:600;font-style:italic;letter-spacing:.005em;text-shadow:0 2px 10px rgba(0,0,0,.24)}
.brand-sub{display:block;margin-top:9px;font-family:"Montserrat",sans-serif;font-size:.58rem;line-height:1.25;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);white-space:nowrap}
.nav-links{display:flex;flex:1;align-items:center;justify-content:space-evenly;gap:24px;list-style:none;margin-left:24px}
.nav-links a{color:rgba(255,255,255,.9);text-decoration:none;font-family:"Montserrat",sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.menu-btn{display:none;border:0;background:none;color:#fff;font-size:1.7rem;cursor:pointer}
.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:var(--jungle);padding:90px 28px 40px}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;color:#fff;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:2rem;margin:18px 0}
.mobile-close{position:absolute;top:22px;right:25px;font-size:2rem;border:0;background:none;color:#fff;cursor:pointer}
.page-hero{padding:180px 0 100px;color:#fff;position:relative;background:
  linear-gradient(90deg,rgba(8,34,28,.92),rgba(8,34,28,.66)),
  var(--hero-image,linear-gradient(135deg,var(--jungle),var(--jungle2))) center/cover}
.page-hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3.4rem,7vw,6.2rem);line-height:.95;font-weight:500;max-width:800px;margin:15px 0 20px}
.page-hero p{max-width:680px;color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.85}
.section{padding:95px 0}
.section-paper{background:var(--paper)}
.section-soft{background:#f7f8f5}
.section-dark{background:var(--jungle);color:#fff}
.section-title{font-family:"Cormorant Garamond",serif;font-size:clamp(2.7rem,5vw,4.4rem);line-height:1;font-weight:500;color:var(--jungle);margin:12px 0 22px}
.section-dark .section-title{color:#fff}
.lead{font-size:1.08rem;line-height:1.9;color:#53605b}
.section-dark .lead{color:rgba(255,255,255,.72)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(31,54,45,.08);overflow:hidden}
.card img{width:100%;height:245px;object-fit:cover}
.promise-art img{height:auto;max-height:none;object-fit:contain;background:var(--paper)}
.card-body{padding:26px}
.card h3{font-family:"Cormorant Garamond",serif;font-size:1.8rem;color:var(--jungle);font-weight:600;margin-bottom:10px}
.card p{color:var(--muted);font-size:.94rem;line-height:1.75}
.note{padding:18px 20px;background:rgba(221,167,25,.1);border-left:3px solid var(--gold);line-height:1.7;color:#4d5a55}
.list{display:grid;gap:13px;margin:22px 0}
.list div{padding-left:22px;position:relative;color:#52605a;line-height:1.7}
.list div::before{content:"";position:absolute;left:0;top:.75em;width:11px;height:1px;background:var(--gold)}
.form-wrap{background:#fff;padding:36px;box-shadow:0 18px 50px rgba(31,54,45,.12)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:flex;flex-direction:column;gap:7px}
.form-field.full{grid-column:1/-1}
label{font-family:"Montserrat",sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--jungle)}
input,select,textarea{width:100%;padding:14px 15px;border:1px solid rgba(24,57,47,.18);background:#faf9f5;font:inherit;color:var(--charcoal);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold);background:#fff}
textarea{min-height:150px;resize:vertical}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.check{display:flex;gap:8px;align-items:flex-start;padding:11px;background:#f6f4ed;font-size:.9rem;color:#4f5a56}
.check input{width:auto;margin-top:3px}
.hidden{position:absolute;left:-9999px}
.contact-stack{display:grid;gap:16px;margin-top:27px}
.contact-box{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);text-decoration:none}
.contact-box strong{display:block;color:var(--jungle);margin-bottom:4px}
.contact-box span{color:var(--muted);font-size:.92rem}
.product-status{display:inline-block;padding:7px 10px;background:rgba(221,167,25,.13);color:#7a5b00;font-family:"Montserrat",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:90;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;font-family:"Montserrat",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 30px rgba(37,211,102,.35)}
footer{background:#0c261f;color:rgba(255,255,255,.64);padding:34px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-inner a{color:var(--gold2);text-decoration:none}
@media(max-width:1180px){
  .brand{transform:translateX(-3px)}.brand-main{font-size:2.05rem}.brand-sub{font-size:.53rem;letter-spacing:.18em;margin-top:8px}
  .nav-links,.nav-cta{display:none}.menu-btn{display:block}
  .two-col{grid-template-columns:1fr;gap:40px}
  .three-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1120px)}
  .page-hero{padding:145px 0 75px}
  .section{padding:70px 0}
  .three-grid,.form-grid{grid-template-columns:1fr}
  .form-field.full{grid-column:auto}
  .checks{grid-template-columns:1fr}
  .form-wrap{padding:24px}
  .footer-inner{display:block}
  .footer-inner p+ p{margin-top:10px}
}

.coffee-concept{
  min-height:390px;display:grid;place-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 75% 20%,rgba(221,167,25,.22),transparent 28%),
    linear-gradient(145deg,#173e34,#0d2c25);
}
.coffee-concept::before{
  content:"";position:absolute;inset:0;opacity:.18;
  background-image:radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1px);
  background-size:18px 18px;
}
.coffee-bag{
  position:relative;z-index:1;width:220px;height:285px;padding:54px 24px 24px;
  background:#f5ead0;border-radius:8px 8px 18px 18px;
  box-shadow:0 24px 50px rgba(0,0,0,.3);text-align:center;color:var(--jungle);
}
.coffee-bag::before{
  content:"";position:absolute;left:14px;right:14px;top:20px;height:20px;
  border-top:3px solid #bb8e25;border-bottom:3px solid #bb8e25;
}
.coffee-bag::after{
  content:"";position:absolute;width:74px;height:92px;border:5px solid #7a4a2b;
  border-radius:55% 45% 55% 45%;left:50%;top:142px;transform:translateX(-50%) rotate(28deg);
  box-shadow:inset -12px 0 0 rgba(122,74,43,.14);
}
.coffee-bag strong{
  display:block;font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:.9;
}
.coffee-bag span{
  display:block;margin-top:12px;font-family:"Montserrat",sans-serif;font-size:.62rem;
  letter-spacing:.15em;text-transform:uppercase;color:#9a6e12;
}


/* V25 Postcard Moments block */
.postcard-feature {
  padding:80px 0;
  background:linear-gradient(135deg,#fffaf0,#f7f0df);
}
.postcard-feature-grid {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);
  gap:42px;
  align-items:center;
}
.postcard-feature-copy h2 {
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(3rem,5vw,5rem);
  line-height:.95;
  color:var(--jungle);
  font-weight:500;
  margin:14px 0 22px;
}
.postcard-feature-copy p {
  font-size:1.05rem;
  line-height:1.85;
  color:#42504b;
}
.postcard-feature-signature {
  margin: 18px 0 0;
  max-width: 420px;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.55rem,2.15vw,2.1rem);
  line-height:1.18;
  font-style:italic;
  color:rgba(12,70,66,.86);
}
.postcard-feature-art img {
  width:100%;
  border-radius:12px;
  box-shadow:0 24px 70px rgba(50,29,17,.18);
  background:#fff;
}
@media (max-width:720px) {
  .postcard-feature {
    padding:44px 0;
  }
  .postcard-feature-grid {
    grid-template-columns:1fr;
    gap:24px;
  }
  .postcard-feature-art img {
    max-height:420px;
    object-fit:contain;
  }
  .postcard-feature-signature {
    margin-top: 14px;
    max-width: none;
    font-size: 1.55rem;
  }
}


/* V27: Meet Heather moved directly above the Panama map */
@media (max-width:720px) {
  .heather {
    padding-top:54px;
    padding-bottom:48px;
  }
  .heather-grid {
    gap:28px;
  }
  .panama-map {
    padding-top:46px;
  }
}


/* V28: Meet Heather below map + slightly larger pigeon video/card */
@media (min-width:721px) {
  .heather-moment {
    gap: 34px;
    align-items: center;
  }
  .heather-moment video,
  .heather-moment iframe,
  .heather-moment img,
  .pigeon-video video,
  .pigeon-video iframe,
  .pigeon-video img,
  .pigeon-card video,
  .pigeon-card iframe,
  .pigeon-card img {
    min-height: 320px;
    object-fit: cover;
  }
}

@media (max-width:720px) {
  .panama-map {
    padding-bottom: 48px;
  }
  .heather {
    padding-top: 48px;
    padding-bottom: 54px;
  }
  .heather-grid {
    gap: 28px;
  }

  .heather-moment video,
  .heather-moment iframe,
  .heather-moment img,
  .pigeon-video video,
  .pigeon-video iframe,
  .pigeon-video img,
  .pigeon-card video,
  .pigeon-card iframe,
  .pigeon-card img {
    min-height: 260px;
    object-fit: cover;
  }
}


/* V29: slightly larger pigeon / unscripted moment video */
.heather-moment video,
.heather-moment iframe,
.heather-moment img,
.pigeon-video video,
.pigeon-video iframe,
.pigeon-video img,
.pigeon-card video,
.pigeon-card iframe,
.pigeon-card img {
  min-height: 340px;
  object-fit: cover;
}

@media (max-width:720px) {
  .heather-moment video,
  .heather-moment iframe,
  .heather-moment img,
  .pigeon-video video,
  .pigeon-video iframe,
  .pigeon-video img,
  .pigeon-card video,
  .pigeon-card iframe,
  .pigeon-card img {
    min-height: 285px;
  }
}


/* V30: make the pigeon / unscripted moment card visibly larger */
.heather-moment {
  width: min(100%, 980px);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(360px, 1.25fr);
  gap: 28px;
  align-items: center;
  padding: 28px 32px;
}

.heather-moment video,
.heather-moment iframe {
  width: 100%;
  min-height: 255px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.heather-moment img {
  width: 100%;
  min-height: 255px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.heather-moment h3,
.heather-moment .eyebrow,
.heather-moment strong {
  margin-bottom: 10px;
}

.heather-moment p {
  font-size: clamp(1.45rem, 2.1vw, 2.05rem);
  line-height: 1.32;
}

/* Catch alternate pigeon/card class names if used by the page. */
.pigeon-video,
.pigeon-card {
  width: min(100%, 980px);
  margin-left: auto;
  margin-right: auto;
}

.pigeon-video video,
.pigeon-video iframe,
.pigeon-video img,
.pigeon-card video,
.pigeon-card iframe,
.pigeon-card img {
  width: 100%;
  min-height: 255px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

@media (max-width: 720px) {
  .heather-moment {
    grid-template-columns: 1fr;
    width: min(100%, calc(100vw - 28px));
    padding: 18px;
    gap: 16px;
  }

  .heather-moment video,
  .heather-moment iframe,
  .heather-moment img,
  .pigeon-video video,
  .pigeon-video iframe,
  .pigeon-video img,
  .pigeon-card video,
  .pigeon-card iframe,
  .pigeon-card img {
    min-height: 230px;
  }

  .heather-moment p {
    font-size: 1.38rem;
    line-height: 1.34;
  }
}


/* MAP Interaction V1 */
.map-places-interactive {
  align-items: center;
}

.map-places-interactive .map-place {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.map-places-interactive .map-place:hover,
.map-places-interactive .map-place:focus-visible {
  transform: translateY(-1px);
  outline: none;
  box-shadow: 0 8px 18px rgba(18, 55, 47, .16);
}

.map-places-interactive .map-place.is-active {
  background: var(--gold);
  color: #10271f;
}

.map-story-card {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  background: rgba(255, 250, 240, .82);
  color: var(--ink);
  max-width: 760px;
}

.map-story-card strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--jungle);
  margin-bottom: 8px;
}

.map-story-card p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #4f5b56;
}

@media (max-width:720px) {
  .map-story-card {
    margin-top: 12px;
    padding: 15px 16px;
  }
}


/* MAP Interaction V2 */
.map-places-interactive .map-place {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.map-places-interactive .map-place.is-active {
  background: var(--gold);
  color: #10271f;
}

.map-story-card {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  background: rgba(255, 250, 240, .88);
  color: var(--ink);
  max-width: 760px;
}

.map-story-card strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--jungle);
  margin-bottom: 8px;
}

.map-story-card p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #4f5b56;
}


/* V32: only two requested fixes */

/* 1) Restore Heather picture size in the Meet Heather / "not a tour guide" section */
.heather .heather-photo img,
.heather .heather-card img,
.heather .heather-image img {
  width: 100%;
  min-height: 520px;
  object-fit: cover;
}

/* 2) Move the pigeon video to the left inside the unscripted moment card */
.heather-moment {
  grid-template-columns: minmax(360px, 1.15fr) minmax(360px, 1fr);
}

.heather-moment video,
.heather-moment iframe,
.heather-moment img {
  order: -1;
}

@media (max-width:720px) {
  .heather .heather-photo img,
  .heather .heather-card img,
  .heather .heather-image img {
    min-height: 420px;
  }

  .heather-moment {
    grid-template-columns: 1fr;
  }

  .heather-moment video,
  .heather-moment iframe,
  .heather-moment img {
    order: -1;
  }
}


/* V39 How It Works page */
.how-steps .card {
  min-height: 100%;
}
.how-steps .card-body {
  height: 100%;
}


/* V43 Nav cleanup: one clean row on desktop, clean mobile menu */
.site-nav .nav-inner {
  gap: 22px;
}

.site-nav .brand {
  flex: 0 0 auto;
  max-width: 300px;
}

.site-nav .nav-links {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2vw, 34px);
  flex-wrap: nowrap;
  min-width: 0;
}

.site-nav .nav-links li,
.site-nav .nav-links a {
  white-space: nowrap;
}

.site-nav .nav-links a {
  font-size: clamp(.78rem, .86vw, .92rem);
  letter-spacing: .13em;
}

.site-nav .nav-cta {
  flex: 0 0 auto;
}

@media (max-width: 1120px) {
  .site-nav .brand {
    max-width: 245px;
  }

  .site-nav .brand-main {
    font-size: clamp(2.2rem, 4vw, 3.1rem);
    line-height: .86;
  }

  .site-nav .brand-sub {
    font-size: .72rem;
    letter-spacing: .22em;
  }

  .site-nav .nav-links {
    gap: 18px;
  }

  .site-nav .nav-links a {
    font-size: .76rem;
    letter-spacing: .11em;
  }
}

@media (max-width: 900px) {
  .site-nav .nav-links,
  .site-nav .nav-cta {
    display: none !important;
  }

  .site-nav .brand {
    max-width: 230px;
  }

  .menu-btn {
    display: inline-flex !important;
  }

  .mobile-menu a {
    font-size: 1.05rem;
    letter-spacing: .12em;
  }
}


/* V44 footer/contact cleanup */
footer .footer-inner {
  align-items: center;
}

footer a {
  color: var(--gold);
  text-decoration: none;
  font-weight: 600;
}

.wa-widget,
.whatsapp-widget,
.floating-whatsapp,
.wa-popup,
.whatsapp-popup,
.wa-card,
.wa-float,
.wa-toggle,
.whatsapp-toggle,
[id*="waWidget"],
[id*="whatsappWidget"],
[id*="waPopup"],
[id*="whatsappPopup"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 720px) {
  footer .footer-inner {
    gap: 10px;
    text-align: center;
  }
}


/* V46 Header cleanup rebuilt with full image/video assets */
.site-nav .nav-inner {
  gap: 18px;
}

.site-nav .brand {
  flex: 0 0 auto;
  max-width: 320px;
}

.site-nav .nav-links {
  flex: 1 1 auto;
  justify-content: center;
  gap: clamp(24px, 2.7vw, 46px);
}

.site-nav .nav-links a {
  font-size: clamp(.82rem, .9vw, .95rem);
  letter-spacing: .14em;
}

.site-nav .nav-cta {
  flex: 0 0 auto;
  padding-left: 28px;
  padding-right: 28px;
  min-width: 188px;
  text-align: center;
}

@media (max-width: 1180px) {
  .site-nav .brand {
    max-width: 270px;
  }

  .site-nav .nav-links {
    gap: 22px;
  }

  .site-nav .nav-links a {
    font-size: .78rem;
    letter-spacing: .12em;
  }

  .site-nav .nav-cta {
    min-width: 160px;
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (max-width: 960px) {
  .site-nav .nav-links,
  .site-nav .nav-cta {
    display: none !important;
  }

  .menu-btn {
    display: inline-flex !important;
  }
}

/* V48 Header refinement: balanced spacing, protected logo edges, and earlier responsive handoff */
.site-nav .container {
  width: min(1640px, calc(100% - 64px));
}

.site-nav {
  padding: 16px 0;
}

.site-nav.scrolled {
  padding: 10px 0;
}

.site-nav .nav-inner {
  gap: 24px;
}

.site-nav .brand {
  flex: 0 0 auto;
  max-width: 280px;
  transform: none;
}

.site-nav .brand-main {
  font-size: 2.48rem;
  line-height: .8;
}

.site-nav .brand-sub {
  margin-top: 9px;
  font-size: .59rem;
  letter-spacing: .21em;
}

.site-nav .nav-links,
.site-nav.scrolled .nav-links {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
  gap: clamp(22px, 2.15vw, 40px);
  margin-left: 12px;
  position: static;
  left: auto;
  top: auto;
}

.site-nav .nav-links a {
  padding: .75rem .25rem;
  font-size: clamp(.78rem, .82vw, .88rem);
  letter-spacing: .105em;
}

.site-nav .nav-cta,
.site-nav.scrolled .nav-cta {
  flex: 0 0 auto;
  min-width: 210px;
  padding: 1.05rem 1.5rem;
  font-size: .82rem;
  letter-spacing: .1em;
  text-align: center;
  position: static;
  left: auto;
  top: auto;
}

@media (max-width: 1480px) {
  .site-nav .container {
    width: calc(100% - 56px);
  }

  .site-nav .brand {
    max-width: 255px;
  }

  .site-nav .brand-main {
    font-size: 2.3rem;
  }

  .site-nav .brand-sub {
    font-size: .55rem;
    letter-spacing: .18em;
  }

  .site-nav .nav-inner {
    gap: 20px;
  }

  .site-nav .nav-links {
    gap: clamp(18px, 1.65vw, 28px);
    margin-left: 6px;
  }

  .site-nav .nav-links a {
    font-size: .75rem;
    letter-spacing: .09em;
  }

  .site-nav .nav-cta {
    min-width: 188px;
    padding: .98rem 1.25rem;
    font-size: .76rem;
  }
}

@media (max-width: 1320px) {
  .site-nav .nav-links,
  .site-nav .nav-cta {
    display: none !important;
  }

  .site-nav .brand {
    max-width: 245px;
  }

  .menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 620px) {
  .site-nav .container {
    width: calc(100% - 32px);
  }

  .site-nav {
    padding: 13px 0;
  }

  .site-nav .brand-main {
    font-size: 2.08rem;
  }

  .site-nav .brand-sub {
    font-size: .51rem;
    letter-spacing: .16em;
  }
}