*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#faf9f6}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,summary{cursor:pointer}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a44626;outline-offset:4px}.skip{position:fixed;top:-60px;background:white;padding:15px;z-index:99}.skip:focus{top:0}.promo{background:#22221f;color:#fff;text-align:center;font-size:10px;letter-spacing:2px;padding:12px}.promo span{margin:0 15px}header{position:sticky;top:0;background:#faf9f6;z-index:10}.mast{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;border-bottom:1px solid #deded8}.logo{font-size:46px;font-weight:900;letter-spacing:-4px;line-height:1}.logo span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:5px}.mast>.logo{position:absolute;left:50%;transform:translateX(-50%)}.audience{display:flex;gap:24px;font-size:12px;font-weight:700}.audience button{padding:10px 0}.audience .active{border-bottom:2px solid}.tools{display:flex;align-items:center;gap:19px}.tools button{display:flex;align-items:center;gap:5px;font-size:22px}.tools span{font-size:11px}.tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}nav{display:flex;justify-content:center;gap:40px;align-items:center;height:49px;font-size:11px;font-weight:bold;letter-spacing:1px;border-bottom:1px solid #deded8}nav button,nav summary,nav a{padding:17px 0}.sale{color:#a44626}.mobile{display:none}summary{list-style:none}summary::-webkit-details-marker{display:none}.mega-panel{position:absolute;top:134px;left:0;width:100%;background:#faf9f6;padding:40px 8%;display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid #aaa;box-shadow:0 20px 20px #0001}.mega-panel button{display:block;padding:9px 0}.mega-panel h3{font-size:30px;margin:8px 0}.mega-panel p{font-size:18px;line-height:1.6;font-weight:400}.hero{height:620px;position:relative;overflow:hidden;background:#504d46;color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 75%);pointer-events:none}.hero-copy{position:absolute;z-index:1;top:16%;left:6%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(52px,6.5vw,96px);line-height:.95;letter-spacing:-5px;margin:28px 0 20px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;color:#e8e5df}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-actions button{background:#faf9f6;color:#171717;padding:17px 24px;min-width:170px;font-size:11px;font-weight:700;text-align:left}.hero-actions span{float:right;margin-left:35px}.hero-foot{position:absolute;z-index:1;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.ticker{background:#d4e26a;white-space:nowrap;overflow:hidden;padding:17px 0;font-size:12px;font-weight:700;letter-spacing:2px;word-spacing:4px}.ticker span{margin:0 40px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:38px 4% 20px}.category-tile{padding:0;text-align:left;position:relative;background:#e4e1da;overflow:hidden}.category-tile img{display:block;width:100%;height:290px;object-fit:contain;transition:transform .3s}.category-tile:nth-child(2){background:#c3c0b7}.category-tile:hover img{transform:scale(1.04)}.category-tile>span{display:flex;justify-content:space-between;padding:20px;font-size:11px;letter-spacing:1px;font-weight:bold}.category-tile b{font-size:19px}.shop{padding:65px 4%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:36px;letter-spacing:-1.5px;margin:10px 0}.text-link{font-size:11px;border-bottom:1px solid;padding:5px 0}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:14px 0}.chips{display:flex;gap:9px}.chips button{font-size:11px;border:1px solid #ccc;border-radius:30px;padding:10px 17px}.chips .selected{background:#222;color:white;border-color:#222}.filterbar label{font-size:11px}.filterbar select{border:0;background:transparent;font-size:11px;padding:10px}.results{font-size:11px;color:#666;margin:20px 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 16px}.product{position:relative;min-width:0}.product-image{background:#eae8e1;position:relative;aspect-ratio:4/5;overflow:hidden}.product-image>.open-product{width:100%;height:100%;padding:0}.product-image img{height:100%;width:100%;object-fit:contain;transition:transform .35s}.product:hover img{transform:scale(1.04)}.badge{position:absolute;left:12px;top:14px;font-size:8px;letter-spacing:1px;pointer-events:none}.favourite{position:absolute;top:8px;right:8px;font-size:25px;z-index:1}.favourite.saved{color:#a44626}.quick{position:absolute;bottom:12px;left:12px;right:12px;padding:11px;background:#faf9f6e8;font-size:10px;font-weight:bold}.product-info{padding:15px 0;font-size:12px}.product-info>button{padding:0;text-align:left;display:block;margin-bottom:8px}.product-info small{color:#777;font-size:10px}.price{margin:10px 0;font-weight:bold}.price del{color:#999;font-weight:400;margin-left:7px}.search-row{padding:20px 0}.search-row label{display:block;font-size:12px;margin-bottom:10px}.search-row input{width:min(80%,600px);padding:13px;border:1px solid #aaa;background:#fff}.search-row button{padding:12px}.empty{grid-column:1/-1;padding:50px 0;text-align:center}.story{display:grid;grid-template-columns:1fr 1fr;background:#e9e7df}.story-art{min-height:470px;position:relative;overflow:hidden}.story-art img{width:100%;height:100%;object-fit:cover;object-position:90%}.story-art span{position:absolute;bottom:30px;left:30px;color:#fff;font-size:60px;font-weight:bold}.story-copy{padding:65px 12%}.story h2{font-size:48px;line-height:1.02}.story p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:390px;color:#555}.dark-button{display:inline-block;background:#222;color:white;padding:17px 24px;font-size:11px;font-weight:bold;margin-top:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:45px 4%;border-bottom:1px solid #ddd;gap:30px}.values b{font-size:10px;letter-spacing:1px}.values p{font-size:12px;color:#666}.newsletter{padding:65px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.newsletter h2{font-size:60px;line-height:1}.newsletter p{font-size:12px}.newsletter form{align-self:center}.newsletter form>label{font-size:11px}.newsletter form>div{display:flex;border-bottom:1px solid;margin:15px 0}.newsletter input[type=email]{border:0;background:transparent;padding:14px 0;flex:1;min-width:0}.newsletter form button{font-size:25px}.consent{display:flex;align-items:start;gap:8px;line-height:1.5;color:#666}footer{background:#22221f;color:#eee;padding:50px 4% 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-top h3{font-size:10px;letter-spacing:1px;margin:0 0 20px}.footer-top button,.footer-top div a{display:block;font-size:11px;color:#bbb;padding:0;margin:12px 0}.footer-bottom{border-top:1px solid #555;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#aaa}dialog{border:0;background:#faf9f6;padding:32px;max-width:850px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.close{position:absolute;top:10px;right:13px;font-size:25px;z-index:2}.detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail>img{width:100%;height:400px;object-fit:contain;background:#eae8e1}.detail h2{font-size:29px}.detail p{font-size:13px;line-height:1.7}.detail label{display:block;font-size:11px;margin:18px 0 5px}.detail select{width:100%;padding:12px;border:1px solid #bbb;background:transparent}.detail .dark-button{width:100%}.demo-note{font-size:10px!important;color:#777}.drawer{margin:0 0 0 auto;min-height:100dvh;max-height:100dvh;max-width:450px;width:100%;padding:35px 25px}.drawer h2{font-size:25px}.bag-item{display:grid;grid-template-columns:75px 1fr;gap:15px;border-bottom:1px solid #ddd;padding:18px 0}.bag-item img{width:75px;height:95px;background:#eae8e1}.bag-item h3{font-size:12px;margin:0 0 8px}.bag-item p{font-size:11px;margin:7px 0}.qty{display:flex;gap:12px;align-items:center;font-size:12px}.qty button{border:1px solid #aaa;padding:3px 8px}.qty .remove{margin-left:auto;border:0;text-decoration:underline;font-size:10px}.bag-total{display:flex;justify-content:space-between;padding:25px 0}.drawer .dark-button{width:100%;margin:0}.drawer progress{width:100%;accent-color:#555}.drawer>p{font-size:12px;line-height:1.6}#infoDialog{max-width:550px}#infoDialog p{line-height:1.8;font-size:14px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;color:white;font-size:12px;padding:15px 25px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}[hidden]{display:none!important}
@media(max-width:800px){.mast{height:70px}.logo{font-size:37px}.audience{gap:10px;font-size:10px}.tools{gap:10px}.tools button{font-size:20px}nav{gap:22px;font-size:10px}.mega-panel{top:119px}.hero{height:560px}.hero h1{font-size:65px}.categories{gap:10px}.category-tile img{height:200px}.category-tile>span{padding:14px;font-size:9px}.products{grid-template-columns:repeat(2,1fr)}.story-copy{padding:35px 8%}.story h2{font-size:36px}.newsletter{padding:45px 5%}.footer-top{grid-template-columns:1fr 1fr}.footer-top>.logo{grid-column:1/-1}}
@media(max-width:520px){.promo{font-size:8px;letter-spacing:1px}.promo span{margin:0 4px}.mobile{display:block;font-size:23px}.audience{display:none}.mast{padding:0 16px}.tools{gap:8px}.tools svg{width:18px}.mast>.logo{font-size:34px}nav{display:none;height:auto;padding:15px;align-items:start;gap:8px}nav.open{display:flex;flex-direction:column}nav button,nav a,nav summary{padding:10px}.mega-panel{position:static;box-shadow:none;display:block;padding:15px}.mega-panel p,.mega-panel h3,.mega-panel small{display:none}.hero{height:550px}.hero>img{object-position:60%}.hero-copy{top:18%;left:6%;right:6%}.hero h1{font-size:57px;letter-spacing:-3px}.hero-actions button{min-width:0;flex:1;padding:17px 15px;font-size:10px}.hero-actions span{margin-left:10px}.hero-foot{font-size:7px}.categories{padding:20px 4%;grid-template-columns:1fr 1fr}.category-tile:last-child{display:none}.category-tile img{height:180px}.category-tile>span{font-size:8px;letter-spacing:.5px;padding:12px}.category-tile b{font-size:14px}.shop{padding:35px 4%}h2{font-size:26px}.section-heading{gap:10px}.text-link{font-size:9px}.filterbar{align-items:start;flex-direction:column;gap:10px}.chips{gap:5px;flex-wrap:wrap}.chips button{padding:9px 12px}.filterbar select{padding:5px}.badge{font-size:7px;left:9px}.favourite{font-size:23px}.quick{left:7px;right:7px;bottom:7px;padding:10px;font-size:9px}.product-info{font-size:11px}.products{gap:14px 10px}.story{grid-template-columns:1fr}.story-art{min-height:270px;height:270px}.story-copy{padding:35px 7%}.values{grid-template-columns:1fr;gap:15px;padding:30px 7%}.newsletter{grid-template-columns:1fr;gap:15px;padding:40px 7%}.newsletter h2{font-size:48px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;line-height:1.6}.detail{grid-template-columns:1fr;gap:15px}.detail>img{height:230px}dialog{padding:25px 20px}.drawer{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Dark theme: black canvas, charcoal surfaces and lime highlights. */
:root{color-scheme:dark;--canvas:#000;--surface:#151515;--raised:#222;--text:#f4f3ef;--muted:#b5b5af;--line:#3b3b38;--accent:#d4e26a}
body,header,.mega-panel{background:var(--canvas);color:var(--text)}
.promo{background:var(--surface);color:var(--muted)}
.mast,nav,.filterbar,.values,.bag-item{border-color:var(--line)}
.mega-panel{border-color:var(--line);box-shadow:0 20px 35px #0009}
.sale,.favourite.saved{color:var(--accent)}
.ticker{background:var(--accent);color:#171717}
.category-tile,.product-image,.detail>img,.bag-item img{background:var(--raised)}
.category-tile:nth-child(2){background:#2c2c29}
.story,dialog{background:var(--surface);color:var(--text)}
.results,.product-info small,.price del,.story p:not(.eyebrow),.values p,.consent,.demo-note{color:var(--muted)}
.chips button,.detail select,.qty button{border-color:#66665f}
.chips .selected,.dark-button{background:var(--accent);color:#171717;border-color:var(--accent)}
.hero-actions button,.quick,.skip{background:var(--text);color:#171717}
.quick{background:#f4f3eff2}
.filterbar select,.detail select,.search-row input{background:var(--raised);color:var(--text)}
.search-row input{border-color:#66665f}
.newsletter input[type=email]{color:var(--text)}
input::placeholder{color:#a9a9a2;opacity:1}
input[type=checkbox]{accent-color:var(--accent)}
footer{background:#101010;color:var(--text);border-top:1px solid var(--line)}
.footer-bottom{border-color:var(--line);color:var(--muted)}
.footer-top button,.footer-top div a{color:var(--muted)}
.drawer progress{accent-color:var(--accent)}
dialog::backdrop{background:#000b}
#toast{background:var(--accent);color:#171717;box-shadow:0 4px 30px #0008}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
.mast>.logo{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-1.5px}.footer-top>.logo{font:32px Georgia,serif;letter-spacing:-1.5px}@media(max-width:600px){.mast>.logo{font-size:23px;max-width:55%;text-align:center}.tools{gap:5px}.mast{height:85px}nav{gap:16px}}
/* Shared navigation on every page. */
.audience a{padding:10px 0}.mast .logo{white-space:normal}#navigation{gap:28px}#navigation a[aria-current=page]{color:var(--accent)}.footer-top div a{display:block}@media(max-width:800px){#navigation{gap:18px}}@media(max-width:520px){#navigation{gap:8px}.mast>.logo{font-size:22px}}
.home-audience{display:flex;align-items:center;gap:10px;font-size:11px}.home-audience select{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:10px}.mast{justify-content:flex-end}@media(max-width:520px){.mast{justify-content:space-between}.home-specs{display:none}}
.home-audience{border:0;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}.home-audience legend{font-size:10px;margin-bottom:9px}.home-audience label{display:flex;gap:6px;align-items:center;font-size:11px}.home-audience input{accent-color:var(--accent)}
.contact-shortcuts{position:absolute;left:4%;display:flex;align-items:center;gap:14px}.contact-shortcuts a{display:flex;padding:7px 0;color:var(--text)}.contact-shortcuts a:first-child{color:#52d88a}.contact-shortcuts svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){.contact-shortcuts{left:53px;gap:9px}.contact-shortcuts svg{width:17px;height:17px}.mast>.logo{font-size:18px;max-width:38%}}
/* Homepage collection directory */
.collection-directory{padding:54px 4% 24px;background:#000;color:#fff}
.collection-directory-heading{text-align:center;margin-bottom:32px}
.collection-directory-heading .eyebrow{color:var(--accent);margin:0 0 12px}
.collection-directory-heading h2{font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:1px;margin:0;line-height:1.15}
.collection-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.collection-directory-card{display:flex;flex-direction:column;padding:9px;border:1px solid #383838;border-radius:11px;background:#000;overflow:hidden;transition:border-color .25s}
.collection-directory-image{aspect-ratio:1;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 50% 45%,#252522,#101010 75%)}
.collection-directory-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.collection-directory-card>span{display:block;text-align:center;font-size:17px;font-weight:500;padding:23px 8px 17px;line-height:1.4}
.collection-directory-card:hover,.collection-directory-card:focus-visible{border-color:var(--accent)}
.collection-directory-card:hover img{transform:scale(1.05)}
@media(min-width:1100px){.collection-directory-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.collection-directory-card>span{font-size:16px}}
@media(max-width:700px){.collection-directory{padding:36px 4% 16px}.collection-directory-heading{margin-bottom:24px}.collection-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-directory-card{padding:6px}.collection-directory-card>span{font-size:14px;padding:16px 5px 12px}}
@media(prefers-reduced-motion:reduce){.collection-directory-card,.collection-directory-image img{transition:none}}
/* Crop empty black margins in CSS while preserving the original logo artwork. */
.mast{height:132px}
.mast>.logo{display:block;width:230px;max-width:45%;line-height:0}
.mast>.logo .header-logo-crop{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1140/550;margin:0}
.mast>.logo .header-logo-image{display:block;position:absolute;width:134.737%;max-width:none;height:auto;left:-16.667%;top:-57.273%}
@media(max-width:800px){.mast>.logo{width:200px}.mast{height:120px}}
@media(max-width:520px){.mast{height:122px;align-items:flex-end;padding-bottom:17px}.mast>.logo{top:7px;width:150px;max-width:calc(100% - 32px)}.contact-shortcuts{bottom:17px}.mast>.mobile{padding:0}.mast>.tools{padding:0}}