@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#f7f4ed;--purple:#4d385f;--ink:#302d32;--green:#dbdfc9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a873ae;outline-offset:6px}header{height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #dedad3;background:var(--cream)}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;position:relative;padding-left:47px;line-height:1}.brand img{position:absolute;left:0;top:0;width:36px;height:36px;object-fit:contain}.brand span{display:block;font-size:8px;letter-spacing:2.8px;font-weight:500;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav-contact{border:1px solid #aaa29e;padding:13px 20px;border-radius:30px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-text{padding:65px 10% 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--purple)}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:clamp(60px,6.5vw,100px);font-weight:500;line-height:1.06;letter-spacing:-6px;margin:30px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.hero p{font-size:17px;line-height:1.75;color:#68616a}.button{background:var(--purple);color:white;display:inline-flex;gap:30px;padding:17px 24px;border-radius:40px;font-size:12px;margin-top:15px}.button:hover{background:#6c507e}.hero-note{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.5px;margin-top:65px}.hero-image{position:relative;min-height:600px;overflow:hidden;background:#c5bfae}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.86)}.image-label{position:absolute;bottom:30px;left:35px;color:white;font-family:Georgia;font-style:italic;font-size:21px}.round{position:absolute;right:30px;top:30px;border:1px solid #fff9;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;color:white;font-size:10px;letter-spacing:2px;line-height:1.7}.ribbon{padding:23px;text-align:center;background:var(--green);font-size:12px;letter-spacing:3px;display:flex;justify-content:space-evenly;gap:20px;overflow:hidden;white-space:nowrap}.ribbon i{color:var(--purple);font-style:normal}.section{padding:95px 6%}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:40px;border-bottom:1px solid #dedad3}.intro>.eyebrow{padding-top:12px}h2{font-family:Manrope,sans-serif;font-size:clamp(32px,3.5vw,53px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin-bottom:35px}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro-copy p,p{font-size:14px;line-height:1.8;color:#6c666e}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;max-width:320px;margin-bottom:5px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.steps article{padding:35px;min-height:410px;background:#e4e7da;position:relative;overflow:hidden}.steps span,.experiences article span{font-size:9px;letter-spacing:2px}h3{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:500;margin:25px 0 18px}.steps p{max-width:250px;font-size:12px}.steps article:nth-child(3){background:#eae4ec}.leaf-art{font-family:Georgia;font-size:160px;color:#81916d;position:absolute;bottom:-45px;right:20px;transform:rotate(-25deg)}.cocoon>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27}.cocoon>div{position:relative}.thread-art{height:110px;width:300px;border:1px solid #9d88a7;border-radius:50%;transform:rotate(-15deg);position:absolute;bottom:-40px;right:-40px;box-shadow:0 -10px 0 -1px #eae4ec,0 -11px 0 #9d88a7,0 -20px 0 -1px #eae4ec,0 -21px 0 #9d88a7}.products{background:#eeeadf}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-art{height:300px;background:#e0dfcd;position:relative;display:grid;place-items:center}.product-art.pink{background:#e7d9d8}.product-art.blue{background:#d7dce2}.product-art>span{position:absolute;left:20px;top:18px;font-size:10px;letter-spacing:2px}.jar{height:170px;width:125px;background:linear-gradient(90deg,#2d182a,#5b2d49 40%,#321b2c);border-radius:15px 15px 24px 24px;position:relative;box-shadow:12px 17px 20px #0002;transform:rotate(-6deg)}.pink .jar{transform:rotate(5deg)}.jar:before{content:'';position:absolute;top:-12px;left:-3px;right:-3px;height:23px;border-radius:6px;background:repeating-linear-gradient(90deg,#423744 0 2px,#615464 2px 4px)}.jar-label{position:absolute;left:0;right:0;top:35px;background:#faf4e7;height:100px;text-align:center;padding-top:15px;color:#4d385f;font-weight:800;font-size:22px;letter-spacing:-1px}.jar-label small{display:block;font-size:8px;letter-spacing:1px;margin-top:9px}.jar-label b{display:block;font-family:Georgia;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px}.product-list h3{margin:22px 0 6px;font-size:24px}.product-list p{font-size:12px;margin-bottom:16px}.product-list a{font-size:11px;border-bottom:1px solid #b3a8b7;padding-bottom:5px}.caption{font-size:10px;margin:30px 0 0;color:#837b7c}.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.experiences article{overflow:hidden}.experiences article>img{width:100%;height:330px;object-fit:cover}.experiences article>div{padding:30px 0}.experiences h3{font-size:33px;margin-top:16px}.experiences p{max-width:400px}.experiences a{font-size:12px;color:var(--purple);border-bottom:1px solid #b3a8b7;padding-bottom:8px}.contact{background:var(--purple);color:var(--cream);text-align:center;padding-top:80px;padding-bottom:80px}.contact .eyebrow{color:#c7bcd1;margin-bottom:30px}.contact h2{font-size:55px}.contact em{color:#c9cda9}.contact .email{font-size:25px;border-bottom:1px solid #c1b2c6;padding-bottom:8px}.contact p{color:#d7ccdf;font-size:12px;margin:28px 0 0}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 6%;font-size:10px;gap:25px;line-height:1.8}.footer-brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:var(--purple)}footer>span{font-family:Georgia;font-style:italic;font-size:14px}a:hover{opacity:.8}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:16px;font-size:11px}.hero-text{padding-left:10%;padding-right:7%}h1{letter-spacing:-4px}.hero-note{font-size:7px;flex-direction:column;gap:8px}.section{padding:65px 5%}.steps article{padding:24px}.intro{grid-template-columns:1fr}.intro-copy{gap:25px}.section-heading>p{max-width:230px}.product-art{height:250px}}@media(max-width:650px){header{height:85px}.brand{font-size:28px}.menu{display:block;border:1px solid #b9b0bb;border-radius:30px;padding:10px 16px;background:transparent;color:var(--purple)}nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--cream);z-index:10;padding:25px;font-size:16px}nav.open{display:flex;flex-direction:column;align-items:start;gap:23px}.hero{grid-template-columns:1fr}.hero-text{padding:45px 6% 30px}.hero h1{font-size:70px;line-height:1.04;margin:25px 0}.hero p{font-size:15px}.hero-note{flex-direction:row;margin-top:35px}.hero-image{min-height:380px}.round{width:80px;height:80px}.ribbon{font-size:9px;gap:25px;justify-content:start;letter-spacing:2px}.section{padding:55px 6%}.intro-copy{grid-template-columns:1fr;gap:0}.intro h2{font-size:34px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:20px}.steps{grid-template-columns:1fr}.steps article{min-height:300px;padding:30px}.steps p{max-width:80%}.leaf-art{bottom:-60px}.product-list{grid-template-columns:1fr}.product-art{height:290px}.product-list article{margin-bottom:15px}.experience-grid{grid-template-columns:1fr}.experiences article>img{height:300px}.contact h2{font-size:36px}.contact .email{font-size:21px}footer{flex-wrap:wrap;align-items:start}footer>div{width:55%}footer>span{font-size:12px}h2{letter-spacing:-1px}}