/* Sidewalk Club: scoped adaptation of the supplied production kit.
 * Source: docs/design-sidewalk-club/production/Offbeat-Buddy-Sidewalk-Club/home/styles.css
 * Palette, lettering layout and responsive scales retained. Offline preview dialogs omitted.
 * Load this stylesheet alone on body.home-sidewalk; other pages keep their own styles. */
/* Native anchor scrolling is retained; the target has room above its heading. */
body.home-sidewalk [id] { scroll-margin-top: 22px; }

body.home-sidewalk {
  --paper: #F3EDDB;
  --ink: #17251F;
  --orange: #EE552F;
  --lilac: #B6A0D3;
  --border: 2px solid var(--ink);}
body.home-sidewalk,body.home-sidewalk * {
  box-sizing: border-box;
}
body.home-sidewalk {
  scroll-behavior: smooth;
  scroll-padding-top: 22px;
}
body.home-sidewalk {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial,Helvetica,sans-serif;
  font-size: 17px;
  line-height: 1.45;
}
body.home-sidewalk img {
  display: block;
  max-width: 100%;
  height: auto;
}
body.home-sidewalk a {
  color: inherit;
  text-decoration: none;
}
body.home-sidewalk button,body.home-sidewalk a {
  -webkit-tap-highlight-color: transparent;
}
body.home-sidewalk button {
  font: inherit;
}
body.home-sidewalk a:focus-visible,body.home-sidewalk button:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 6px;
}
body.home-sidewalk p,body.home-sidewalk h1,body.home-sidewalk h2,body.home-sidewalk h3 {
  margin: 0;
}
body.home-sidewalk p {
  margin-bottom: 1em;
}
body.home-sidewalk h3 {
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: 1.06;
}
body.home-sidewalk .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
body.home-sidewalk .skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100;
  padding: 10px;
  background: var(--ink);
  color: var(--paper);
  transform: translateY(-150%);
}
body.home-sidewalk .skip:focus {
  transform: none;
}
body.home-sidewalk .wrap,body.home-sidewalk .section-pad {
  padding-left: clamp(24px,3.5vw,64px);
  padding-right: clamp(24px,3.5vw,64px);
}
body.home-sidewalk .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 110px;
}
body.home-sidewalk .brand {
  width: 172px;
  flex: none;
}
body.home-sidewalk .header nav {
  display: flex;
  gap: 34px;
  align-items: center;
  font-size: 16px;
}
body.home-sidewalk .header nav a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}
body.home-sidewalk .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 54px;
  padding: 13px 25px;
  background: var(--ink);
  color: var(--paper);
  border: 2px solid var(--ink);
  border-radius: 3px;
  font-weight: 700;
  line-height: 1.2;
  transition: transform .15s,box-shadow .15s;
}
body.home-sidewalk .button:hover {
  transform: translate(-2px,-2px);
  box-shadow: 4px 4px 0 var(--orange);
}
body.home-sidewalk .button:active {
  transform: translate(1px,1px);
  box-shadow: none;
}
body.home-sidewalk .button.outline {
  background: var(--paper);
  color: var(--ink);
}
body.home-sidewalk .preview-strip {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: var(--lilac);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
}
body.home-sidewalk .header-divider { height: 17px; background: var(--lilac); }
body.home-sidewalk .preview-strip span {
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}
body.home-sidewalk .micro {
  font-family: 'Courier New',monospace;
  font-size: 11px;
  letter-spacing: .1em;
  font-weight: 700;
  line-height: 1.6;
}
body.home-sidewalk .hero {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  isolation: isolate;
}
body.home-sidewalk .hero-art {
  position: absolute;
  inset: 0;
  z-index: -1;
}
body.home-sidewalk .street {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}
body.home-sidewalk .walking-buddy {
  position: absolute;
  right: 13.5%;
  bottom: 9px;
  width: auto;
  height: 91%;
  max-width: 39%;
}
body.home-sidewalk .hero-copy {
  width: 53%;
  padding: 36px 0 38px 3.5vw;
  position: relative;
  z-index: 1;
}
body.home-sidewalk .hero h1 {
  margin-bottom: 25px;
}
body.home-sidewalk .hero h1 img {
  width: 100%;
}
body.home-sidewalk .hero-subtitle {
  font-size: clamp(22px,2.1vw,32px);
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1.16;
  max-width: 660px;
  margin-bottom: 25px;
}
body.home-sidewalk .actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
body.home-sidewalk .hero-note {
  margin-top: 33px;
}
body.home-sidewalk .good-stamp {
  position: absolute;
  left: 49%;
  top: 53%;
  font-family: 'Courier New',monospace;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.05;
  transform: rotate(-12deg);
  text-align: center;
}
body.home-sidewalk .good-stamp span {
  display: block;
  width: 70px;
  height: 6px;
  background: var(--orange);
  margin: 8px auto 0;
  transform: rotate(-4deg);
  border-radius: 100% 20%;
}
body.home-sidewalk .meet {
  background: var(--lilac);
  display: grid;
  grid-template-columns: 1.05fr 1.3fr .65fr 1fr;
  align-items: center;
  gap: 34px;
  padding-top: 35px;
  min-height: 340px;
  overflow: hidden;
}
body.home-sidewalk .meet-lettering {
  width: 100%;
  max-width: 320px;
}
body.home-sidewalk .meet-copy {
  padding-bottom: 35px;
}
body.home-sidewalk .meet-copy h3 {
  font-size: 30px;
  margin-bottom: 14px;
}
body.home-sidewalk .meet-copy p {
  font-size: 17px;
  max-width: 360px;
}
body.home-sidewalk .meet-side {
  text-align: center;
  align-self: center;
  padding-bottom: 30px;
}
body.home-sidewalk .meet-icon {
  width: 115px;
  margin: 0 auto 6px;
}
body.home-sidewalk .meet-side p {
  font-family: 'Courier New',monospace;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  transform: rotate(-7deg);
}
body.home-sidewalk .buddy-head {
  height: 305px;
  position: relative;
  align-self: end;
}
body.home-sidewalk .buddy-head img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center bottom;
}
body.home-sidewalk .buddy-head span {
  position: absolute;
  right: -14px;
  bottom: 18px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 92px;
  background: var(--lilac);
  padding: 4px;
}
body.home-sidewalk .hangouts {
  padding-top: 43px;
  padding-bottom: 27px;
}
body.home-sidewalk .section-intro {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-bottom: 24px;
}
body.home-sidewalk .section-intro h2 {
  width: 57%;
  max-width: 770px;
}
body.home-sidewalk .section-intro>span {
  display: flex;
  align-items: center;
  gap: 25px;
  flex: 1;
}
body.home-sidewalk .section-intro>span:before {
  content: '';
  height: 1px;
  background: var(--ink);
  flex: 1;
  min-width: 10px;
}
body.home-sidewalk .vibes {
  display: grid;
  grid-template-columns: repeat(4,1fr);
}
body.home-sidewalk .vibe {
  text-align: center;
  padding: 0 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
body.home-sidewalk .vibe+.vibe {
  border-left: 1px solid var(--ink);
}
body.home-sidewalk .vibe>img {
  width: 90%;
  max-width: 240px;
}
body.home-sidewalk .vibe h3 {
  font-size: 28px;
  white-space: nowrap;
  margin: 8px 0 12px;
}
body.home-sidewalk .vibe p {
  font-size: 16px;
  max-width: 255px;
  line-height: 1.4;
  min-height: 48px;
  margin-bottom: 18px;
}
body.home-sidewalk .text-link {
  font-weight: 700;
  display: inline-block;
  border-bottom: 4px solid var(--orange);
  line-height: 1.4;
  padding-bottom: 3px;
  font-size: 15px;
}
body.home-sidewalk .text-link:hover {
  border-bottom-color: currentColor;
}
body.home-sidewalk .vibe .text-link {
  margin-top: auto;
}
body.home-sidewalk .hangout-note {
  margin-top: 33px;
  border-top: 1px solid var(--ink);
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
body.home-sidewalk .hangout-note>span {
  font-size: 12px;
}
body.home-sidewalk .journal {
  background: var(--ink);
  color: var(--paper);
  padding-top: 43px;
  padding-bottom: 44px;
  display: grid;
  grid-template-columns: 1.02fr 1fr 1fr 1fr;
  gap: 28px;
}
body.home-sidewalk .journal-intro {
  padding-right: 14px;
}
body.home-sidewalk .journal-intro h2 {
  max-width: 270px;
}
body.home-sidewalk .journal-intro p {
  font-family: 'Courier New',monospace;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .05em;
  line-height: 1.5;
  margin: 19px 0;
}
body.home-sidewalk .journal-card {
  border-left: 1px solid #f3eddb66;
  padding-left: 23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.home-sidewalk .journal-card>a:first-child {
  width: 100%;
}
body.home-sidewalk .journal-card img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  border: 1px solid var(--paper);
}
body.home-sidewalk .journal-card h3 {
  font-size: 24px;
  margin: 15px 0 12px;
  letter-spacing: -.02em;
}
body.home-sidewalk .journal-card p {
  font-size: 16px;
  line-height: 1.35;
  margin-bottom: 22px;
}
body.home-sidewalk .journal-card .text-link {
  margin-top: auto;
}
body.home-sidewalk .become {
  padding-top: 54px;
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: 1.3fr 1.2fr .7fr;
  gap: 45px;
  align-items: center;
  border-bottom: var(--border);
  position: relative;
  isolation: isolate;
}
body.home-sidewalk .become:before {
  content: '';
  position: absolute;
  width: 21%;
  height: 100%;
  top: 0;
  right: 0;
  background: var(--lilac);
  z-index: -1;
}
body.home-sidewalk .become-title>.micro {
  display: block;
  margin-bottom: 21px;
}
body.home-sidewalk .become-title img {
  width: 100%;
  max-height: 240px;
}
body.home-sidewalk .become-copy h3 {
  font-size: 30px;
  margin-bottom: 16px;
}
body.home-sidewalk .become-copy p {
  font-size: 16px;
  line-height: 1.45;
}
body.home-sidewalk .become-copy .availability {
  font-size: 12px;
  margin: 14px 0 0;
}
body.home-sidewalk .become-art {
  position: relative;
  max-width: 220px;
  text-align: center;
  transform: rotate(7deg);
  align-self: center;
}
body.home-sidewalk .become-art img {
  width: 100%;
}
body.home-sidewalk .become-art span {
  display: block;
  font-family: 'Courier New',monospace;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  transform: rotate(-13deg);
  margin-top: 6px;
}
body.home-sidewalk .last-call {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  min-height: 155px;
  padding-top: 30px;
  padding-bottom: 30px;
}
body.home-sidewalk .last-call h2 {
  flex: 1;
}
body.home-sidewalk .last-call img {
  width: 100%;
  max-width: 970px;
}
body.home-sidewalk .last-call .button {
  flex: none;
}
body.home-sidewalk .footer {
  background: var(--ink);
  color: var(--paper);
  padding-top: 56px;
  padding-bottom: 26px;
}
body.home-sidewalk .footer-grid {
  display: grid;
  grid-template-columns: 1.45fr repeat(3,1fr) 1.25fr;
  gap: 35px;
}
body.home-sidewalk .footer-brand>a:first-child {
  display: block;
  max-width: 225px;
  margin-bottom: 23px;
}
body.home-sidewalk .footer-brand p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 15px;
}
body.home-sidewalk .email {
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 5px;
}
body.home-sidewalk .socials {
  display: flex;
  gap: 21px;
  margin-top: 25px;
}
body.home-sidewalk .social {
  display: block;
  width: 24px;
  height: 24px;
  background: var(--paper);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
body.home-sidewalk .instagram {
  mask-image: url('/assets/sidewalk/icons/social/instagram.webp');
  -webkit-mask-image: url('/assets/sidewalk/icons/social/instagram.webp');
}
body.home-sidewalk .linkedin {
  mask-image: url('/assets/sidewalk/icons/social/linkedin.webp');
  -webkit-mask-image: url('/assets/sidewalk/icons/social/linkedin.webp');
}
body.home-sidewalk .facebook {
  mask-image: url('/assets/sidewalk/icons/social/facebook.webp');
  -webkit-mask-image: url('/assets/sidewalk/icons/social/facebook.webp');
}
body.home-sidewalk .youtube {
  mask-image: url('/assets/sidewalk/icons/social/youtube.webp');
  -webkit-mask-image: url('/assets/sidewalk/icons/social/youtube.webp');
}
body.home-sidewalk .footer-column h2 {
  font-size: 16px;
  margin: 4px 0 22px;
  font-weight: 800;
}
body.home-sidewalk .footer-column a {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.4;
}
body.home-sidewalk .footer-column a:hover,body.home-sidewalk .footer-bottom a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.home-sidewalk .footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 45px;
  border-top: 1px solid #f3eddb55;
  padding-top: 22px;
  font-size: 11px;
}
@media(min-width:1600px) {
  body.home-sidewalk .hero {
    min-height: 770px;
  }
  body.home-sidewalk .hero-copy {
    padding-top: 44px;
    max-width: 850px;
  }
  body.home-sidewalk .walking-buddy {
    right: 15%;
  }
  body.home-sidewalk .header {
    min-height: 125px;
  }
  body.home-sidewalk .meet {
    min-height: 380px;
  }
  body.home-sidewalk .buddy-head {
    height: 345px;
  }
}
@media(max-width:1100px) {
  body.home-sidewalk .header nav {
    gap: 22px;
    font-size: 14px;
  }
  body.home-sidewalk .brand {
    width: 145px;
  }
  body.home-sidewalk .header {
    min-height: 93px;
    gap: 20px;
  }
  body.home-sidewalk .header-cta {
    font-size: 15px;
    padding: 12px 18px;
  }
  body.home-sidewalk .hero {
    min-height: 560px;
  }
  body.home-sidewalk .hero-copy {
    width: 54%;
    padding-top: 29px;
  }
  body.home-sidewalk .hero-subtitle {
    font-size: 24px;
  }
  body.home-sidewalk .hero .button {
    font-size: 15px;
    padding: 12px 18px;
  }
  body.home-sidewalk .good-stamp {
    display: none;
  }
  body.home-sidewalk .meet {
    grid-template-columns: .95fr 1.3fr 1fr;
    gap: 25px;
    min-height: 290px;
  }
  body.home-sidewalk .meet-side {
    display: none;
  }
  body.home-sidewalk .buddy-head {
    height: 270px;
  }
  body.home-sidewalk .meet-copy h3 {
    font-size: 27px;
  }
  body.home-sidewalk .meet-copy p {
    font-size: 15px;
  }
  body.home-sidewalk .vibe {
    padding: 0 15px 12px;
  }
  body.home-sidewalk .vibe h3 {
    font-size: 23px;
  }
  body.home-sidewalk .vibe p {
    font-size: 14px;
  }
  body.home-sidewalk .journal {
    gap: 20px;
  }
  body.home-sidewalk .journal-card {
    padding-left: 17px;
  }
  body.home-sidewalk .journal-card h3 {
    font-size: 21px;
  }
  body.home-sidewalk .journal-card p {
    font-size: 14px;
  }
  body.home-sidewalk .become {
    gap: 30px;
    grid-template-columns: 1.15fr 1.25fr .55fr;
  }
  body.home-sidewalk .become-copy h3 {
    font-size: 26px;
  }
  body.home-sidewalk .become-art span {
    font-size: 14px;
  }
  body.home-sidewalk .last-call {
    gap: 24px;
  }
  body.home-sidewalk .last-call .button {
    font-size: 14px;
    padding: 14px;
  }
  body.home-sidewalk .footer-grid {
    grid-template-columns: 1.25fr repeat(3,1fr) 1.3fr;
    gap: 23px;
  }
  body.home-sidewalk .footer-column a {
    font-size: 12px;
  }
  body.home-sidewalk .email {
    font-size: 12px;
  }
}
@media(max-width:760px) {
  body.home-sidewalk {
    font-size: 16px;
  }
  body.home-sidewalk .header {
    padding: 15px 22px;
    flex-wrap: wrap;
    gap: 16px;
    min-height: unset;
  }
  body.home-sidewalk .brand {
    width: 128px;
  }
  body.home-sidewalk .header-cta {
    margin-left: auto;
    min-height: 45px;
    padding: 10px 16px;
    font-size: 14px;
  }
  body.home-sidewalk .header nav {
    order: 3;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    font-size: 13px;
  }
  body.home-sidewalk .preview-strip {
    font-size: 9px;
    letter-spacing: .1em;
    min-height: 29px;
    gap: 8px;
  }
  body.home-sidewalk .preview-strip span {
    font-size: 18px;
  }
  body.home-sidewalk .header-divider { height: 14.5px; }
  body.home-sidewalk .hero {
    min-height: unset;
    padding-bottom: 400px;
  }
  body.home-sidewalk .hero-copy {
    width: 100%;
    padding: 28px 23px 0;
  }
  body.home-sidewalk .hero h1 {
    max-width: 590px;
    margin-bottom: 22px;
  }
  body.home-sidewalk .hero h1 img {
    width: 100%;
  }
  body.home-sidewalk .hero-subtitle {
    font-size: 24px;
    margin-bottom: 22px;
  }
  body.home-sidewalk .hero-note {
    margin: 22px 0 0;
    font-size: 9px;
  }
  body.home-sidewalk .hero-art {
    top: auto;
    height: 400px;
  }
  body.home-sidewalk .street {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
  }
  body.home-sidewalk .walking-buddy {
    height: 94%;
    right: 23%;
    max-width: 65%;
    bottom: 2px;
  }
  body.home-sidewalk .hero .button {
    font-size: 15px;
    padding: 13px 19px;
  }
  body.home-sidewalk .actions {
    gap: 10px;
  }
  body.home-sidewalk .meet {
    grid-template-columns: 1fr 1.22fr;
    padding-top: 29px;
    gap: 22px;
    align-items: start;
    min-height: unset;
  }
  body.home-sidewalk .meet-lettering {
    max-width: 240px;
  }
  body.home-sidewalk .meet-copy {
    padding-bottom: 26px;
  }
  body.home-sidewalk .meet-copy h3 {
    font-size: 25px;
  }
  body.home-sidewalk .meet-copy p {
    font-size: 14px;
  }
  body.home-sidewalk .meet-copy .button {
    font-size: 14px;
    padding: 12px 18px;
    min-height: 46px;
  }
  body.home-sidewalk .buddy-head {
    display: none;
  }
  body.home-sidewalk .section-intro {
    display: block;
    margin-bottom: 22px;
  }
  body.home-sidewalk .section-intro h2 {
    width: 100%;
  }
  body.home-sidewalk .section-intro>span {
    margin-top: 14px;
    font-size: 9px;
  }
  body.home-sidewalk .section-intro>span:before {
    display: none;
  }
  body.home-sidewalk .hangouts {
    padding-top: 29px;
  }
  body.home-sidewalk .vibes {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }
  body.home-sidewalk .vibe {
    padding: 0 12px 12px;
  }
  body.home-sidewalk .vibe:nth-child(3) {
    border-left: 0;
  }
  body.home-sidewalk .vibe:nth-child(n+3) {
    padding-top: 20px;
    border-top: 1px solid #17251f66;
  }
  body.home-sidewalk .vibe>img {
    width: 100%;
    max-width: 190px;
  }
  body.home-sidewalk .vibe h3 {
    font-size: 21px;
    white-space: normal;
    min-height: 23px;
  }
  body.home-sidewalk .vibe p {
    font-size: 13px;
    min-height: 57px;
    margin-bottom: 12px;
  }
  body.home-sidewalk .vibe .text-link {
    font-size: 12px;
    border-bottom-width: 3px;
  }
  body.home-sidewalk .hangout-note {
    display: block;
    margin-top: 23px;
    padding-top: 14px;
  }
  body.home-sidewalk .hangout-note .micro {
    display: block;
    font-size: 9px;
  }
  body.home-sidewalk .hangout-note>span {
    font-size: 10px;
    display: block;
    margin-top: 7px;
  }
  body.home-sidewalk .journal {
    grid-template-columns: 1fr;
    padding-top: 31px;
    padding-bottom: 31px;
    gap: 26px;
  }
  body.home-sidewalk .journal-intro {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 12px 24px;
    align-items: center;
    padding: 0;
  }
  body.home-sidewalk .journal-intro h2 {
    max-width: 220px;
  }
  body.home-sidewalk .journal-intro p {
    font-size: 11px;
    margin: 0;
    align-self: center;
  }
  body.home-sidewalk .journal-intro .text-link {
    justify-self: start;
    align-self: start;
    font-size: 12px;
  }
  body.home-sidewalk .journal-card {
    border-left: 0;
    border-top: 1px solid #f3eddb66;
    padding: 24px 0 0;
    display: block;
  }
  body.home-sidewalk .journal-card img {
    aspect-ratio: 3/2;
    max-height: 340px;
  }
  body.home-sidewalk .journal-card h3 {
    font-size: 27px;
    margin-top: 16px;
  }
  body.home-sidewalk .journal-card p {
    font-size: 15px;
    max-width: 500px;
    margin-bottom: 13px;
  }
  body.home-sidewalk .journal-card .text-link {
    font-size: 14px;
  }
  body.home-sidewalk .become {
    padding-top: 32px;
    padding-bottom: 30px;
    grid-template-columns: 1fr;
    gap: 27px;
  }
  body.home-sidewalk .become:before {
    width: 28%;
    height: 190px;
    top: 0;
  }
  body.home-sidewalk .become-title {
    width: 89%;
    max-width: 520px;
  }
  body.home-sidewalk .become-title>.micro {
    font-size: 9px;
    margin-bottom: 18px;
  }
  body.home-sidewalk .become-title img {
    max-height: 200px;
    object-fit: contain;
    object-position: left;
  }
  body.home-sidewalk .become-copy {
    max-width: 580px;
  }
  body.home-sidewalk .become-copy h3 {
    font-size: 28px;
  }
  body.home-sidewalk .become-copy p {
    font-size: 15px;
  }
  body.home-sidewalk .become-art {
    display: none;
  }
  body.home-sidewalk .last-call {
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
  body.home-sidewalk .last-call h2 {
    width: 100%;
  }
  body.home-sidewalk .last-call .button {
    font-size: 15px;
    padding: 13px 22px;
  }
  body.home-sidewalk .footer {
    padding-top: 36px;
    padding-bottom: 23px;
  }
  body.home-sidewalk .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px 22px;
  }
  body.home-sidewalk .footer-brand {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 22px;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #f3eddb55;
  }
  body.home-sidewalk .footer-brand>a:first-child {
    max-width: 200px;
    grid-row: span 2;
    margin: 0;
  }
  body.home-sidewalk .footer-brand p {
    font-size: 12px;
    margin: 0;
  }
  body.home-sidewalk .email {
    font-size: 11px;
    overflow-wrap: anywhere;
  }
  body.home-sidewalk .socials {
    grid-column: 2;
    gap: 17px;
    margin: 0;
  }
  body.home-sidewalk .social {
    width: 21px;
    height: 21px;
  }
  body.home-sidewalk .footer-column h2 {
    font-size: 15px;
    margin: 0 0 17px;
  }
  body.home-sidewalk .footer-column a {
    font-size: 12px;
    margin-bottom: 10px;
  }
  body.home-sidewalk .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    font-size: 9px;
    margin-top: 28px;
    padding-top: 19px;
  }
  body.home-sidewalk .footer-bottom span:nth-child(2) {
    order: 3;
    grid-column: 1/-1;
  }
  body.home-sidewalk .footer-bottom a:last-child {
    text-align: right;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.home-sidewalk {
    scroll-behavior: auto;
  }
  body.home-sidewalk .button {
    transition: none;
  }
}
/* Explicit SVG sizing; inline social paths also work when the mockup is opened locally. */
body.home-sidewalk .section-intro h2 img,body.home-sidewalk .journal-intro h2 img {
  width: 100%;
}
body.home-sidewalk .social-mark {
  display: block;
  width: 24px;
  height: 24px;
  flex: none;
  color: var(--paper);
  fill: currentColor;
}
@media(max-width:760px) {
  body.home-sidewalk .social-mark {
    width: 21px;
    height: 21px;
  }
}
body.home-sidewalk .vibe h3 {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.home-sidewalk .vibe h3 img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 38px;
}
@media(max-width:760px) {
  body.home-sidewalk .vibe h3 {
    height: 30px;
  }
  body.home-sidewalk .vibe h3 img {
    max-height: 30px;
  }
}

/* Integration additions: native navigation and unavailable destinations. */
body.home-sidewalk .header { position: relative; z-index: 20; }
body.home-sidewalk .sidewalk-mobile-nav { display: none; }
body.home-sidewalk details[data-nav-menu] { position: relative; }
body.home-sidewalk details[data-nav-menu] > summary {
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  list-style: none;
}
body.home-sidewalk details[data-nav-menu] > summary::-webkit-details-marker { display: none; }
body.home-sidewalk summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 6px; }
body.home-sidewalk .pending-link { display: inline-flex; flex-direction: column; gap: 3px; }
body.home-sidewalk .pending-link small { font-size: 10px; font-weight: 400; line-height: 1.4; }
body.home-sidewalk .pending-link.button { cursor: default; }
body.home-sidewalk .pending-link.button:hover { transform: none; box-shadow: none; }
body.home-sidewalk .footer-column .pending-link {
  display: flex;
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.4;
}
body.home-sidewalk .journal-card > .pending-link:first-child { width: 100%; }
body.home-sidewalk .meet > *,
body.home-sidewalk .vibe,
body.home-sidewalk .journal > *,
body.home-sidewalk .footer-grid > * { min-width: 0; }
body.home-sidewalk .meet a:focus-visible,
body.home-sidewalk .meet button:focus-visible,
body.home-sidewalk .meet summary:focus-visible { outline-color: var(--ink); }
@media (max-width: 1100px) {
  body.home-sidewalk .footer-column .pending-link { font-size: 12px; }
}
@media (max-width: 760px) {
  body.home-sidewalk .header .sidewalk-desktop-nav { display: none; }
  /* The kit's mobile navigation row becomes a native expandable menu. */
  body.home-sidewalk .header .sidewalk-mobile-nav {
    display: block;
    position: static;
    order: 3;
    flex-basis: 100%;
  }
  body.home-sidewalk .sidewalk-mobile-nav > summary {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 9px 0;
    border-top: 1px solid var(--ink);
  }
  body.home-sidewalk .menu-bars { display: grid; gap: 5px; width: 28px; }
  body.home-sidewalk .menu-bars > span { height: 3px; border-radius: 2px; background: var(--ink); }
  body.home-sidewalk .menu-bars > span:first-child { background: var(--orange); }
  body.home-sidewalk .menu-bars > span:nth-child(2) { background: var(--lilac); }
  body.home-sidewalk .header .sidewalk-mobile-nav > nav {
    position: absolute;
    top: 100%;
    right: 22px;
    left: 22px;
    z-index: 30;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: auto;
    max-height: calc(100svh - 180px);
    overflow-y: auto;
    gap: 10px;
    padding: 18px 22px;
    background: var(--paper);
    color: var(--ink);
    border: var(--border);
    box-shadow: 4px 4px 0 var(--orange);
  }
  body.home-sidewalk .sidewalk-mobile-nav nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  body.home-sidewalk .sidewalk-mobile-nav .guide-dropdown { display: grid; gap: 8px; padding: 10px 0 10px 14px; }
  body.home-sidewalk .footer-column .pending-link { margin-bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-sidewalk .button:hover,
  body.home-sidewalk .button:active { transform: none; }
}
/* Editable headings use live type when their words differ from supplied artwork. */
body.home-sidewalk .live-lettering { font-family:Arial,Helvetica,sans-serif; font-weight:900; line-height:1.03; letter-spacing:-.045em; overflow-wrap:anywhere; }
body.home-sidewalk .hero h1.live-lettering { font-size:clamp(52px,6vw,100px); }
body.home-sidewalk h2.live-lettering { font-size:clamp(32px,4vw,62px); }
body.home-sidewalk .vibe h3.live-lettering { white-space:normal; height:auto; min-height:38px; }

@media (max-width:360px) {
  body.home-sidewalk .header { gap:12px; }
  body.home-sidewalk .brand { width:110px; }
  body.home-sidewalk .header-cta { font-size:12px; padding:10px 12px; gap:12px; min-height:44px; }
}
@media (min-width:761px) and (max-width:900px) {
  body.home-sidewalk .walking-buddy { right:3%; height:80%; max-width:none; }
}