*{box-sizing:border-box} :root{--ink:#2d2540;--pink:#ff5f9e;--yellow:#ffd85c;--mint:#69dbc3;--blue:#65baff;--cream:#fff9ef;--lav:#eee5ff}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:500 16px Nunito,Arial,sans-serif;line-height:1.55}h1,h2{font-family:"Baloo 2";line-height:.98;margin:0 0 18px}h1{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-2px}h2{font-size:clamp(2.4rem,5vw,4rem)}a{text-decoration:none;color:inherit}.announcement{text-align:center;background:var(--ink);color:white;padding:9px;font-size:.82rem;font-weight:800}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10;background:#fffaf2ee;backdrop-filter:blur(10px);border-bottom:1px solid #eee}.logo{display:flex;gap:10px;align-items:center;font-family:"Baloo 2";font-weight:800}.logo>b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pink);color:white;font-size:1.1rem;transform:rotate(-7deg)}.logo span{font-size:1.15rem;line-height:.8}.logo small{display:block;font:800 .65rem Nunito;letter-spacing:.2em;margin-top:5px}nav{display:flex;align-items:center;gap:22px;font-weight:800;font-size:.9rem}.cart{border:0;background:var(--ink);color:#fff;padding:10px 15px;border-radius:999px;font-weight:800}.cart i{font-style:normal;background:var(--pink);border-radius:50%;padding:1px 6px}.menu{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:650px;padding:65px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff9ef 55%,#fff0f6);overflow:hidden}.eyebrow{font-size:.77rem;font-weight:900;letter-spacing:.18em;color:#8c668b}.hero em,.custom em{font-style:normal;color:var(--pink)}.hero p{max-width:600px;font-size:1.08rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:13px 20px;font:800 1rem Nunito;cursor:pointer}.pink{background:var(--pink);color:#fff}.outline{border:2px solid var(--ink)}.dark{background:var(--ink);color:#fff}.dream{display:flex;align-items:center;gap:10px}.dream:first-letter{font-size:2rem}.art{height:500px;position:relative}.sun{position:absolute;width:260px;height:260px;border-radius:50%;background:var(--yellow);right:7%;top:5%}.shirt{position:absolute;left:30%;top:22%;width:190px;height:240px;background:var(--pink);clip-path:polygon(22% 0,78% 0,100% 18%,82% 35%,77% 100%,23% 100%,18% 35%,0 18%);display:grid;place-items:center;color:#fff;font:800 3rem "Baloo 2";transform:rotate(-7deg)}.bracelet{position:absolute;border:18px dotted var(--blue);border-radius:50%;background:#fff;padding:22px;color:var(--pink);font-weight:900;box-shadow:0 15px 35px #2d254018}.one{left:4%;top:18%;transform:rotate(17deg)}.two{right:2%;bottom:14%;border-color:var(--yellow);transform:rotate(-18deg)}.spark{position:absolute;left:3%;bottom:9%;color:var(--mint);font-size:3rem}.ticker{display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;background:var(--ink);color:#fff;padding:14px 6%;font-size:.78rem;font-weight:900;letter-spacing:.1em}.section{padding:90px 7%}.heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.heading>p{max-width:420px}.filters{display:flex;gap:9px;margin-bottom:25px}.filters button{border:2px solid var(--ink);background:transparent;border-radius:999px;padding:8px 16px;font-weight:800}.filters .active{background:var(--ink);color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#fff;border-radius:24px;padding:12px;box-shadow:0 8px 25px #2d254012}.pic{height:210px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.pic.pinkbg{background:#ffdce9}.pic.bluebg{background:#def2ff}.pic.yellowbg{background:#fff1b7}.pic.mintbg{background:#d8f7ef}.pic .ring{width:120px;height:120px;border:20px dotted var(--pink);border-radius:50%}.pic .tee{width:120px;height:140px;background:var(--blue);clip-path:polygon(22% 0,78% 0,100% 18%,82% 35%,77% 100%,23% 100%,18% 35%,0 18%);display:grid;place-items:center;color:#fff;font:800 1.5rem "Baloo 2"}.info{padding:15px 7px 7px}.info h3{font:800 1.35rem "Baloo 2";margin:0}.info p{font-size:.86rem;color:#756c7e;min-height:42px}.bottom{display:flex;justify-content:space-between;align-items:center;font-weight:900}.add{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800}.custom{margin:10px 7% 90px;padding:65px 7%;border-radius:35px;background:var(--yellow);display:flex;justify-content:space-between;align-items:center;gap:30px}.custom>div:first-child{max-width:620px}.doodle{text-align:center;font:800 2rem "Baloo 2";transform:rotate(7deg)}.doodle span{font-size:4rem;color:var(--pink)}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;background:#fff;align-items:center}.about-art{height:380px;border-radius:35px;background:linear-gradient(145deg,var(--lav),#fff);display:grid;place-items:center;font-size:9rem;position:relative}.about-art b{position:absolute;right:15%;bottom:10%;color:var(--pink);font-size:4rem}.pills{display:flex;gap:9px;flex-wrap:wrap}.pills span{background:var(--cream);border-radius:999px;padding:8px 14px;font-weight:800}.purpose{padding:50px 7%;display:flex;gap:25px;align-items:center;background:#e8fff9}.purpose>div:first-child{font-size:4rem}.purpose p{max-width:760px}.contact form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact label{font-weight:800}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:6px;border:2px solid #ded6e0;border-radius:14px;padding:12px;font:inherit;background:#fff}.wide{grid-column:1/-1}.contact small{color:#777}footer{background:var(--ink);color:#fff;padding:45px 7%;display:grid;grid-template-columns:1fr auto;gap:20px}footer b{display:block;font:800 1.5rem "Baloo 2"}footer span{color:#cfc6d8}footer nav{display:flex}footer small{grid-column:1/-1;color:#bcb2c8}#drawer{position:fixed;right:-430px;top:0;width:min(430px,100%);height:100vh;background:#fff;z-index:30;padding:25px;box-shadow:-10px 0 35px #0002;transition:.3s;display:flex;flex-direction:column}#drawer.open{right:0}#shade{display:none;position:fixed;inset:0;background:#0006;z-index:20}#shade.open{display:block}.carthead{display:flex;justify-content:space-between}.carthead button{border:0;background:none;font-size:2rem}.total{display:flex;justify-content:space-between;padding:20px 0;font-size:1.2rem}#items{flex:1;overflow:auto}.row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee}.row button{border:0;border-radius:50%}#drawer>small{text-align:center;color:#777;margin-top:10px}
@media(max-width:950px){nav{gap:10px}.products{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.art{max-width:600px;width:100%;margin:auto}.about{grid-template-columns:1fr}.heading{display:block}.heading>p{margin-top:10px}}@media(max-width:700px){.menu{display:block}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 10px 20px #0001}header nav.open{display:flex}.products{grid-template-columns:1fr}.hero{padding-top:45px}.art{height:400px}.custom{display:block}.doodle{margin-top:30px}.contact form{grid-template-columns:1fr}footer{display:block}footer nav{margin:20px 0;flex-wrap:wrap}}
