/* /discover-editorial: the magazine ("editorial") skin, hybrid version.
   A shadow copy of /discover. Everything about how the page works is unchanged (links, tracking, tiles, seasons,
   weather, campaigns, forms). This file only changes how it looks and is loaded after every other stylesheet.
   Look: off-white paper, ink-black type, forest green and fox orange, Newsreader serif for headings, DM Sans small caps for labels,
   thin rules instead of shadows, square corners. The mood tiles stay photographic (that is the hybrid) but lose the round, soft look. */
body.ed{
  --ed-ink:#16130F;--ed-paper:#FBFAF6;--ed-green:#1F4A38;--ed-green-2:#2A6B4F;--ed-orange:#C4501A;--ed-rule:#CFC9BC;--ed-muted:#615B51;
  --ed-serif:'Newsreader',Georgia,'Times New Roman',serif;--ed-sans:'DM Sans',system-ui,sans-serif;
  --cream:var(--ed-paper);--surface:#FFFFFF;--line:var(--ed-rule);--ink:var(--ed-ink);--muted:var(--ed-muted);
  background-color:var(--ed-paper)!important;background-image:none!important;color:var(--ed-ink)}

/* ---------- quiet the decoration: trails, line-art buildings, sketches, torn edge ---------- */
body.ed .greenwich-brand,body.ed .preview-hero-trail,body.ed .preview-buildings,body.ed .deco,body.ed .sketch,
body.ed [class*="trail"],body.ed .greenwich-kicker{display:none!important}

/* ---------- masthead ---------- */
body.ed .ed-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;padding:26px 2px 16px;border-bottom:3px double var(--ed-ink);font:500 11px/1 var(--ed-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ed-ink)}
body.ed .ed-mast .ed-name{font:600 23px/1 var(--ed-serif);letter-spacing:0;text-transform:none;color:var(--ed-ink);text-decoration:none}

/* ---------- hero: straight-edged photo, caption, serif headline ---------- */
body.ed.greenwich-first #top{background:transparent}
body.ed.greenwich-first #top .greenwich-scene{height:auto;margin:0;filter:none;overflow:hidden}
body.ed.greenwich-first #top .greenwich-scene>img{clip-path:none;height:auto;aspect-ratio:3/2;object-position:50% 50%}
body.ed.greenwich-first #top .greenwich-now{right:10px;bottom:10px;left:auto;top:auto}
body.ed.greenwich-first #top .london-now{border-radius:2px;background:rgba(251,250,246,.94);box-shadow:none;border:1px solid var(--ed-ink);min-height:30px;padding:0 10px}
body.ed.greenwich-first #top .ln-label{font:700 10px/1 var(--ed-sans);letter-spacing:.12em;color:var(--ed-muted)}
body.ed .ed-cap{margin:8px 0 0;font:500 11px/1.45 var(--ed-sans);letter-spacing:.03em;color:var(--ed-muted)}
body.ed.greenwich-first #top .greenwich-content{padding:18px 0 0}
body.ed.greenwich-first #top h1{font:600 clamp(36px,11.6vw,46px)/1 var(--ed-serif);letter-spacing:-.02em;color:var(--ed-green)}
body.ed.greenwich-first #top h1>span{color:var(--ed-green)}
body.ed.greenwich-first #top h1>em{font-weight:400;font-style:italic;color:var(--ed-orange)}
body.ed.greenwich-first #top .greenwich-copy{margin:14px 0 0;font:italic 400 19px/1.4 var(--ed-serif);color:var(--ed-ink);max-width:24em}
body.ed.greenwich-first #top .preview-product{margin:10px 0 0;font:700 11px/1.3 var(--ed-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ed-green)}
body.ed.greenwich-first #top .preview-video-row{margin-top:14px}
body.ed.greenwich-first #top #videoBtn{border:0;background:transparent;box-shadow:none;padding:6px 0;min-height:48px}
body.ed.greenwich-first #top #videoBtn .play{border-radius:50%;background:transparent;color:var(--ed-green);border:1.5px solid var(--ed-green)}
body.ed.greenwich-first #top #videoBtn .cta-label{font:600 19px/1.15 var(--ed-serif);color:var(--ed-ink)}
body.ed.greenwich-first #top #videoBtn .cta-sub{font:700 10.5px/1.3 var(--ed-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ed-muted)}
/* Indigo pinstripe around the video button (31 Oct 2026): a thin indigo frame, square like the other editorial boxes. */
body.ed.greenwich-first #top #videoBtn{border:1px solid #3D3B8E;padding:8px 14px;border-radius:0}
body.ed.greenwich-first #top #videoBtn:hover{border-color:#2B2966;background:rgba(61,59,142,.05)}
body.ed.greenwich-first #top #videoBtn .cta-label{color:#3D3B8E}
body.ed.greenwich-first #top #videoBtn .play{color:#3D3B8E;border-color:#3D3B8E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.ed.greenwich-first #top #videoBtn{border-color:#8583D8}:root:not([data-theme="light"]) body.ed.greenwich-first #top #videoBtn .cta-label{color:#B0AEEB}:root:not([data-theme="light"]) body.ed.greenwich-first #top #videoBtn .play{color:#B0AEEB;border-color:#B0AEEB}}

/* ---------- buttons: square, small caps ---------- */
body.ed .btn-free,body.ed .preview-primary,body.ed .btn-primary,body.ed .btn-etsy,body.ed .all-walks-btn,body.ed .df-submit,body.ed .final-browse,body.ed .cr-bundle{border-radius:2px!important;box-shadow:none!important;font-family:var(--ed-sans)!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important}
body.ed .preview-primary,body.ed .df-submit{background:var(--ed-green)!important;border-color:var(--ed-green)!important;color:#fff!important}
body.ed.greenwich-first #top .hero-paths .btn-free{background:transparent!important;color:var(--ed-green)!important;border:1.5px solid var(--ed-green)!important}
/* Try Greenwich free in the brighter free-walk green (#2F7D5C, the site's Fox Fam / free-walk colour), 31 Oct 2026. */
body.ed.greenwich-first #top .hero-paths .btn-free{color:#2F7D5C!important;border-color:#2F7D5C!important}
body.ed.greenwich-first #top .hero-paths .btn-free>.bl{color:#2F7D5C!important}
body.ed.greenwich-first #top .hero-paths .btn-free:hover{background:rgba(47,125,92,.06)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.ed.greenwich-first #top .hero-paths .btn-free{color:#6CC49A!important;border-color:#6CC49A!important}:root:not([data-theme="light"]) body.ed.greenwich-first #top .hero-paths .btn-free>.bl{color:#6CC49A!important}}
body.ed .hero-paths .btn-free small{font:italic 400 15px/1.3 var(--ed-serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ed-ink)!important}
body.ed .all-walks-btn,body.ed .btn-primary,body.ed .btn-etsy:not(.discover-corner-shop),body.ed .final-browse{background:var(--ed-orange)!important;border-color:var(--ed-orange)!important;color:#fff!important}
body.ed .discover-corner-shop{border-radius:2px!important;background:rgba(251,250,246,.96)!important;border:1px solid var(--ed-ink)!important;box-shadow:none!important}

/* ---------- review: a pull-quote between two rules ---------- */
body.ed .hero-review,body.ed .rcard{background:transparent!important;border:0!important;border-block:1px solid var(--ed-ink)!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important}
body.ed .hero-review *{color:var(--ed-ink)!important}
body.ed .hero-review q,body.ed .hero-review blockquote,body.ed .hero-review em{font:italic 400 22px/1.28 var(--ed-serif)!important}

/* ---------- Pick your London ---------- */
body.ed .eyebrow{font:700 11px/1.2 var(--ed-sans)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ed-orange)!important}
body.ed .mood-section h2,body.ed #see-it h2,body.ed .final h2,body.ed .experience-heading{font-family:var(--ed-serif)!important;font-weight:600!important;letter-spacing:-.015em;color:var(--ed-green)}
body.ed .discover-mood-heading h2{font-size:clamp(30px,9.4vw,36px)!important;line-height:1.05!important}
body.ed .discover-mood-heading h2 em{font-style:italic;font-weight:400;color:var(--ed-orange)}
body.ed .mood-section .discover-price-sticker{background:#FBEFC8!important;border:1.5px dashed #F1641E!important;position:relative;overflow:visible;border-radius:4px!important;box-shadow:none!important;transform:none!important;color:var(--ed-ink)!important;padding:8px 12px!important}
body.ed .mood-section .discover-price-sticker::before,body.ed .mood-section .discover-price-sticker::after{display:block!important;content:"";position:absolute;top:50%!important;width:14px!important;height:14px!important;background:var(--ed-paper)!important;border:0;border-radius:50%!important;transform:translateY(-50%);z-index:2}
body.ed .mood-section .discover-price-sticker::before{left:-8px;border-right:1.5px dashed #F1641E}
body.ed .mood-section .discover-price-sticker::after{right:-8px!important;border-left:1.5px dashed #F1641E}
body.ed .sticker-label{font:800 10px/1.15 var(--ed-sans)!important;letter-spacing:.12em;text-transform:uppercase;color:#C4501A!important}
body.ed .mood-section .sticker-price{font:600 26px/1 var(--ed-serif)!important;color:var(--ed-ink)!important}
body.ed .discover-collection-note,body.ed .discover-collection-note *{color:var(--ed-muted)}
body.ed .discover-collection-note strong{color:var(--ed-ink)}

/* spotlight: flat, between two rules */
body.ed .discover-spotlight .spotlight,body.ed .discover-spotlight .spotlight[data-frame]{background:transparent!important;border:0!important;border-block:1px solid var(--ed-ink)!important;border-radius:0!important;box-shadow:none!important}
body.ed .spot-text h3,body.ed .spot-text .spot-title{font-family:var(--ed-serif)!important;font-weight:600!important;color:var(--ed-green)!important}
body.ed .spot-price strong,body.ed #spot-price{font-family:var(--ed-serif)!important;color:var(--ed-orange)!important}
body.ed .spot-code{border-radius:0!important}

/* mood tiles: still photos, now square-cornered with a thin ink border and serif labels */
body.ed .mood-tile{border-radius:0!important;border:1px solid var(--ed-ink);box-shadow:none!important}
body.ed .mood-tile span{font-family:var(--ed-serif)!important;font-weight:600!important;letter-spacing:-.01em}
body.ed .mood-tile span .tile-walk{font:italic 400 15px/1.2 var(--ed-serif)!important;color:#fff;letter-spacing:0}
body.ed .mood-tile span .tile-meta{font:700 10.5px/1.3 var(--ed-sans)!important;letter-spacing:.12em;text-transform:uppercase;color:#F2E2C8}
body.ed .mood-tile .mood-pill{border-radius:0!important;background:var(--ed-paper)!important;border:1px solid var(--ed-ink);color:var(--ed-ink)!important;box-shadow:none!important;font:700 10px/1 var(--ed-sans)!important;letter-spacing:.12em}

/* the rest of the page: cards lose shadows and round corners, headings go serif */
body.ed .preview-guide-card,body.ed .bingo-bonus,body.ed .bottom-free-signup,body.ed .m0-card,body.ed .v2-shot,body.ed .mini-phone,body.ed .cr-list a,body.ed .deck figure{border-radius:2px!important;box-shadow:none!important}
body.ed .bottom-free-signup{border:1px solid var(--ed-ink)!important;background:transparent!important}
body.ed .greenwich-signup-title,body.ed .bingo-bonus h3,body.ed .cr-t strong{font-family:var(--ed-serif)!important;color:var(--ed-green)!important}
body.ed .discover-purchase-flow{border-block:1px solid var(--ed-ink)}
body.ed footer .social a{border-radius:2px!important}
body.ed footer .signoff .brandline,body.ed footer .stay,body.ed footer .motto{font-family:var(--ed-serif)!important}
body.ed footer p[class*="sign"],body.ed footer .stay{font-style:italic;color:var(--ed-green)}

/* the fixed Shop tab sits in the masthead's right-hand corner, so the masthead keeps that corner free */
body.ed .ed-mast{margin-bottom:14px}

/* ---------- compact first screen on phones: the video, the Greenwich button and "Find your London" all fit above the fold ---------- */
@media (max-width:520px){
  body.ed .ed-mast{padding:18px 2px 10px;margin-bottom:8px}
  body.ed.greenwich-first #top .greenwich-scene>img{aspect-ratio:4/3}
  body.ed .ed-cap{margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ed.greenwich-first #top .greenwich-content{padding-top:12px}
  body.ed.greenwich-first #top h1{font-size:clamp(32px,9.6vw,40px);line-height:1.02}
  body.ed.greenwich-first #top .greenwich-copy{margin-top:10px;font-size:17px;line-height:1.35;max-width:none}
  body.ed.greenwich-first #top .preview-product{margin-top:8px}
  body.ed.greenwich-first #top .preview-video-row{margin-top:4px}
  body.ed.greenwich-first #top .hero-paths{margin-top:8px;gap:8px}
  body.ed.greenwich-first #top .hero-paths .btn{min-height:50px;padding-block:8px}
  body.ed .hero-paths .btn-free small{font-size:14px!important;line-height:1.2!important}
}
@media (max-width:520px) and (max-height:700px){
  body.ed.greenwich-first #top .greenwich-scene>img{aspect-ratio:7/4}
  body.ed .ed-cap{display:none}
  body.ed.greenwich-first #top .preview-product{display:none}
}
body.ed .ed-mast>span{white-space:nowrap}
@media(max-width:380px){body.ed .ed-mast{font-size:10px;letter-spacing:.1em}body.ed .ed-mast .ed-name{font-size:21px}}
/* London right now: full-width ribbon along the bottom of the hero photo */
body.ed.greenwich-first #top .greenwich-now{left:0;right:0;bottom:0;width:100%}
body.ed.greenwich-first #top .london-now{width:100%;justify-content:center;gap:14px;border-radius:0;border-width:1px 0 0;min-height:30px;margin:0;padding:0 12px}
/* Phone order: headline and intro first, then the hero photo (with the London right now ribbon), then the actions */
@media(max-width:859px){
body.ed.greenwich-first section.greenwich-hero#top .greenwich-layout{display:flex!important;flex-direction:column!important}
body.ed.greenwich-first #top .greenwich-content{display:contents}
body.ed.greenwich-first #top .greenwich-content>*{order:5}
body.ed.greenwich-first #top .greenwich-content>h1{order:1;margin-top:4px}
body.ed.greenwich-first #top .greenwich-content>.greenwich-copy{order:2}
body.ed.greenwich-first #top .greenwich-scene{order:3;margin-top:14px}
body.ed.greenwich-first #top .ed-cap{order:4}
}
/* Shop tab: 10% smaller and clear of the masthead's double rule */
body.ed.v2 .discover-corner-shop{top:calc(6px + env(safe-area-inset-top))!important;width:50px!important;height:50px!important;min-height:0!important;padding:6px!important;gap:3px!important}
body.ed.v2 .discover-corner-shop .cta-basket{width:21px!important;height:21px!important}
body.ed.v2 .discover-corner-shop .corner-shop-label{font-size:10px!important}
body.ed .ed-mast{padding-bottom:16px}