:root{--ink:#17372f;--paper:#f8f5ed;--coral:#ee826c;--sky:#aed8ec;--lime:#c8e079;--line:#17372f22;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f8f5edf2;backdrop-filter:blur(10px);z-index:5}.logo{font-size:1.3rem;font-weight:900;text-decoration:none;letter-spacing:.06em}.logo span{color:var(--coral)}nav{display:flex;gap:24px}nav a,header button{font-size:.8rem;border:0;background:transparent;text-decoration:none;cursor:pointer;color:var(--ink)}.language{margin-right:12px;border-bottom:1px solid var(--ink)!important}.bag{border:1px solid var(--ink)!important;border-radius:99px;padding:8px 12px}.bag b{margin-left:5px;background:var(--coral);color:#fff;border-radius:50%;padding:2px 5px}.hero{min-height:calc(100vh - 78px);padding:7vw 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.eyebrow{font-weight:700;letter-spacing:.13em;font-size:.68rem}.hero h1,h2{letter-spacing:-.075em;line-height:.95;margin:.2em 0}.hero h1{font-size:clamp(3.5rem,7vw,7.5rem)}.hero p:not(.eyebrow){line-height:1.75;max-width:390px;color:#49635b}.line-link{display:inline-block;margin-top:16px;font-weight:bold;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}.hero-art{height:min(58vw,620px);border-radius:48% 52% 42% 58%/43% 38% 62% 57%;background:radial-gradient(circle at 20% 80%,#f1b8c6 0 18%,transparent 18.5%),radial-gradient(circle at 78% 18%,var(--lime) 0 26%,transparent 26.5%),var(--sky);position:relative;display:grid;place-items:center;overflow:hidden;transform:rotate(3deg)}.hero-art strong{font-size:clamp(2rem,4vw,4.2rem);line-height:.85;text-align:center;z-index:1;transform:rotate(-3deg)}.beads{width:60%;aspect-ratio:1;background:radial-gradient(circle,#ed806b 0 15%,transparent 16%) 0 0/20% 20%,radial-gradient(circle,#f9e867 0 15%,transparent 16%) 50% 50%/20% 20%,radial-gradient(circle,#8161a5 0 15%,transparent 16%) 25% 25%/20% 20%;transform:rotate(-15deg)}.intro,.shop,.journal{padding:12vw 8vw}.intro{max-width:1030px}.intro h2,.heading h2,.ideas h2,.collections h2{font-size:clamp(2.5rem,5vw,5.2rem)}.intro>p:last-child{max-width:480px;margin:32px 0 0 auto;line-height:1.8}.collections{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 8vw}.collections article{min-height:500px;padding:38px;border-radius:18px;display:flex;flex-direction:column;justify-content:end}.collections span{margin:auto auto 30px;display:grid;place-items:center;width:145px;aspect-ratio:1;border-radius:50%;font-size:5rem}.collections p:not(.eyebrow){max-width:330px;line-height:1.7}.collections a{font-weight:bold}.warm{background:#f5c9a3}.warm span{background:#ec806c;color:#ffe18a}.cool{background:#b9dce8}.cool span{background:#efb9c6;color:#79568e}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:45px}.heading>p{max-width:240px;line-height:1.6}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-art{height:245px;display:grid;place-items:center;border-radius:11px;font-size:6rem;margin-bottom:15px}.peach{background:#f4c4ad;color:#e97966}.purple{background:#c6bee7;color:#66578c}.green{background:#b7ddc7;color:#398b74}.pink{background:#e9a9ba;color:#a73c5b}.products small{letter-spacing:.1em;font-size:.66rem}.products h3{margin:7px 0}.products b{display:block;margin-bottom:14px}.products button{width:100%;border:1px solid var(--ink);padding:10px;background:none;border-radius:99px;cursor:pointer}.products button:hover{background:var(--ink);color:white}.ideas{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.idea-art{min-height:600px;display:grid;place-items:center;background:radial-gradient(circle at 22% 23%,#f3e965 0 10%,transparent 10.5%),radial-gradient(circle at 68% 33%,#ec816c 0 13%,transparent 13.5%),radial-gradient(circle at 47% 70%,#aed8ec 0 15%,transparent 15.5%),var(--lime);font-size:clamp(3.2rem,6vw,6rem);font-weight:900;line-height:.83;text-align:center;color:var(--ink)}.ideas>div:last-child{padding:11vw 12%;display:flex;flex-direction:column;justify-content:center}.ideas p:not(.eyebrow){line-height:1.8;max-width:380px}.ideas .line-link{color:#fff}.notes{border-top:1px solid var(--ink)}.notes article{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid var(--ink)}.notes h3{margin:0;font-size:clamp(1.1rem,2vw,1.7rem)}footer{padding:45px 8vw;display:grid;grid-template-columns:2fr 2fr 2fr 1fr;gap:20px;background:var(--coral)}footer p,footer a,footer small{margin:0;font-size:.9rem}.cart{position:fixed;top:0;right:0;width:min(420px,100%);height:100vh;background:var(--paper);z-index:20;padding:24px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}.cart.open{transform:none}.cart>div:first-child,.cart section p{display:flex;justify-content:space-between;align-items:center}.cart h2{font-size:1.8rem}.close{border:0;background:none;font-size:2rem;cursor:pointer}.cart-items{flex:1}.cart-item{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.cart-item button{background:none;border:0;text-decoration:underline;cursor:pointer}.cart section{border-top:1px solid var(--ink);padding-top:15px}.checkout{width:100%;border:0;border-radius:99px;padding:15px;background:var(--ink);color:#fff;font-weight:bold}.cart section small{display:block;margin-top:10px;color:#5e746d}.scrim{position:fixed;inset:0;background:#17372f66;opacity:0;visibility:hidden;transition:.3s;z-index:10}.scrim.show{opacity:1;visibility:visible}@media(max-width:800px){header{height:64px;padding:0 6vw}nav{display:none}.hero{min-height:auto;padding:12vw 6vw;grid-template-columns:1fr;gap:42px}.hero-art{height:88vw;order:-1}.intro,.shop,.journal{padding:18vw 6vw}.collections,.ideas{grid-template-columns:1fr;padding-left:6vw;padding-right:6vw}.collections article{min-height:410px}.products{grid-template-columns:1fr 1fr}.product-art{height:42vw}.ideas{padding:0}.idea-art{min-height:390px}.ideas>div:last-child{padding:18vw 9vw}.notes article{grid-template-columns:35px 1fr}.notes time{grid-column:2}footer{grid-template-columns:1fr 1fr;padding:35px 6vw}}
