@import url('/fonts.css');
:root{font-family:Arial,sans-serif;color:#282c27;background:#fffdf7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8160bc;outline-offset:4px}.announcement{text-align:center;background:#294636;color:white;padding:11px;font-size:12px;letter-spacing:1px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:#57745a}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav button{background:none;border:1px solid #ddd9cc;border-radius:24px;padding:10px 18px}#count{background:#294636;color:white;border-radius:50%;padding:3px 6px;margin-left:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;padding:60px 40px 80px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#58715a}h1{font-size:clamp(42px,5.3vw,70px);line-height:1.06;letter-spacing:-3px;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:#54755a}.hero p:not(.eyebrow){max-width:425px;line-height:1.8;color:#64675e}.button{display:inline-block;background:#294636;color:white;border:0;border-radius:28px;padding:16px 26px;font-weight:bold;font-size:14px;margin-top:15px}.fine{font-size:11px!important}.hero-art{height:420px;background:#eeeede;border-radius:46% 46% 36% 36%;position:relative;display:grid;place-items:center}.creature{font-size:180px;transform:rotate(-12deg);filter:drop-shadow(8px 16px 5px #29463622)}.spark{position:absolute;font-size:75px;top:25px;left:22px;color:#c78949}.sticker{position:absolute;right:-5px;bottom:65px;border-radius:50%;background:#e9bc85;padding:27px 18px;text-align:center;font-size:12px;font-weight:bold;transform:rotate(12deg)}.orb{position:absolute;left:30px;bottom:30px;color:#71876c;font-size:60px}.shop{padding:35px 40px 65px}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-family:Georgia,serif;font-weight:normal;font-size:38px;letter-spacing:-1px;margin:12px 0 24px}.section-heading>p{font-size:14px;line-height:1.7;color:#64675e}.notice{background:#f1ecdc;padding:14px 18px;border-radius:8px;font-size:13px;line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.filters button{border:1px solid #deddd1;border-radius:25px;padding:10px 18px;background:transparent;font-size:13px}.filters button[aria-pressed=true]{background:#294636;color:white;border-color:#294636}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.product{min-width:0;overflow-wrap:anywhere}.product-art{width:100%;max-width:240px;aspect-ratio:1;height:auto;margin-inline:auto;overflow:hidden;border-radius:16px;display:grid;place-items:center;font-size:95px;position:relative}.product-art span{font:9px Arial,sans-serif;letter-spacing:2px;position:absolute;bottom:16px;color:#575b52}.peach{background:#f5e6d3}.pink{background:#f0dfe4}.lavender{background:#e7e1f1}.mint{background:#e0e9dc}.product-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}h3{font-size:15px;margin:0}.product-title strong{font-size:14px}.product>p{color:#6a6c63;font-size:12px;line-height:1.7;min-height:20px}.add{width:100%;border:1px solid #d9dacd;background:transparent;text-align:left;padding:12px 15px;border-radius:8px;font-size:12px}.add span{float:right}.add:hover{background:#e0e9dc}.story{text-align:center;background:#eeeede;border-radius:20px;padding:50px 25px;margin:20px 40px 65px}.story>p:not(.eyebrow){max-width:460px;margin:20px auto;line-height:1.8;font-size:14px;color:#64675e}footer{border-top:1px solid #e6e5da;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span{font-size:11px;color:#64675e}dialog{border:0;border-radius:20px;padding:28px;width:min(480px,90vw);max-height:85vh}dialog::backdrop{background:#15281dcc}.cart-title{display:flex;justify-content:space-between;align-items:center}.cart-title button,#continue{border:0;background:none;padding:10px}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ddd;padding:10px 0;font-size:14px}.cart-row button{border:0;background:none;text-decoration:underline;font-size:12px}.total{display:flex;justify-content:space-between;margin-top:28px}dialog>.button{width:100%;opacity:.55;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){header{padding:22px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:30px 22px}.hero-art{height:300px;margin:15px 12px}.creature{font-size:145px}.shop{padding:30px 22px}.section-heading>p{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-art{font-size:75px}.product-title{align-items:start;flex-direction:column;gap:8px}.product>p{min-height:42px}.story{margin:10px 22px 35px}footer{padding:25px 22px;flex-wrap:wrap}h2{font-size:31px}}

.product-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}

.add.added,.add.added:hover{background:#294636;color:white;border-color:#294636}.add:disabled{cursor:default}.bag-feedback{position:fixed;right:24px;bottom:24px;z-index:10;max-width:calc(100vw - 48px);width:360px;padding:18px;background:#294636;color:white;border-radius:12px;box-shadow:0 8px 28px #15281d33}.bag-feedback[hidden]{display:none}.bag-feedback p{margin:0 0 12px;line-height:1.5}.bag-feedback button{padding:9px 16px;border:1px solid white;border-radius:20px;background:white;color:#294636;font-weight:bold}.quantity-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.quantity-controls button{min-width:32px;min-height:36px}.quantity-controls button:disabled{opacity:.4;cursor:default}.cart-row{flex-wrap:wrap}

/* Lavender storefront design inspired by the owner's reference site. */
:root{--ink:#262237;--purple:#5841c7;--muted:#65616f;--line:#dedbe5;color:var(--ink);background:#fdfcfe}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.announcement{background:var(--purple);font-size:13px;padding:11px 20px}
header,main,footer{max-width:1440px}
header{padding:26px 6%;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:17px;line-height:1.05;letter-spacing:.035em}
.brandicon{background:var(--purple);color:white!important;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:29px;letter-spacing:-6px;padding-right:6px}
.brand .brandname{color:var(--ink)}
nav{font-weight:600}nav a:hover{color:var(--purple)}nav button{border-color:var(--line);background:white}
#count{background:var(--purple)}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;margin:12px 4% 35px;border-radius:26px;overflow:hidden;background:#eeeafb;align-items:stretch}
.hero>div:first-child{padding:56px 8% 45px 10%;min-width:0}
.eyebrow{color:var(--purple);font-size:12px;letter-spacing:.16em}
h1,h2,h3{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.055em}
h1{font-size:clamp(42px,4.9vw,72px);line-height:1.06}
h1 em{font-family:inherit;font-weight:700;font-style:normal;color:var(--purple)}
.hero p:not(.eyebrow){color:#625c74;line-height:1.7}
.button{background:var(--purple);border-radius:9px;padding:15px 24px}
.button:hover{background:#4631ad}
.hero-art{height:auto;min-height:440px;border-radius:0;background:#d9c9e9;overflow:hidden;display:block}
.hero-art img{height:100%;width:300%;max-width:none;object-fit:cover;position:absolute;inset:0 auto auto -200%}
.sticker{left:auto;right:24px;top:27px;bottom:auto;background:#d9f383;height:125px;width:125px;display:flex;flex-direction:column;justify-content:center;padding:0;font-size:20px;line-height:1.05;color:var(--ink)}
.imagecaption{position:absolute;bottom:20px;left:22px;background:#ffffffdc;border-radius:20px;font-size:12px;padding:8px 12px;max-width:calc(100% - 44px)}
.values{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:0 6% 34px;border-bottom:1px solid var(--line);font-size:14px}
.shop{padding:60px 6%}.section-heading{display:block}.section-heading h2{font-size:40px;line-height:1.15;margin:12px 0}.section-heading>p{margin:0 0 24px;color:var(--muted);display:block}
.notice{background:#f1eef7;color:#6d6277}.filters button{background:white;border-color:var(--line);font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.product{padding:18px;border:1px solid #ece8f2;border-radius:18px;background:white;display:flex;flex-direction:column}
.product-art{background:#ece6f1;flex-shrink:0}.product-title{align-items:baseline}h3{font-size:21px;letter-spacing:-.03em}.product-title strong{white-space:nowrap}.product>p{font-size:14px;color:var(--muted);line-height:1.6}.add{margin-top:auto;text-align:center;font-size:14px;font-weight:600;border-color:var(--line);min-height:44px}.add:hover,.add.added,.add.added:hover{background:var(--purple);border-color:var(--purple);color:white}
.story{background:#eeebf8;border-radius:0;margin:0;padding:48px 8%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 60px}
.story .eyebrow{grid-column:1/-1}.story h2{font-size:38px;line-height:1.1;margin:15px 0}.story>p:not(.eyebrow){max-width:490px;margin:10px 0;color:var(--muted)}.story .fine{grid-column:1/-1}
footer{padding:40px 6%;flex-wrap:wrap;border-color:var(--line)}footer p,footer>span{color:var(--muted)}
dialog{color:var(--ink);box-shadow:0 20px 90px #16102233}dialog h2{font-size:28px}dialog::backdrop{background:#17102377;backdrop-filter:blur(4px)}
.bag-feedback{background:var(--ink)}.bag-feedback button{color:var(--purple)}
@media(max-width:800px){header{padding:22px 5%}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:35px 7%}.hero-art{min-height:330px;margin:0}.values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:13px;gap:18px}.shop{padding:40px 5%}.section-heading h2{font-size:32px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.product{padding:12px}.product-title{align-items:start;flex-direction:column;gap:8px}h3{font-size:19px}.story{grid-template-columns:1fr;padding:35px 6%;gap:5px}.story h2{font-size:32px}}
@media(max-width:420px){.products{grid-template-columns:minmax(0,1fr)}.hero-art{min-height:285px}.brand{font-size:15px}.sticker{height:100px;width:100px;font-size:17px}.bag-feedback{right:16px;bottom:16px;max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Custom Craftworks identity: supplied logo, navy, teal and orange. */
:root{--ink:#1e2b3d;--purple:#087f88;--muted:#556574;--line:#d8e4e7;background:#fcfefe}
.announcement{background:#1e2b3d}.brand-logo{gap:12px}.brand-logo img{width:84px;height:84px;object-fit:contain;flex-shrink:0}.brand-logo .brandname{color:#1e2b3d}
.hero{background:#eaf5f5}.hero-art{background:white;display:grid;place-items:center;min-height:440px}
.hero-art img{position:static;inset:auto;width:min(100%,520px);height:auto;max-width:100%;object-fit:contain;padding:20px}
h1 em,.eyebrow{color:#087f88}.hero p:not(.eyebrow){color:#556574}
.button{background:#1e2b3d}.button:hover{background:#087f88}
.sticker{background:#ff7b12;color:#1e2b3d;right:16px;top:18px;width:90px;height:90px;font-size:16px}
.values{color:#556574}.notice{background:#eaf5f5;color:#405963}
.product{border-color:#d8e4e7}.product-art{background:#f1f7f7}.add:hover,.add.added,.add.added:hover{background:#087f88;border-color:#087f88}
.story{background:#eaf5f5;border-top:4px solid #ff7b12}.story>p:not(.eyebrow){color:#556574}
.bag-feedback{background:#1e2b3d}.bag-feedback button{color:#087f88}
button:focus-visible,a:focus-visible{outline-color:#087f88}
.policy-summary,.policies p{color:#556574}
@media(max-width:800px){.hero-art{min-height:330px}.hero-art img{width:min(100%,360px);padding:18px}.brand-logo img{width:66px;height:66px}}
@media(max-width:420px){.brand-logo{gap:5px}.brand-logo .brandname{font-size:13px}.hero-art{min-height:285px}.sticker{width:74px;height:74px;font-size:14px;top:12px;right:12px}}

/* Shared collection pages and shopping bag. */
header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px}header nav a{padding-block:10px}header nav a[aria-current=page]{color:#087f88;text-decoration:underline;text-underline-offset:6px}
.collection-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:28px 6%}.collection-links>a{padding:26px 22px;border:1px solid #d8e4e7;border-radius:18px;background:#f1f7f7}.collection-links>a:hover{border-color:#087f88}.collection-links span{font-size:10px;letter-spacing:1.5px;color:#087f88;font-weight:bold}.collection-links h2{font-size:26px;margin:18px 0 12px}.collection-links p{font-size:13px;color:#556574}.product-buy{display:inline-block;color:#087f88;font-size:13px;font-weight:bold;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.collection-empty{grid-column:1/-1;background:#eaf5f5;border-radius:18px;padding:38px}.collection-empty h3{font-size:24px}.collection-empty p{line-height:1.7;color:#556574}.cart-row{align-items:flex-start;flex-wrap:wrap;gap:8px;padding-block:16px;border-bottom:1px solid #d8e4e7}.cart-details{flex:1;min-width:180px}.cart-details p{margin:6px 0}.cart-details .fine{line-height:1.6;color:#556574}#cart-checkout-note{font-size:13px;line-height:1.7;color:#556574}.category-hero .hero-art img{max-height:430px}.category-hero h1{font-size:clamp(38px,5vw,64px)}
@media(max-width:800px){header{align-items:flex-start;gap:16px}header nav{gap:8px 14px;font-size:12px}.collection-links{grid-template-columns:1fr;padding:24px 5%}.section-heading{flex-wrap:wrap}.category-hero .hero-art{min-height:300px}.category-hero .hero-art img{max-height:300px;width:auto;max-width:100%}}
@media(max-width:480px){header{flex-direction:column}header nav{justify-content:flex-start;width:100%}.cart-row .quantity-controls{flex-wrap:wrap}}