@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--paper:#f4f2ea;--ink:#24251f;--orange:#f05a28;--line:#cecec3;--muted:#72746b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:106px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 5%;margin:auto;border-bottom:1px solid var(--line)}.logo{font:800 36px 'Manrope',sans-serif;letter-spacing:-2px;line-height:1}.logo span{color:var(--orange);font-size:43px;margin-left:3px}.logo small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:6px}.bag{background:transparent;border:1px solid var(--line);border-radius:30px;padding:12px 17px;font-size:11px;letter-spacing:1px}.bag span{background:var(--ink);color:var(--paper);padding:3px 7px;border-radius:50%;margin-left:10px}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:var(--orange)}sup{font-size:9px;margin-left:4px}main{max-width:1440px;margin:auto}.hero,.section{margin:0 5%}.hero{padding-top:52px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px}h1{font-family:'Manrope',sans-serif;font-size:clamp(65px,8.7vw,125px);letter-spacing:-7px;line-height:1.01;margin:0;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-6px}.hero-note{display:flex;align-items:center;flex-direction:column;gap:10px;margin:0 55px 0 20px}.spark{font-size:62px;color:var(--orange);line-height:1}.hero-note p{font-size:13px;line-height:1.8;text-align:center}.round{border:1px solid var(--line);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px}.round:hover{background:var(--orange);color:white}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin:28px 0 32px}.hero-bottom p,.follow p{font-size:13px;line-height:1.9}.pill{border:1px solid var(--ink);border-radius:40px;padding:15px 24px;font-size:13px;display:flex;gap:45px;align-items:center}.pill:hover{background:var(--ink);color:var(--paper)}.hero-art{height:390px;background:#252820;overflow:hidden;position:relative;color:var(--paper)}.art-label{position:absolute;top:30px;left:32px;font-size:12px;letter-spacing:2px;line-height:1.5}.flower{position:absolute;top:-110px;left:27%;font-size:610px;line-height:1;color:var(--orange);transform:rotate(15deg);font-family:Arial,sans-serif}.art-bottom{position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.sticker{position:absolute;right:9%;top:22%;background:#d9e87d;width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--ink);font:800 24px/1 'Manrope';transform:rotate(12deg);box-shadow:0 5px 15px #0002}.sticker i{font:italic 19px Georgia;margin-top:6px}.caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;margin:13px 0}.section{padding:90px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}h2{font-size:36px;letter-spacing:-1px;line-height:1.4;font-weight:500;margin:17px 0 0}.serif{font-family:Georgia,'Noto Sans Thai',serif;font-style:italic}.muted{font-size:12px;color:var(--muted);line-height:1.9}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-card{padding:0;border:0;background:transparent;text-align:left}.work-art{height:370px;position:relative;overflow:hidden;transition:transform .3s}.work-card:hover .work-art{transform:translateY(-5px)}.orange{background:var(--orange);color:#22261f}.poster-word{font:900 85px/.82 'Manrope';letter-spacing:-5px;position:absolute;top:52px;left:45px;z-index:1}.poster-word span{font:italic 70px/.8 Georgia;letter-spacing:-4px}.poster-star{position:absolute;font:330px/1 Arial;right:-38px;top:46px;color:#f2d2a5;transform:rotate(-20deg)}.work-art small{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:2px}.lilac{background:#d1c9e0;color:#403258}.orb{position:absolute;border-radius:50%;box-shadow:inset -25px -30px 40px #3a284150,inset 15px 15px 25px #fff8,15px 30px 35px #5f3d5d30}.orb1{width:180px;height:180px;left:60%;top:30px;background:#dbe078}.orb2{width:210px;height:210px;left:8%;top:120px;background:#f2a185}.orb3{width:125px;height:125px;left:57%;top:240px;background:#bdaccf}.orb-title{position:absolute;z-index:1;top:45px;left:35px;font:55px/.95 'Manrope';letter-spacing:-3px}.orb-title i{font-family:Georgia;font-weight:400}.card-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.card-caption h3{font:500 19px 'Manrope';margin:0 0 6px}.card-caption p{font-size:11px;color:var(--muted);margin:0}.card-caption>span{font-size:25px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:25px}.about h2{font-size:45px;margin:0}.orange-text{color:var(--orange)}.about h2 .orange-text{font-size:65px;margin-left:15px}.about p{font-size:14px;line-height:2;margin-top:0}.about .muted{font-size:12px}.tags{display:flex;gap:8px;margin-top:24px}.tags span{padding:7px 12px;border:1px solid var(--line);border-radius:20px;font-size:9px;letter-spacing:1px}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 25px}.filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);border-radius:25px;padding:9px 17px;font-size:12px;background:transparent}.filters .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.shop-toolbar>span{font-size:9px;letter-spacing:1px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-art{height:250px;display:grid;place-items:center;overflow:hidden;position:relative}.product-view{display:block;border:0;background:transparent;padding:0;width:100%;text-align:left}.product-art .type{position:absolute;top:13px;left:13px;background:var(--paper);padding:5px 8px;font-size:8px;letter-spacing:1px}.print{background:#e4e1d8}.print-obj{width:132px;height:177px;background:var(--orange);box-shadow:7px 12px 12px #0002;transform:rotate(-9deg);display:flex;flex-direction:column;justify-content:center;text-align:center;font:bold 30px/.9 'Manrope';letter-spacing:-1.5px}.print-obj i{font:italic 34px Georgia}.tote{background:#deded1}.tote-obj{position:relative;background:#eee8d6;width:150px;height:145px;transform:rotate(6deg);margin-top:40px;box-shadow:8px 9px 15px #0002;display:grid;place-items:center;color:var(--orange);font-size:80px}.tote-obj:before{content:'';position:absolute;top:-64px;left:38px;width:60px;height:74px;border:12px solid #e9e0ca;border-bottom:0;border-radius:30px 30px 0 0}.kit{background:#d5cce1}.kit-obj{background:#f5f1e7;padding:20px;width:160px;height:125px;transform:rotate(-8deg);box-shadow:8px 9px 0 #b79fce,16px 18px 0 #9b80b5;font:500 24px/1.1 'Manrope';letter-spacing:-1px}.kit-obj b{display:block;color:#f05a28;font-size:30px}.stickers{background:#e7d1be}.sticker-obj{background:#d9e87d;transform:rotate(-12deg);border-radius:50%;width:125px;height:125px;border:6px solid #faf7ed;display:grid;place-items:center;font-size:95px;color:#f05a28;box-shadow:4px 8px 10px #0002}.product-card h3{font-size:14px;font-weight:500;margin:16px 0 6px}.product-card .desc{font-size:10px;color:var(--muted)}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13px}.add{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;font-size:22px;background:transparent}.add:hover{background:var(--orange);color:white;border-color:var(--orange)}.follow{display:grid;grid-template-columns:1fr 1fr;gap:80px}.follow h2{font-size:58px;line-height:1.2;margin-top:22px}.socials{display:flex;flex-direction:column;justify-content:center}.socials button{border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;padding:24px 0;font-size:19px;text-align:left}.socials button:hover{color:var(--orange)}.socials b{font-size:22px;margin-right:18px;font-weight:400}.closing{padding:65px 5%;background:#dce3b4;margin-top:70px}.closing>span,.closing>div{font-size:9px;letter-spacing:1.5px}.closing a{font:500 clamp(26px,4vw,56px) 'Manrope';letter-spacing:-2px;display:block;margin:20px 0 30px}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 5%;max-width:1440px;margin:auto}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}footer .logo{font-size:28px}footer .logo span{font-size:32px}dialog{padding:38px;background:var(--paper);color:var(--ink);border:0;max-width:610px;width:calc(100% - 32px);max-height:85vh;overflow:auto}dialog::backdrop{background:#20251f80;backdrop-filter:blur(5px)}.close{border:0;background:transparent;font-size:30px;line-height:1;padding:4px}.close:first-child{float:right}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:24px;margin:0}.cart-summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font-size:19px}.primary{background:var(--ink);color:var(--paper);border:0;width:100%;padding:17px;font-size:14px}.primary:disabled{opacity:.4;cursor:default}.demo-note{font-size:11px;color:var(--muted);line-height:1.8}.text-button{border:0;background:transparent;width:100%;padding:15px;font-size:12px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding:20px 0}.cart-row h3{font-size:15px;margin:0 0 8px}.cart-row p{font-size:12px;margin:0}.qty{display:flex;align-items:center;gap:12px;margin-top:10px}.qty button{border:1px solid var(--line);background:transparent;width:28px;height:28px}.remove{border:0;background:transparent;color:var(--muted);font-size:11px}.empty{text-align:center;padding:50px 0;color:var(--muted)}#detail-content{clear:both}#detail-content .work-art{margin-top:15px}#detail-content h2{font-size:28px}#detail-content p{line-height:1.9;font-size:14px}#detail-content .product-art{height:280px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--paper);padding:13px 25px;border-radius:30px;font-size:13px;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){h1{font-size:125px}}@media(max-width:850px){header{height:90px}nav{gap:18px}.hero{padding-top:35px}h1{letter-spacing:-4px}h1 em{letter-spacing:-3px}.hero-note{margin-right:5px}.hero-art{height:330px}.flower{left:12%;font-size:530px;top:-90px}.sticker{right:5%;width:135px;height:135px;font-size:21px}.section{padding:65px 0}.work-art{height:300px}.poster-word{font-size:66px;left:28px}.poster-word span{font-size:55px}.orb-title{font-size:45px}.about-grid{gap:30px}.products{grid-template-columns:repeat(2,1fr);row-gap:35px}.follow{gap:35px}.follow h2{font-size:48px}.section-head h2{font-size:30px}}
@media(max-width:580px){header{height:85px;flex-wrap:wrap}.logo{font-size:29px}.logo span{font-size:34px}.logo small{font-size:6px}nav{gap:15px;font-size:11px}nav a:nth-child(2){display:none}nav a:nth-child(4){display:none}.bag{padding:9px 12px;font-size:9px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-title{margin-top:30px}h1{font-size:clamp(49px,11.5vw,68px);letter-spacing:-3px}h1 em{letter-spacing:-3px}.hero-note p{display:none}.hero-note{gap:18px}.spark{font-size:40px}.round{height:32px;width:32px;font-size:19px}.hero-bottom{align-items:end;gap:15px;margin:22px 0}.hero-bottom p{font-size:10px}.pill{font-size:10px;padding:11px 14px;gap:14px;white-space:nowrap}.hero-art{height:290px}.art-label{left:20px;top:23px;font-size:8px}.flower{font-size:440px;left:-10%;top:-25px}.sticker{width:105px;height:105px;top:30%;right:4%;font-size:17px}.sticker i{font-size:14px}.art-bottom{left:20px;right:20px;font-size:6px}.caption{font-size:6px;letter-spacing:.6px}.caption span:last-child{display:none}.section{padding:50px 0}.eyebrow{font-size:8px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:25px}.section-head>.muted{display:block;margin-top:15px}.work-grid{grid-template-columns:1fr;gap:30px}.work-art{height:330px}.poster-word{font-size:80px}.about-grid{grid-template-columns:1fr;gap:25px}.about h2{font-size:35px}.shop-toolbar{margin-top:22px}.shop-toolbar>span{display:none}.filters button{padding:8px 14px;font-size:11px}.products{gap:25px 14px}.product-art{height:200px}.print-obj{width:105px;height:145px;font-size:25px}.tote-obj{width:115px;height:120px;font-size:65px}.tote-obj:before{left:28px;width:44px;height:60px;top:-50px;border-width:10px}.kit-obj{width:120px;height:105px;font-size:19px;padding:15px}.kit-obj b{font-size:24px}.sticker-obj{width:104px;height:104px;font-size:75px}.product-card h3{font-size:12px}.product-card .desc{font-size:9px}.follow{grid-template-columns:1fr;gap:20px}.follow h2{font-size:46px}.socials button{font-size:17px;padding:20px 0}.closing{margin-top:40px;padding-top:40px;padding-bottom:40px}.closing a{letter-spacing:-1px}.closing>div{font-size:7px}footer{flex-wrap:wrap;gap:20px}footer p{font-size:8px}footer>a:last-child{font-size:9px}dialog{padding:24px}.product-art .type{font-size:6px;left:9px;top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
[hidden]{display:none!important}