:root{--ink:#18251f;--forest:#111d18;--cream:#f6f3e9;--muted:#58635b;--gold:#f5b900;--line:#d9ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.site-header{background:var(--forest);color:#fff;position:relative;z-index:5}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.22rem;font-weight:800;letter-spacing:.01em}.brand img{border-radius:50%;border:2px solid var(--gold)}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-weight:600;font-size:.9rem}nav a:hover,.text-link:hover{color:#d8a500}.nav-watch{border:1px solid #6a736c;border-radius:50px;padding:10px 17px}.hero{background:var(--forest);color:#fff}.hero-image{max-width:1800px;margin:auto}.hero-image img{width:100%;height:auto}.hero-bottom{padding:52px 0 68px;display:flex;align-items:end;justify-content:space-between;gap:35px}.eyebrow{font-size:.71rem;letter-spacing:.19em;font-weight:800;color:var(--gold)}.eyebrow.dark{color:#957300}h1,h2,p{margin-top:0}h1,h2{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3.75rem);margin:15px 0 14px}h2{font-size:clamp(2rem,4vw,3.6rem);margin:18px 0 26px}.hero-bottom p{color:#cdd6cf;font-size:1.06rem;margin:0}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:16px 22px;border-radius:7px;text-decoration:none;font-weight:800;white-space:nowrap}.primary{background:var(--gold);color:#172119}.primary:hover{background:#ffce2b}.section{padding-top:110px;padding-bottom:110px}.story{display:grid;grid-template-columns:minmax(270px,.85fr) 1.15fr;gap:clamp(40px,8vw,110px);align-items:center}.story-art{max-width:450px;margin:auto}.story-art img{border-radius:50%;box-shadow:0 18px 50px #26332125}.art-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:13px;font-size:.75rem;font-weight:900;letter-spacing:.1em}.art-caption span{font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--muted)}.story-copy p{color:#47554b;font-size:1.05rem;margin-bottom:20px}.text-link{display:inline-block;margin-top:12px;text-decoration:none;font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:4px}.quote{background:#263c2f;color:#fff;text-align:center;padding:85px 0}.quote blockquote{font-size:clamp(2.25rem,5.5vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1.1;margin:18px 0}.quote p{color:#d2dcd3;margin:0}.follow-heading{text-align:center;max-width:600px;margin:0 auto 42px}.follow-heading h2{margin-bottom:12px}.follow-heading p{color:var(--muted)}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.social-card{display:flex;flex-direction:column;min-height:205px;padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.social-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #26332118}.social-kicker{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#89711a}.social-card strong{font-size:1.65rem;margin:22px 0 12px;letter-spacing:-.03em}.social-card>span:last-child{font-size:.84rem;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.social-card b{color:var(--ink)}footer{background:var(--forest);color:#fff}.footer-inner{padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand span,footer p,footer small{color:#aebbb0;font-size:.8rem}footer p{margin:0}@media(max-width:850px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story{gap:45px}.footer-inner{flex-wrap:wrap}.hero-bottom{align-items:start;flex-direction:column}}@media(max-width:620px){.container{width:min(100% - 32px,1180px)}.nav{min-height:70px}.brand{font-size:1.05rem}.brand img{width:39px;height:39px}nav{gap:10px}nav a:not(.nav-watch){display:none}.nav-watch{padding:8px 11px;font-size:.75rem}.hero-bottom{padding:37px 0 46px}.hero-bottom .eyebrow{font-size:.6rem}.section{padding-top:65px;padding-bottom:65px}.story{grid-template-columns:1fr}.story-art{max-width:300px}.story-copy p{font-size:1rem}.quote{padding:65px 0}.social-grid{grid-template-columns:1fr}.social-card{min-height:150px}.social-card strong{margin:12px 0}.footer-inner{align-items:flex-start;flex-direction:column}}/* Keep the Crow Chats profile artwork circular */
/* Crow Chats: corrected image and mobile layout */

/* Preserve the circular artwork without stretching it */
.story-art img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* Keep small header and footer logos correctly sized */
.brand img {
  width: 46px;
  height: 46px;
  object-fit: cover;
}

.footer-brand img {
  width: 52px;
  height: 52px;
  object-fit: cover;
}

/* Correct the mobile navigation and YouTube button */
@media (max-width: 767px) {

  .hero-bottom {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .hero-bottom > div {
    width: 100%;
    min-width: 0;
  }

  .hero-bottom .button.primary {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    white-space: normal;
    border-radius: 12px;
  }

  .nav-watch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
  }
}/* Fix the mobile header YouTube link */
@media (max-width: 767px) {
  .site-header .nav {
    flex-wrap: wrap;
  }

  .site-header .nav-watch {
    flex: 0 0 auto;
    width: auto;
    min-width: 125px;
    max-width: 100%;
    padding: 10px 14px;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    line-height: 1.3;
  }
}