/* Shared brand styling: supplied oak logo, original colors and rounded CTA. */
:root {--ink:#103846;--ink-dark:#103846;--gold:#edb300}
.brand img {width:278px; height:auto}
.footer-brand img {width:260px; filter:none; opacity:1}
.main-navigation {gap:28px}
.contact-button {border-radius:999px; min-width:170px; min-height:52px; justify-content:center; padding:13px 29px; font-size:15px; line-height:1.4; font-weight:600; text-align:center; gap:0}
.main-navigation .contact-button {min-width:151px; min-height:48px; font-size:14px; padding:12px 25px}
.contact-section .contact-button {justify-content:center}
.contact-button:hover {background:#f4c52e}
.testimonial-hero h1 em {color:var(--ink)}
.testimonials-directory {padding-top:52px}
.testimonials-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px}
.investor-letter {border:1px solid var(--line); border-top:3px solid var(--gold); padding:33px; display:flex; flex-direction:column; min-width:0; background:#fff}
.letter-quote {font:62px/.8 var(--serif); color:var(--gold); height:43px; display:block}
.testimonial-copy {margin:0; flex:1}
.testimonial-copy p {font-size:15px; line-height:1.95; color:#46565b; margin:0 0 17px}
.testimonial-copy p:last-child {margin-bottom:0}
.testimonial-copy strong {font-weight:650; color:var(--ink)}
.letter-author {border-top:1px solid var(--line); padding-top:23px; margin-top:auto; display:flex; align-items:center; gap:18px}
.testimonial-copy + .letter-author {margin-top:27px}
.letter-author h2 {font-size:26px; line-height:1.2; letter-spacing:-.3px}
.letter-author span {font-size:11px; color:var(--muted); padding-left:17px; border-left:1px solid var(--line)}
.long-letters {margin-top:35px; display:grid; gap:35px}
.long-letter {padding:46px 70px}
.long-letter .testimonial-copy {max-width:940px}
.long-letter .testimonial-copy p {font-size:15px; line-height:2}
.long-letter .letter-author {margin-top:32px}
.long-letter .testimonial-copy strong {display:block; margin-top:23px; margin-bottom:8px}

@media(max-width:1150px) {
  .brand img {width:240px}
  .main-navigation {gap:22px}
  .main-navigation .contact-button {min-width:139px; padding-inline:22px}
  .footer-brand img {width:240px}
}

@media(max-width:900px) {
  .brand img {width:210px}
  .main-navigation {gap:17px}
  .main-navigation .contact-button {min-width:122px; font-size:12px; padding-inline:17px}
  .investor-letter {padding:26px}
  .long-letter {padding:35px}
}
@media(max-width:700px) {
  .brand img {width:205px}
  .main-navigation {gap:0}
  .main-navigation .contact-button {font-size:14px; min-height:48px; justify-content:center}
  .footer-brand img {width:240px}
  .contact-section .contact-button {justify-content:center; min-width:190px}
  .testimonial-hero .page-hero-grid h1 {font-size:clamp(37px,10vw,49px)}
  .testimonials-directory {padding-top:32px}
  .testimonials-grid {grid-template-columns:1fr; gap:24px}
  .investor-letter {padding:25px 23px}
  .testimonial-copy p, .long-letter .testimonial-copy p {font-size:14px; line-height:1.95}
  .letter-quote {font-size:53px; height:38px}
  .letter-author h2 {font-size:25px}
  .long-letters {margin-top:24px; gap:24px}
  .long-letter .testimonial-copy strong {margin-top:17px}
}
@media(max-width:370px) {.brand img{width:183px}.header-inner{gap:12px}}

/* The additional navigation entry uses the mobile menu on smaller tablets. */
@media(min-width:701px) and (max-width:1050px) {
  .header-inner {min-height:79px; width:calc(100% - 40px); gap:16px}
  .brand img {width:205px}
  .menu-toggle {display:flex; align-items:center; gap:10px; border:0; padding:12px 0 12px 12px; background:transparent; font-size:11px}
  .menu-lines {display:block; position:relative; width:19px; height:11px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink)}
  .menu-lines:after {content:''; height:1px; background:var(--ink); width:19px; position:absolute; left:0; top:4px}
  .main-navigation {display:none; position:absolute; top:79px; left:0; right:0; background:#fff; padding:20px; box-shadow:0 15px 20px #10384612; border-bottom:1px solid var(--line); align-items:stretch; gap:0}
  .main-navigation.is-open {display:flex; flex-direction:column}
  .main-navigation>a:not(.button) {padding:14px 0; font-size:16px; border-bottom:1px solid var(--line)}
  .main-navigation>a:not(.button):after {display:none}
  .main-navigation .contact-button {margin-top:18px; font-size:14px; justify-content:center}
}

/* Albert's supplied tree mark and one-line company name replace the draft wordmark. */
.brand {display:inline-flex; align-items:center; gap:12px; max-width:100%}
.brand .brand-symbol {width:50px; height:50px; object-fit:contain; flex-shrink:0; filter:none; opacity:1}
.brand-name {font-family:Georgia,'Times New Roman',serif; font-size:23px; font-weight:600; line-height:1.2; letter-spacing:-.45px; white-space:nowrap; color:var(--ink)}
.footer-brand .brand-symbol {width:54px; height:54px; border-radius:0; clip-path:circle(43% at 50% 50%)}
.footer-brand .brand-name {font-size:21px; color:#fff}
.main-navigation {gap:23px}
@media(max-width:1150px) {
  .brand {gap:10px}
  .brand .brand-symbol {width:44px; height:44px}
  .brand-name {font-size:20px; letter-spacing:-.35px}
  .main-navigation {gap:19px}
}
@media(max-width:1050px) {
  .header-inner {min-height:79px; width:calc(100% - 40px); gap:16px}
  .brand .brand-symbol {width:42px; height:42px}
  .brand-name {font-size:21px}
  .main-navigation {gap:0}
}
@media(max-width:700px) {
  .header-inner {gap:10px}
  .brand {gap:8px}
  .brand .brand-symbol {width:36px; height:36px}
  .brand-name {font-size:clamp(14px,3.9vw,20px); letter-spacing:-.35px}
  .footer-brand {gap:10px}
  .footer-brand .brand-symbol {width:44px; height:44px}
  .footer-brand .brand-name {font-size:18px}
}
@media(max-width:370px) {
  .header-inner {gap:4px}
  .brand {gap:7px}
  .brand .brand-symbol {width:32px; height:32px}
  .brand-name {font-size:13px; letter-spacing:-.25px}
  .menu-toggle {width:44px; height:44px; padding:12px; justify-content:center; flex-shrink:0}
  .menu-toggle>span:first-child {display:none}
  .footer-brand .brand-symbol {width:40px; height:40px}
  .footer-brand .brand-name {font-size:15px}
}