:root{--ink:#171715;--gold:#ffda29;--paper:#fcfaf3;--ivory:#fffdfa;--muted:#6d6b65;--line:#dedbd0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b58b00;outline-offset:2px}button:hover{filter:brightness(.97)}
.wrap{max-width:1220px;margin-left:auto;margin-right:auto;padding-left:25px;padding-right:25px}
.announcement{height:29px;background:var(--gold);display:flex;align-items:center;justify-content:center;gap:21px;font-size:10px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}.announcement span{font-size:13px}
.main-header{background:var(--paper);border:0;position:relative;z-index:auto}
.header-main{position:relative;z-index:10;min-height:92px;display:flex;align-items:center;gap:22px}
.identity{display:flex;align-items:center;gap:14px;min-width:auto;white-space:nowrap;flex:0 0 auto}.identity img{height:72px;width:72px;object-fit:contain;border:0;border-radius:0;display:block;flex-shrink:0}.identity .brand-lockup{display:flex;flex-direction:column;justify-content:center}.identity strong{display:block;font-size:27px;line-height:.98;letter-spacing:0}.brand-lei{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em}.brand-cards{font-family:var(--font-cards);font-weight:900;font-style:italic;font-size:1.22em;letter-spacing:-.03em;position:relative;top:.03em}.identity small{display:block;font-size:9px;letter-spacing:1.2px;font-weight:900;margin-top:6px}
.header-search{height:43px;border:1.5px solid #a8a59d;border-radius:6px;display:flex;flex:1;align-items:center;padding:0 13px 0 16px;gap:12px;max-width:570px;background:#fff;transition:border-color .2s}
.header-search:focus-within{border-color:#111}.header-search svg{fill:none;stroke:#4c4b47;stroke-width:2;flex-shrink:0}.header-search input{width:100%;height:100%;border:0;outline:none;background:transparent;font-size:13px;color:var(--ink)}
.top-contact{background:var(--gold);border:2px solid var(--ink);border-radius:7px;min-width:145px;height:43px;font-size:12px;font-weight:900;letter-spacing:.4px;box-shadow:3px 3px 0 var(--ink);display:flex;justify-content:center;align-items:center;gap:12px;margin-left:auto}
.site-nav{position:relative;z-index:10;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:60px}.site-nav a{font-size:10px;letter-spacing:.4px;font-weight:900;white-space:nowrap;padding:7px 2px;transition:background .2s}.site-nav a.active,.site-nav a:hover{box-shadow:0 4px var(--gold)}
.catalogue{padding-top:32px;padding-bottom:62px}.catalogue-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{margin:0 0 10px}.eyebrow span{color:#daa800}.catalogue-titlebar h2,.about-band h2{font-family:var(--font-display);font-weight:900;font-size:38px;line-height:1.1;letter-spacing:.4px;margin:0}.catalogue-titlebar h2 span{position:relative;z-index:0;white-space:nowrap}.catalogue-titlebar h2 span:after{content:"";position:absolute;height:7px;background:var(--gold);bottom:0;left:-2px;right:-2px;z-index:-1;transform:rotate(-1deg)}.catalogue-intro{font-size:13px;color:var(--muted);margin:12px 0 0}.count-pill{border:2px solid var(--ink);background:var(--gold);border-radius:18px;padding:8px 13px;font-size:11px;font-weight:900;white-space:nowrap}.count-pill b{font-size:14px}
.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 12px}.category-filter button{border:1.5px solid #c9c6be;background:white;border-radius:4px;padding:10px 13px;font-size:10px;font-weight:900;letter-spacing:.5px}.category-filter button.selected{background:var(--ink);color:white;border-color:var(--ink)}
.results-line{font-size:11px;color:#807b71;margin:12px 0 17px;min-height:12px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product-card{border:1.5px solid #27241f;border-radius:8px;background:#fff;box-shadow:3px 3px 0 #2c2a27;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.product-card:hover{transform:translateY(-2px);box-shadow:4px 5px 0 #2c2a27}.product-image{height:217px;background:radial-gradient(circle,#fff 20%,#f8f7f3 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:18px 24px}.product-image img{width:100%;height:100%;object-fit:contain}.product-tag{position:absolute;left:12px;top:12px;background:#ffdb28;border-radius:4px;padding:6px 7px;color:#161616;font-size:9px;letter-spacing:.5px;font-weight:900;border:1px solid #c4a319}.product-card-body{border-top:1px solid #e9e6de;display:flex;flex:1;flex-direction:column;padding:14px 14px 13px}.product-kind{font-size:9px;color:#8c7934;text-transform:uppercase;letter-spacing:1.1px;font-weight:900}.product-card h3{font-size:14px;line-height:1.31;min-height:56px;margin:8px 0 8px;font-weight:900}.product-detail{margin:0 0 14px;font-size:11px;color:#716e66;line-height:1.48;min-height:32px}.enquire-btn{width:100%;min-height:37px;border:2px solid #161616;background:var(--gold);border-radius:5px;font-size:12px;font-weight:900;letter-spacing:.7px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto}.enquire-btn span{font-size:16px}
.empty-state{text-align:center;background:white;border-radius:8px;padding:38px;color:#555}
.about-band{background:#ffe78d;border:2px solid #171614;border-radius:10px;display:flex;align-items:center;gap:24px;min-height:188px;padding-top:26px;padding-bottom:26px;margin-bottom:57px}.about-paw{font-size:77px;line-height:1;transform:rotate(-18deg)}.about-band>div:nth-child(2){flex:1}.about-band h2{font-size:29px}.about-band p:not(.eyebrow){font-size:13px;line-height:1.55;max-width:710px;margin:10px 0 0}.about-button{min-height:42px;white-space:nowrap;border:2px solid #111;border-radius:5px;background:#fff;font-size:11px;font-weight:900;padding:10px 13px;box-shadow:3px 3px #111}.about-button span{margin-left:15px}
.footer{background:#1c1b19;color:white}.footer-inner{min-height:92px;display:flex;align-items:center;gap:24px;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:0}.footer-brand strong{display:block;line-height:1}.footer-brand .brand-lei{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em}.footer-brand .brand-cards{font-family:var(--font-cards);font-weight:900;font-style:italic;font-size:1.18em;letter-spacing:-.03em;position:relative;top:.03em}.footer-brand img{width:47px;height:47px;border-radius:50%;object-fit:contain;background:transparent}.footer-inner p,.footer-inner a{font-size:10px;font-weight:800;letter-spacing:1px}.footer-inner a{color:var(--gold)}
.enquiry-dialog{width:min(770px,calc(100vw - 30px));max-height:calc(100vh - 35px);border:3px solid #111;border-radius:13px;padding:0;box-shadow:6px 7px var(--gold);overflow:auto}.enquiry-dialog::backdrop{background:rgba(0,0,0,.71)}.enquiry-dialog[open]{display:grid;grid-template-columns:41% 59%}.dialog-close{position:absolute;right:14px;top:13px;z-index:10;border-radius:50%;height:36px;width:36px;border:2px solid #171717;background:white;font-size:24px;line-height:27px}.dialog-side{background:#ffe56c;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;justify-content:center}.side-eyebrow{font-size:11px;font-weight:900;letter-spacing:2px}.dialog-art{width:85%;height:203px;display:flex;align-items:center;justify-content:center}.dialog-art img{height:100%;width:100%;object-fit:contain;background:transparent}.dialog-side strong{font-size:15px;line-height:1.4}.side-note{font-size:9px;font-weight:900;letter-spacing:1.5px}.dialog-body{padding:34px 37px 33px}.dialog-body h2{font-family:var(--font-display);font-weight:900;font-size:35px;line-height:1.1;margin:8px 0}.dialog-body>p:not(.eyebrow){font-size:12px;color:#6d6860;line-height:1.55;max-width:380px;margin:8px 0 18px}.dialog-body form label{display:block;font-size:10px;font-weight:900;letter-spacing:.7px;margin-bottom:12px}.dialog-body input:not([type=hidden]),.dialog-body textarea{display:block;width:100%;border:1px solid #c7c1b6;background:#fff;padding:12px;font-weight:400;letter-spacing:0;border-radius:5px;margin-top:6px;font-size:13px;resize:vertical}.dialog-body .honeypot{display:none}.send-button{width:100%;padding:12px;background:var(--gold);border:2px solid #111;border-radius:5px;font-size:11px;font-weight:900;display:flex;justify-content:space-between;align-items:center}.send-button span{font-size:17px}.form-note{font-size:10px;color:#777269;display:block;margin-top:12px}
@media(max-width:1050px){.wrap{padding-left:23px;padding-right:23px}.identity{min-width:255px}.identity strong{font-size:24px}.brand-cards{font-size:1.18em}.header-main{gap:15px}.site-nav a{font-size:9px}.product-grid{gap:15px}.product-image{height:185px}}
@media(max-width:790px){.announcement{font-size:8px;gap:10px;letter-spacing:.5px}.header-main{position:relative;z-index:10;min-height:80px;flex-wrap:wrap;padding-top:10px;padding-bottom:11px}.identity{min-width:0;margin-right:auto}.identity img{height:58px;width:58px}.identity strong{font-size:23px}.brand-cards{font-size:1.15em}.identity small{font-size:8px}.header-search{order:3;max-width:none;flex-basis:100%}.top-contact{min-width:115px}.site-nav{overflow:auto;justify-content:start;gap:20px;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{padding:10px 0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:190px}.about-paw{display:none}.about-band{padding:22px;gap:12px;flex-wrap:wrap}.about-button{margin-top:6px}.footer-inner{flex-wrap:wrap;gap:7px;justify-content:center;padding-top:16px;padding-bottom:16px;text-align:center}}
@media(max-width:560px){.wrap{padding-left:14px;padding-right:14px}.announcement{font-size:7px;gap:7px;overflow:hidden;padding:0 6px}.identity strong{font-size:21px}.brand-cards{font-size:1.12em}.identity small{font-size:7px;letter-spacing:.5px}.top-contact{height:38px;min-width:106px;font-size:10px;gap:7px}.header-search{height:40px}.catalogue{padding-top:27px}.catalogue-titlebar{align-items:flex-start}.catalogue-titlebar h2{font-size:30px}.catalogue-intro{font-size:12px}.count-pill{font-size:9px;padding:6px 8px}.category-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.category-filter button{white-space:nowrap;flex-shrink:0;padding:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:155px;padding:15px}.product-tag{font-size:7px;top:6px;left:6px;padding:5px}.product-card-body{padding:11px}.product-kind{font-size:8px}.product-card h3{font-size:12px;min-height:65px}.product-detail{font-size:10px;min-height:39px}.enquire-btn{font-size:10px;min-height:33px}.about-band h2{font-size:26px}.about-band p:not(.eyebrow){font-size:12px}.enquiry-dialog[open]{display:block}.dialog-side{padding:14px;gap:8px}.dialog-art{height:124px}.dialog-side strong{font-size:12px}.side-eyebrow,.side-note{font-size:9px}.dialog-body{padding:23px}.dialog-body h2{font-size:30px}.footer-inner p{display:none}}

@media(max-width:790px){.site-nav{padding-bottom:49px}}

/* The banner SVG includes a transparent 120-unit bleed above its yellow artwork.
   Raise that bleed over the header so only the sign (not a yellow rectangle)
   peeks out. Keep the underlying site cream everywhere else. */
/* Match the hero container to the visible, upward-shifted SVG so it does not leave unused cream space below the artwork. */
.hero{position:relative;z-index:7;aspect-ratio:auto;height:39.25vw;width:100%;background:transparent;margin:0;padding:0;overflow-x:clip;overflow-y:visible}
.hero-banner-link{position:absolute;inset:0;display:block;overflow:visible}
.hero-banner-link img{position:absolute;display:block;width:100%;max-width:none;height:auto;left:0;top:-7.25vw;margin:0}
.hero-banner-link:focus-visible{outline:3px solid #111;outline-offset:-3px}
@media(max-width:560px){
  .hero{aspect-ratio:auto;height:47.1vw;min-height:0}
  .hero-banner-link img{width:120%;left:-10%;top:-8.7vw}
}

/* About Us heading — match the mixed-case business-card wordmark. */
.about-band h2 .about-brand-name{display:inline-block;white-space:nowrap}
.about-band h2 .brand-lei{font-family:var(--font-display);font-size:1em;font-weight:900;letter-spacing:-.035em;text-transform:none}
.about-band h2 .brand-cards{font-family:var(--font-cards);font-size:1.17em;font-weight:900;font-style:italic;letter-spacing:-.035em;position:relative;top:.035em;text-transform:none}