.neighborhood-guide-page {
  overflow-x: clip;
  background: #f8f6f0;
  color: var(--espresso);
  font-family: "Karla", Arial, sans-serif;
}

.neighborhood-guide-page h1,
.neighborhood-guide-page h2,
.neighborhood-guide-page h3 {
  margin-top: 0;
  font-family: "Lora", Georgia, serif;
  font-weight: 500;
}

.neighborhood-guide-page p,
.neighborhood-guide-page figure { margin-top: 0; }

.simple-neighborhood-guide {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  padding: 7.5rem 0 0;
}

.neighborhood-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0 0 1.25rem;
  color: var(--muted);
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.neighborhood-breadcrumb a { text-decoration: none; }

.simple-guide-hero {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.45fr);
  gap: 12px;
}

.simple-guide-hero figure {
  position: relative;
  height: 470px;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: var(--sand);
}

.los-feliz-guide-page .simple-guide-hero figure {
  height: 390px;
  min-height: 0;
}

.simple-guide-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.simple-hero-title img {
  filter: saturate(.72) brightness(.7);
  object-position: 46% center;
}

.simple-hero-place img {
  filter: saturate(.72) contrast(.96);
  object-position: center;
}

.simple-guide-hero h1 {
  position: absolute;
  left: clamp(1.5rem, 4vw, 3.5rem);
  top: 50%;
  margin: 0;
  color: white;
  font-size: clamp(3.3rem, 5.5vw, 5.8rem);
  letter-spacing: -.035em;
  line-height: .92;
  transform: translateY(-50%);
}

.simple-guide-hero h1.simple-hero-word {
  font-size: clamp(2.65rem, 4.2vw, 4.35rem);
  white-space: nowrap;
}

.simple-guide-hero figcaption {
  position: absolute;
  right: .65rem;
  bottom: .45rem;
  max-width: calc(100% - 1.3rem);
  padding: .4rem .5rem;
  background: rgba(33, 23, 19, .9);
  color: white;
  font-size: .65rem;
  letter-spacing: .03em;
  line-height: 1.35;
}

.simple-guide-hero figcaption a { color: inherit; }

.simple-guide-intro {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.45fr);
  gap: clamp(4rem, 8vw, 8rem);
  padding: clamp(5rem, 8vw, 8rem) .75rem clamp(6rem, 10vw, 10rem);
  align-items: start;
}

.simple-facts dl { margin: 0; }

.simple-facts dl div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  padding: .9rem 0;
  border-bottom: 1px solid var(--espresso);
}

.simple-facts dt,
.simple-facts dd {
  margin: 0;
  font-size: .86rem;
  line-height: 1.25;
  text-transform: uppercase;
}

.simple-facts dd {
  overflow-wrap: anywhere;
  text-align: right;
}

.simple-facts > p {
  margin: 1rem 0 0;
  color: var(--muted);
  font-size: .66rem;
  line-height: 1.55;
}

.simple-facts a,
.simple-disclaimer a { text-decoration: underline; text-underline-offset: 3px; }

.simple-intro-copy h2,
.simple-section-heading h2,
.simple-local-essentials h2,
.simple-guide-close h2 {
  margin-bottom: 1.5rem;
  font-size: clamp(2.4rem, 4vw, 4.3rem);
  letter-spacing: -.03em;
  line-height: 1;
}

.simple-intro-copy p,
.simple-location-copy > p,
.simple-section-heading p,
.simple-guide-close > div > p {
  max-width: 66ch;
  color: var(--ink);
  font-size: 1.04rem;
  line-height: 1.72;
}

.simple-intro-copy .button { margin-top: 1.25rem; }

.simple-tuesday {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  margin: 0 .75rem clamp(6rem, 10vw, 10rem);
  background: var(--sand);
}

.simple-tuesday-mark {
  display: flex;
  min-height: 440px;
  padding: clamp(2.5rem, 5vw, 4.5rem);
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: var(--espresso);
  color: white;
}

.simple-tuesday-mark strong {
  max-width: 4.5ch;
  color: #eadfce;
  font-family: "Lora", Georgia, serif;
  font-size: clamp(3rem, 5.8vw, 6rem);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: .9;
}

.simple-tuesday-mark p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.simple-tuesday-mark span { color: white; }

.simple-tuesday-copy {
  padding: clamp(2.5rem, 6vw, 5.5rem);
  align-self: center;
}

.simple-tuesday-copy h2 {
  max-width: 12ch;
  margin-bottom: 1.5rem;
  font-size: clamp(2.4rem, 4vw, 4.3rem);
  letter-spacing: -.03em;
  line-height: 1;
}

.simple-tuesday-copy p {
  max-width: 66ch;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.72;
}

.simple-tuesday-copy a {
  display: inline-block;
  margin-top: 1rem;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-transform: uppercase;
}

.button-outline {
  border: 1px solid var(--espresso);
  background: transparent;
  color: var(--espresso);
}

.button-outline:hover,
.button-outline:focus-visible {
  background: var(--espresso);
  color: white;
}

.simple-location {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(3rem, 7vw, 7rem);
  padding: 0 .75rem clamp(6rem, 10vw, 10rem);
  align-items: center;
}

.simple-location h2 {
  margin-bottom: 1.5rem;
  font-size: clamp(2.2rem, 3.4vw, 3.7rem);
  letter-spacing: -.025em;
  line-height: 1.05;
}

.simple-distance-note {
  margin: 2rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}

.simple-distance-note strong { color: var(--espresso); }

.simple-map {
  min-height: 520px;
  background: var(--sage);
}

.simple-map iframe {
  display: block;
  width: 100%;
  height: 520px;
  border: 0;
  filter: grayscale(.68) sepia(.18) contrast(.92);
}

.simple-history {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
  width: min(1060px, calc(100% - 48px));
  margin: 0 auto clamp(6rem, 10vw, 10rem);
  padding: 0;
  background: var(--sand);
  align-items: center;
}

.simple-history figure {
  align-self: stretch;
  margin: 0;
  background: var(--espresso);
}

.simple-history img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  filter: sepia(.12) contrast(1.04);
}

.simple-history figcaption {
  padding: .7rem .85rem;
  color: white;
  background: var(--espresso);
  font-size: .56rem;
  line-height: 1.45;
}

.simple-history figcaption a { color: inherit; }

.simple-history > p {
  padding: clamp(2.5rem, 5vw, 4.5rem);
}

.simple-history p {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  line-height: 1.65;
}

.simple-history strong {
  color: var(--espresso);
  font-family: "Lora", Georgia, serif;
  font-size: 1.25em;
  font-weight: 500;
}

.simple-approved {
  padding: 0 .75rem clamp(7rem, 11vw, 11rem);
}

.simple-pockets {
  padding: 0 .75rem clamp(7rem, 11vw, 11rem);
}

.simple-pocket-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--espresso);
}

.simple-pocket-grid article {
  display: grid;
  grid-template-columns: minmax(145px, .85fr) minmax(0, 1.15fr);
  min-height: 300px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.simple-pocket-grid article:nth-child(2n) { border-right: 0; }

.simple-pocket-image {
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--sand);
}

.simple-pocket-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 450ms cubic-bezier(.16, 1, .3, 1);
}

.simple-pocket-copy {
  align-self: center;
  padding: clamp(1.5rem, 3vw, 2.75rem);
}

.simple-pocket-grid h3 {
  max-width: 14ch;
  margin-bottom: 1.5rem;
  font-size: clamp(1.45rem, 2.2vw, 2.25rem);
  line-height: 1.08;
}

.simple-pocket-grid p {
  max-width: 48ch;
  margin: 0;
  color: var(--ink);
  line-height: 1.7;
}

.simple-guide-close--no-homes { padding-top: clamp(6rem, 9vw, 8rem); }

.silver-lake-guide-page .simple-hero-place img { object-position: center 58%; }

.silver-lake-guide-page .simple-place-grid article:first-child img { object-position: center 62%; }

.simple-section-heading {
  max-width: 740px;
  margin: 0 auto clamp(3rem, 6vw, 5rem);
  text-align: center;
}

.simple-section-heading p { margin-inline: auto; }

.no-break { white-space: nowrap; }

.heading-keep { white-space: nowrap; }

.simple-place-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
}

.simple-place-grid article {
  padding: 0 1.25rem 2rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.simple-place-grid article:nth-child(4n) { border-right: 0; }

.simple-place-image,
.simple-park-image {
  display: block;
  margin: 0 -1.25rem 1.4rem;
  overflow: hidden;
  background: var(--sand);
}

.simple-place-image img,
.simple-park-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 450ms cubic-bezier(.16, 1, .3, 1);
}

.simple-place-image:focus-visible img,
.simple-park-image:focus-visible img { transform: scale(1.025); }

.simple-place-grid h3 {
  margin-bottom: 1.25rem;
  font-size: clamp(1.45rem, 2.1vw, 2.1rem);
  line-height: 1.12;
}

.simple-place-grid h3 a {
  text-decoration-color: var(--bronze);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.simple-place-grid p,
.simple-park-grid p {
  margin: 0;
  color: var(--ink);
  font-size: .94rem;
  line-height: 1.65;
}

.simple-local-essentials {
  margin-inline: calc(50% - 50vw);
  padding: clamp(6rem, 10vw, 9rem) max(24px, calc((100vw - 1280px) / 2));
  background: #efe9de;
}

.simple-schools {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}

.simple-schools h2 { max-width: 10ch; }

.simple-list { border-top: 1px solid var(--espresso); }

.simple-list p {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem;
  margin: 0;
  padding: 1.05rem 0;
  border-bottom: 1px solid var(--line);
}

.simple-list strong {
  font-family: "Lora", Georgia, serif;
  font-size: 1.06rem;
  font-weight: 500;
}

.simple-list span {
  color: var(--muted);
  font-size: .74rem;
  text-align: right;
  text-transform: uppercase;
}

.simple-list span a {
  color: var(--espresso);
  font-weight: 700;
  text-underline-offset: 3px;
}

.simple-disclaimer {
  grid-column: 2;
  max-width: 74ch;
  margin: 1rem 0 0;
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.6;
}

.simple-parks { margin-top: clamp(6rem, 10vw, 9rem); }

.simple-parks h2 {
  max-width: none;
  margin-bottom: 2.5rem;
  text-align: center;
}

.simple-park-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--espresso);
  border-bottom: 1px solid var(--espresso);
}

.simple-park-grid article {
  padding: 0 1.5rem 2rem;
  border-right: 1px solid var(--line);
}

.simple-park-grid article:last-child { border-right: 0; }

.simple-nearby-feature {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  margin-top: 2.5rem;
  padding: 1.5rem;
  background: var(--paper);
}

.simple-nearby-feature img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.simple-nearby-feature h3 {
  margin-bottom: 1rem;
  font-size: clamp(1.75rem, 2.8vw, 2.8rem);
  line-height: 1.08;
}

.simple-nearby-feature p { max-width: 52ch; }

.simple-nearby-feature a {
  display: inline-block;
  margin-top: 1rem;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.simple-park-grid h3 {
  margin-bottom: 1.25rem;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.15;
}

.simple-park-grid h3 a {
  text-decoration-color: var(--bronze);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.simple-park-image { margin-inline: -1.5rem; }

.simple-neighborhood-homes {
  padding: clamp(7rem, 11vw, 11rem) .75rem clamp(3.5rem, 5vw, 5rem);
}

.simple-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--espresso);
  border-bottom: 1px solid var(--espresso);
}

.simple-home-grid article {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 0 1.5rem 2.5rem;
  border-right: 1px solid var(--line);
}

.simple-home-grid article:last-child { border-right: 0; }

.simple-home-grid--single {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

.simple-home-grid--single article { border-right: 0; }

.simple-home-image {
  display: block;
  margin: 0 -1.5rem 2rem;
  overflow: hidden;
  background: var(--sand);
}

.simple-home-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 450ms cubic-bezier(.16, 1, .3, 1);
}

.simple-home-image:focus-visible img { transform: scale(1.025); }

@media (hover: hover) and (pointer: fine) {
  .simple-pocket-grid article:hover .simple-pocket-image img,
  .simple-place-image:hover img,
  .simple-park-image:hover img,
  .simple-home-image:hover img { transform: scale(1.025); }
}

.simple-home-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.simple-home-number {
  margin: 0 0 .85rem;
  color: var(--muted);
  font-size: .64rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.simple-home-grid h3 {
  margin-bottom: 1rem;
  font-size: clamp(1.75rem, 2.8vw, 2.8rem);
  line-height: 1.08;
}

.simple-home-grid h3 a {
  text-decoration-color: var(--bronze);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

.simple-home-copy > p:not(.simple-home-number) {
  max-width: 50ch;
  margin: 0 0 1.5rem;
  color: var(--ink);
  line-height: 1.65;
}

.simple-home-link {
  margin-top: auto;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-transform: uppercase;
}

.simple-guide-close {
  padding: clamp(2.5rem, 4vw, 4rem) .75rem clamp(6rem, 9vw, 8rem);
  text-align: center;
}

.simple-guide-close > div {
  max-width: 680px;
  margin-inline: auto;
}

.simple-guide-close h2 { margin-inline: auto; }

.simple-guide-close p {
  max-width: 58ch;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .simple-neighborhood-guide { width: min(680px, calc(100% - 40px)); }
  .simple-guide-hero { grid-template-columns: .82fr 1.18fr; }
  .simple-guide-hero figure { height: 380px; }
  .los-feliz-guide-page .simple-guide-hero figure { height: 330px; }
  .simple-guide-intro,
  .simple-tuesday,
  .simple-location,
  .simple-schools,
  .simple-guide-close { grid-template-columns: 1fr; }
  .simple-guide-intro { gap: 3.5rem; }
  .simple-tuesday { margin-inline: 0; }
  .simple-tuesday-mark { min-height: 320px; }
  .simple-facts { max-width: 520px; }
  .simple-location { align-items: start; }
  .simple-place-grid { grid-template-columns: repeat(2, 1fr); }
  .simple-pocket-grid { grid-template-columns: 1fr; }
  .simple-pocket-grid article { border-right: 0; }
  .simple-place-grid article:nth-child(4n) { border-right: 1px solid var(--line); }
  .simple-place-grid article:nth-child(2n) { border-right: 0; }
  .simple-history { grid-template-columns: 1fr; }
  .simple-history img { min-height: 440px; }
  .simple-disclaimer { grid-column: 1; }
  .simple-park-grid { grid-template-columns: 1fr; }
  .simple-park-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .simple-park-grid article:last-child { border-bottom: 0; }
  .simple-park-grid h3 { margin-bottom: 2rem; }
  .simple-nearby-feature { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .simple-neighborhood-guide {
    width: calc(100% - 32px);
    padding-top: 6.25rem;
  }
  .neighborhood-breadcrumb { font-size: .56rem; }
  .simple-guide-hero {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .simple-guide-hero figure { height: 330px; }
  .los-feliz-guide-page .simple-guide-hero figure { height: 285px; }
  .simple-hero-place { display: none; }
  .simple-guide-hero h1 { font-size: 3.25rem; }
  .simple-guide-hero h1.simple-hero-word { font-size: 2.75rem; }
  .simple-facts {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  .simple-facts dl div {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-start;
  }
  .simple-facts dt,
  .simple-facts dd {
    width: 100%;
    min-width: 0;
    font-size: .78rem;
  }
  .simple-facts dd { text-align: left; }
  .simple-guide-intro,
  .simple-tuesday,
  .simple-location,
  .simple-approved,
  .simple-pockets,
  .simple-neighborhood-homes,
  .simple-guide-close { padding-inline: 0; }
  .simple-location h2,
  .simple-tuesday-copy h2,
  .simple-intro-copy h2,
  .simple-section-heading h2,
  .simple-local-essentials h2,
  .simple-guide-close h2 { font-size: 2.35rem; }
  .simple-map,
  .simple-map iframe { min-height: 390px; height: 390px; }
  .simple-history { width: 100%; }
  .simple-place-grid,
  .simple-park-grid {
    display: flex;
    gap: 1px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .simple-place-grid::-webkit-scrollbar,
  .simple-park-grid::-webkit-scrollbar { display: none; }
  .simple-place-grid article,
  .simple-place-grid article:nth-child(4n),
  .simple-park-grid article,
  .simple-park-grid article:last-child {
    flex: 0 0 min(84vw, 360px);
    min-height: 0;
    border-right: 1px solid var(--line);
    border-bottom: 0;
    scroll-snap-align: start;
  }
  .simple-pocket-grid article { grid-template-columns: 1fr; min-height: 0; }
  .simple-pocket-image { min-height: 0; aspect-ratio: 4 / 3; }
  .simple-home-grid { grid-template-columns: 1fr; }
  .simple-home-grid article { border-right: 0; border-bottom: 1px solid var(--line); }
  .simple-home-grid article:last-child { border-bottom: 0; }
  .simple-history img { min-height: 340px; }
  .simple-list p { grid-template-columns: 1fr; gap: .35rem; }
  .simple-list span { text-align: left; }
  .simple-local-essentials { padding-inline: 16px; }
  .simple-guide-close { gap: 5rem; }
}