/* Section background images (moved out of inline style so url() resolves from this file) */
:root { --homepage-coastal-city-mobile:url("../img/coastal-city-mobile.webp") }

/* Small style differences from the main site */
h1, h2 { letter-spacing: -0.012em; }
main a[class], main button[type="submit"] { border-radius: 14px; }
::selection { background: #e9c6b4; color: #2d231d; }

/* Minimal one-page footer */
.drop-footer { border-top: 1px solid #dccbbb; background: #f6eee6; padding: 40px 16px 48px; text-align: center; color: #5a4b40; }
.drop-footer__inner { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.drop-footer__brand { display: inline-flex; align-items: center; gap: 10px; color: #2d211d; font-weight: 700; font-size: 1.1rem; }
.drop-footer__brand img { border-radius: 50%; }
.drop-footer p { margin: 0; font-size: .9rem; }
.drop-footer__copy { opacity: .7; font-size: .8rem !important; }
html { scroll-behavior: smooth; }

/* Planet line cards: links were turned into plain blocks (one-page site) */
.AstrocartographyLanding_planetaryLineLinks__BeUaJ li > div { display: flex; min-height: 112px; flex-direction: column; justify-content: center; padding: 18px 16px; color: var(--ink); }
.AstrocartographyLanding_planetaryLineLinks__BeUaJ li > div > span { font-family: var(--font-home-display), Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 500; line-height: 1.05; }
@media (max-width: 767px) {
  .AstrocartographyLanding_planetaryLineLinks__BeUaJ li > div { min-height: 104px; padding: 16px 12px; }
  .AstrocartographyLanding_planetaryLineLinks__BeUaJ li > div > span { font-size: 20px; }
}

/* German badges are longer: keep the check icon from shrinking */
.AstrocartographyLanding_trustGrid__gzvcR > span > svg { flex-shrink: 0; }
@media (max-width: 767px) {
  .AstrocartographyLanding_trustGrid__gzvcR > span { white-space: normal; min-width: 0; line-height: 1.25; }
}

/* Brand logo: mark + main keyword as wordmark */
.brand-logo { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: #211812; text-decoration: none; }
.brand-logo__mark { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 4px 12px rgba(67, 33, 21, .18); }
.brand-logo__text { display: flex; flex-direction: column; min-width: 0; line-height: 1; }
.brand-logo__main { font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; font-weight: 600; font-size: 25px; letter-spacing: -.005em; white-space: nowrap; }
.brand-logo__sub { margin-top: 3px; font-family: Karla, system-ui, sans-serif; font-weight: 700; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: #ad4530; white-space: nowrap; }
.brand-logo--footer .brand-logo__mark { width: 40px; height: 40px; }
.brand-logo--footer .brand-logo__main { font-size: 23px; }
@media (max-width: 380px) {
  .brand-logo__mark { width: 38px; height: 38px; }
  .brand-logo__main { font-size: 22px; }
  .brand-logo__sub { font-size: 9.5px; letter-spacing: .16em; }
}
/* The site CSS forces header logo spans to 19px/dark with !important; restore our sizes */
body:has(.AstrocartographyLanding_root__uPyk1) > header nav > div:first-child > a.brand-logo span.brand-logo__text { font-size: inherit !important; }
body:has(.AstrocartographyLanding_root__uPyk1) > header nav > div:first-child > a.brand-logo span.brand-logo__main { font-size: 25px !important; color: #211812 !important; }
body:has(.AstrocartographyLanding_root__uPyk1) > header nav > div:first-child > a.brand-logo span.brand-logo__sub { font-size: 10.5px !important; color: #ad4530 !important; }
@media (max-width: 380px) {
  body:has(.AstrocartographyLanding_root__uPyk1) > header nav > div:first-child > a.brand-logo span.brand-logo__main { font-size: 22px !important; }
  body:has(.AstrocartographyLanding_root__uPyk1) > header nav > div:first-child > a.brand-logo span.brand-logo__sub { font-size: 9.5px !important; }
}