@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{--ink:#1d211e;--paper:#f5f1e9;--warm:#e8ded0;--moss:#566550;--line:#cfc7ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Manrope,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;background:var(--paper);z-index:2}.logo{font-size:27px;font-weight:700;letter-spacing:-2px}.logo span{font:10px DM Mono;vertical-align:top;margin-left:2px}.site-header nav{display:flex;gap:34px}.site-header nav a,.bag{font-size:12px;letter-spacing:.06em}.bag span{display:inline-grid;place-items:center;margin-left:5px;width:19px;height:19px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px}.menu-button{display:none;border:0;background:none;font:12px Manrope}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:17vh 8vw 8vh 10.5vw;align-self:center}.eyebrow{font:11px DM Mono;letter-spacing:.12em;margin:0 0 18px;color:#536052}.hero h1,.intro h2,.section-head h2,.story h2,.newsletter h2{font-family:"Noto Serif SC",serif;font-weight:600;line-height:1.18;letter-spacing:-.06em;margin:0}.hero h1{font-size:clamp(48px,5.6vw,88px)}.lede{max-width:380px;margin:28px 0 31px;color:#4d534d}.button{display:inline-flex;gap:24px;align-items:center;border:1px solid var(--ink);padding:13px 18px;font-size:12px;cursor:pointer;background:transparent;transition:.2s}.button:hover{background:var(--ink);color:#fff}.hero-art{background:#c6bda8;position:relative;overflow:hidden;min-height:560px}.hero-art .sun{width:340px;height:340px;background:#e8d59c;border-radius:50%;position:absolute;top:12%;left:18%}.vase{position:absolute;bottom:0}.vase-one{width:190px;height:315px;border-radius:48% 48% 8% 8%;background:#3d4a3c;right:15%;z-index:1}.vase-two{width:135px;height:210px;border-radius:50% 50% 9% 9%;background:#ded1ba;right:47%;z-index:2}.branch{border-left:4px solid #394536;height:350px;transform:rotate(-27deg);position:absolute;right:29%;bottom:160px;z-index:0}.branch:after,.branch:before{content:"";width:100px;height:48px;border-radius:100% 0;background:#536550;position:absolute}.branch:before{top:60px;left:-95px;transform:rotate(35deg)}.branch:after{top:145px;left:0;transform:rotate(-35deg)}.hero-art p{position:absolute;right:5%;top:5%;font:10px DM Mono;line-height:1.5}.intro{padding:140px 10vw;text-align:center;background:#e9e2d6}.intro h2{font-size:clamp(31px,4vw,56px)}.intro>p:last-child{max-width:390px;margin:26px auto 0;color:#5a5f58}.products{padding:120px 5.5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2{font-size:42px}.section-head>a,.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-image{height:390px;position:relative;overflow:hidden}.product-image span{font:11px DM Mono;position:absolute;top:16px;left:16px}.clay{background:#b9694e}.clay:after{content:"";position:absolute;width:155px;height:230px;background:#f2dfbd;border-radius:51% 51% 9% 9%;bottom:40px;left:calc(50% - 78px);box-shadow:35px 20px 0 -8px #e9c38f}.cream{background:#ded5c4}.cream:after{content:"";position:absolute;width:180px;height:165px;border-radius:22px 22px 70px 70px;background:#f8f4eb;bottom:82px;left:calc(50% - 90px);box-shadow:70px -13px 0 -42px #f8f4eb}.moss{background:#7c8973}.moss:after{content:"";position:absolute;width:220px;height:285px;border:16px solid #d5c6aa;border-bottom:0;bottom:0;left:calc(50% - 110px);transform:skew(-5deg)}.product h3{margin:17px 0 2px;font-size:16px}.product>p{margin:0;color:#66675f;font-size:13px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.product-bottom strong{font-size:14px}.add{border:0;border-bottom:1px solid;background:none;padding:0 0 3px;cursor:pointer;font:11px Manrope}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#f4f0e8}.story-image{min-height:590px;background:#79866e;position:relative;overflow:hidden}.story-circle{position:absolute;width:500px;height:500px;border:1px solid #d8d1bb;border-radius:50%;left:12%;top:10%}.story-image:after{content:"";position:absolute;width:210px;height:310px;background:#293228;border-radius:49% 49% 7% 7%;bottom:-25px;left:38%;transform:rotate(15deg)}.story-image span{font:26px/1.1 "Noto Serif SC";letter-spacing:-.06em;position:absolute;top:18%;left:15%;z-index:1}.story-copy{align-self:center;padding:9vw}.story-copy .eyebrow{color:#bdc5b5}.story h2{font-size:clamp(40px,4vw,62px)}.story-copy>p:not(.eyebrow){max-width:400px;color:#c5c5bd;margin:25px 0}.text-link{color:#fff}.quote{padding:145px 20px;text-align:center}.quote p{font:clamp(27px,3.4vw,48px)/1.45 "Noto Serif SC";margin:0}.quote span{font:10px DM Mono;letter-spacing:.1em;display:block;margin-top:25px}.newsletter{background:#d6c5ac;text-align:center;padding:110px 20px}.newsletter h2{font-size:clamp(35px,4vw,55px)}.newsletter>p:not(.eyebrow):not(.form-message){margin:14px 0 25px}.newsletter form{max-width:510px;margin:auto;display:flex;border-bottom:1px solid var(--ink)}input{flex:1;border:0;background:transparent;outline:0;padding:15px 4px;font:14px Manrope}.newsletter .button{border-width:0 0 0 1px}.form-message{height:22px;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5.5vw;background:var(--ink);color:#f4f0e8}footer p,footer div{font:10px DM Mono;letter-spacing:.05em}footer div{display:flex;gap:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.site-header{height:66px;padding:0 6vw}.site-header nav{display:none}.menu-button{display:block;margin-left:auto;margin-right:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:86px 8vw 66px}.hero-art{min-height:430px}.hero-art .sun{width:260px;height:260px}.intro{padding:90px 7vw}.products{padding:75px 6vw}.section-head h2{font-size:33px}.product-grid{grid-template-columns:1fr;gap:42px}.product-image{height:340px}.story{grid-template-columns:1fr}.story-image{min-height:410px}.story-copy{padding:75px 8vw}.quote{padding:100px 20px}.newsletter{padding:85px 20px}.newsletter form{display:flex}.newsletter .button{padding:10px}footer{padding:30px 6vw;display:block}footer p{margin:18px 0}footer div{gap:18px}}
.product-placeholder{display:grid;place-items:center}.product-placeholder:after{content:none}.product-placeholder em{font:11px/1.8 DM Mono;font-style:normal;letter-spacing:.13em;text-align:center;color:rgba(29,33,30,.7);border:1px solid rgba(29,33,30,.5);padding:14px}.clay{background:#c98f7a}.cream{background:#dfd8cb}.moss{background:#929e89}