:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:root {
  --rl-red: #C8102E;
--rl-white: #FFFFFF;
--rl-charcoal: #20262A;
--rl-steel: #56636B;
--rl-gray: #F1F4F5;
--rl-divider: #D9DFE1;
--content-width: 1200px;
--rl-gutter: clamp(1.25rem, 4vw, 4rem);
--rl-section-space: clamp(3.25rem, 6vw, 5rem);
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rl-skip {
  position:fixed; inset-block-start:.5rem; inset-inline-start:1rem; transform:translateY(-180%); background:var(--rl-charcoal); color:white; padding:.8rem 1rem; z-index:1000; &:focus{transform:translateY(0);}
}
.rl-header {
  --rl-section-space:1rem; background:var(--rl-white); border-bottom:1px solid var(--rl-divider);
}
.rl-container {
  gap:0;
}
.rl-header-inner {
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; @media(max-width:720px){grid-template-columns:1fr auto; gap:.8rem 1rem;}
}
.rl-brand {
  display:block; flex:none; inline-size:142px; @media(max-width:720px){inline-size:112px;}
}
.rl-logo {
  display:block; inline-size:100%; block-size:auto;
}
.rl-nav {
  display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; justify-self:end; gap:clamp(1rem,2.4vw,2rem); @media(max-width:720px){inline-size:100%; justify-content:space-between; gap:.65rem; grid-column:1/-1; grid-row:2;}
}
.rl-nav-link {
  font-size:.875rem; font-weight:600; color:var(--rl-charcoal); text-decoration:none; padding-block:.7rem; &:hover{text-decoration:underline; text-underline-offset:.25em;} @media(max-width:380px){font-size:.8rem;}
}
.rl-button {
  display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:.95rem 1.5rem; min-block-size:48px; background:var(--rl-red); border:1.5px solid var(--rl-red); border-radius:3px; color:var(--rl-white); text-decoration:none; font-size:.9rem; font-weight:700; line-height:1.35; &:hover{background:#A90D27; border-color:#A90D27;} @media(max-width:380px){padding-inline:1.05rem;}
}
.rl-button-small {
  padding:.7rem 1rem; min-block-size:44px; font-size:.8rem;
}
.rl-main {
  display:block;
}
.rl-hero {
  --rl-section-space:clamp(2.25rem,5vw,4rem);
}
.rl-hero-grid {
  display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:clamp(2rem,4vw,4rem); @media(max-width:800px){grid-template-columns:1fr; gap:2rem;}
}
.rl-hero-copy {
  min-inline-size:0;
}
.rl-title {
  font-size:clamp(3.3rem,5.9vw,5.5rem); line-height:1.01; letter-spacing:-.035em; margin:0 0 1.5rem; font-weight:600;
}
.rl-lead {
  font-size:clamp(1rem,1.4vw,1.125rem); line-height:1.75; color:var(--rl-steel); max-inline-size:44ch; margin:0;
}
.rl-actions {
  display:flex; align-items:center; flex-wrap:wrap; gap:1.25rem; margin-block-start:1.75rem;
}
.rl-text-link {
  color:var(--rl-charcoal); font-size:.9rem; font-weight:600; text-decoration:underline; text-decoration-color:var(--rl-red); text-underline-offset:.3em; text-decoration-thickness:1px; &:hover{color:var(--rl-red);}
}
.rl-address {
  font-size:.84rem; line-height:1.7; font-style:normal; color:var(--rl-steel); margin-block-start:1.75rem; white-space:pre-line;
}
.rl-hero-figure {
  margin:0; position:relative; min-inline-size:0; border-inline-start:6px solid var(--rl-red); padding-inline-start:0;
}
.rl-hero-image {
  display:block; inline-size:100%; block-size:clamp(360px,34vw,460px); object-fit:cover; object-position:51% center; border-radius:0 3px 3px 0; @media(max-width:800px){block-size:auto; aspect-ratio:1.45;}
}
.rl-photo-caption {
  font-size:.75rem; color:var(--rl-steel); line-height:1.6; margin-block-start:.7rem;
}
.rl-connection {
  --rl-section-space:1.5rem; background:var(--rl-gray);
}
.rl-connection-inner {
  display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:2rem; @media(max-width:850px){align-items:flex-start; flex-direction:column; gap:1.25rem;}
}
.rl-stop {
  display:flex; align-items:center; gap:1.25rem;
}
.rl-station-dot {
  display:block; inline-size:23px; block-size:23px; border:6px solid var(--rl-red); border-radius:50%; flex:none; position:relative; &::after{content:""; position:absolute; inline-size:3px; block-size:1.5rem; background:var(--rl-red); inset-inline-start:4px; inset-block-start:15px;}
}
.rl-strip-title {
  font-size:1.55rem; line-height:1.2; margin:0 0 .25rem;
}
.rl-strip-copy {
  font-size:.85rem; color:var(--rl-steel); margin:0;
}
.rl-line-list {
  display:flex; flex-wrap:wrap; align-items:center; gap:.6rem;
}
.rl-line {
  font-size:.73rem; font-weight:700; border-radius:2px; padding:.35rem .65rem; line-height:1.45;
}
.rl-line-red {
  background:var(--rl-red); color:white;
}
.rl-line-purple {
  background:#522398; color:white;
}
.rl-line-yellow {
  background:#F9E300; color:#20262A;
}
.rl-section-intro {
  display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-block-end:1.75rem; & p{max-inline-size:47ch; margin:0;} & h2{margin:0;} @media(max-width:650px){display:block; & h2{margin-block-end:1rem;}}
}
.rl-copy {
  font-size:1rem; line-height:1.8; color:var(--rl-steel); max-inline-size:60ch; margin:0 0 1rem;
}
.rl-gallery {
  display:grid; grid-template-columns:1.25fr .75fr; gap:1.5rem; & figure{margin:0; min-inline-size:0;} @media(max-width:650px){grid-template-columns:1fr;}
}
.rl-gallery-image {
  display:block; inline-size:100%; block-size:330px; object-fit:cover; border-radius:3px; @media(max-width:650px){block-size:auto; aspect-ratio:1.6;}
}
.rl-small {
  font-size:.85rem; line-height:1.7; color:var(--rl-steel); margin:0;
}
.rl-gallery-note {
  margin-block-start:1.2rem;
}
.rl-transit {
  background:var(--rl-gray);
}
.rl-transit-grid {
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; @media(max-width:800px){grid-template-columns:1fr;}
}
.rl-transit-figure {
  margin:0; min-inline-size:0;
}
.rl-transit-photo-wrap {
  background:#B90F2C; overflow:hidden; border-radius:3px;
}
.rl-transit-image {
  display:block; inline-size:100%; block-size:340px; object-fit:cover; filter:grayscale(1) contrast(1.1); mix-blend-mode:luminosity; opacity:.86; @media(max-width:650px){block-size:auto; aspect-ratio:1.5;}
}
.rl-credit {
  font-size:.63rem; color:var(--rl-steel); line-height:1.6; margin-block-start:.65rem;
}
.rl-credit-link {
  color:inherit; text-underline-offset:.2em;
}
.rl-transit-heading {
  white-space:pre-line;
}
.rl-button-outline {
  background:transparent; color:var(--rl-red); &:hover{color:var(--rl-white);}
}
.rl-history-link {
  display:inline-block; margin-block-start:1.3rem; font-size:.8rem;
}
.rl-neighborhood-grid {
  display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,6vw,5rem); @media(max-width:800px){grid-template-columns:1fr;}
}
.rl-neighborhood-title {
  white-space:pre-line;
}
.rl-walkability {
  margin-block-start:2rem; border-inline-start:3px solid var(--rl-red); padding-inline-start:1.15rem; display:flex; flex-direction:column; align-items:flex-start; gap:.7rem;
}
.rl-walk-title {
  font-size:1.3rem; margin:0;
}
.rl-directory {
  display:grid; grid-template-columns:1fr 1fr; gap:0 2rem; margin:0; @media(max-width:450px){grid-template-columns:1fr;}
}
.rl-directory-item {
  border-block-start:1px solid var(--rl-divider); padding-block:1.2rem;
}
.rl-directory-term {
  font-size:1rem; font-weight:700; margin-block-end:.4rem;
}
.rl-directory-description {
  font-size:.85rem; line-height:1.75; color:var(--rl-steel); margin:0;
}
.rl-availability {
  background:#F9EFF1; border-block:1px solid #EFDADF;
}
.rl-availability-inner {
  display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:3rem; @media(max-width:800px){flex-direction:column; align-items:flex-start; gap:1.5rem;}
}
.rl-availability-copy {
  flex:1; & .rl-copy{max-inline-size:60ch; margin:0;}
}
.rl-listing-actions {
  display:flex; flex-direction:column; flex:none; gap:.7rem; min-inline-size:225px; @media(max-width:650px){inline-size:100%; min-inline-size:0;}
}
.rl-contact-grid {
  display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; @media(max-width:800px){grid-template-columns:1fr; gap:2.5rem;}
}
.rl-contact-email {
  display:block; font-size:clamp(1.05rem,2vw,1.4rem); font-weight:600; color:var(--rl-red); text-decoration:none; overflow-wrap:anywhere; margin-block-start:1.3rem; &:hover{text-decoration:underline; text-underline-offset:.25em;}
}
.rl-contact-phone {
  display:inline-block; font-size:1.1rem; color:var(--rl-charcoal); text-decoration:none; margin-block-start:.6rem; &:hover{text-decoration:underline; text-underline-offset:.25em;}
}
.rl-residents {
  display:flex; align-items:center; gap:1.5rem; background:var(--rl-gray); padding:1.75rem; border-radius:3px; & h3{font-size:1.6rem;} @media(max-width:450px){padding:1.5rem; gap:.8rem;}
}
.rl-resident-copy {
  flex:1; min-inline-size:0; & .rl-small{margin-block-end:1rem;} & .rl-text-link{font-size:.8rem;}
}
.rl-sketch {
  inline-size:32%; block-size:auto; mix-blend-mode:multiply; opacity:.7; @media(max-width:450px){display:none;}
}
.rl-footer {
  --rl-section-space:1.5rem; border-block-start:1px solid var(--rl-divider);
}
.rl-footer-inner {
  display:flex; flex-direction:row; justify-content:space-between; gap:1rem 2rem; align-items:center; flex-wrap:wrap;
}
.rl-footer-copyright {
  font-size:.7rem; color:var(--rl-steel); margin:0;
}
.rl-footer-legal {
  display:flex; gap:1rem; flex-wrap:wrap; font-size:.65rem; color:var(--rl-steel);
}
.rl-section {
  padding-block:var(--rl-section-space); padding-inline:var(--rl-gutter);
}
.rl-hero-figure .rl-photo-caption {
  padding-inline-start:.9rem;
}
.rl-gallery-narrow .rl-gallery-image {
  object-position:center 45%;
}
.rl-header-cta {
  @media(max-width:720px){grid-column:2; grid-row:1;}
}