1import{r as p,j as e,I as C,L as g,Y as W,b as M,a as A,S as T}from"./index-BXFUGXGO.js";import{C as v,c as S,b as f,P as R}from"./StoryShared-DuJ7YmeV.js";import{C as I}from"./ColourDetailPanel-CnVjvmqZ.js";import{C as P,g as L}from"./colourMath--2_mtqw1.js";import{W as y,g as b}from"./watercolourReviews-DK49AxXX.js";import{g as O}from"./pigmentHistories-Dw3R6ueV.js";import{C as _}from"./ColourDisclaimer-B97AgtH8.js";const N=[{id:"wc-origin",num:"1",label:"A Painterâs Pursuit"},{id:"wc-range",num:"2",label:"The Range"},{id:"wc-wall",num:"3",label:"The Swatch Wall"},{id:"wc-studio",num:"4",label:"In the Studio"},{id:"wc-voices",num:"5",label:"Artistsâ Voices"},{id:"wc-study",num:"6",label:"Marlaineâs Study"},{id:"wc-follow",num:"7",label:"Follow Along"}];function H(){const[a,l]=p.useState(N[0].id),[n,t]=p.useState(!0);p.useEffect(()=>{const r=new IntersectionObserver(u=>{const s=u.filter(o=>o.isIntersecting).sort((o,i)=>o.boundingClientRect.top-i.boundingClientRect.top);s[0]&&l(s[0].target.id)},{rootMargin:"-25% 0px -55% 0px",threshold:0});N.forEach(({id:u})=>{const s=document.getElementById(u);s&&r.observe(s)});const c=document.querySelector("footer"),h=new IntersectionObserver(([u])=>t(!u.isIntersecting),{rootMargin:"0px 0px -60% 0px",threshold:0});return c&&h.observe(c),()=>{r.disconnect(),h.disconnect()}},[]);const m=r=>{const c=document.getElementById(r);if(c){const h=c.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:h,behavior:"smooth"})}};return e.jsx("nav",{className:`hidden lg:block fixed left-4 top-[55%] -translate-y-1/2 z-30 transition-opacity duration-300 ${n?"opacity-100":"opacity-0 pointer-events-none"}`,"aria-label":"Watercolour story timeline",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-[7px] top-2 bottom-2 w-px bg-border"}),e.jsx("ul",{className:"space-y-5",children:N.map(r=>{const c=a===r.id;return e.jsx("li",{children:e.jsxs("button",{onClick:()=>m(r.id),className:"group flex items-center gap-2.5 text-left",children:[e.jsx("span",{className:`relative z-10 w-3.5 h-3.5 rounded-full border transition-all duration-300 flex-shrink-0 ${c?"bg-primary border-primary scale-110":"bg-background border-border group-hover:border-primary/50"}`}),e.jsxs("span",{className:"flex flex-col",children:[e.jsxs("span",{className:`font-mono-tech text-[9px] uppercase tracking-[0.12em] transition-colors leading-none mb-0.5 ${c?"text-primary":"text-muted-foreground/50 group-hover:text-foreground/70"}`,children:["Ch. ",r.num]}),e.jsx("span",{className:`text-[9px] leading-tight transition-colors ${c?"text-foreground/80":"text-muted-foreground/40 group-hover:text-foreground/60"}`,children:r.label})]})]})},r.id)})})]})})}function B({products:a,isLoading:l,onSelect:n}){const t=p.useMemo(()=>P.map(s=>({family:s,items:a.filter(o=>L(o)===s)})).filter(s=>s.items.length>0),[a]),m=60,[r,c]=p.useState(m),h=t.reduce((s,o)=>s+o.items.length,0),u=p.useMemo(()=>{const s=[];let o=r;for(const i of t){if(o<=0)break;const d=i.items.slice(0,o);s.push({family:i.family,items:d}),o-=d.length}return s},[t,r]);return e.jsx("section",{id:"wc-wall",className:"scroll-mt-28",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-6 md:px-10",children:[e.jsx(v,{children:"Chapter III · The Swatch Wall"}),e.jsx("h2",{className:"font-display text-3xl md:text-5xl font-medium leading-[1] tracking-tight mb-4",children:"Every colour, laid down."}),e.jsx("p",{className:"text-foreground/65 max-w-2xl leading-relaxed mb-12",children:"The complete range as real paint-out swatches, milled and brushed onto laminate - grouped by family. Tap any swatch to open its full pigment data and chemistry."}),l?e.jsx("div",{className:"flex items-center justify-center py-20",children:e.jsx("div",{className:"w-8 h-8 border-2 border-border border-t-primary rounded-full animate-spin"})}):t.length===0?e.jsx("div",{className:"py-20 text-center text-foreground/50",children:"Watercolour swatches are loading into the library. Please check back shortly."}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"space-y-12 md:space-y-16",children:u.map(s=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline gap-4 mb-4",children:[e.jsx("h3",{className:"font-display text-xl md:text-2xl font-medium",children:s.family}
1),e.jsx("span",{className:"text-sm text-foreground/50",children:s.items.length}),e.jsx("div",{className:"flex-1 h-px bg-border"})]}),e.jsx("div",{className:"grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-2 md:gap-3",children:s.items.map(o=>e.jsxs("button",{type:"button",onClick:()=>n(o),title:`${o.name}${o.number?" · "+o.number:""}`,className:"group relative aspect-square overflow-hidden bg-muted",children:[e.jsx(C,{src:o.image_url,alt:`${o.name} watercolour swatch`,fittingType:"fill",className:"w-full h-full transition-transform duration-500 group-hover:scale-110"}),e.jsxs("div",{className:"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity bg-foreground/75 p-2 flex flex-col justify-end text-left",children:[e.jsx("div",{className:"font-mono-tech text-[8px] uppercase tracking-[0.1em] text-background/70 leading-tight",children:o.number}),e.jsx("div",{className:"font-display text-[11px] leading-tight text-background line-clamp-2",children:o.name})]})]},o.id))})]},s.family))}),h>r&&e.jsxs("div",{className:"mt-12 text-center",children:[e.jsx("button",{onClick:()=>c(s=>s+m),className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] border border-foreground px-8 py-3.5 hover:bg-foreground hover:text-background transition-colors",children:"Show more swatches"}),e.jsxs("p",{className:"mt-3 font-mono-tech text-[10px] uppercase tracking-[0.15em] text-foreground/40",children:["Showing ",r," of ",h]})]})]}),e.jsxs(S,{children:["Real paint-out swatches with laminate - ",a.length," colours currently in the range."," ",e.jsx(g,{to:"/colour-chart",className:"text-primary link-underline",children:"Open the interactive chart â"})]})]})})}const w=[{key:"reds",label:"Reds & Violets",blurb:"From perylene maroons to the historic madders - the warm, staining heart of the palette.",videos:[{id:"v5LQRpkshFw",title:"Michael Harding Perylene Watercolours",desc:"The perylene reds and maroons - semi-transparent, lightfast, and beloved of botanical and landscape painters.",source:"@StiviWonders"},{id:"xVNNMQiKMe4",title:"PR206 Watercolours",desc:"A close look at the PR206 red pigment, swatched and compared across makers including Michael Harding.",source:"@StiviWonders"}]},{key:"blues",label:"Blues",blurb:"Synthetic ultramarine, cobalts and the genuine lapis of medieval manuscripts.",videos:[{id:"NScKNZAQE0o",title:"Michael Harding Blue Watercolours, including Genuine Lapis Lazuli",desc:"The blue family from synthetic ultramarine to genuine lapis, with mixes.",source:"@StiviWonders"},{id:"SxnLMb3d9gU",title:"Michael Harding Watercolours, including Genuine Lapis Lazuli",desc:"A longer swatching session across the blues and the genuine Afghan lapis.",source:"@StiviWonders"}]},{key:"greens",label:"Greens",blurb:"Hookerâs green, green gold and the landscape greens.",videos:[{id:"k8jYs9S8U6g",title:"Hookerâs Green Watercolor",desc:"Hookerâs Green compared across makers, including Michael Harding.",source:"@StiviWonders"},{id:"2M82o939B8Y",title:"PY129 Green Gold Watercolors",desc:"Green Gold (PY129) swatched and compared across professional brands.",source:"@StiviWonders"}]},{key:"earths",label:"Earths & Yellows",blurb:"Turnerâs yellow, gamboge, the umbers and siennas - the bones of landscape and flesh.",videos:[{id:"BwU0SljCXOw",title:"Antique 18th Century Master Set",desc:"Turnerâs Yellow, New Gamboge, Burnt Sienna and Raw Umber from the antique set.",source:"@StiviWonders"},{id:"dIAxnO346FQ",title:"Micro Watercolor Travel Kit, featuring Michael Harding Watercolours",desc:"Building a limited earth-and-neutral travel palette from the range.",source:"@StiviWonders"}]},{key:"quin",label:"Quinacridones",blurb:"The modern, permanent pinks, roses and golds that rewrote the warm palette.",videos:[{id:"JrFx8iPuEgo",title:"Quinacridone Watercolors",desc:"The quinacridone family - gold, rose and violet - compared across makers including Michael Harding.",source:"@StiviWonders"}]}];
1function F(){const[a,l]=p.useState(w[0].key),n=w.find(t=>t.key===a)||w[0];return e.jsxs("div",{children:[e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary mb-3",children:"Spotlight on Family"}),e.jsx("h3",{className:"font-display text-3xl md:text-4xl font-medium leading-[1.05] tracking-tight mb-3",children:"One colour family at a time."}),e.jsx("p",{className:"text-foreground/65 max-w-2xl leading-relaxed mb-10",children:"Swatched and compared family by family, these films from the Stivi Wonders channel show how each group of Michael Harding watercolours behaves on the page."}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-10",children:w.map(t=>e.jsx("button",{onClick:()=>l(t.key),className:`text-[12px] font-mono-tech uppercase tracking-[0.14em] px-4 py-2.5 border transition-colors ${a===t.key?"bg-foreground text-background border-foreground":"border-border text-foreground/70 hover:border-foreground hover:text-foreground"}`,children:t.label},t.key))}),e.jsx("p",{className:"font-display text-lg md:text-xl italic text-foreground/55 max-w-2xl mb-10",children:n.blurb}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-12",children:n.videos.map(t=>e.jsxs("div",{children:[e.jsx(W,{id:t.id,title:t.title}),e.jsx("h4",{className:"font-display text-xl font-medium mt-4 mb-2",children:t.title}),e.jsx("p",{className:"text-foreground/60 leading-relaxed text-[15px] mb-2",children:t.desc}),e.jsxs("span",{className:"font-mono-tech text-[9px] uppercase tracking-[0.18em] text-muted-foreground",children:["via ",t.source]})]},t.id))})]})}const j={id:"nONo1gOjUgc",title:"Introducing the Michael Harding Watercolour Range",desc:"The range of over 130 colours - 96 of them single-pigment - milled with the same uncompromising philosophy as the oils. Michael introduces the line he spent two decades developing."},E=[{id:"mvt6Iy8U07s",title:"Michael Harding's Ten Favourite Watercolours",desc:"Michael picks ten colours from the range he could not paint without - and shows how each behaves on the page."},{id:"KlVP4WgoXWU",title:"In Conversation: Michael Harding on His New Watercolours",desc:"A conversation with Jacksonâs Art about why Michael turned to watercolour after forty years of oil, and what took so long."},{id:"BwU0SljCXOw",title:"Antique 18th Century Master Set",desc:"A closer look at the Antique 18th Century Master watercolour set - historical pigments ground for the modern palette."},{id:"3V8V_sENIFc",title:"How Granulating Watercolours Work",desc:"A hands-on demo of the granulating set, and how to coax beautiful, textured granulation from the pigments."}];function G(){return e.jsx("section",{id:"wc-studio",className:"scroll-mt-28",children:e.jsxs("div",{className:"mx-auto max-w-[1100px] px-6 md:px-10",children:[e.jsx(v,{children:"Chapter IV · In the Studio"}),e.jsx("h2",{className:"font-display text-3xl md:text-5xl font-medium leading-[1] tracking-tight mb-4",children:"Watch the colours move."}),e.jsx("p",{className:"text-foreground/65 max-w-2xl leading-relaxed mb-12",children:"Michael and his artists show how the watercolours behave, mix and granulate - then the Stivi Wonders channel swatches them family by family."}),e.jsxs("div",{className:"mb-16 md:mb-20",children:[e.jsx(W,{id:j.id,title:j.title}),e.jsx("h3",{className:"font-display text-2xl md:text-3xl font-medium mb-2 mt-5",children:j.title}),e.jsx("p",{className:"text-foreground/60 max-w-2xl leading-relaxed",children:j.desc})]}),e.jsx("div",{className:"mb-16 md:mb-20",children:e.jsx(F,{})}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary mb-3",children:"More from the Studio"}),e.jsx("h3",{className:"font-display text-2xl md:text-3xl font-medium mb-8",children:"Straight from the Michael Harding Paints channel."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-12",children:E.map(a=>e.jsxs("div",{children:[e.jsx(W,{id:a.id,title:a.title}),e.jsx("h4",{className:"font-display text-xl font-medium mt-4 mb-2",children:a.title}
1),e.jsx("p",{className:"text-foreground/60 leading-relaxed text-[15px]",children:a.desc})]},a.id))}),e.jsx(S,{children:"Films from the Michael Harding Paints channel (@MHPaints) and the Stivi Wonders channel (@StiviWonders)."})]})})}const Y=[{src:"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/a86475b26_Screenshot-2023-02-13-at-111054.png",caption:"The full range, laid out for testing on Fabriano Artistico."},{src:"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/61366c98d_Screenshot-2023-02-13-at-111226.png",caption:"Fabriano hot pressed - Brilliant Pink and the colours that contain white."},{src:"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/be8e21c17_Screenshot-2023-02-13-at-111353.png",caption:"A soft sky on Fabriano HP - Cosmic Blue mixed with Yellow Ochre for green."},{src:"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/d57638826_Screenshot-2023-02-13-at-111449.png",caption:"Arches HP - Moss Green, Quinacridone Coral and the granulating Forest Green."},{src:"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/64663658e_Screenshot-2023-02-13-at-111546.png",caption:"Moonlight - colour separation and distinct granulation, a favourite."}],V=["Red-Ochre-of-France-and-Ochre-Havana-of-France-Watercolour-Swatch-4.jpg","Sepia-and-Neutral-Tint-Watercolour-Swatch-4.jpg","Cadmium-Orange-Watercolour-Swatch-3.jpg","Cadmium-Golden-Yellow-Watercolour-Swatch-4.jpg","Yellow-Ochre-
1Deep-Watercolour-Swatch-4.jpg","Yellows-Watercolour-Swatch-4.jpg","Cadmium-Red-Deep-Watercolour-Swatch-4.jpg","Cadmium-Red-Light-Watercolour-Swatch-4.jpg","Quinacridone-Coral-Watercolour-Swatch-4.jpg","Brilliant-Pink-Watercolour-Swatch-4.jpg","Lavender-Watercolour-Swatch-4.jpg","Imperial-Purple-Watercolour-Swatch-4.jpg","Ultramarine-Violet-Watercolour-Swatch-4.jpg","Cobalt-Teal-Blue-Shade-Watercolour-Swatch-4.jpg","Aqua-Green-Watercolour-Swatch-4.jpg","Indanthrone-Blue-Watercolour-Swatch-4.jpg","Vivid-Blue-Watercolour-Swatch-4.jpg","Yellow-Ochre-Watercolour-Swatch-4.jpg","Prussian-Blue-Watercolour-Swatch-4.jpg","Phthalo-Blue-Red-Shade-Watercolour-Swatch-4.jpg","Pthalo-Green-Yellow-Shade-Watercolour-Swatch-4.jpg"],U={"Red-Ochre-of-France-and-Ochre-Havana-of-France-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/55009c308_Red-Ochre-of-France-and-Ochre-Havana-of-France-Watercolour-Swatch-4.jpg","Sepia-and-Neutral-Tint-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/3e71ac6d3_Sepia-and-Neutral-Tint-Watercolour-Swatch-4.jpg","Cadmium-Orange-Watercolour-Swatch-3.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/3d6632419_Cadmium-Orange-Watercolour-Swatch-3.jpg","Cadmium-Golden-Yellow-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/4c82bde6a_Cadmium-Golden-Yellow-Watercolour-Swatch-4.jpg","Yellow-Ochre-
1Deep-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/54187bd80_Yellow-Ochre-Deep-Watercolour-Swatch-4.jpg","Yellows-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/f984059a1_Yellows-Watercolour-Swatch-4.jpg","Cadmium-Red-Deep-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/326232c4a_Cadmium-Red-Deep-Watercolour-Swatch-4.jpg","Cadmium-Red-Light-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/776786637_Cadmium-Red-Light-Watercolour-Swatch-4.jpg","Quinacridone-Coral-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/eeb05f9c2_Quinacridone-Coral-Watercolour-Swatch-4.jpg","Brilliant-Pink-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/31e6deb06_Brilliant-Pink-Watercolour-Swatch-4.jpg","Lavender-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/fb77ca891_Lavender-Watercolour-Swatch-4.jpg","Imperial-Purple-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/790ececfe_Imperial-Purple-Watercolour-Swatch-4.jpg","Ultramarine-Violet-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/434eb1fdd_Ultramarine-Violet-Watercolour-Swatch-4.jpg","Cobalt-Teal-Blue-Shade-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/1f3015006_Cobalt-Teal-Blue-Shade-Watercolour-Swatch-4.jpg","Aqua-Green-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/e0d74e017_Aqua-Green-Watercolour-Swatch-4.jpg","Indanthrone-Blue-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/d05759a24_Indanthrone-Blue-Watercolour-Swatch-4.jpg","Vivid-Blue-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/8fc31616d_Vivid-Blue-Watercolour-Swatch-4.jpg","Yellow-Ochre-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/5f476edbf_Yellow-Ochre-Watercolour-Swatch-4.jpg","Prussian-Blue-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/a3b0b9957_Prussian-Blue-Watercolour-Swatch-4.jpg","Phthalo-Blue-Red-Shade-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/7a8d177a8_Phthalo-Blue-Red-Shade-Watercolour-Swatch-4.jpg","Pthalo-Green-Yellow-Shade-Watercolour-Swatch-4.jpg":"https://base44.app/api/apps/6a6391a1796fb1fabd27efd7/files/mp/public/6a6391a1796fb1fabd27efd7/692ab46a3_Pthalo-Green-Yellow-Shade-Watercolour-Swatch-4.jpg"};function q({review:a}){return e.jsx("section",{id:"wc-study",className:"scroll-mt-28",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-6 md:px-10",children:[e.jsx(v,{children:"Chapter V · Marlaine Michieâs Study"}),e.jsx("h2",{className:"font-display text-3xl md:text-5xl font-medium leading-[1] tracking-tight mb-4",children:"A whole range, tested by one artist."}),e.jsx("p",{className:"text-foreground/65 max-w-2xl leading-relaxed mb-12",children:"Marlaine Michie tested the entire range - on Fabriano Artistico and Arches, cold pressed and hot pressed - and created the colour swatch comparisons that accompany the watercolour profiles. Here is her work, in her words and on her paper."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 mb-16 md:mb-24",children:Y.map((l,n)=>e.jsxs("figure",{className:n===0?"md:col-span-2":"",children:[e.jsx("div",{className:"overflow-hidden bg-muted",children:e.jsx("img",{src:l.src,alt:`Marlaine Michie - ${l.caption}`,loading:"lazy",className:"w-full h-auto block"})}),e.jsx("figcaption",{className:"mt-3 font-mono-tech text-[10px] uppercase tracking-[0.14em] text-muted-foreground leading-relaxed",children:l.caption})]},l.src))}),e.jsx("div",{className:"mx-auto max-w-3xl mb-16 md:mb-24",children:a&&e.jsx(y,{review:a,variant:"feature"})}),e.jsxs("div",{className:"border-t border-border pt-12",children:[e.jsxs("div",{className:"flex items-baseline gap-4 mb-8",children:[e.jsx("h3",{className:"font-display text-2xl md:text-3xl font-medium",children:"The swatch comparisons"}),e.jsx("div",{className:"flex-1 h-px bg-border"})]}
1),e.jsx("p",{className:"text-foreground/60 max-w-2xl leading-relaxed mb-10",children:"Marlaine laid related colours down side by side to show how they behave on paper - the comparisons featured at the foot of each Watercolour Profile."}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6",children:V.map(l=>e.jsx("figure",{className:"group overflow-hidden bg-muted",children:e.jsx("img",{src:U[l],alt:l.replace(/-Watercolour-Swatch-\d\.jpg$/,"").replace(/-/g," "),loading:"lazy",className:"w-full h-auto block transition-transform duration-500 group-hover:scale-105"})},l))}),e.jsx(S,{children:"Swatch comparisons by Marlaine Michie · Michael Harding Watercolours."})]})]})})}const D="mhwatercolours",Q=[{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/47eb05fde_W312CeruleanBlue-LaminateWATERCOLOURSWATCH.png",caption:"Cerulean Blue - straight from the tube"},{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/ec1711afe_W502LapisLazuliAfghan-LaminateWATERCOLOURSWATCH.png",caption:"Genuine Lapis Lazuli (Afghan)"},{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/1a747f597_W501RoseMadder-LaminateWATERCOLOURSWATCH.png",caption:"Rose Madder - a classic lake"},{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/65caa8b45_W147SapGreen15ml-LaminateWATERCOLOURSWATCH.png",caption:"Sap Green, freshly milled"},{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/1b21ae2d5_W120RawSiennaLight15mlwithLaminateWATERCOLOURSWATCH.png",caption:"Raw Sienna Light"},{src:"https://media.base44.com/images/public/6a6391a1796fb1fabd27efd7/47eb05fde_W312CeruleanBlue-LaminateWATERCOLOURSWATCH.png",caption:"Cerulean Blue"}];function $(a){return a?a.split(` 2`)[0].slice(0,140):""}
2function z(){const[a,l]=p.useState(null),[n,t]=p.useState(D),[m,r]=p.useState(!0),c=p.useRef(null),[h,u]=p.useState(!1);p.useEffect(()=>{if(h)return;const i=c.current;if(!i)return;const d=new IntersectionObserver(([x])=>{x.isIntersecting&&(u(!0),d.disconnect())},{rootMargin:"300px"});return d.observe(i),()=>d.disconnect()},[h]),p.useEffect(()=>{if(!h)return;let i=!0;return M.functions.invoke("instagramFeed",{}).then(d=>{var x,k;i&&(k=(x=d==null?void 0:d.data)==null?void 0:x.posts)!=null&&k.length&&(l(d.data.posts),d.data.username&&t(d.data.username))}).catch(()=>{}).finally(()=>{i&&r(!1)}),()=>{i=!1}},[h]);const s=`https://www.instagram.com/${n}/`,o=a?a.map(i=>({src:i.image,caption:$(i.caption),link:i.permalink})):Q.map(i=>({...i,link:s}));return e.jsx("section",{id:"wc-follow",ref:c,className:"scroll-mt-28",children:e.jsxs("div",{className:"mx-auto max-w-[1400px] px-6 md:px-10",children:[e.jsx(v,{children:"Chapter VI · Follow Along"}),e.jsxs("div",{className:"flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-12",children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsxs("h2",{className:"font-display text-3xl md:text-5xl font-medium leading-[1] tracking-tight mb-4",children:["@",n]}),e.jsx("p",{className:"text-foreground/65 leading-relaxed",children:m?"Loading the latest from the studioâ¦":"Swatches, paint-outs and studio moments - live from our Instagram. Follow along and tag your own work."})]}),e.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] bg-primary text-primary-foreground px-7 py-3.5 hover:bg-primary/90 transition-colors text-center shrink-0",children:"Follow on Instagram"})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-3 gap-2 md:gap-3",children:o.map((i,d)=>e.jsxs("a",{href:i.link,target:"_blank",rel:"noopener noreferrer",className:"group relative aspect-square overflow-hidden bg-muted",children:[e.jsx(C,{src:i.src,alt:i.caption||"Michael Harding Watercolours on Instagram",fittingType:"fill",className:"w-full h-full transition-transform duration-500 group-hover:scale-110"}),e.jsx("div",{className:"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity bg-foreground
2/60 flex items-end p-3",children:e.jsx("p",{className:"font-display text-sm text-background leading-tight line-clamp-2",children:i.caption})}),e.jsx("div",{className:"absolute top-2 right-2 w-6 h-6 rounded-full bg-background/80 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx("span",{className:"font-mono-tech text-[9px] text-foreground",children:"â"})})]},d))}),e.jsx(S,{children:a?e.jsxs(e.Fragment,{children:["Live feed - follow"," ",e.jsxs("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-primary link-underline",children:["instagram.com/",n]})," ","for the latest from the studio."]}):e.jsxs(e.Fragment,{children:["A curated selection - follow"," ",e.jsxs("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-primary link-underline",children:["instagram.com/",n]})," ","for the latest from the studio."]})})]})})}function K(a){return a?a.split(",")[0].trim():""}function J({products:a,limit:l=10}){const n=new Set,t=[];for(const m of a||[]){const r=K(m.pigment_code);if(!r||n.has(r))continue;const c=O(r);if(c&&(n.add(r),t.push({product:m,code:r,history:c}),t.length>=l))break}return t.length===0?null:e.jsxs("section",{className:"mx-auto max-w-5xl px-6 md:px-10 my-20 md:my-28",children:[e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary mb-3",children:"Pigment Stories"}),e.jsx("h2",{className:"font-display text-3xl md:text-4xl font-medium leading-tight mb-4 max-w-2xl",children:"The pigments behind the colour."}),e.jsx("p",{className:"text-foreground/60 leading-relaxed max-w-2xl mb-10",children:"Every watercolour begins as a pigment with a story - where it comes from, how it is made, and how the Old Masters used it. Follow a colour to its history in the Pigment Encyclopaedia."}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-px bg-border",children:t.map(({product:m,code:r,history:c})=>e.jsxs(g,{to:`/pigments/${r}`,className:"bg-background p-4 hover:bg-muted/40 transition-colors group flex flex-col",children:[e.jsx("div",{className:"w-9 h-9 mb-3 border border-border",style:{backgroundColor:m.swatch_hex||"#E5E5E5"}}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.14em] text-primary mb-1",children:r}),e.jsx("div",{className:"font-display text-sm font-medium leading-tight mb-2",children:m.name}),e.jsx("div",{className:"text-[11px] text-foreground/55 leading-relaxed line-clamp-3",children:c.origin})]},r))})]})}
2function oe(){const[a,l]=p.useState(null),{data:n=[],isLoading:t}=A({queryKey:["watercolour-swatches"],queryFn:()=>M.entities.Product.filter({category:"Watercolour"},"sort_order",500)}),m=b("brienne-brown"),r=b("nikki-ali"),c=b("poppy-balser"),h=b("marlaine-michie");return e.jsxs("article",{className:"pt-32 md:pt-40 pb-24 md:pb-32 bg-background lg:pl-[150px]",children:[e.jsx(T,{title:"The Watercolour Story",description:"The story of Michael Harding's watercolours - the best watercolour paint made by hand, with real swatches, studio films, artists' voices and Marlaine Michie's study of the full range."}),e.jsx(H,{}),e.jsxs("div",{className:"mx-auto max-w-3xl px-6 md:px-10",children:[e.jsx(g,{to:"/story",className:"inline-flex items-center gap-1.5 font-mono-tech text-[10px] uppercase tracking-[0.18em] text-foreground/55 hover:text-primary transition-colors mb-6",children:"â Back to The Story"}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary mb-4",children:"The Watercolour Story"}),e.jsxs("h1",{className:"font-display text-[clamp(2.5rem,7vw,5.5rem)] leading-[0.92] font-medium tracking-tight",children:["A painterâs pursuit,",e.jsx("br",{}),e.jsx("em",{className:"text-foreground/50",children:"in watercolour."})]}),e.jsx("div",{className:"w-24 h-1 bg-primary mt-4"}),e.jsx("p",{className:"mt-8 max-w-2xl text-lg md:text-xl text-foreground/60 leading-[1.7]",children:"The story of Michael Hardingâs watercolours - how a painter who became a paint maker turned, at last, to the medium of water. Real swatches, films from the studio, the artistsâ voices, and a study of the whole range by Marlaine Michie, gathered here as a single living catalogue."})]}),e.jsx(f,{}),e.jsxs("section",{id:"wc-origin",className:"mx-auto max-w-3xl px-6 md:px-10 scroll-mt-28",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"h-px w-8 bg-primary/40"}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary",children:"Chapter I · A Painter Becomes a Paint Maker"})]}),e.jsx("p",{className:"text-lg md:text-xl text-foreground/75 leading-[1.8]",children:"Michael Harding was a painter before he was a paint maker. Dissatisfied with the colours he could buy, he began grinding pigments and milling his own oils in search of something honest - a richer, more luminous colour, made the way a painter would want it made."}),e.jsx("p",{className:"mt-6 text-lg md:text-xl text-foreground/75 leading-[1.8]",children:"After decades building the oil range that carried his name around the world - milled by hand in South Wales, to archival standards, free of unnecessary additives - he turned the same uncompromising eye to watercolour. The result is a line that behaves, in the words of one artist, âlike ink in its intensity.â"}),e.jsx(R,{attribution:"- Michael Harding",children:"âI delight in surprising artists with the power of colour!â"})]}),e.jsx(f,{}),e.jsxs("section",{id:"wc-range",className:"mx-auto max-w-3xl px-6 md:px-10 scroll-mt-28",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"h-px w-8 bg-primary/40"}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary",children:"Chapter II · The Range"})]}),e.jsxs("p",{className:"text-lg md:text-xl text-foreground/75 leading-[1.8]",children:["The watercolour line now spans ",n.length>0?n.length:"over 130"," colours - single pigment where possible, finely milled and highly loaded, with no fillers and no unwanted extras. Just pigment, binder, and the careful hand of a maker who still considers himself, first, a painter."]}),e.jsx("p",{className:"mt-6 text-lg md:text-xl text-foreground/75 leading-[1.8]",children:"They reward a little patience. The concentration can take getting used to; a little goes a long way. Mixed on a ceramic palette, pre-wetted to the ratio you need, they open out into rich, deep colour and clean, chroma-shifted neutrals - without turning to mud."})]}),e.jsx(f,{}),e.jsx(J,{products:n}),e.jsx(B,{products:n,isLoading:t,onSelect:l}),e.jsx(f,{}),e.jsx(G,{}),e.jsx(f,{}),e.jsxs("section",{id:"wc-voices",className:"mx-auto max-w-3xl px-6 md:px-10 scroll-mt-28",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"h-px w-8 bg-primary/40"}),e.jsx("div",{className:"font-mono-tech text-[10px] uppercase tracking-[0.2em] text-primary",children:"Chapter V · In the Artistsâ Words"})]}
2),e.jsx("p",{className:"text-lg md:text-xl text-foreground/75 leading-[1.8]",children:"The surest measure of a paint is the hand that lifts it. Across studios and continents - from plein air in Bermuda to journals in Cape Town - artists have made the watercolours their own. A few of their voices:"}),e.jsxs("div",{className:"mt-12 space-y-16 md:space-y-20",children:[e.jsx(y,{review:m}),e.jsx(y,{review:r}),e.jsx(y,{review:c})]})]}),e.jsx(f,{}),e.jsx(q,{review:h}),e.jsx(f,{}),e.jsx(z,{}),e.jsxs("div",{className:"mx-auto max-w-3xl px-6 md:px-10 mt-32 md:mt-40 text-center",children:[e.jsx("p",{className:"font-display text-3xl md:text-4xl italic font-medium text-foreground/80 max-w-3xl mx-auto leading-[1.3]",children:"Made for the artist, by an artist."}),e.jsxs("div",{className:"mt-10 flex flex-wrap items-center justify-center gap-3",children:[e.jsx(g,{to:"/best-watercolour-for-professional-artists",className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] bg-foreground text-background px-7 py-3.5 hover:bg-primary transition-colors",children:"Best Watercolours Guide"}),e.jsx(g,{to:"/colour-chart",className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] border border-foreground text-foreground px-7 py-3.5 hover:bg-foreground hover:text-background transition-colors",children:"Interactive Colour Chart"}),e.jsx(g,{to:"/watercolour-sets",className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] border border-foreground text-foreground px-7 py-3.5 hover:bg-foreground hover:text-background transition-colors",children:"Watercolour Sets"}),e.jsx(g,{to:"/store-locator",className:"font-mono-tech text-[11px] uppercase tracking-[0.2em] border border-foreground text-foreground px-7 py-3.5 hover:bg-foreground hover:text-background transition-colors",children:"Find a Stockist"})]})]}),e.jsx("div",{className:"mx-auto max-w-3xl px-6 md:px-10 mt-16",children:e.jsx(_,{})}),e.jsx(I,{product:a,onClose:()=>l(null)})]})}export{oe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.