/* ===== v16 (15 Oct 10:41): no watermelon red ===== */
:root{--sand:#57886C;--sand-t:#FBDCE2;--melon:var(--leaf);--melon-t:var(--sand-t)}
.swash:after{display:none!important}
.link-arrow:hover,.footer-links a:hover,sup.cite a:hover{color:var(--leaf)}
.flip-link{background:var(--forest)}
.sp-next{background:var(--forest)}
.sp-next,.sp-next *{color:var(--parch)}
.stat:nth-child(2){border-top-color:var(--aqua)!important}
.sp-stat:nth-child(2){border-top-color:var(--aqua)}
.chips span:nth-child(3n+2){border-color:var(--sage)}

/* homepage "They've been speaking all along": the light blue */
.final-sage{background:var(--aqua-t)}

/* coming next: real photos + linked sources */
.nx-pic{overflow:hidden;background:var(--tint)}
.nx-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.nx:hover .nx-pic img{transform:scale(1.04)}
.nx-credit{position:absolute;right:6px;bottom:6px;font-family:var(--mono);font-size:.55rem;letter-spacing:.04em;color:#fff;background:rgba(10,35,66,.45);padding:3px 6px;border-radius:3px;opacity:.75;max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-credit:hover{opacity:1}
.nx-src{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.nx-src a{color:var(--forest);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.nx-src a:hover{color:var(--leaf)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* thank-you page */
.thanks-hero{min-height:60vh;display:flex;align-items:center;padding:140px 0 100px;background:var(--aqua-t)}
.thanks-hero .download-row{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}

/* ===== v16b: 15 Oct 10:55 ===== */
/* long words wrap instead of being cut (all languages) */
h1,h2,h3{overflow-wrap:break-word}
:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(fi) h1,:lang(fi) h2,:lang(fi) h3,:lang(sv) h1,:lang(sv) h2,:lang(sv) h3{hyphens:auto;-webkit-hyphens:auto}

/* social icons in their own brand colours */
.socials a[href*="instagram"],.social-btn[href*="instagram"]{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;border-color:transparent}
.socials a[href*="tiktok"],.social-btn[href*="tiktok"]{background:#000;color:#fff;border-color:transparent}
.socials a[href*="tiktok"] svg,.social-btn[href*="tiktok"] svg{filter:drop-shadow(-1.2px -1px 0 #25f4ee) drop-shadow(1.2px 1px 0 #fe2c55)}
.socials a[href*="facebook"],.social-btn[href*="facebook"]{background:#1877f2;color:#fff;border-color:transparent}
.socials a[href*="instagram"]:hover,.socials a[href*="tiktok"]:hover,.socials a[href*="facebook"]:hover,
.social-btn[href*="instagram"]:hover,.social-btn[href*="tiktok"]:hover,.social-btn[href*="facebook"]:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.08)}
.socials a,.social-btn{transition:transform .25s,filter .25s}

/* why it matters: the bigger picture */
.why-empathy{color:var(--parch)}
.why-empathy h2,.why-empathy .kicker{color:var(--parch)}
.why-empathy h2 .accent{color:#81A684}
.why-empathy .lead{font-size:1.35rem;line-height:1.5;color:var(--parch);margin-bottom:22px}
.why-empathy-copy p{color:rgba(241,233,215,.88);line-height:1.75}
.why-empathy sup.cite a{color:#81A684}
.why-refs{margin-top:34px;padding-top:24px;border-top:1px solid rgba(241,233,215,.2)}
.why-refs li{color:rgba(241,233,215,.8);font-size:.88rem}
.why-refs a{color:#81A684}
.why-refs li:target{background:rgba(241,233,215,.08)}
.chapter-copy .link-arrow{margin-top:18px}

/* language picker */
.lang{flex:none;margin-left:18px;order:3}
.nav-stores{order:4}
.lang-select{appearance:none;-webkit-appearance:none;font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%232F4A37' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center/9px;border:1.5px solid rgba(70,96,96,.35);border-radius:4px;min-height:40px;padding:0 28px 0 12px;cursor:pointer}
.lang-select:hover,.lang-select:focus-visible{border-color:var(--forest)}
@media(max-width:1180px){.lang{margin-left:12px}}
@media(max-width:940px){.brand{order:-3}.lang{order:-2;margin-left:auto;margin-right:8px}.menu-btn{order:-1;margin-left:0}.nav-main{order:9}
  .lang-select{min-height:46px;padding:0 26px 0 10px}}
.nav-main a,.nav-main .dd-btn{white-space:nowrap}
html:not([lang=en]) .nav-main{gap:18px;letter-spacing:.1em}
@media(max-width:1280px){html:not([lang=en]) .nav-main{gap:14px;letter-spacing:.06em;font-size:.66rem}}
html:not([lang=en]) h1:not(.reveal-title),html:not([lang=en]) h2:not(.reveal-title),html:not([lang=en]) h3{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.reveal-title{overflow-wrap:normal!important;hyphens:manual!important}
html:not([lang=en]) .kicker,html:not([lang=en]) .section-kicker{overflow-wrap:anywhere}
.science-copy,.sp-two>*,.sp-hero .copy,[class*="-grid"]>*{min-width:0}
.brand{flex:none}
.lang-select{width:auto}
@media(max-width:940px){.brand img{width:150px}}
@media(max-width:1240px) and (min-width:941px){html:not([lang=en]) .nav-store span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}html:not([lang=en]) .nav-store{padding:0 12px}html:not([lang=en]) .nav-stores{margin-left:12px}}
.why-empathy h2{font-size:clamp(2.4rem,4.2vw,4.4rem)}
.follow-row .social-btn.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}
.follow-row .social-btn.tt{background:#000;color:#fff}
.follow-row .social-btn.tt svg{filter:drop-shadow(-1.2px -1px 0 #25f4ee) drop-shadow(1.2px 1px 0 #fe2c55)}
.follow-row .social-btn.fb{background:#1877f2;color:#fff}

/* ===== Rebrand (15 Oct): FaunaVera design system =====
   Palette: navy, forest, sage, sage-soft, moss, slate, blush, clay, sky, cream, white.
   Logo: eared V. Cards flat, radii 2/4/6/10px, no glows. */
:root{
  --navy:#0A2342;--cream:#F1E9D7;--slate:#466060;--moss:#81A684;--clay:#57886C;--blush:#FBDCE2;--sage-soft:#81A684;
  --sage-tint:#DCE5D7;--blush-tint:#FBDCE2;--sky-tint:#E0F0F8;
  --parch:var(--cream);--char:var(--navy);--muted:var(--slate);--chestnut:var(--clay);--forest-d:var(--navy);
  --leaf:var(--moss);--aqua:var(--sky);--leaf-t:var(--sage-tint);--sand:var(--clay);--sand-t:var(--blush-tint);--aqua-t:var(--sky-tint);
  --melon:var(--moss);--melon-t:var(--blush-tint);
  --rule:rgba(10,35,66,.14);--rule-d:rgba(10,35,66,.28)
}
::selection{background:var(--forest);color:var(--cream)}
/* text hover states stay readable (AA): navy, never a light accent */
.link-arrow:hover,.footer-links a:hover,sup.cite a:hover,.nx-src a:hover,.btn.btn-light:hover,.btn.btn-outline:hover,.btn-light:hover,.btn-outline:hover{color:var(--navy)}
.site-footer .footer-links a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
/* primary button hover: navy */
.btn:hover,.download-btn:hover{background:var(--navy);border-color:var(--navy)}
.btn-cream:hover{background:var(--white);border-color:var(--white);color:var(--forest)}
/* footer and dark bands: navy */
.site-footer{background:var(--navy)}
/* cards are flat, corners from the radius scale */
.quotes blockquote,.feature-card,.step-card,.contact-card,.phone-demo-card,.chapter,.science-stat-white,.stat,.bp,.nx{box-shadow:none!important}
.sp-photo,.layer-vid{box-shadow:none!important}
.bp,.sp-other,.dd-menu{border-radius:6px}
.sp-photo,.sp-card,.nx{border-radius:6px}
/* no glows or decorative gradients */
.lp-scan{box-shadow:none!important}
.slide-art.phone{background:var(--sky-tint)}
/* logo sizing for the eared-V wordmark */
.brand img{width:150px;height:auto}
/* one tinted band per page (the closing sky band); dark bands are navy */
.bg-leaf{background:var(--white)}
.bg-forest{background:var(--navy)}
.bg-forest .download-btn{color:var(--navy)}
.listen{background:var(--cream);color:var(--navy);border-top:1px solid var(--rule)}
.listen h2,.listen .kicker{color:var(--navy)}
.listen .kicker{color:var(--forest)}
.listen-head p{color:var(--slate)}
.listen-head a{color:var(--forest)}
@media (max-width:760px){.brand img{width:112px}}