/* walks editorial: the magazine ("editorial") skin for walk landing pages. Phones and desktop: loaded after every other
   stylesheet, it changes how the page looks and nothing about how it works. Ink #16130F, paper #FBFAF6, green #1F4A38, fox orange #C4501A. */
:root{--cream:#FBFAF6;--cream-soft:#F3F0E8;--surface:#FBFAF6;--paper:#FFFFFF;--ink:#16130F;--ink-soft:#3E3A33;--muted:#615B51;--terracotta:#C4501A;--line:#CFC9BC;--line-soft:#E4DFD3;
 --font-display:'Newsreader',Georgia,serif;--font-body:'Newsreader',Georgia,serif;--shadow-1:none;--shadow-2:none;--shadow-3:none}
body{background:#FBFAF6!important;background-image:none!important;font-family:'Newsreader',Georgia,serif;font-size:19px;color:#16130F}
h1,h2,h3,h4{font-family:'Newsreader',Georgia,serif!important;font-weight:600!important;letter-spacing:-.02em;color:#1F4A38}
h1 em,h2 em,h3 em{font-weight:400!important;font-style:italic;color:#C4501A!important}
h1{font-size:clamp(34px,9vw,46px)!important;line-height:1.04!important}
p,li,summary{font-family:'Newsreader',Georgia,serif}
.lede{font-style:italic;font-size:21px;line-height:1.35;color:#3E3A33}
/* masthead */
.nav{background:#FBFAF6!important;border-bottom:3px double #16130F!important;box-shadow:none!important}
.nav a,.nav-cta,.nav-free{font-family:'DM Sans',sans-serif!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700!important}
.nav-cta,.nav-free{border-radius:2px!important;box-shadow:none!important}
/* small caps labels */
.pw-eyebrow,.gw-eyebrow,.wf-eyebrow,.eyebrow,.kicker{font-family:'DM Sans',sans-serif!important;font-size:11.5px!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:700!important;color:#C4501A!important}
/* buttons: square, small caps; free = green, Etsy = orange */
.btn,button.btn,a.btn,.wf-free-button,.wp-foxfam-row button{border-radius:2px!important;box-shadow:none!important;font-family:'DM Sans',sans-serif!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;font-size:13px!important}
.btn-primary,a.btn-primary{background:#1F4A38!important;border-color:#1F4A38!important;color:#fff!important}
.btn-etsy,a.btn-etsy{background:#C4501A!important;border-color:#C4501A!important;color:#fff!important}
input[type=email],input[type=text]{border-radius:2px!important;border:1px solid #16130F!important;background:#fff!important;font-family:'Newsreader',serif!important;font-size:17px}
/* cards -> ruled blocks */
section,details{border-radius:0!important}
.gw-about,.gw-included,.gw-plan,.pw-about,.pw-plan,.ip-faq,.ip-contents,.ip-route,.pw-catalogue,.wf-next,.wp-features,.walk-index,.pw-summary,.gw-summary,.ip-experience,.ip-etsy-destination,.pw-purchase-flow,.wp-guide-strip{border-radius:0!important;box-shadow:none!important;background:transparent!important;border:0!important;border-top:1px solid #16130F!important;border-bottom:1px solid #CFC9BC!important}
.cta-band{background:#F3F0E8!important;border-radius:0!important;box-shadow:none!important;border:0!important;border-top:3px double #16130F!important;border-bottom:3px double #16130F!important}
.cta-band h2,.cta-band p{color:#16130F!important}
.wp-foxfam{border:0!important;border-top:1px solid #16130F!important;border-bottom:1px solid #CFC9BC!important;border-radius:0!important;background:transparent!important}
.walk-hero-facts{border-radius:0!important}
.walk-hero-facts ul{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.walk-mobile-scene,.walk-mobile-photo,.wp-cover img,.wp-cover,.product-video,.product-video-section video,.stopfig img,.ip-line-art{border-radius:0!important;box-shadow:none!important}
.walk-mobile-credit{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.04em}
.price,.wp-price{font-family:'Newsreader',serif;font-weight:600;color:#1F4A38}
.wp-stars{color:#C4501A}
.tick li::marker{color:#C4501A}
details>summary{font-family:'Newsreader',serif;font-weight:600;color:#1F4A38}
footer{background:#F3F0E8!important;border-top:3px double #16130F!important}
/* spotlight offer + fox chance: ruled notes, not coloured cards */
.spotlight,.pw-spotlight,.wp-spot,[class*="spotlight"]{background:transparent!important;border:0!important;border-block:1px solid #16130F!important;border-radius:0!important;box-shadow:none!important;color:#16130F!important}
.mystery,.wp-fox,.pw-preview,.product-video-section{background:transparent!important;border:0!important;border-block:1px solid #CFC9BC!important;border-radius:0!important;box-shadow:none!important}
.wp-guide-strip{background:#F3F0E8!important}
.nav-in{border:0!important}
/* live spotlight offer (only present while the code is valid): yellow editorial note */
.firstwalk.spotlightwalk{background:#F7E39A!important;border:1px solid #16130F!important;border-radius:2px!important;padding:14px 16px!important;box-shadow:4px 4px 0 #16130F!important;color:#16130F!important}
/* "London right now": full-width ribbon along the bottom of the phone hero photo (above the credit line) */
@media(max-width:699px){
.walk-mobile-scene .walk-now{left:0!important;right:0!important;bottom:14px!important;width:100%;justify-content:center;gap:12px;min-height:30px;padding:0 12px!important;border-radius:0!important;box-shadow:none!important;background:rgba(251,250,246,.92)!important;border-top:1px solid #16130F}
}
@media(max-width:699px){.walk-mobile-scene:not(:has(.walk-mobile-credit)) .walk-now{bottom:0!important}}
/* readability: price inside the buy button stays white; Etsy checkout/rating line in ink, not orange */
.btn .wp-price,.btn-etsy .wp-price,.btn [data-ww-price],.btn-etsy [data-ww-price]{color:inherit!important;font-family:inherit!important;font-weight:inherit!important}
.ip-etsy-destination,.ip-etsy-destination a,.wp-rating,.walk-pilot .hero .wp-rating{color:#16130F!important;font-weight:600}
.ip-etsy-destination .wp-stars{color:#B8860B!important}

/* Phone hero photo the same size and shape as /discover (31 Oct 2026): inset to the page gutter instead of edge to edge,
   16:10 on phones (2:1 on short screens), 4:3 between 521 and 699 px, exactly like the /discover Greenwich photo. */
@media(max-width:699px){
  body .hero .walk-mobile-scene{height:auto!important;margin:0 18px!important;overflow:hidden!important;aspect-ratio:4/3}
  body .hero .walk-mobile-scene picture{height:100%!important}
  body .hero .walk-mobile-scene .walk-mobile-photo{width:100%!important;height:100%!important;object-fit:cover}
}
@media(max-width:520px){body .hero .walk-mobile-scene{aspect-ratio:16/10}}
@media(max-width:520px) and (max-height:700px){body .hero .walk-mobile-scene{aspect-ratio:2/1}}
/* Arsenal / Chelsea: the hero is a padded club card, so pull the photo out to the page edge first to land on the same 18 px gutter */
@media(max-width:699px){body:is(.club-arsenal,.club-chelsea) .hero .heroimg{margin-left:-36px!important;margin-right:-36px!important}}