:root{--cream:#ffffe8;--pink:#fe71a5;--yellow:#fee332;--blue:#63c1ee;--ink:#663b21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft Yahei',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.announce{text-align:center;background:var(--yellow);font-size:11px;letter-spacing:2px;padding:12px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid #663b2120}.logo{font-family:'Comic Sans MS',cursive;font-weight:bold;font-size:35px;font-style:italic;letter-spacing:-2px;line-height:1}.logo small{display:block;font-family:Arial;font-style:normal;letter-spacing:1px;font-weight:normal;font-size:10px;text-align:center;margin-top:7px}nav{display:flex;gap:38px;font-size:14px}.tools{display:flex;align-items:center;gap:22px}.tools button:first-child{font-size:31px}#count{display:inline-grid;place-items:center;background:var(--pink);border-radius:50%;width:23px;height:23px;margin-left:5px;font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:75px 9% 34px 10%;background:var(--yellow);position:relative}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}h1{font-size:clamp(48px,5vw,78px);line-height:1.18;letter-spacing:-4px;margin:37px 0 16px}h1 span{color:#ee5d93}h1+p{font-size:26px;font-family:Georgia,serif;font-style:italic;margin:0 0 27px}.intro{font-size:14px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 24px;border:1px solid var(--ink);border-radius:40px;font-size:14px;margin-top:28px}.button b{font-size:22px;font-weight:400}.dark{background:var(--ink);color:var(--cream)}.button:hover{background:var(--pink);color:var(--ink);transform:translateY(-2px)}.hero-note{font-size:9px;letter-spacing:1px;margin-top:44px}.hero-visual{position:relative;background:#ff99c4;overflow:hidden}.hero-visual>img{height:100%;width:100%;object-fit:cover}.seal{position:absolute;right:24px;top:26px;background:var(--cream);border:1px solid var(--ink);border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);font-size:12px}.seal strong{font-family:Georgia;font-size:27px;font-style:italic}.ticker{background:var(--blue);padding:19px 0;white-space:nowrap;overflow:hidden;font-weight:600;letter-spacing:4px;text-align:center;font-size:15px}.section{padding:86px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}h2{font-size:36px;letter-spacing:-1.5px;line-height:1.4;margin:14px 0 0}.section-head p{font-size:13px;line-height:1.8;margin:0}.shop-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.filters{display:flex;gap:9px}.filters button{border:1px solid #663b2150;border-radius:30px;padding:11px 22px;font-size:13px}.filters .active{background:var(--ink);color:var(--cream)}.search{border-bottom:1px solid var(--ink);padding:8px;display:flex;gap:10px}.search input{background:none;border:0;width:160px;outline:none;font-size:12px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{min-width:0}.product-photo{position:relative;aspect-ratio:1/1.12;overflow:hidden;background:#f3e4d3;border-radius:4px}.product-photo img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.05)}.product-photo>a{display:block;height:100%}.tag{position:absolute;top:15px;left:15px;background:var(--cream);font-size:10px;padding:7px 11px;border-radius:20px;pointer-events:none}.add{position:absolute;bottom:14px;right:14px;background:var(--cream);border-radius:50%;height:38px;width:38px;font-size:25px}.add:hover{background:var(--yellow)}.product-info{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:14px}.product-info h3{font-size:14px;font-weight:500;margin:0 0 8px}.product-info small{font-size:10px;letter-spacing:1px;opacity:.7}.demo-note{font-size:10px;opacity:.65;margin-top:25px}.collections{display:grid;grid-template-columns:1fr 1fr;background:var(--pink)}.collection-photo{position:relative;height:630px;overflow:hidden}.collection-photo img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;bottom:25px;left:25px;font-size:10px;letter-spacing:2px;background:var(--cream);padding:12px 18px;border-radius:30px}.collection-copy{padding:90px 13%;position:relative}.collection-copy h2,.story h2{font-size:53px;margin-top:28px;line-height:1.25}.collection-copy h2 span{color:var(--cream)}.collection-copy p{font-size:14px;line-height:2;margin-top:25px}.doodle{position:absolute;right:45px;bottom:20px;font-size:140px;transform:rotate(-15deg);color:var(--yellow);pointer-events:none}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:8px}.charms{width:100%;max-height:470px;object-fit:cover}.friend-labels{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:14px;padding-top:20px}.friend-labels small{display:block;font-size:9px;letter-spacing:1px;margin-top:8px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--blue)}.story-copy{padding:85px 12%}.story h2 span{color:var(--cream)}.story p{line-height:1.9;font-size:14px;margin-top:30px}.story>img{width:100%;height:650px;object-fit:cover}.values{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-top:35px}.newsletter{padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--yellow);align-items:center}.newsletter p{font-size:13px}form label{font-size:12px}form>div{display:flex;border-bottom:1px solid var(--ink);margin:10px 0}form input{width:100%;background:none;border:0;padding:12px 0;font-size:18px;outline:none}form button{font-size:30px}form small{font-size:10px}footer{padding:60px 5% 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px}footer>div{font-size:14px;line-height:1.8}footer>div:nth-child(3){display:flex;gap:30px;align-items:start}footer button{padding:0;font-size:14px}.footer-bottom{width:100%;border-top:1px solid #663b2133;display:flex;justify-content:space-between;padding-top:20px;font-size:9px;letter-spacing:1px}dialog{border:0;padding:0;background:var(--cream);color:var(--ink);width:min(850px,90vw);border-radius:10px;max-height:90vh}dialog::backdrop{background:#30201480}.close{position:absolute;top:10px;right:12px;font-size:30px;z-index:2;background:var(--cream);border-radius:50%;width:38px;height:38px}#detailContent{display:grid;grid-template-columns:1fr 1fr}#detailContent>img{width:100%;height:100%;min-height:460px;object-fit:cover}.detail-text{padding:55px 35px}.detail-text h2{font-size:28px}.detail-text p{line-height:1.9;font-size:14px}.detail-text select{padding:10px;width:100%;background:none;color:inherit;border:1px solid}.detail-text .button{width:100%}aside{position:fixed;right:0;top:0;bottom:0;width:min(450px,100vw);background:var(--cream);z-index:50;transform:translateX(100%);transition:.3s;padding:28px;display:flex;flex-direction:column}aside.open{transform:translateX(0)}.overlay{display:none;position:fixed;inset:0;background:#30201480;z-index:45}.overlay.open{display:block}.bag-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #663b2140;padding-bottom:24px}.bag-head h2{font-size:25px;margin:0}.bag-head button{font-size:32px}#bagItems{overflow:auto;flex:1;padding-top:20px}.bag-row{display:flex;gap:15px;margin-bottom:25px}.bag-row img{width:85px;height:100px;object-fit:cover}.bag-row h3{font-size:14px}.bag-row button{border:1px solid #663b2140;margin:7px 4px 0 0;padding:3px 9px}.bag-bottom{border-top:1px solid #663b2140;padding-top:20px}.bag-bottom>div{display:flex;justify-content:space-between}.bag-bottom .button{width:100%;margin-top:20px}.bag-bottom p{font-size:11px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 25px;border-radius:30px;z-index:100;opacity:0;pointer-events:none;transition:.3s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){header{height:80px;padding:0 5%}.logo{font-size:28px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:24px}nav.open{display:flex}.menu{display:block}.tools{gap:10px}.tools button{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7%}.hero-visual{height:520px}h1{font-size:62px}.hero-note{margin-top:30px}.section{padding:55px 5%}h2{font-size:28px}.section-head p{display:none}.shop-controls{flex-wrap:wrap}.filters{gap:6px}.filters button{padding:9px 14px;font-size:12px}.search{width:100%}.search input{width:100%}.products{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-info{font-size:12px}.product-info h3{font-size:12px}.collections,.story{grid-template-columns:1fr}.collection-photo{height:450px}.collection-copy{padding:55px 8% 70px}.collection-copy h2,.story h2{font-size:44px}.charms{height:240px}.friend-labels{font-size:10px}.friend-labels small{font-size:7px}.story-copy{padding:60px 8%}.story>img{height:500px}.newsletter{grid-template-columns:1fr;padding:50px 7%;gap:30px}.footer-bottom{font-size:8px}footer>div:nth-child(3){gap:20px}#detailContent{grid-template-columns:1fr}#detailContent>img{height:280px;min-height:0}.detail-text{padding:30px}.seal{width:95px;height:95px}.text-link{font-size:11px;white-space:nowrap}}

.collection-photo{height:auto;min-height:0;align-self:center}.collection-photo img{display:block;width:100%;height:auto;object-fit:contain}.product-photo:has(img[src="assets/bowl.jpg"]) img{object-fit:contain}.product:has(img[src="assets/bowl.jpg"]):hover img{transform:none}

.story{align-items:center}.story>img{display:block;width:100%;height:auto;object-fit:contain}

.friends .charms{display:block;width:100%;height:auto;max-height:none;object-fit:contain}

/* Product card motion */
.product{transition:transform .35s ease}
.product-photo{transition:box-shadow .35s ease}
.product-photo img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.add{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
@media(hover:hover){
.product:hover,.product:focus-within{transform:translateY(-7px)}
.product:hover .product-photo,.product:focus-within .product-photo{box-shadow:0 14px 28px #663b2118}
.product:has(img[src="assets/bowl.jpg"]):hover img,.product:has(img[src="assets/bowl.jpg"]):focus-within img{transform:scale(.97)}
.product:has(img[src="assets/bowl.jpg"]) img{transform:scale(.92)}
.add:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 4px 15px #663b2125}
}
.add:active{transform:scale(.88)}
@media(prefers-reduced-motion:reduce){.product,.product-photo,.product-photo img,.add{transition:none}.product:hover,.product:focus-within{transform:none}}
.product-photo:has(img[src="assets/can-pdf.jpg"]){background:#ffe71c}
.product-photo img[src="assets/can-pdf.jpg"]{object-fit:contain}
.product:hover img[src="assets/can-pdf.jpg"]{transform:scale(1.02)}
#detailContent>img[src="assets/can-pdf.jpg"]{object-fit:contain;background:#ffe71c}
.banner-carousel{padding:24px 0 20px;overflow:hidden}.banner-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8%;touch-action:pan-x pan-y;cursor:grab}.banner-track::-webkit-scrollbar{display:none}.banner-track:active{cursor:grabbing}.banner-slide{flex:0 0 100%;height:min(650px,66vw);min-height:380px;position:relative;scroll-snap-align:center;overflow:hidden;background:#f5c4cf}.banner-slide>img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}.slide-0{background:#e95893}.slide-1{background:#ec92b1}.slide-2{background:#f5b6cf}.slide-3{background:#e6d7c2}.banner-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 5% 35px;color:white;text-align:center;background:linear-gradient(transparent,#3d201c65);pointer-events:none}.banner-caption small{font-size:10px;letter-spacing:3px}.banner-caption h1{font-size:32px;letter-spacing:0;margin:14px 0 18px;line-height:1.3;text-shadow:0 2px 15px #41221240}.banner-caption a{font-size:13px;border-bottom:1px solid #ffffff99;padding-bottom:6px;pointer-events:auto}.banner-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.banner-controls>button{font-size:20px;padding:5px 12px}.banner-dots{display:flex;gap:8px}.banner-dots button{height:4px;width:25px;background:#663b212f;border-radius:3px;padding:0;transition:width .3s,background .3s}.banner-dots button[aria-current=true]{width:55px;background:var(--pink)}#bannerCounter{font-size:10px;letter-spacing:2px}#bannerPause{font-size:14px}@media(max-width:800px){.banner-carousel{padding-top:15px}.banner-track{gap:12px;padding:0 5%}.banner-slide{height:66vh;min-height:420px}.banner-caption{padding:65px 15px 30px}.banner-caption h1{font-size:25px}.banner-caption small{font-size:8px;letter-spacing:1px}.banner-controls{gap:10px}.banner-dots button{width:18px}.banner-dots button[aria-current=true]{width:35px}}
.social-section{background:var(--blue);padding:70px 0 30px;overflow:hidden}.social-heading{padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.social-heading h2{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-1px}.social-heading h2 span{color:var(--cream)}.social-heading p{font-size:14px}.social-heading>button{border:1px solid #663b2155;border-radius:30px;padding:11px 18px;font-size:12px;white-space:nowrap}.social-window{overflow:hidden;padding:15px 0 50px}.social-belt{display:flex;width:max-content;animation:socialRight 40s linear infinite;will-change:transform}.social-group{display:flex;gap:30px;padding-right:30px;align-items:center}.social-card{width:300px;flex:none;background:white;border-radius:23px;padding:12px;color:#382819;box-shadow:0 6px 12px #663b2106}.social-card:nth-child(even){margin-top:50px}.social-profile{display:flex;align-items:center;gap:9px;padding:5px 1px 15px;font-size:10px;color:#222}.social-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pink);font-family:Georgia;font-style:italic;font-size:24px;color:white}.social-more{margin-left:auto;font-size:25px;line-height:1}.social-cover{display:block;padding:0;width:100%;overflow:hidden}.social-cover img{display:block;width:100%;aspect-ratio:8/9;object-fit:contain;background:var(--cream);transition:filter .3s}.social-cover:hover img{filter:brightness(1.04)}.social-actions{display:flex;align-items:center;gap:12px;padding:15px 3px 5px}.social-actions button{padding:0;line-height:0}.social-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.social-like svg{fill:#ff91b0}.social-like[aria-pressed=true] svg{fill:#f54b8c;stroke:#d32a69}.social-save{margin-left:auto}.social-save[aria-pressed=true] svg{fill:var(--yellow)}.social-page-dots{margin:auto;color:#aaa;letter-spacing:2px;font-size:15px}.social-page-dots b{color:var(--blue)}.social-card>p{font-size:10px;margin:10px 3px 5px;letter-spacing:1px}.social-section.is-paused .social-belt{animation-play-state:paused}.social-note{text-align:center;font-size:10px;letter-spacing:2px}.social-full{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.social-detail{padding:25px;text-align:center;grid-column:1/-1}.social-detail h2{font-size:22px;margin:12px 0}@keyframes socialRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(max-width:800px){.social-section{padding-top:45px}.social-heading{align-items:end;margin-bottom:20px}.social-heading h2{font-size:34px}.social-heading .eyebrow{font-size:8px}.social-heading p{font-size:12px}.social-heading>button{padding:9px 12px;font-size:10px}.social-card{width:245px;border-radius:20px}.social-group{gap:20px;padding-right:20px}.social-belt{animation-duration:35s}.social-card:nth-child(even){margin-top:35px}}@media(prefers-reduced-motion:reduce){.social-belt{animation:none;transform:none}.social-window{overflow-x:auto}.social-group[aria-hidden=true]{display:none}}
/* Five distinct offsets repeat across the seamless loop. */
.social-group{align-items:flex-start;padding-top:0;padding-bottom:0}
.social-card:nth-child(1){margin-top:10px}
.social-card:nth-child(2){margin-top:76px}
.social-card:nth-child(3){margin-top:28px}
.social-card:nth-child(4){margin-top:100px}
.social-card:nth-child(5){margin-top:48px}
@media(max-width:800px){
.social-card:nth-child(1){margin-top:6px}
.social-card:nth-child(2){margin-top:54px}
.social-card:nth-child(3){margin-top:20px}
.social-card:nth-child(4){margin-top:74px}
.social-card:nth-child(5){margin-top:36px}
}