/**

 * Premium single destination guide.

 */



.guide-single {
  --gs-font: var(--font-body);

  --gs-display: var(--font-display);

  font-family: var(--gs-font);

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

}

/* Destination guides share the site-wide Lora/Manrope contract. Keep the
   dedicated guide variables for editor compatibility, but never fall back
   to the retired display weights. */
.single-swt_dest_guide .guide-single h1,
.single-swt_dest_guide .guide-single h2,
.single-swt_dest_guide .guide-single h3,
.single-swt_dest_guide .guide-single h4 { color: var(--sunward-heading, var(--swt-palette-171717, #171717)); font-family: var(--font-display) !important; font-weight: 700 !important; }
.single-swt_dest_guide .guide-single p,
.single-swt_dest_guide .guide-single li,
.single-swt_dest_guide .guide-single dd { color: var(--sunward-body, var(--swt-palette-3d3d3d, #3d3d3d)); font-family: var(--font-body); font-weight: 500; }
.single-swt_dest_guide .guide-single .guide-single__hero h1,
.single-swt_dest_guide .guide-single .guide-single__hero p { color: #fff; }


.guide-single__hero {

  background: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  color: #fff;

  isolation: isolate;

  min-height: clamp(26rem, 62vh, 40rem);

  overflow: hidden;

  padding: 10rem 0 4.5rem;

  position: relative;

}



.guide-single__hero.has-media::after,

.guide-single__hero.has-art::after {

  background:

    linear-gradient(90deg, var(--swt-palette-2c241b-a880, rgba(44, 36, 27, .88)) 0%, var(--swt-palette-2c241b-a450, rgba(44, 36, 27, .45)) 48%, var(--swt-palette-2c241b-a200, rgba(44, 36, 27, .2)) 100%),

    linear-gradient(0deg, var(--swt-palette-2c241b-a550, rgba(44, 36, 27, .55)), transparent 52%);

  content: "";

  inset: 0;

  position: absolute;

  z-index: 0;

}



.guide-single__hero-image,

.guide-single__hero .guide-hero__art {

  height: 100%;

  inset: 0;

  object-fit: cover;

  position: absolute;

  width: 100%;

  z-index: 0;

}



.guide-single__hero-content {

  max-width: 46rem;

  position: relative;

  z-index: 1;

}



.guide-single__hero .breadcrumbs,

.guide-single__hero .breadcrumbs a {

  color: rgba(255, 255, 255, .78);

}



.guide-single__hero .eyebrow {

  margin-top: 1rem;

}



.guide-single__hero h1 {

  color: #fff;

  font-family: var(--gs-display);

  font-size: clamp(2.4rem, 5.5vw, 3.9rem);

  font-weight: 500;

  letter-spacing: -.02em;

  line-height: 1.06;

  margin-top: .85rem;

  max-width: 14ch;

  text-wrap: balance;

}



.guide-single__hero .lede {

  color: rgba(255, 255, 255, .8);

  font-size: 1.08rem;

  font-weight: 500;

  line-height: 1.55;

  margin-top: 1.15rem;

  max-width: 38rem;

}



.guide-single__chips {

  display: flex;

  flex-wrap: wrap;

  gap: .55rem;

  margin-top: 1.5rem;

}



.guide-single__chips span {

  background: rgba(255, 255, 255, .1);

  border: 1px solid rgba(255, 255, 255, .16);

  border-radius: 999px;

  color: #fff;

  font-size: .78rem;

  font-weight: 600;

  letter-spacing: .02em;

  padding: .45rem .85rem;

}



.guide-single__hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: .75rem;

  margin-top: 1.85rem;

}



.guide-single__hero-actions .btn {

  border-radius: 999px;

  font-family: var(--gs-font);

  font-weight: 600;

  letter-spacing: 0;

  text-transform: none;

}



.guide-single__toc {

  background: rgba(255, 255, 255, .96);

  border-bottom: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  position: sticky;

  top: 4.75rem;

  z-index: 40;

  backdrop-filter: blur(10px);

}



.admin-bar .guide-single__toc {

  top: calc(4.75rem + 32px);

}



.guide-single__toc-inner {

  overflow-x: auto;

}



.guide-single__toc ul {

  display: flex;

  gap: .25rem 1.5rem;

  list-style: none;

  margin: 0;

  min-width: max-content;

  padding: .7rem 0;

}



.guide-single__toc a {

  color: var(--muted, var(--swt-palette-66716b, #66716b));

  font-family: var(--gs-font);

  font-size: .8125rem;

  font-weight: 500;

  letter-spacing: .03em;

  line-height: 1.3;

  text-decoration: none;

  text-transform: none;

  white-space: nowrap;

}



.guide-single__toc a.is-active {

  color:var(--swt-accent-text, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)));

  font-weight: 600;

}



.guide-single__toc a:hover {

  color:var(--swt-accent-text, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)));

}



.guide-single__body {

  background: #fff;

  padding-block: clamp(2.5rem, 5vw, 4rem);

}



.guide-single__glance {

  align-items: end;

  display: grid;

  gap: 1.25rem 2rem;

  grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr);

  margin-bottom: clamp(1.5rem, 3vw, 2rem);

  scroll-margin-top: 6.5rem;

}



.guide-single__glance-copy h2 {

  font-family: var(--gs-display);

  font-size: clamp(1.7rem, 3vw, 2.35rem);

  font-weight: 500;

  letter-spacing: -.02em;

  margin: 0;

  max-width: 12ch;

}



.guide-single__layout {

  align-items: start;

  display: grid;

  gap: clamp(1.75rem, 3vw, 3rem);

  grid-template-columns: minmax(0, 1fr) 22.5rem;

}



.guide-single__main {

  background: transparent;

  border: 0;

  border-radius: 0;

  min-width: 0;

  padding: 0;

}



.guide-single__block {

  border-top: 0;

  padding-block: 0;

  scroll-margin-top: 6.5rem;

}



.guide-single__block + .guide-single__block {

  border-top: 1px solid var(--swt-palette-2c241b-a80, rgba(44, 36, 27, .08));

  margin-top: clamp(2.5rem, 4vw, 3.25rem);

  padding-top: clamp(2.25rem, 3.5vw, 3rem);

}



.guide-single__block:first-of-type {

  border-top: 0;

  margin-top: 0;

  padding-top: 0;

}



.guide-single__kicker {

  color:var(--swt-accent-text, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)));

  font-family: var(--gs-font);

  font-size: .68rem;

  font-weight: 600;

  letter-spacing: .14em;

  margin: 0 0 .75rem;

  text-transform: uppercase;

}



.guide-single__block > h2 {

  font-family: var(--gs-display);

  font-size: clamp(1.7rem, 2.8vw, 2.35rem);

  font-weight: 500;

  letter-spacing: -.02em;

  line-height: 1.15;

  margin: 0 0 1.25rem;

  max-width: 22ch;

}



.guide-single__facts {

  display: grid;

  gap: .75rem;

  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));

}



.guide-single__fact {

  background: #fff;

  border: 1px solid var(--swt-palette-2c241b-a80, rgba(44, 36, 27, .08));

  border-radius: 1rem;

  box-shadow: 0 10px 28px -22px var(--swt-palette-2c241b-a280, rgba(44, 36, 27, .28));

  min-height: 0;

  padding: 1.1rem 1.15rem 1.2rem;

}



.guide-single__fact span {

  color:var(--swt-accent-text, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)));

  display: block;

  font-family: var(--gs-font);

  font-size: .66rem;

  font-weight: 600;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.guide-single__fact strong {

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  display: block;

  font-family: var(--gs-font);

  font-size: .95rem;

  font-weight: 500;

  line-height: 1.4;

  margin-top: .45rem;

}



.guide-why__spread {

  align-items: start;

  display: grid;

  gap: 1.5rem 2rem;

  grid-template-columns: minmax(0, 1.15fr) minmax(11rem, .85fr);

}



.guide-why__inset {

  border-radius: 1rem;

  margin: 0;

  overflow: hidden;

  position: sticky;

  top: 7.5rem;

}



.guide-why__inset img {

  aspect-ratio: 4 / 5;

  display: block;

  height: auto;

  object-fit: cover;

  width: 100%;

}



.guide-pull {

  border-left: 2px solid var(--clay, var(--swt-palette-8a3a1c, #8a3a1c));

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  font-family: var(--gs-display);

  font-size: clamp(1.2rem, 2vw, 1.45rem);

  font-style: italic;

  font-weight: 500;

  letter-spacing: -.015em;

  line-height: 1.4;

  margin: 1.5rem 0 0;

  max-width: 28rem;

  padding: .15rem 0 .15rem 1.1rem;

}



.guide-single__prose {

  color: var(--swt-palette-2c241b-a820, rgba(44, 36, 27, .82));

  font-family: var(--gs-font);

  font-size: .97rem;

  font-weight: 400;

  line-height: 1.65;

  max-width: 42rem;

}



.guide-single__prose > *:first-child {

  margin-top: 0;

}



.guide-single__prose h2,

.guide-single__prose h3 {

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  font-family: var(--gs-display);

  font-weight: 500;

  letter-spacing: -.02em;

  margin: 2rem 0 .85rem;

}



.guide-single__prose h2 {

  font-size: clamp(1.4rem, 2.2vw, 1.75rem);

  max-width: 24ch;

}



.guide-single__prose h2:first-child {

  margin-top: 0;

}



.guide-single__prose h3 {

  font-size: 1.15rem;

}



.guide-single__prose p {

  margin: 0 0 1.05rem;

}



.guide-single__prose--lede p:first-of-type {

  color: var(--forest-900, var(--swt-palette-102820, #102820));

  font-size: clamp(1.08rem, 1.8vw, 1.22rem);

  font-weight: 500;

  line-height: 1.55;

}



.guide-single__prose--quiet {

  color: var(--swt-palette-7a847e, #7a847e);

  font-size: .95rem;

}



.guide-single__prose ul,

.guide-single__prose ol {

  display: grid;

  gap: .65rem;

  list-style: none;

  margin: 1.25rem 0 1.6rem;

  padding: 0;

}



.guide-single__prose li {

  background: rgba(255, 255, 255, .45);

  border-left: 3px solid var(--ochre-600, var(--swt-palette-c66a2b, #c66a2b));

  border-radius: 0 .65rem .65rem 0;

  padding: .85rem 1rem;

}



.guide-single__prose strong {

  color: var(--forest-900, var(--swt-palette-102820, #102820));

}



.guide-attraction-list {

  display: grid;

  gap: 0;

  list-style: none;

  margin: 0;

  padding: 0;

}



.guide-attraction-list__item {

  align-items: start;

  border-top: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  display: grid;

  gap: 1rem 1.25rem;

  grid-template-columns: 3.25rem minmax(0, 1fr);

  padding: 1.35rem 0;

}



.guide-attraction-list__item:first-child {

  border-top: 0;

  padding-top: .25rem;

}



.guide-attraction-list__item > p:empty {

  display: none;

}



.guide-attraction-list__index {

  align-items: center;

  background: color-mix(in srgb, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)) 12%, white);

  border-radius: 999px;

  color:var(--swt-accent-text, var(--clay, var(--swt-palette-8a3a1c, #8a3a1c)));

  display: inline-flex;

  font-family: var(--gs-display);

  font-size: .95rem;

  font-weight: 500;

  grid-column: 1;

  height: 2.5rem;

  justify-content: center;

  letter-spacing: -.02em;

  line-height: 1;

  margin-top: .1rem;

  width: 2.5rem;

}



.guide-attraction-list__body {

  grid-column: 2;

  min-width: 0;

}



.guide-attraction-list__body > p:empty {

  display: none;

}



.guide-attraction-list__body h3 {

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  font-family: var(--gs-display);

  font-size: 1.2rem;

  font-weight: 500;

  letter-spacing: -.02em;

  margin: 0 0 .45rem;

}



.guide-attraction-list__body p {

  color: var(--swt-palette-5b6660, #5b6660);

  font-size: .98rem;

  font-weight: 500;

  line-height: 1.6;

  margin: 0;

  max-width: 40rem;

}



.guide-single__rail {

  position: sticky;

  top: 7.5rem;

}



.admin-bar .guide-single__rail {

  top: calc(7.5rem + 32px);

}



.guide-single__plan {

  background: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  border-radius: 1.25rem;

  box-shadow: 0 24px 48px -28px var(--swt-palette-2c241b-a450, rgba(44, 36, 27, .45));

  color: rgba(255, 255, 255, .78);

  display: grid;

  gap: .9rem;

  overflow: hidden;

  padding: 1.35rem 1.25rem 1.45rem;

}



.guide-single__plan h2 {

  color: #fff;

  font-family: var(--gs-display);

  font-size: 1.45rem;

  font-weight: 500;

  letter-spacing: -.02em;

  line-height: 1.25;

  margin: 0;

  max-width: none;

}



.guide-single__plan p {

  font-size: .92rem;

  line-height: 1.5;

  margin: 0;

}



.guide-single__plan-facts {

  border-top: 1px solid rgba(255, 255, 255, .14);

  display: grid;

  gap: .75rem;

  list-style: none;

  margin: .2rem 0 0;

  padding: .9rem 0 0;

}



.guide-single__plan-facts span {

  color: rgba(255, 255, 255, .55);

  display: block;

  font-size: .66rem;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;

}



.guide-single__plan-facts strong {

  color: #fff;

  display: block;

  font-size: .88rem;

  font-weight: 600;

  margin-top: .18rem;

}



.guide-single__plan .btn {

  border-radius: 999px;

  justify-content: center;

  letter-spacing: 0;

  text-transform: none;

  width: 100%;

}



.guide-single__plan .btn--ghost-light {

  border-color: rgba(255, 255, 255, .28);

}



.guide-single .attraction-card {

  background: rgba(255, 255, 255, .5);

  border: 0;

  border-radius: .95rem;

  box-shadow: none;

  overflow: hidden;

  padding: 0;

}



.guide-single .attraction-card img,

.guide-single .attraction-card__art {

  aspect-ratio: 16 / 10;

  border-radius: 0;

  margin: 0;

  object-fit: cover;

  width: 100%;

}



.guide-single .attraction-card__body {

  padding: 1.05rem 1.1rem 1.2rem;

}



.guide-single .attraction-card h3 {

  font-family: var(--gs-display);

  font-size: 1.15rem;

  font-weight: 500;

  letter-spacing: -.02em;

  margin: 0;

}



.guide-single .attraction-card h3 a {

  color: inherit;

  text-decoration: none;

}



.guide-single .advice-card {

  background: #fff;

  border: 1px solid var(--swt-palette-2c241b-a80, rgba(44, 36, 27, .08));

  border-radius: 1rem;

  border-top: 3px solid var(--clay, var(--swt-palette-8a3a1c, #8a3a1c));

  box-shadow: 0 10px 28px -22px var(--swt-palette-2c241b-a280, rgba(44, 36, 27, .28));

  padding: 1.1rem 1.05rem 1.2rem;

}



.guide-single .advice-card h3 {

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  font-family: var(--gs-display);

  font-size: 1.05rem;

  font-weight: 500;

  letter-spacing: -.01em;

  margin: 0;

}



.guide-single .advice-card p {

  color: var(--swt-palette-5b6660, #5b6660);

  font-size: .92rem;

  font-weight: 500;

  line-height: 1.55;

  margin-top: .5rem;

}



.guide-single .activity-list {

  border-top: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  margin-top: .35rem;

}



.guide-single .activity-item {

  background: var(--swt-palette-fffcf7-a720, rgba(255, 252, 247, .72));

  border: 0;

  border-bottom: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  border-radius: 0;

  margin: 0;

  overflow: visible;

  padding: 0 .85rem;

}



.guide-single .activity-item:first-child {

  border-top: 0;

}



.guide-single .activity-trigger {

  align-items: center;

  column-gap: 1rem;

  display: grid;

  font-family: inherit;

  gap: .65rem 1rem;

  grid-template-columns: 3.25rem minmax(0, 1fr) 1.5rem;

  padding: 1.05rem 0;

  row-gap: .35rem;

}



.guide-single .activity-trigger__index {

  align-items: center;

  background: var(--clay, var(--swt-palette-8a3a1c, #8a3a1c));

  border-radius: 999px;

  color: #fff;

  display: inline-flex;

  font-family: var(--gs-font);

  font-size: .78rem;

  font-weight: 600;

  grid-column: 1;

  height: 2.4rem;

  justify-content: center;

  letter-spacing: -.02em;

  line-height: 1;

  min-width: 0;

  width: 2.4rem;

}



.guide-single .activity-item__heading {

  color: inherit;

  display: block;

  font-family: inherit;

  font-size: inherit;

  font-weight: inherit;

  letter-spacing: inherit;

  line-height: inherit;

  margin: 0;

  width: 100%;

}



.guide-single .activity-trigger__title {

  color: var(--espresso, var(--swt-palette-2c241b, #2c241b));

  font-family: var(--gs-display);

  font-size: 1.12rem;

  font-weight: 500;

  grid-column: 2;

  letter-spacing: -.02em;

  line-height: 1.3;

  margin: 0;

  text-wrap: pretty;

}



.guide-single .activity-trigger span[aria-hidden] {

  color:var(--swt-accent-text, var(--ochre-600, var(--swt-palette-c66a2b, #c66a2b)));

  font-family: inherit;

  font-size: 1.35rem;

  font-weight: 500;

  grid-column: 3;

  line-height: 1;

  text-align: center;

}



.guide-single .activity-panel {

  padding: 0 1.5rem 1.05rem 4.25rem;

}



.guide-single .activity-panel p {

  color: var(--swt-palette-5b6660, #5b6660);

  font-size: .98rem;

  font-weight: 500;

  line-height: 1.6;

  margin: 0;

  max-width: 40rem;

}



.guide-single .activity-meta {

  gap: .4rem;

  margin: .7rem 0 0;

}



.guide-single .activity-kicker {

  background: var(--swt-palette-c66a2b-a100, rgba(198, 106, 43, .1));

  border: 0;

  border-radius: 999px;

  color:var(--swt-accent-text, var(--ochre-700, var(--swt-palette-a94f21, #a94f21)));

  display: inline-flex;

  font-size: .68rem;

  font-weight: 700;

  letter-spacing: .06em;

  min-height: 0;

  padding: .28rem .65rem;

  text-transform: none;

}



.guide-single .activity-chip,

.guide-single .activity-meta .tag {

  background: rgba(255, 255, 255, .8);

  border: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  border-radius: 999px;

  color: var(--forest-900, var(--swt-palette-102820, #102820));

  display: inline-flex;

  font-size: .68rem;

  font-weight: 600;

  letter-spacing: .01em;

  min-height: 0;

  padding: .22rem .55rem;

  text-transform: none;

}



.guide-single .activity-details {

  background: transparent;

  border-radius: 0;

  display: grid;

  gap: .7rem;

  grid-template-columns: 1fr;

  margin-top: .8rem;

  padding: 0;

}



.guide-single .activity-details strong {

  color: var(--forest-900, var(--swt-palette-102820, #102820));

  font-size: .68rem;

  font-weight: 700;

  letter-spacing: .08em;

}



.guide-single .activity-details > div > span {

  color: var(--swt-palette-5b6660, #5b6660);

  font-size: .9rem;

  font-weight: 500;

  margin-top: .2rem;

}



.guide-single .activity-panel .text-link {

  display: inline-block;

  font-size: .88rem;

  font-weight: 700;

  margin-top: .85rem;

}



.guide-single .activity-ideal {

  display: grid;

  gap: .4rem;

}



.guide-single .activity-ideal__chips {

  display: flex;

  flex-wrap: wrap;

  gap: .3rem;

}



.guide-single .activity-ideal__chips span {

  background: rgba(255, 255, 255, .9);

  border: 1px solid var(--swt-palette-1c2421-a80, rgba(28, 36, 33, .08));

  border-radius: 999px;

  color: var(--forest-900, var(--swt-palette-102820, #102820));

  display: inline-flex;

  font-size: .72rem;

  font-weight: 600;

  letter-spacing: 0;

  line-height: 1.2;

  margin: 0;

  padding: .2rem .55rem;

}



.guide-single .season-tabs {

  background: rgba(255, 255, 255, .45);

  border: 0;

  border-radius: .95rem;

  overflow: hidden;

  padding: .25rem;

}



/* Full-width related band — overlay mosaic. */

.guide-single__related {

  background: #fff;

  border-top: 1px solid var(--swt-palette-2c241b-a80, rgba(44, 36, 27, .08));

  padding-block: clamp(2.75rem, 5vw, 4.25rem);

}



.guide-single__related-head {

  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);

  max-width: 36rem;

}



.guide-single__related-head h2 {

  font-family: var(--gs-display);

  font-size: clamp(1.7rem, 3vw, 2.25rem);

  font-weight: 500;

  letter-spacing: -.025em;

  margin: 0;

}



.guide-single__related-grid {

  display: grid;

  gap: .85rem;

  grid-auto-flow: row;

  grid-template-areas: none;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  grid-template-rows: none;

}



.guide-single__related-grid > br,

.guide-single__related-grid > p {

  display: none;

}



.guide-single__tile,

.guide-single__related-grid .guide-single__tile.is-lead,

.guide-single__related-grid[data-count] .guide-single__tile.is-lead {

  aspect-ratio: 4 / 3;

  border-radius: 1.05rem;

  color: #fff;

  display: block;

  grid-area: auto;

  grid-column: auto;

  grid-row: auto;

  isolation: isolate;

  min-height: 14.5rem;

  overflow: hidden;

  position: relative;

  text-decoration: none;

  transition: transform 220ms ease, box-shadow 220ms ease;

}



.guide-single__tile:hover,

.guide-single__tile:focus-visible {

  box-shadow: 0 18px 40px var(--swt-palette-102820-a180, rgba(16, 40, 32, .18));

  color: #fff;

  transform: translateY(-3px);

}



.guide-single__tile-media,

.guide-single__tile-media img,

.guide-single__related-art {

  display: block;

  height: 100%;

  inset: 0;

  object-fit: cover;

  position: absolute;

  width: 100%;

}



.guide-single__related-art {

  background:

    radial-gradient(circle at 70% 20%, var(--swt-palette-c66a2b-a400, rgba(198, 106, 43, .4)), transparent 45%),

    linear-gradient(145deg, var(--swt-palette-214b3f, #214b3f), var(--swt-palette-102820, #102820) 65%);

}



.guide-single__tile-media img {

  transition: transform 560ms ease;

}



.guide-single__tile:hover .guide-single__tile-media img,

.guide-single__tile:focus-visible .guide-single__tile-media img {

  transform: scale(1.06);

}



.guide-single__tile-shade {

  background:

    linear-gradient(180deg, var(--swt-palette-0a1913-a80, rgba(10, 25, 19, .08)) 20%, var(--swt-palette-0a1913-a550, rgba(10, 25, 19, .55)) 62%, var(--swt-palette-08120e-a920, rgba(8, 18, 14, .92)) 100%);

  inset: 0;

  position: absolute;

  z-index: 1;

}



.guide-single__tile-copy {

  bottom: 0;

  display: grid;

  gap: .4rem;

  left: 0;

  padding: 1.35rem 1.25rem 1.3rem;

  position: absolute;

  right: 0;

  z-index: 2;

}



.guide-single__tile-kicker {

  color: var(--swt-palette-e0a06a, #e0a06a);

  font-size: .68rem;

  font-weight: 700;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.guide-single__tile-title {

  font-family: var(--gs-display);

  font-size: clamp(1.25rem, 2.2vw, 1.65rem);

  font-weight: 500;

  letter-spacing: -.025em;

  line-height: 1.15;

  max-width: 14ch;

  text-shadow: 0 1px 18px rgba(0, 0, 0, .35);

  text-wrap: balance;

}



.guide-single__tile.is-lead .guide-single__tile-title {

  font-weight: 500;

}



.guide-single__tile-cta {

  align-items: center;

  color: rgba(255, 255, 255, .82);

  display: inline-flex;

  font-size: .82rem;

  font-weight: 700;

  gap: .35rem;

  margin-top: .35rem;

  opacity: 0;

  transform: translateY(.35rem);

  transition: opacity 220ms ease, transform 220ms ease;

}



.guide-single__tile-cta::after {

  content: "→";

}



.guide-single__tile:hover .guide-single__tile-cta,

.guide-single__tile:focus-visible .guide-single__tile-cta {

  opacity: 1;

  transform: translateY(0);

}



.guide-single .guide-related-tours {

  margin-top: 2rem;

}



.guide-single__mobile-cta {

  display: none;

}



@media (max-width: 1100px) {

  .guide-single__related-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



@media (max-width: 980px) {

  .guide-single__glance {

    grid-template-columns: 1fr;

  }



  .guide-single__layout {

    grid-template-columns: 1fr;

  }



  .guide-why__spread {

    grid-template-columns: 1fr;

  }



  .guide-why__inset {

    max-width: 22rem;

    position: static;

  }



  .guide-why__inset img {

    aspect-ratio: 16 / 11;

  }



  .guide-single__rail {

    order: -1;

    position: static;

  }



  .guide-single__mobile-cta {

    display: flex;

  }

}



@media (max-width: 700px) {

  .guide-single__hero {

    min-height: 24rem;

    padding: 8.5rem 0 3.25rem;

  }



  .guide-single__main {

    padding: 0;

  }



  .guide-attraction-list__item {

    grid-template-columns: 2.5rem minmax(0, 1fr);

    gap: .75rem;

  }



  .guide-single .activity-trigger {

    grid-template-columns: 2.5rem minmax(0, 1fr) 1.35rem;

    gap: .55rem .75rem;

  }



  .guide-single .activity-panel {

    padding: 0 0 1rem 3.25rem;

  }



  .guide-single .activity-item {

    padding-inline: .15rem;

  }



  .guide-single__facts {

    grid-template-columns: 1fr;

  }



  .guide-single__related-grid {

    grid-template-columns: 1fr;

  }



  .guide-single__tile {

    min-height: 14rem;

  }



  .guide-single__tile-cta {

    opacity: 1;

    transform: none;

  }

}



@media (prefers-reduced-motion: reduce) {

  .guide-single__tile,

  .guide-single__tile-media img,

  .guide-single__tile-cta {

    transition: none;

  }



  .guide-single__tile:hover,

  .guide-single__tile:focus-visible {

    transform: none;

  }



  .guide-single__tile:hover .guide-single__tile-media img,

  .guide-single__tile:focus-visible .guide-single__tile-media img {

    transform: none;

  }

}