/* Prototype additions: D3 theme, inner pages, menu, forms */

/* D3 · Maker's notes: white ground, hand-lettered call-outs carry the voice */
html[data-v="notes"]{
  --page:var(--white); --text:var(--ink); --heading:var(--purple); --accent:var(--teal);
  --hero-bg:var(--white); --hero-text:var(--ink); --hero-head:var(--purple); --hero-brush:var(--orange);
  --header-bg:rgba(255,255,255,.94); --header-text:var(--ink); --logo:url(/assets/logo/logo-purple.png);
  --band-a:var(--white); --band-a-text:var(--ink); --band-a-head:var(--purple);
  --band-b:var(--white); --band-b-text:var(--ink); --band-b-head:var(--purple);
  --cta-bg:var(--teal); --cta-text:var(--white); --cta2-bg:var(--white); --cta2-text:var(--purple); --cta2-line:var(--purple);
  --card:var(--white); --card-line:#E4E4E4; --link:var(--teal-ink);
  --foot-bg:var(--purple); --foot-text:var(--white);
}
html[data-v="notes"] .blobs,html[data-v="notes"] .tag{display:none}
html[data-v="notes"] .hero-art .disc{background:var(--green);opacity:.3;inset:12% 8% 6% 10%}
html[data-v="notes"] .hero-cut{left:22%;top:16%;width:56%}
html[data-v="notes"] .hero h1 .t{color:var(--teal)}
.notes,.arrows{display:none}
html[data-v="notes"] .notes{display:block}
html[data-v="notes"] .arrows{display:block}
.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.arrows path{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.note{position:absolute;font:400 34px/1 var(--brush);color:var(--ink);white-space:nowrap;text-shadow:0 0 6px #fff,0 0 3px #fff}
.note small{display:table;font:700 16px/1.3 var(--body);color:#444;margin-top:4px;background:#fff;border-radius:8px;padding:1px 7px;text-shadow:none}
.n1{left:0;top:4%;transform:rotate(-5deg)} .n2{right:-2%;top:62%;transform:rotate(4deg);text-align:right} .n2 small{margin-left:auto} .n3{left:2%;bottom:4%;transform:rotate(-3deg)}
html[data-v="notes"] .tile{border:0;padding:6px}
html[data-v="notes"] .tile .im{background:none}
html[data-v="notes"] .jcard{background:var(--white)!important;color:var(--ink)!important;border:2px solid var(--card-line)}
html[data-v="notes"] .jcard h3{color:var(--purple)}
html[data-v="notes"] .find{background:var(--white)}
html[data-v="notes"] .county{border:2px solid var(--card-line)}
html[data-v="notes"] .host .box{background:var(--white);border:2px solid var(--card-line)}
html[data-v="notes"] .mcard .lg{background:var(--white)}
.btag{display:none;font:400 26px/1 var(--brush);color:var(--orange);transform:rotate(6deg)}
html[data-v="notes"] .btag{display:inline-block}
html[data-v="notes"] .eyebrow{color:var(--orange)}

/* switcher: three directions */
.switch .lbl{padding:8px 6px 8px 10px;opacity:.7}

/* mobile menu */
.drawer{display:none}
@media (max-width:980px){
  .drawer{display:block;position:fixed;inset:70px 0 auto 0;z-index:45;background:var(--white);color:var(--ink);padding:10px 16px 22px;box-shadow:0 20px 40px rgba(51,51,51,.18);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s ease}
  .drawer.open{transform:none;opacity:1;pointer-events:auto}
  .drawer a{display:block;padding:14px 4px;border-bottom:2px solid #f1f1f1;text-decoration:none;font-size:20px}
  .drawer a.gift{border:0;margin-top:12px;display:inline-block;background:var(--pink);border-radius:999px;padding:.5em 1.1em}
}
.nav ul a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}

/* inner page head */
.phead{background:var(--hero-bg);color:var(--hero-text);padding:56px 0 52px;position:relative;overflow:hidden}
.phead h1{font-size:clamp(52px,6vw,92px);color:var(--hero-head)}
.phead .brush{font-size:38px;color:var(--hero-brush);display:block;margin-bottom:8px;transform:rotate(-2deg);transform-origin:left}
.phead p{max-width:52ch;margin-top:16px;font-size:20px}
.crumb{font-size:16px;margin-bottom:12px;opacity:.85}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.pbody{padding:64px 0}
.pbody h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:40px;align-items:start}

/* find page */
.finder{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.finder .search{margin:0;flex:1 1 420px}
.locate{background:var(--white);color:var(--purple);border:2px solid var(--purple)}
html[data-v="colour"] .locate{border-color:var(--white)}
.status{margin-top:14px;font-size:17px;min-height:1.5em}
.list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.lcard{display:flex;flex-direction:column;gap:4px;background:var(--card);border:2px solid #E4E4E4;border-radius:var(--r-md);padding:20px 22px;text-decoration:none;color:var(--ink);height:100%}
.lcard:hover{border-color:var(--teal)}
.lcard b{font-size:20px;line-height:1.2}
.lcard small{font-size:16px;color:#555}
.lcard .mi{margin-top:6px;color:var(--teal-ink);font-size:16px}
.lcard .cty{font-size:14px;color:var(--purple)}
.county li a{text-decoration:none;display:block}
.county li a:hover b{text-decoration:underline}

/* location page */
.facts{display:grid;gap:14px}
.fact{background:var(--card);border:2px solid #E4E4E4;border-radius:var(--r-md);padding:20px 22px}
.fact h3{font-size:24px;margin-bottom:8px}
.w3w{font-size:24px;color:#E11F26;letter-spacing:.01em}
.w3w span{color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.chips li,.chips a{background:var(--tint-teal);color:var(--ink);border-radius:999px;padding:.35em .85em;font-size:16px;text-decoration:none}
html[data-v="notes"] .chips li,html[data-v="notes"] .chips a{background:var(--white);border:2px solid var(--card-line)}
.prose p{margin-bottom:14px;max-width:62ch}
.helpbox{border-radius:var(--r-md);padding:22px;background:var(--tint-orange)}
html[data-v="colour"] .helpbox{background:var(--orange)}
html[data-v="notes"] .helpbox{background:var(--white);border:2px dashed var(--orange)}

/* food page */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.filters button{font:700 18px var(--body);border:2px solid var(--purple);background:var(--white);color:var(--purple);border-radius:999px;padding:.5em 1.1em;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--purple);color:var(--white)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.fgrid .tile{width:auto}
.fgrid .tile[hidden]{display:none}

/* FAQ */
.faq details{border-bottom:2px solid #ECECEC;padding:18px 0}
.faq summary{cursor:pointer;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;line-height:1;color:var(--teal-ink)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:12px;max-width:66ch;font-size:18px}

/* forms */
.form{display:grid;gap:14px;max-width:620px}
.form label{display:grid;gap:6px;font-size:17px}
.form input,.form textarea{font:700 18px var(--body);color:var(--ink);border:2px solid #CFCFCF;border-radius:var(--r-sm);padding:.75em .9em;background:var(--white)}
.form input:focus-visible,.form textarea:focus-visible{border-color:var(--teal)}
.form textarea{min-height:140px;resize:vertical}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .err{color:#B3261E;font-size:16px;display:none}
.form.invalid .err{display:block}
.thanks{display:none;border-radius:var(--r-md);padding:28px;background:var(--tint-green)}
.thanks.show{display:block}
.thanks h2{font-size:40px}
.proto-note{font-size:15px;color:#555;margin-top:6px}
.placeholder{border:2px dashed #B8B8B8;border-radius:var(--r-md);padding:22px;color:#555;background:#FBFBFB}

@media (max-width:980px){.two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.phead{padding:34px 0 34px}.phead .brush{font-size:28px}.form .row2{grid-template-columns:1fr}.note{font-size:26px}.note small{font-size:14px}}

.mgrid a.mcard{display:block}

html[data-v="colour"] .find .sec-head a{color:var(--white)}

/* ===== wireframe rebuild (2 Nov): waves, proof strip, sub-menu, venues, contact types ===== */
/* simple waves between bands (wireframe: "simple waves, curves and movement") */
.band{position:relative}
.band>.wave{position:absolute;left:0;right:0;top:-34px;height:36px;background:inherit;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 36' preserveAspectRatio='none'%3E%3Cpath d='M0 36V18C120 4 240 0 360 8s240 26 360 26 240-20 360-26 240 2 360 12v16Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 36' preserveAspectRatio='none'%3E%3Cpath d='M0 36V18C120 4 240 0 360 8s240 26 360 26 240-20 360-26 240 2 360 12v16Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.menu.band,footer.band{border-radius:0}
footer.band{margin-top:120px}

/* header: wireframe nav + enquiry action */
.nav ul{gap:18px;font-size:18px;align-items:center}
.nav .cta-head{padding:.55em 1em;font-size:17px}
.has-sub{position:relative}
.has-sub .sub{position:absolute;top:100%;left:-14px;min-width:200px;background:var(--white);color:var(--ink);border-radius:var(--r-sm);padding:8px;box-shadow:0 14px 34px rgba(51,51,51,.16);list-style:none;display:none;z-index:50}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.has-sub .sub a{display:block;padding:10px 12px;border-radius:12px}
.has-sub .sub a:hover{background:var(--tint-teal);text-decoration:none}
@media (max-width:1240px){.nav ul{display:none}.menu-btn{display:inline-block}
  .drawer{display:block;position:fixed;inset:84px 0 auto 0;z-index:45;background:var(--white);color:var(--ink);padding:10px 16px 22px;box-shadow:0 20px 40px rgba(51,51,51,.18);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s ease}
  .drawer.open{transform:none;opacity:1;pointer-events:auto}
  .drawer a{display:block;padding:14px 4px;border-bottom:2px solid #f1f1f1;text-decoration:none;font-size:20px}
  .drawer a.sub{padding-left:22px;font-size:18px}
  .drawer .btn{margin-top:14px;border:0}}
@media (max-width:560px){.drawer{inset:70px 0 auto 0}}

/* hero: two actions */
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
html[data-v="colour"] .hero .btn-ghost{border-color:var(--white)}

/* proof strip: verified figures only */
.proof{padding:26px 0}
.proof ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proof li{border-radius:var(--r-md);padding:18px 20px;background:var(--tint-teal);display:flex;flex-direction:column}
.proof b{font:400 44px/1 var(--head);color:var(--purple)}
.proof span{font-size:17px}
html[data-v="colour"] .proof li{background:var(--purple) url(/assets/textures/purple.jpg) center/600px;color:var(--white)}
html[data-v="colour"] .proof b{color:var(--white)}
html[data-v="notes"] .proof li{background:var(--white);border:2px solid var(--card-line)}
.verify{font-size:14px;color:#666;margin-top:8px}
.journey .grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.j4{background:var(--tint-green);color:var(--ink)}
html[data-v="colour"] .j4{background:var(--green);color:var(--ink)}

/* page hero with image */
.phead .wrap.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center}
.phead .himg{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--tint-teal)}
.phead .himg img{width:100%;height:100%;object-fit:cover}
.phead .himg.cut{background:transparent;aspect-ratio:1/1}
.phead .himg.cut img{object-fit:contain;filter:drop-shadow(0 24px 22px rgba(51,51,51,.25))}
.phead .himg.ph{display:grid;place-items:center;text-align:center;padding:24px;border:2px dashed rgba(51,51,51,.25);color:#555;font-size:17px;background:rgba(255,255,255,.7)}
.phead .ctas .btn-ghost{border-color:currentColor}

/* locations hub */
.regions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.regions button{font:700 17px var(--body);border:2px solid var(--purple);background:var(--white);color:var(--purple);border-radius:999px;padding:.45em 1em;cursor:pointer}
.regions button[aria-pressed="true"]{background:var(--purple);color:var(--white)}
.cgroup{margin-top:36px}
.cgroup h3{font-size:34px;margin-bottom:14px}
.cgroup[hidden]{display:none}
.lcard .ph{width:100%;aspect-ratio:16/9;border-radius:14px;object-fit:cover;margin-bottom:10px;background:var(--tint-teal)}

/* location page */
.highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;list-style:none;padding:0}
.highlights li{background:var(--card);border:2px solid #E4E4E4;border-radius:var(--r-md);padding:12px;text-align:center;font-size:16px}
.highlights img{width:100%;aspect-ratio:1/1;object-fit:contain}
.flag{display:inline-block;font-size:14px;background:#FFF3C4;color:#5A4500;border-radius:999px;padding:.15em .7em;margin-left:6px;vertical-align:middle}

/* food gallery */
.gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 18px;scrollbar-width:thin}
.gallery figure{flex:none;width:300px;scroll-snap-align:start;border-radius:var(--r-lg);padding:18px;background:var(--tint-teal);text-align:center}
html[data-v="colour"] .gallery figure{background:var(--tint-pink)}
html[data-v="notes"] .gallery figure{background:var(--white);border:2px solid var(--card-line)}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(51,51,51,.2))}
.gallery figcaption{font:400 26px/1.05 var(--head);text-transform:uppercase;color:var(--purple);margin-top:8px}

/* producers */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.pcard{background:var(--card);border:2px solid #E4E4E4;border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:8px}
.pcard .lg{height:130px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:#FAFAFA;padding:10px}
.pcard .lg img{max-width:100%;max-height:100%}
.pcard b{font-size:21px}
.pcard small{font-size:15px;color:#555}

/* for venues */
.suits{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;list-style:none;padding:0}
.suits li{border-radius:var(--r-md);padding:18px;background:var(--tint-teal)}
html[data-v="colour"] .suits li{background:var(--teal) url(/assets/textures/teal.jpg) center/600px;color:var(--white)}
html[data-v="colour"] .suits small{color:var(--white)}
html[data-v="notes"] .suits li{background:var(--white);border:2px solid var(--card-line)}
.suits b{display:block;font-size:20px}
.suits small{font-size:15px;color:#555}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.route{border-radius:var(--r-lg);padding:26px;background:var(--purple) url(/assets/textures/purple.jpg) center/600px;color:var(--white)}
.route:nth-child(2){background:var(--teal) url(/assets/textures/teal.jpg) center/600px}
.route h3{color:var(--white);font-size:34px;margin-bottom:8px}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.steps li{counter-increment:s;border-radius:var(--r-md);padding:24px;background:var(--card);border:2px solid #E4E4E4}
.steps li::before{content:counter(s);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);color:var(--ink);font:400 26px var(--head);margin-bottom:12px}
.benefits{list-style:none;padding:0;display:grid;gap:12px}
.benefits li{padding:14px 18px;border-radius:var(--r-sm);background:var(--tint-green)}
html[data-v="notes"] .benefits li{background:var(--white);border:2px solid var(--card-line)}
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.case{border-radius:var(--r-md);overflow:hidden;background:var(--card);border:2px solid #E4E4E4}
.case .ph{aspect-ratio:16/10;background:var(--tint-teal);display:grid;place-items:center;color:#555;font-size:15px}
.case div{padding:16px 18px}
.case b{font-size:19px;display:block}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opts label{display:flex;align-items:center;gap:8px;border:2px solid #CFCFCF;border-radius:999px;padding:.4em .9em;font-size:17px;cursor:pointer}
.opts input{accent-color:var(--teal);width:20px;height:20px}
.form select{font:700 18px var(--body);color:var(--ink);border:2px solid #CFCFCF;border-radius:var(--r-sm);padding:.7em .8em;background:var(--white)}
.form fieldset{border:0;padding:0;display:grid;gap:8px}
.form legend{font-size:17px;margin-bottom:6px}
.only{display:none}
.only.on{display:grid;gap:14px}

/* app page */
.screens{display:flex;gap:18px;flex-wrap:wrap}
.screen{width:180px;aspect-ratio:9/19;border-radius:28px;border:8px solid var(--ink);background:#F7F7F7;display:grid;place-items:center;text-align:center;font-size:14px;color:#555;padding:12px}

@media (max-width:980px){.proof ul,.journey .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.phead .wrap.split{grid-template-columns:minmax(0,1fr)}.routes{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}
@media (max-width:560px){.proof b{font-size:34px}.journey .grid.g4{grid-template-columns:minmax(0,1fr)}.gallery figure{width:230px}.phead .himg{max-width:420px}}

/* ===== hero line-up: products switch around (Ed, 2 Nov) ===== */
#lineup .stage{position:absolute;inset:0}
#lineup .hero-cut{left:9%;top:3%;width:82%;animation:none}
html[data-v="notes"] #lineup .hero-cut{left:15%;top:9%;width:70%}
#lineup .hero-cut[hidden]{display:none}
#lineup .hero-cut.enter{animation:popIn .7s cubic-bezier(.34,1.56,.64,1) both}
#lineup .hero-cut.leave{display:block;animation:spinOut .45s ease-in both}
#lineup .hero-cut.idle{animation:float 8s ease-in-out infinite}
@keyframes popIn{0%{opacity:0;transform:scale(.55) rotate(-14deg) translateY(30px)}100%{opacity:1;transform:none}}
@keyframes spinOut{to{opacity:0;transform:scale(.7) rotate(16deg) translateX(60px)}}
#lineup .disc{transition:background-color .6s ease,border-radius .6s ease}
html[data-v="white"] #lineup[data-c="0"] .disc{background:var(--tint-teal)}
html[data-v="white"] #lineup[data-c="1"] .disc{background:var(--tint-pink)}
html[data-v="white"] #lineup[data-c="2"] .disc{background:var(--tint-green)}
html[data-v="white"] #lineup[data-c="3"] .disc{background:var(--tint-orange)}
html[data-v="colour"] #lineup[data-c="0"] .disc{background:var(--pink)}
html[data-v="colour"] #lineup[data-c="1"] .disc{background:var(--orange)}
html[data-v="colour"] #lineup[data-c="2"] .disc{background:var(--green)}
html[data-v="colour"] #lineup[data-c="3"] .disc{background:var(--purple)}
html[data-v="notes"] #lineup[data-c="1"] .disc{background:var(--pink)}
html[data-v="notes"] #lineup[data-c="2"] .disc{background:var(--orange)}
html[data-v="notes"] #lineup[data-c="3"] .disc{background:var(--teal)}
#lineup .tag{transition:transform .3s ease}
#lineup .tag.flip{animation:tagIn .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes tagIn{0%{transform:rotate(-8deg) scale(.8);opacity:0}100%{transform:none;opacity:1}}
#lineup .tag [data-f="name"]{display:block;font-size:19px}
#lineup .note.flip{animation:noteIn .5s ease}
@keyframes noteIn{0%{opacity:0;translate:0 10px}100%{opacity:1;translate:0 0}}
.dots{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.dots button{width:30px;height:30px;border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center}
.dots button::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--purple);opacity:.3;transition:.25s ease}
.dots button[aria-current="true"]::before{opacity:1;width:26px;border-radius:999px}
html[data-v="colour"] .dots button::before{background:var(--white)}
.dots button:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:50%}
@media (prefers-reduced-motion:reduce){#lineup .hero-cut.enter,#lineup .hero-cut.leave,#lineup .tag.flip,#lineup .note.flip{animation:none}#lineup .hero-cut.leave{display:none}}

.social{display:flex;gap:14px;flex-wrap:wrap}
.social a{text-decoration:underline;text-underline-offset:4px}
.fact .social a{color:var(--teal-ink)}

/* real photos on journey cards and producer cards (image catalogue, 2 Nov) */
.jcard .jimg{display:block;width:calc(100% + 60px);margin:-30px -30px 18px;height:170px;object-fit:cover}
.pcard .pphoto{width:calc(100% + 36px);margin:-18px -18px 4px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md) var(--r-md) 0 0}
.case img.ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
@media (max-width:560px){.jcard .jimg{grid-column:1/-1;width:calc(100% + 44px);margin:-22px -22px 14px;height:150px}}
.jcard .jimg,.pcard .pphoto{max-width:none}

/* real-photo galleries (Our Food, About) */
.gallery.photos-g figure{width:280px;padding:0;overflow:hidden;background:none!important;border:0!important}
.gallery.photos-g img{aspect-ratio:4/5;object-fit:cover;filter:none;border-radius:var(--r-lg);max-width:none;width:100%}
.gallery.photos-g figcaption{font:700 16px/1.3 var(--body);text-transform:none;color:inherit;margin-top:8px;text-align:left}

.phead h1.long{font-size:clamp(40px,4.6vw,66px);overflow-wrap:anywhere}

/* accessibility fixes from the axe-core audit (WCAG 2.2 AA), 2 Nov */
:root{--orange-ink:#BF5209}                 /* orange for text: 4.7:1 on white (brand orange stays for fills) */
html[data-v="notes"]{--hero-brush:var(--orange-ink)}
html[data-v="notes"] .eyebrow,.btag,.journey-story .step b{color:var(--orange-ink)}
html:not([data-v="colour"]) .btn-cta{background:var(--teal-ink)}  /* white labels on teal: the darker teal passes at every size */
html[data-v="white"] .makers .sec-head a{color:#0F6363}
html[data-v="colour"] .helpbox h3,html[data-v="colour"] .benefits li{color:var(--ink)}
.rail:focus-visible{outline:3px solid var(--orange);outline-offset:4px}