:root{--ink:#152e25;--muted:#46574f;--strong:#173e30;--line:#dce5dd;--soft:#f3f6ef;--accent:#ffe476;--cta:#173e30;--cta-ink:#fff;--campaign:#ffcf53;--logo-stroke:#ffe476;--gutter:clamp(20px,4.55vw,73px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.52 Arial,Helvetica,sans-serif}
img,svg{display:block;max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
button,select,input{font:inherit}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ad6000;outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.04;letter-spacing:-.055em}
.wrap{max-width:1512px;margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-size:.71rem;font-weight:800;line-height:1.35;letter-spacing:.15em;text-transform:uppercase}
.skip,.sr-only{position:absolute;left:-10000px}
.skip:focus{z-index:5;left:12px;top:12px;background:#fff;padding:9px 13px}
.utility{background:var(--strong);color:#fff;font-size:.73rem;font-weight:750;letter-spacing:.035em}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:31px}
.utility span:last-child{opacity:.85;white-space:nowrap}
.site-head,.site-foot{background:#fff}
.head-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.mark{width:41px;height:41px}
.brand span{display:grid;line-height:1.15}
.brand strong{font-size:1.07rem;letter-spacing:-.035em}
.brand small{margin-top:5px;font-size:.65rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.095em}
.site-search{display:flex;align-items:stretch;width:min(48%,510px);background:var(--soft);border:1px solid var(--line);border-radius:6px}
.site-search input{border:0;background:transparent;min-width:0;width:100%;padding:9px 12px;color:var(--ink)}
.site-search button,.filter-bar button{border:0;cursor:pointer;background:var(--cta);color:var(--cta-ink);font-weight:800;border-radius:5px;padding:8px 13px;font-size:.85rem}
.header-browse{font-size:.87rem;font-weight:750;text-underline-offset:4px}
.main-nav-wrap{border-block:1px solid var(--line)}
#main-navigation,.site-foot nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,39px)}
#main-navigation{min-height:44px}
#main-navigation a,.site-foot nav a{font-size:.87rem;text-decoration:none;white-space:nowrap;text-underline-offset:5px;font-weight:750}
#main-navigation a:hover,#main-navigation a[aria-current=page],.site-foot nav a:hover,.site-foot nav a[aria-current=page]{text-decoration:underline}
.menu{display:none;background:white;border:1px solid var(--line);color:var(--ink);padding:6px 10px;border-radius:5px;font-weight:750}
.hero{padding-block:20px 5px}
.hero-panel{display:grid;grid-template-columns:44% 56%;min-height:410px;position:relative;overflow:hidden;border-radius:14px;background:var(--campaign)}
.hero-copy{align-self:center;z-index:1;padding:clamp(26px,4.2vw,58px)}
.hero h1{font-size:clamp(3.25rem,5.6vw,5.65rem);line-height:.985;max-width:13ch;margin:10px 0 14px;letter-spacing:-.073em}
.hero-copy>p:not(.eyebrow){max-width:38ch;font-size:1.06rem;margin-bottom:21px}
.hero-art{position:relative;overflow:hidden;min-height:100%}
.hero-art img,.story figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-art figcaption,.story figcaption{position:absolute;bottom:10px;right:11px;border-radius:3px;background:#132d27;color:white;font-size:.64rem;padding:4px 7px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:5px;background:var(--cta);color:var(--cta-ink);padding:12px 16px;text-decoration:none;font-weight:800;font-size:.88rem;line-height:1.25}
.button:hover,.site-search button:hover,.filter-bar button:hover{filter:brightness(1.12)}
.text-link{font-weight:800;text-underline-offset:5px;font-size:.9rem}
.section{padding-block:clamp(34px,4.5vw,67px)}
.section h2,.enquiry h2{font-size:clamp(2.05rem,4.05vw,3.65rem);margin-top:7px}
.section-head{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:16px;margin-bottom:19px}
.section-head>p,.story-copy>p:not(.eyebrow),.discovery p:not(.eyebrow){color:var(--muted);font-size:.95rem;max-width:51ch}
.department-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dept-card,.product{min-width:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;text-decoration:none;background:#fff}
.dept-card:hover{text-decoration:underline;text-underline-offset:4px;box-shadow:0 3px 14px #0001}
.dept-card>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:10px;font-weight:800;font-size:.84rem}
.dept-card b{font-size:1rem}
.cat-photo{display:block;width:100%;aspect-ratio:1;background-image:url("./assets/departments.webp");background-size:300% 200%;background-repeat:no-repeat}
.photo-kitchen{background-position:0 0}
.photo-storage{background-position:50% 0}
.photo-cleaning{background-position:100% 0}
.photo-stationery{background-position:0 100%}
.photo-party{background-position:50% 100%}
.photo-outdoor{background-position:100% 100%}
.featured{background:var(--soft)}
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.filter-bar p{color:var(--muted);font-size:.81rem;font-weight:700}
.filter-bar button{background:#fff;color:var(--ink);border:1px solid var(--line);padding:7px 11px}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.product{display:grid;align-content:start}
.product .cat-photo{width:78%;margin:10px auto 0;border-radius:7px}
.product>div{padding:12px 13px 15px}
.product h3{font-size:1.19rem;line-height:1.09;margin:4px 0 6px}
.product-cat{font-size:.69rem!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.product p{font-size:.85rem;color:var(--muted)}
.empty{color:var(--muted);margin-top:12px}
.story-inner,.discovery-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,68px);align-items:center}
.story figure{position:relative;min-height:260px;border-radius:12px;overflow:hidden}
.story-copy>p:not(.eyebrow),.discovery p:not(.eyebrow){margin:11px 0 13px}
.enquiry{background:var(--strong);color:#fff;padding-block:29px}
.enquiry .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.enquiry h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.enquiry p:not(.eyebrow){margin-top:7px;color:#eef7f1;font-size:.91rem}
.enquiry .button{background:var(--accent);color:var(--ink)}
.foot-top,.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}
.foot-top{padding-block:25px}
.foot-bottom{border-top:1px solid var(--line);padding-block:13px;font-size:.77rem;color:var(--muted)}
.foot-bottom a{font-weight:750;text-underline-offset:4px}
.inner-hero{background:var(--soft);padding-block:53px;border-bottom:1px solid var(--line)}
.inner-hero .eyebrow{margin-top:17px}
.inner-hero h1{font-size:clamp(2.8rem,5.3vw,4.8rem);margin:9px 0 13px}
.inner-hero p:not(.eyebrow),.inner-content p{color:var(--muted);max-width:65ch}
.inner-content{max-width:800px;padding-block:40px 65px}
.inner-content h2{font-size:1.65rem;margin-bottom:9px}
.inner-content p{margin-bottom:11px}
.inner-content section+section{margin-top:29px}
.inner-content .button{margin:3px 0 10px}
#range,#featured,#approach,#enquiries{scroll-margin-top:10px}
.homewares .hero-art img{object-position:54% center}
.homewares .story-inner{grid-template-columns:.9fr 1.1fr}

.network{--ink:#162a51;--muted:#425475;--strong:#193877;--line:#dbe4f4;--soft:#edf2fa;--accent:#ffbb83;--cta:#a53142;--cta-ink:#fff;--campaign:#1545a1;--logo-stroke:#ffbb83}
.network .hero{padding-top:0}
.network .hero-wrap{max-width:none;padding:0}
.network .hero-panel{border-radius:0;grid-template-columns:48% 52%;color:#fff;min-height:440px}
.network .hero-copy{padding-left:max(var(--gutter),calc((100vw - 1512px)/2 + var(--gutter)))}
.network .hero h1{font-size:clamp(3.0rem,5.25vw,5.35rem);max-width:14ch}
.network .hero-copy .eyebrow{color:#ffe0af}
.network .hero .button{background:#ffc27c;color:#13274f}
.network .hero-art img{object-position:60% 54%}
.network .dept-card{border-radius:5px}
.network .story-inner figure{grid-column:2;grid-row:1}
.network .story-copy{grid-column:1;grid-row:1}

.local{--ink:#4d291f;--muted:#6c4d43;--strong:#793d2b;--line:#e9d8d0;--soft:#fbf1e7;--accent:#ffd69c;--cta:#883c27;--cta-ink:#fff;--campaign:#f6d2b7;--logo-stroke:#ffddb3}
.local .hero{background:#fff8f1;padding-block:24px}
.local .hero-panel{grid-template-columns:55% 45%;border-radius:19px;background:#f6dfc9}
.local .hero-art{grid-area:1/1}
.local .hero-art img{object-position:64% 52%}
.local .hero-copy{grid-area:1/2}
.local .hero h1,.local .section h2,.local .enquiry h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.058em}
.local .dept-card{border-radius:18px 18px 8px 8px}

.directory{--ink:#173748;--muted:#3c5966;--strong:#134c5b;--line:#d1e1e4;--soft:#edf6f4;--accent:#c2eee6;--cta:#135c63;--cta-ink:#fff;--campaign:#dff1ed;--logo-stroke:#b8f1e5}
.directory .hero-panel{grid-template-columns:51% 49%;border-radius:7px 32px 7px 7px}
.directory .hero h1{font-size:clamp(3rem,5.2vw,5.2rem)}
.directory .hero-art img{object-position:62% center}
.directory-browser{display:grid;grid-template-columns:.92fr 1.08fr;gap:15px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:18px}
.directory-browser label{display:block;font-size:.88rem;font-weight:800;margin-bottom:7px}
.directory-browser select{font-size:.85rem;width:100%;padding:8px;color:var(--ink);background:white;border:1px solid #a9c4c4;border-radius:4px}
.region-panel h3{font-size:1.16rem;margin-top:5px}
.region-panel ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0 0}
.region-panel li{border:1px solid var(--line);border-radius:30px;background:#fff;padding:4px 9px;font-size:.8rem}

@media(max-width:940px){
  .site-foot .foot-top{align-items:flex-start;flex-direction:column}
  .department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .utility .wrap{justify-content:center;text-align:center;font-size:.69rem}
  .utility span:last-child{display:none}
  .head-inner{min-height:65px;padding-block:9px;gap:8px 12px;flex-wrap:wrap}
  .menu{display:inline-flex}
  .site-search{order:3;width:100%}
  .header-browse{display:none}
  #main-navigation{display:none;min-height:0;padding-block:11px;flex-wrap:wrap;gap:12px 17px}
  #main-navigation[data-open=true]{display:flex}
  .hero-panel,.network .hero-panel,.local .hero-panel,.directory .hero-panel{grid-template-columns:1fr;min-height:0}
  .hero-copy,.network .hero-copy{padding:25px 19px}
  .hero h1,.network .hero h1,.directory .hero h1{font-size:clamp(2.55rem,9.5vw,4rem)}
  .hero-art{min-height:0;height:clamp(195px,58vw,350px)}
  .local .hero-art,.local .hero-copy,.network .story-inner figure,.network .story-copy{grid-area:auto}
  .section-head,.story-inner,.homewares .story-inner,.discovery-inner{grid-template-columns:1fr;gap:12px}
  .department-grid{gap:8px}
  .dept-card>span:last-child{font-size:.75rem;line-height:1.2}
  .dept-card b{display:none}
  .foot-top nav{flex-wrap:wrap;gap:11px 14px}
}
@media(max-width:390px){
  .brand strong{font-size:.89rem}
  .brand small{font-size:.54rem}
  .department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .directory-browser{grid-template-columns:1fr}
  .enquiry .wrap{align-items:flex-start;flex-direction:column}
  .product h3{font-size:1.06rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}