@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
/* Woodland accents: forest green, soft sage, and the original raspberry pink. */
:root{--forest:#254b38;--sage:#e5eadb;--moss:#748869}
.announcement,.ticker{background:var(--forest)}
.ticker{color:#e4e9d7}
.header{background:#eef0e5;border-bottom-color:#254b3829}
.header nav,.shop-link{color:var(--forest)}
.hero{background:linear-gradient(105deg,#f4c7d1 0%,#f1d6d9 46%,#e1e7d5 100%)}
.hero-art{background:url('woodland.svg') center bottom/contain no-repeat}
.hero-copy .eyebrow,.hero-note,.spark,.art-note{color:var(--forest)}
.orbit{border-color:#41634b30}
.hero-stamp{background:#e9eddc;color:var(--forest);border-color:#56734e}
.button{background:var(--forest);border-color:var(--forest)}
.button:hover{background:#37654a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#52754b}
.round-link{color:var(--forest);border-color:#254b3838}
.round-link:hover{background:var(--sage)}
.collection .eyebrow,.faq .eyebrow{color:var(--forest)}
.product-art.dark{background:#dce4d3}
.product-art.nut{background:#c5d0b6}
.nut .mini-bar>span{background:#35533d}
.story{background:var(--sage)}
.story-art{background:#31533e;border-radius:46% 46% 3px 3px;background-image:url('woodland.svg');background-size:cover;background-position:center bottom}
.big-flower{color:#66805a;opacity:.65}
.little-flower{color:#c5d1ae}
.story-copy .eyebrow,.story-copy h2{color:var(--forest)}
.closing{background:var(--forest);color:var(--cream)}
.closing::after{content:'';position:absolute;right:-30px;bottom:-20px;width:330px;height:330px;background:url('woodland.svg') right bottom/contain no-repeat;opacity:.5;pointer-events:none}
.closing>span{color:#b4c69c;opacity:.35}
.closing .button{background:#f4b9cb;border-color:#f4b9cb;color:var(--ink);position:relative;z-index:1}
.closing .button:hover{background:#f8cbd7}
footer{background:#edf0e4}
@media(max-width:700px){.hero{background:linear-gradient(165deg,#f4c7d1 0%,#f1d6d9 42%,#e1e7d5 100%)}.closing::after{width:220px;height:220px;right:-60px;opacity:.4}}

/* A softer, friendlier woodland world. */
body{font-family:'Nunito','DM Sans',sans-serif;font-size:16px}
h1,h2{font-family:'Nunito',sans-serif;font-weight:900;letter-spacing:-2.2px}
h1{font-size:clamp(48px,4.6vw,74px);line-height:1.12}
h1 em,h2 em{font-family:Georgia,serif;font-weight:500;color:#92516a}
.hero-description{font-size:15px}
.header{background:#f2f3e8}
.hero{background:linear-gradient(110deg,#f9d6df 0%,#f6e3de 47%,#e3ecd8 100%)}
.button{border-radius:999px;font-size:13px;font-weight:800;box-shadow:0 4px 0 #15372225;padding:16px 26px}
.button:hover{transform:translateY(-3px)}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff9efb3;letter-spacing:.1em;margin-bottom:24px}
.hero-copy .eyebrow span{margin:0;font-size:18px}
.hero-stamp{border:2px dashed #6b865c;background:#f3f2d9;box-shadow:4px 5px 0 #52754b15}
.hero-note{font-size:11px;font-weight:700}
.chinchilla-buddy{position:absolute;bottom:38px;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;transform:rotate(-5deg);pointer-events:none}
.chinchilla-buddy>span{padding:9px 15px;background:#fff9ef;border-radius:18px 18px 18px 3px;box-shadow:0 3px 0 #4b202912;font-size:12px;font-weight:800;color:var(--forest);transform:rotate(5deg);margin-bottom:2px}
.hero-art .chinchilla-buddy img{width:155px;height:186px;max-height:none;transform:none;filter:none}
.product{background:#fffdf7;border:1px solid #254b3815;border-radius:25px;padding:10px;box-shadow:0 5px 0 #254b3808}
.product-art{border-radius:18px}
.product-detail{padding:20px 9px 14px;gap:8px}
.product-detail h3{font-family:'Nunito',sans-serif;font-weight:900;font-size:24px;letter-spacing:-.8px}
.product-detail p{line-height:1.6}
.round-link{flex-shrink:0;background:#eef0e0;border:0;width:39px;height:39px}
.product-label{background:#fff9efc9;padding:7px 10px;border-radius:999px;font-weight:800;top:16px;left:16px}
.preview-note{background:#eef0e3;padding:12px 17px;border-radius:15px}
.story-art{border-radius:42% 42% 24px 24px}
.story-copy h2{font-size:50px}
.faq-list{display:flex;flex-direction:column;gap:10px}
details{background:#f0f2e6;border:1px solid #254b3810;border-radius:20px;padding:0 22px}
summary{font-size:14px;font-weight:800;padding:20px 0}
summary span{background:#fff9ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}
details p{font-size:13px}
.closing{border-radius:45px 45px 0 0;margin:0 18px}
dialog{border-radius:28px;border-color:#254b3833;box-shadow:0 20px 80px #254b3820}
dialog h2{letter-spacing:-1.3px}
@media(max-width:1000px) and (min-width:701px){.hero-art .chinchilla-buddy img{width:115px;height:138px}.chinchilla-buddy{left:-15px;bottom:42px}.chinchilla-buddy>span{font-size:10px;padding:8px 11px}h1{font-size:52px}}
@media(max-width:700px){h1{font-size:clamp(40px,10vw,55px)}.hero{background:linear-gradient(165deg,#f9d6df 0%,#f6e3de 42%,#e3ecd8 100%)}.chinchilla-buddy{left:2%;bottom:27px}.hero-art .chinchilla-buddy img{width:112px;height:134px}.chinchilla-buddy>span{font-size:10px;padding:8px 11px}.art-note{right:7%;bottom:18px}.story-copy h2{font-size:42px}.closing{margin:0 10px;border-radius:30px 30px 0 0}.closing h2{font-size:42px}details{padding:0 17px}}

/* Small interaction cues, with no continuous or scroll-triggered motion. */
.button{transition:transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
.button span,.text-link span,.shop-link span{display:inline-block;transition:transform 200ms ease}
.product{transition:transform 240ms ease,box-shadow 240ms ease,border-color 240ms ease}
.mini-bar{transition:transform 300ms ease}
.round-link{transition:transform 200ms ease,background-color 200ms ease}
.logo-mascot{transform-origin:50% 85%;transition:transform 240ms ease}
.hero-art .chinchilla-buddy img{transform-origin:50% 90%;transition:transform 280ms ease}
.chinchilla-buddy>span{transition:transform 240ms ease,background-color 240ms ease}
.hero-stamp{transition:transform 280ms ease,box-shadow 280ms ease}
.header nav a{position:relative;text-decoration:none}
.header nav a::after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:2px;background:var(--forest);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 200ms ease}
details,summary span{transition:background-color 200ms ease,transform 200ms ease}
details[open]{background:#e8eddc}
.product:focus-within{border-color:#748869;box-shadow:0 8px 20px #254b3810}
.button:focus-visible span,.text-link:focus-visible span,.shop-link:focus-visible span{transform:translate(2px,-2px)}
.logo:focus-visible .logo-mascot{transform:rotate(-7deg)}
@media(hover:hover) and (pointer:fine){
  .button:hover{box-shadow:0 7px 0 #15372220}
  .button:hover span,.text-link:hover span,.shop-link:hover span{transform:translate(3px,-3px)}
  .product:hover{transform:translateY(-5px);box-shadow:0 12px 26px #254b3810;border-color:#254b3833}
  .product:hover .mini-bar{transform:rotate(-6deg) translateY(-4px)}
  .product.nut:hover .mini-bar,.product:has(.nut):hover .mini-bar{transform:rotate(6deg) translateY(-4px)}
  .round-link:hover{transform:rotate(8deg);background:#dce6ce}
  .logo:hover .logo-mascot{transform:rotate(-8deg) translateY(-2px)}
  .hero-art:hover .chinchilla-buddy img{transform:rotate(5deg) translateY(-3px)}
  .hero-art:hover .chinchilla-buddy>span{transform:rotate(1deg) translateY(-3px);background:#fffdf6}
  .hero-art:hover .hero-stamp{transform:rotate(7deg);box-shadow:6px 8px 0 #52754b15}
  .header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
  summary:hover span{background:#f8d8e1}
}
.button:active{transform:translateY(1px);box-shadow:0 1px 0 #15372225}
.round-link:active{transform:scale(.94)}
@media(hover:none){.button:hover{transform:none}.button:active{transform:translateY(1px)}}
/* Touch-friendly controls and comfortable tablet/phone text wrapping. */
.round-link{width:44px;height:44px}
.dialog-close{min-width:44px;min-height:44px}
.hero-copy,.hero-art,.product,.story-copy,.faq>div{min-width:0}
@media(min-width:701px) and (max-width:1000px){h1{font-size:clamp(38px,5.2vw,52px)}.header nav{gap:16px;font-size:12px}.header{gap:16px}}
@media(max-width:380px){.header{padding-inline:5%;gap:10px}.header .logo{font-size:41px}.header .logo span{font-size:8px;letter-spacing:2.5px}.shop-link{font-size:9px}.shop-link span{margin-left:3px}.hero-copy{padding-inline:6%}.button{gap:20px}.product-detail h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .button:hover,.button:active,.product:hover,.round-link:hover,.round-link:active{transform:none}
  .button:hover span,.button:focus-visible span,.text-link:hover span,.text-link:focus-visible span,.shop-link:hover span,.shop-link:focus-visible span,.logo:hover .logo-mascot,.logo:focus-visible .logo-mascot,.hero-art:hover .chinchilla-buddy img{transform:none}
  .product:hover .mini-bar{transform:rotate(-11deg)}
  .product:has(.nut):hover .mini-bar{transform:rotate(10deg)}
  .product:has(.berry):hover .mini-bar{transform:rotate(-7deg)}
  .hero-art:hover .chinchilla-buddy>span{transform:rotate(5deg)}
  .hero-art:hover .hero-stamp{transform:rotate(12deg)}
}