@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#143e43;--cream:#fcf9f2;--orange:#d57c53;--muted:#617475}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.topline{text-align:center;background:var(--ink);color:white;padding:10px;font-size:12px;letter-spacing:1px}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:30px}.brand{font-weight:700;font-size:24px;display:flex;align-items:center;gap:12px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2px}.mark{font-family:Georgia;font-size:45px;line-height:1;position:relative;letter-spacing:0}.mark span{font-size:19px;color:var(--orange);position:absolute;right:-7px;top:0}nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:6px;padding:19px 26px;background:var(--ink);color:white;font-weight:600;font-size:14px}.button:hover{background:#236168}.button.small{padding:13px 20px;font-size:12px}.hero{max-width:1400px;margin:10px auto 65px;padding:40px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 23px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;margin:0;letter-spacing:-1.5px}h1{font-size:clamp(46px,5.4vw,78px);line-height:1.04}em{font-weight:400;color:var(--orange)}.lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:470px;margin:27px 0 30px}.herofoot{display:flex;gap:25px;font-size:11px;color:var(--muted);margin-top:30px}.heroart{position:relative;background:#e2ece5;border-radius:48% 48% 10px 10px;padding:30px 35px 45px}.paper{transform:rotate(-5deg);background:white;padding:12px;box-shadow:0 18px 35px #143e4322}.paper img{width:100%;display:block}.papercaption{display:block;font-family:Georgia;font-style:italic;font-size:13px;text-align:center;margin:14px 0 5px}.sticker{position:absolute;right:-10px;bottom:10px;width:128px;height:128px;border-radius:50%;background:#eec877;text-align:center;padding:21px;font-weight:700;font-size:19px;transform:rotate(10deg)}.sticker i{font-family:Georgia;font-weight:400}.orbit{position:absolute;left:-20px;top:0;font-size:75px;color:var(--orange);z-index:1}.ribbon{display:flex;gap:60px;align-items:center;justify-content:center;border-block:1px solid #dce1d8;padding:23px;font-size:11px;font-weight:600;letter-spacing:2px}.ribbon b{color:var(--orange);font-size:22px}.collection{max-width:1400px;padding:80px 5%;margin:auto}h2{font-size:clamp(38px,4vw,56px);line-height:1.1}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px}.sectionhead>p{font-size:13px;color:var(--muted);line-height:1.8}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.filters button{background:none;border:1px solid #cdd5cd;padding:11px 19px;border-radius:30px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.products article[hidden]{display:none}.preview{border:0;width:100%;aspect-ratio:1;padding:20px;position:relative;border-radius:10px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:contain;box-shadow:0 7px 15px #143e4320;transition:transform .25s}.preview:hover img{transform:scale(1.05)}.mint{background:#e1eae2}.peach{background:#f2e3d7}.lavender{background:#e6e4ef}.preview span{position:absolute;bottom:10px;right:10px;background:white;padding:6px 10px;border-radius:20px;font-size:10px}.cardline{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.8px;font-weight:700;margin-top:20px;color:var(--muted)}h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:12px 0}.products p{font-size:13px;line-height:1.7;color:var(--muted);min-height:67px}.shoplink{display:flex;justify-content:space-between;border-bottom:1px solid #cdd5cd;padding:12px 0;font-size:12px;font-weight:700}.businessart{aspect-ratio:1;background:#ece7d9;border-radius:10px;position:relative;padding:30px 25px;overflow:hidden}.invoice{height:100%;background:white;padding:18px;transform:rotate(5deg);box-shadow:0 8px 15px #143e4322;font-size:7px}.invoice b{display:block;margin-top:15px;font-size:19px}.invoice p{font-size:8px;min-height:0}.lines{height:55px;background:repeating-linear-gradient(to bottom,transparent,transparent 12px,#dce1d8 12px,#dce1d8 13px)}.total{margin-top:15px;background:#e1eae2;padding:8px;display:flex;justify-content:space-between}.coming{position:absolute;bottom:14px;left:20px;background:var(--ink);color:white;padding:8px;font-size:9px;letter-spacing:1px}.soonlink{font-size:12px;display:block;padding:12px 0;color:var(--muted)}.how{background:#eaf0e9;padding:70px max(5%,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.how>div>p:last-child{font-size:14px;color:var(--muted);margin-top:25px}.how ol{margin:0;padding:0;list-style:none}.how li{display:flex;gap:25px;padding:0 0 25px;margin:0 0 20px;border-bottom:1px solid #cad6cc}.how li:last-child{margin:0;padding:0;border:0}.how li>span{color:var(--orange);font:30px Georgia}.how h3{margin:0 0 10px}.how li p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.about{text-align:center;max-width:720px;margin:90px auto;padding:0 25px}.about>p:not(.eyebrow){line-height:1.9;color:var(--muted);font-size:16px;margin:28px 0}.textlink{border-bottom:1px solid;font-size:14px;padding-bottom:6px}.faq{max-width:1260px;margin:0 auto 80px;padding:20px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{font-size:40px}details{border-bottom:1px solid #d5dcd3;padding:20px 0}summary{cursor:pointer;font-weight:500;font-size:15px}details p{font-size:14px;color:var(--muted);line-height:1.8}.last{background:#efdcc8;text-align:center;padding:55px 20px 65px}.last>span{font-size:40px;color:var(--orange)}.last h2{margin:15px 0 28px}footer{max-width:1400px;padding:40px 5%;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:20px}footer p,footer>a:last-of-type{font-size:12px}footer>small{width:100%;border-top:1px solid #dce1d8;padding-top:20px;color:var(--muted);font-size:10px}dialog{border:0;border-radius:12px;max-width:900px;width:94vw;padding:25px;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#102f39b8}dialog img{max-height:70vh;max-width:100%;display:block;margin:15px auto}dialog h2{font-size:28px}dialog p{font-size:12px}.close{float:right;background:none;border:0;font-size:32px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1000px){.products{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}nav{gap:15px}.sticker{width:100px;height:100px;padding:17px;font-size:16px}.ribbon{gap:25px}.cardline{font-size:10px}}@media(max-width:650px){header{padding:20px 6%}.brand{font-size:20px}nav{display:none}header .button{font-size:10px;padding:12px}.hero{grid-template-columns:1fr;padding:25px 7%;margin-bottom:30px;gap:40px}h1{font-size:53px}.heroart{margin:0 15px}.lead{font-size:15px}.ribbon{gap:13px;font-size:8px;letter-spacing:0;padding:18px 10px}.ribbon b{font-size:15px}.sectionhead{display:block}.collection{padding:55px 6%}.products{gap:27px 15px}.products h3{font-size:17px}.cardline{font-size:7px;display:block}.cardline span{display:block;margin-top:5px}.products p{font-size:12px;min-height:100px}.preview{padding:9px}.preview span{font-size:8px;bottom:5px;right:5px}.businessart{padding:17px 12px}.invoice{padding:9px}.invoice b{font-size:12px}.invoice p{display:none}.coming{font-size:7px;bottom:7px;left:8px}.how,.faq{grid-template-columns:1fr;gap:35px;padding:45px 7%}.about{margin:60px auto}.faq{margin-bottom:15px}.filters{gap:7px}.filters button{font-size:10px;padding:10px 13px}.last h2{font-size:42px}footer{padding:30px 6%}}