/* Goose Neck - the legal strip.
   Shared, like the nav, so the notice cannot drift page to page. Sits below
   whatever footer a page already has rather than replacing it: those carry
   the studio's own words, this carries the small print.

   The host page supplies --rule, --faint, --ink, --beak and --sans. */

/* Every page here styles the bare `footer` element for its own footer, and
   this is a <footer> too - so it arrived as a flex container with the host's
   padding and font, and its inner row shrank to a flex item 689px wide
   instead of filling the page. The same trap nav.css fell into with `nav`.
   The component states everything it needs rather than inheriting it. */
.gn-legal{
  display:block; margin:0; padding:0; border:0;
  border-top:1px solid var(--rule, rgba(26,26,20,.14));
  font-size:initial; color:inherit; gap:normal;
}
.gn-legal .in{
  width:100%; max-width:1440px; margin:0 auto;
  padding:16px clamp(18px,4vw,54px) 26px;
  display:flex; align-items:baseline; justify-content:space-between;
  gap:14px 26px; flex-wrap:wrap;
  font-family:var(--sans,system-ui,sans-serif);
  font-size:11.5px; line-height:1.6;
  color:var(--faint,#6F6F5E);
}
.gn-legal a{
  color:var(--ink,#1A1A14); text-decoration:none;
  border-bottom:1px solid var(--beak,#D6842B); padding-bottom:2px;
  transition:color .18s ease;
}
.gn-legal a:hover{ color:var(--beak,#D6842B); }
.gn-legal a:focus-visible{ outline:2px solid var(--beak,#D6842B); outline-offset:3px; }
/* the arrow says the link leaves the site, so it must not be read aloud */
.gn-legal .out{ font-style:normal; margin-left:.35em; }

@media(max-width:620px){
  .gn-legal .in{ flex-direction:column; gap:8px; padding-bottom:30px; }
}