/* Walk landing design (Discover look + purchase journey), piloted on Islington 29 Oct 2026 and rolled out to
   every paid walk page. Pages opt in with body class "walk-pilot"; tools/walk_pilot.py writes the markup. */
body.walk-pilot{--cream:#FBF5E8;--surface:#FFFBF2;--line:#D9CDB4;--ink:#2A2620;--muted:#5C5448;--terracotta:#B84C12;--terra:#B84C12;--indigo:#1f4a38;--indigo-deep:#173a2c;background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink)}
body.walk-experience.walk-pilot main{font-family:'DM Sans',sans-serif}
.walk-pilot :is(h1,h2,h3){color:#1f4a38;font-family:'Playfair Display',Georgia,serif}
.walk-pilot h1{font-weight:900;letter-spacing:-.02em;line-height:1.08}
body.walk-experience.walk-pilot main>section{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px -22px rgba(60,40,10,.35)}
.walk-pilot .pw-eyebrow,.walk-pilot .eyebrow{color:var(--terracotta);letter-spacing:.12em}
body.walk-experience.walk-pilot main>section>p:not(.pw-eyebrow):not(.eyebrow){font:400 16px/1.55 'DM Sans',sans-serif;color:var(--muted)}
.walk-pilot .hero{align-items:center;padding-bottom:20px}
.walk-pilot .heroimg{overflow:hidden;border-radius:12px}
.walk-pilot .walk-hero-facts{padding:12px 4px}
.walk-pilot .walk-hero-facts>ul{gap:8px 12px;font-size:13px}
.walk-pilot .walk-hero-facts li{gap:8px}
.walk-pilot .walk-hero-facts .pw-fact-icon{width:16px;height:16px}
.walk-pilot .ip-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px}
.walk-pilot .ip-kicker>.eyebrow{margin:12px 0 8px}
.walk-pilot .ip-books{flex:none;width:44px;height:32px;color:#b84c12;opacity:.7}
.walk-pilot .ip-title{display:contents}
.walk-pilot .ip-books-title{display:none}
.walk-pilot .hero .lede{margin:12px 0;font-size:16px;line-height:1.5}
.walk-pilot .hero .pw-format{font:500 14px/1.5 'DM Sans',sans-serif;color:var(--muted);margin:8px 0 12px}
.walk-pilot .price{font-size:28px;margin:12px 0 8px}
.walk-pilot .price small{font:400 13px/1.4 'DM Sans',sans-serif}
.walk-pilot .ip-offer{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 16px;color:#a44716;font:600 13px/1.5 'DM Sans',sans-serif}
.walk-pilot .ip-offer[hidden]{display:none}
.walk-pilot .hero .btns #buy{display:block;min-height:56px;padding:16px 12px;font:700 16px/1.35 'DM Sans',sans-serif;text-align:center}
.walk-pilot .ip-etsy-destination{margin:0;text-align:center;font:700 13px/1.4 'DM Sans',sans-serif;color:#a44716}
.walk-pilot .ip-reassurance{margin:0 0 8px;text-align:center;font:400 13px/1.5 'DM Sans',sans-serif;color:var(--muted)}
.walk-pilot .hero .btns .wf-free-button{min-height:60px;padding:8px 12px;background:transparent;box-shadow:none}
.walk-pilot .hero .btns .wf-free-button .bl{font-size:14px}
.walk-pilot .hero .btns .wf-free-button small{font-size:13px;font-weight:400}
.walk-pilot .pw-preview::before{display:none}
.walk-pilot .pw-preview,.walk-pilot .ip-story{align-self:start}
.walk-pilot .ip-story{display:block!important}
.walk-pilot .ip-story>p:not(.pw-eyebrow){font:400 16px/1.6 'DM Sans',sans-serif;color:var(--ink);margin:0 0 16px}
.walk-pilot .ip-story>h2{margin:0 0 16px}
.walk-pilot .product-video{width:min(100%,320px);margin:16px auto 0;background:#f4ead4;border:1px solid var(--line)}
.walk-pilot .ip-video-buy{display:flex;align-items:center;justify-content:center;min-height:44px;margin:12px 0 0;font:700 14px/1.4 'DM Sans',sans-serif;color:#a44716;text-underline-offset:4px;text-align:center}
.walk-pilot .ip-decoration{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;min-height:36px;color:#b36a36;opacity:.65;pointer-events:none}
.walk-pilot .ip-decoration>svg{display:block;width:96px;height:40px;overflow:visible}
.walk-pilot .ip-decoration>.ip-lamp{width:44px}
.walk-pilot .ip-contents .tick{margin-bottom:16px}
.walk-pilot .ip-contents .tick li{font-size:14px;line-height:1.55}
.walk-pilot .ip-contents .pw-fineprint{font:400 13px/1.5 'DM Sans',sans-serif;color:var(--muted);margin:0}
.walk-pilot .ip-experience>h2,.walk-pilot .ip-contents>h2{margin-bottom:16px}
.walk-pilot .ip-route .meta{font-size:13px}
.walk-pilot .cta-band{background:#f3ead6;border:1px solid var(--line);color:var(--ink)}
.walk-pilot .cta-band h2{color:#1f4a38}
.walk-pilot .cta-band>p{color:var(--muted)}
.walk-pilot .ip-proof{max-width:56ch;margin:0 auto 24px;padding:0 0 20px;border-bottom:1px solid #d4c4a5;text-align:left}
.walk-pilot .ip-proof blockquote{margin:0}
.walk-pilot .ip-proof blockquote p{font:italic 400 16px/1.6 'Lora',Georgia,serif;color:#1f4a38;margin:0 0 8px}
.walk-pilot .ip-proof figcaption{font:600 13px/1.5 'DM Sans',sans-serif;color:var(--muted)}
.walk-pilot .ip-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.walk-pilot :is(a,summary,button):focus-visible{outline:3px solid #65449d;outline-offset:4px}
@media(max-width:699px){
 .walk-pilot .hero h1{font-size:32px}
 body.walk-experience.walk-pilot main>section{padding:20px 16px}
 .walk-pilot .heroimg{border-radius:0;overflow:visible}
 .walk-pilot .ip-kicker{gap:8px}
 .walk-pilot .ip-books{width:36px;height:28px}
 .walk-pilot .ip-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .walk-pilot .ip-title>h1{margin-right:0}
 .walk-pilot .ip-kicker>.ip-books{display:none}
 .walk-pilot .ip-title>.ip-books-title{display:block;flex:none;width:clamp(60px,19vw,84px);height:auto;aspect-ratio:64/44;opacity:.8}
 .walk-pilot .hero .btns{gap:8px}
 .walk-pilot .walk-hero-facts>ul{gap:8px 12px}
}
@media(max-width:359px){
 body.walk-experience.walk-pilot main>section{padding:20px 12px}
 .walk-pilot .hero h1{font-size:30px}
 .walk-pilot .walk-hero-facts li{gap:4px}
 .walk-pilot .walk-hero-facts>ul{gap:8px}
 .walk-pilot .hero .btns #buy{font-size:14px}
}
@media(min-width:1000px){
 body.walk-experience.walk-pilot main{gap:24px}
 body.walk-experience.walk-pilot main>section{padding:24px}
 body.walk-experience.walk-pilot main>.pw-preview,body.walk-experience.walk-pilot main>.ip-story{grid-row:4;align-self:start}
 body.walk-experience.walk-pilot main>.ip-story{justify-content:flex-start}
 body.walk-experience.walk-pilot main .pw-preview .product-video{width:min(100%,280px);margin-top:16px}
 body.walk-experience.walk-pilot main>.ip-experience{grid-column:1;grid-row:5;align-self:start}
 body.walk-experience.walk-pilot main>.ip-contents{grid-column:2;grid-row:5;align-self:start}
 body.walk-experience.walk-pilot main>.ip-route{grid-column:1;grid-row:6}
 body.walk-experience.walk-pilot main>.pw-plan{grid-column:2;grid-row:6}
 body.walk-experience.walk-pilot main>.ip-faq{grid-column:1/-1;grid-row:7}
 body.walk-experience.walk-pilot main>.ip-faq details{max-width:760px;margin-left:auto;margin-right:auto}
 body.walk-experience.walk-pilot main>.ip-faq>h2{max-width:760px;margin-left:auto;margin-right:auto}
}
/* Walk-specific review: same look as the shop review. */
.walk-pilot .ip-proof figcaption b{font-weight:700;color:#1f4a38}

/* Inside the guide: real pages, near the top (swipe on phones, a row of four on wider screens). */
body.walk-experience.walk-pilot main>.wp-guide-strip{padding-bottom:16px}
.walk-pilot .wp-guide-strip>p:not(.pw-eyebrow){margin:0 0 16px}
.walk-pilot .wp-guide-pages{display:grid;grid-auto-flow:column;grid-auto-columns:min(62%,240px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:0 0 8px;margin:0 -16px;padding-inline:16px;scrollbar-width:thin}
.walk-pilot .wp-guide-pages figure{margin:0;scroll-snap-align:start}
.walk-pilot .wp-guide-pages img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#f4ead4}
.walk-pilot .wp-guide-pages figcaption{margin-top:8px;font:400 13px/1.45 'DM Sans',sans-serif;color:var(--muted)}
.walk-pilot .wp-guide-pages figcaption b{display:block;color:#1f4a38;font-weight:700;font-size:14px}
@media(min-width:700px){.walk-pilot .wp-guide-pages{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin:0;padding:0}}
@media(min-width:1000px){body.walk-experience.walk-pilot main>.wp-guide-strip{grid-column:1/-1;grid-row:3}}

/* Inside your guide: the named cards. */
.walk-pilot .wp-features-lead{margin:0 0 12px!important}
.walk-pilot .wp-features{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.walk-pilot .wp-features li{position:relative;padding-left:24px;font:400 14px/1.5 'DM Sans',sans-serif;color:var(--ink)}
.walk-pilot .wp-features li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:10px;border-radius:50%;background:#b84c12;opacity:.85}
.walk-pilot .wp-features b{display:block;color:#1f4a38;font-weight:700}

/* Phones: the guide pages as a page-wide carousel, one page at a time, with dots. */
.walk-pilot .wp-dots{display:none}
@media(max-width:699px){
 .walk-pilot .wp-guide-pages{grid-auto-columns:100%;gap:0;width:100vw;margin:0 0 0 calc(50% - 50vw);padding:0;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-x:contain}
 .walk-pilot .wp-guide-pages::-webkit-scrollbar{display:none}
 .walk-pilot .wp-guide-pages img{border-radius:0;border:0;border-block:1px solid var(--line)}
 .walk-pilot .wp-guide-pages figcaption{padding:0 16px;text-align:center}
 .walk-pilot .wp-dots{display:flex;justify-content:center;gap:4px;margin:8px 0 0}
 .walk-pilot .wp-dots button{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
 .walk-pilot .wp-dots button::before{content:"";width:8px;height:8px;border-radius:50%;background:#d4c4a5;transition:background .2s,transform .2s}
 .walk-pilot .wp-dots button[aria-current="true"]::before{background:#b84c12;transform:scale(1.25)}
 .walk-pilot .wp-dots button:focus-visible{outline:3px solid #65449d;outline-offset:0;border-radius:50%}
}

/* Closing section: Discover's sign-off, one clear button. */
.walk-pilot .cta-band h2 em{font-style:italic;color:#b84c12}
.walk-pilot .cta-band #buy2{display:block;width:100%;max-width:420px;box-sizing:border-box;margin:0 auto;min-height:56px;padding:16px 12px;font:700 16px/1.35 'DM Sans',sans-serif;text-align:center}
body.walk-pilot .cta-band>p.ip-etsy-destination{align-self:center;width:100%;max-width:none!important;margin:8px auto 0!important;text-align:center!important;font:700 13px/1.4 'DM Sans',sans-serif!important;color:#a44716!important}
.walk-pilot .cta-band [data-spotlight-offer]{max-width:56ch;margin-left:auto!important;margin-right:auto!important;text-align:center}
@media(max-width:359px){.walk-pilot .cta-band #buy2{font-size:14px}}

/* Fox spotting chance: the guides' alert strip (brand kit .ww-alert), 1-4 fox heads. */
.walk-pilot .wp-fox{margin:16px 0 0;padding:12px 16px;background:#FEF3C7;border:2px solid #F6D99A;border-radius:12px;text-align:center}
.walk-pilot .wp-fox p{margin:0!important}
.walk-pilot .wp-fox-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;font:800 12px/1.3 'DM Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#C2410C!important}
.walk-pilot .wp-fox-heads{font-size:20px;letter-spacing:2px;line-height:1}
.walk-pilot .wp-fox-heads .off{filter:grayscale(1);opacity:.28}
.walk-pilot .wp-fox-rating{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.walk-pilot .wp-fox-word{letter-spacing:.06em}
.walk-pilot .wp-fox-note{margin-top:6px!important;font:400 13px/1.45 'DM Sans',sans-serif!important;color:#92400E!important}

/* Phones show the location photo, not the square cover (whose phone source is a 1px placeholder). */
.hero .heroimg>picture.wp-cover{display:block}
@media(max-width:699px){.hero .heroimg>picture.wp-cover{display:none}}
.walk-pilot .hero .wp-rating{color:inherit;text-decoration:none;white-space:nowrap}
.walk-pilot .hero .wp-rating:hover{text-decoration:underline;text-underline-offset:3px}
.walk-pilot .hero .wp-stars{color:#C9A227;letter-spacing:1px}

/* Per-walk sepia line art (as Islington): beside the title and in the story / "What you'll do" footers. */
.walk-pilot .ip-decoration>svg.ip-motif{width:60px;height:41px}
.walk-pilot .ip-books{overflow:visible}

/* Independent desktop card heights; row placement is calculated by walk-pilot.js.
   Without JS the existing readable two-column layout remains the fallback. */
@media(min-width:1000px){
 body.walk-experience.walk-pilot main.compact-card-grid{grid-template-rows:none;grid-auto-rows:1px;gap:0 24px;align-items:start;}
 body.walk-experience.walk-pilot main.compact-card-grid>*{align-self:start;margin-block:0!important;}
}