@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#1f2922;--forest:#173e33;--cream:#f6f0e4;--paper:#fffaf0;--orange:#d66f38;--wa:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #1f29221f;position:absolute;width:100%;z-index:5}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.13em}.brand-mark{width:42px;height:42px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font:700 25px serif}.brand b,.brand small{display:block;line-height:1}.brand b{font-size:15px}.brand small{font-size:10px;margin-top:5px;letter-spacing:.35em;color:#768079}nav{display:flex;gap:34px;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--forest);color:#fff;padding:16px 22px;font-size:13px;font-weight:800;transition:.2s}.button:hover,.category:hover{transform:translateY(-4px)}.button-small{padding:12px 17px}i{width:21px;height:21px;border:1.5px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-style:normal;transform:rotate(-18deg)}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;padding:150px 5vw 70px;overflow:hidden}.hero-copy{align-self:center;max-width:710px;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#867c6b;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:var(--orange)}h1,h2{font-family:'Cormorant Garamond',serif;font-weight:600;margin:0;line-height:.95;letter-spacing:-.035em}h1{font-size:clamp(55px,6vw,92px);margin:26px 0}h1 em{color:var(--orange);font-weight:500}.lead{font:500 22px/1.45 'Cormorant Garamond';max-width:570px;color:#566159}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #98a098;padding-bottom:5px}.trust{display:flex;gap:24px;margin-top:54px;font-size:11px;font-weight:700;color:#737c75}.hero-art{position:relative;display:grid;place-items:center;min-height:560px}.sun{position:absolute;width:470px;height:470px;border-radius:50%;background:#ead9ba}.arch{position:relative;width:360px;height:510px;border-radius:180px 180px 4px 4px;background:var(--forest);overflow:hidden;box-shadow:24px 25px 0 #d66f3826}.quote{position:absolute;top:55px;width:100%;text-align:center;color:#f9eaca;font:500 29px/1.25 'Cormorant Garamond'}.quote b{font-size:42px;color:#fff}.book{position:absolute;height:225px;bottom:46px;border-radius:6px;box-shadow:5px 7px 10px #0004;writing-mode:vertical-rl;padding:20px 12px;font:600 18px 'Cormorant Garamond'}.one{width:92px;left:56px;background:#bc5936;color:#fff4dc;transform:rotate(-7deg)}.two{width:88px;left:142px;background:#e3b34c;bottom:39px;transform:rotate(2deg)}.three{width:82px;right:47px;background:#efe1c5;color:#7c3a27;transform:rotate(9deg)}.stamp{position:absolute;right:2%;bottom:4%;width:105px;height:105px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--orange);font-size:9px;letter-spacing:.15em;transform:rotate(9deg)}.collections{padding:100px 5vw;background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2,.promise h2,.about h2{font-size:clamp(42px,5vw,67px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{min-height:310px;padding:30px;display:flex;flex-direction:column;transition:.25s}.category strong{font:600 54px 'Cormorant Garamond';margin-bottom:auto}.category h3{font:600 25px 'Cormorant Garamond';margin:22px 0 9px}.category p{font-size:12px;line-height:1.7;color:#526158}.category>b{font-size:11px;margin-top:12px}.clay{background:#ead5c7}.gold{background:#eedcae}.green{background:#d4e0d5}.blue{background:#d6dfe1}.promise{display:grid;grid-template-columns:1.1fr .9fr;background:var(--forest);color:#fff}.promise>div{padding:90px 7vw}.light{color:#cfdbc9}.promise h2{margin:26px 0}.promise>div>p:not(.eyebrow){color:#bdcec6;line-height:1.8}.whatsapp{background:var(--wa);color:#102d25;margin-top:20px}.promise ol{margin:0;padding:75px 6vw;background:#204a3e;list-style:none;display:flex;flex-direction:column;justify-content:center}.promise li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #ffffff1f}.promise li>strong{font:600 35px 'Cormorant Garamond';color:#d8a950}.promise li span,.promise li b,.promise li small{display:block}.promise li b{font:600 21px 'Cormorant Garamond';margin-bottom:6px}.promise li small{color:#a9c0b7}.about{padding:100px 8vw;display:grid;grid-template-columns:.6fr 1.1fr 1fr;align-items:center;gap:60px}.big-letter{font:600 170px 'Cormorant Garamond';color:var(--orange);opacity:.7}.about>p{line-height:1.9;color:#59665e;font-size:14px}footer{padding:42px 5vw;background:#14231e;color:#fff;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}footer>small{grid-column:1/-1;color:#718079;border-top:1px solid #30423b;padding-top:22px}footer>a{color:#6be594;font-weight:800}.floating{position:fixed;right:22px;bottom:22px;z-index:20;background:var(--wa);padding:13px 18px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;box-shadow:0 8px 30px #0003}.popup-toggle{position:fixed;opacity:0;pointer-events:none}.popup-toggle:checked~.popup{display:none}.popup{position:fixed;inset:0;z-index:100;background:var(--forest);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:6vw;overflow:auto}.popup-close{position:absolute;right:28px;top:23px;border:1px solid #ffffff66;width:43px;height:43px;border-radius:50%;font-size:28px;display:grid;place-items:center;cursor:pointer}.popup-visual{position:relative;height:min(70vh,600px);display:grid;place-items:center}.popup-ring{width:min(34vw,430px);height:min(34vw,430px);border:1px solid #d7a849;border-radius:50%;display:grid;place-items:center;font:600 min(20vw,270px) 'Cormorant Garamond';color:#d7a849}.popup-book{position:absolute;background:#d86f3b;padding:30px 24px;width:170px;height:230px;right:13%;bottom:8%;box-shadow:14px 15px #e1b751;transform:rotate(7deg);font-size:15px}.popup-book b{font:600 31px/1.05 'Cormorant Garamond'}.popup-copy{max-width:580px;padding:30px}.popup-copy h2{font-size:clamp(55px,6vw,84px);margin:28px 0}.popup-copy>p:not(.eyebrow){color:#c4d3cc;line-height:1.8}.continue{display:block;color:#a8bab2;text-decoration:underline;margin-top:20px;cursor:pointer;font-size:12px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.grid{grid-template-columns:repeat(2,1fr)}.promise{grid-template-columns:1fr}.about{grid-template-columns:.4fr 1fr}.about>p{grid-column:1/-1}.popup{grid-template-columns:.8fr 1.2fr}}
@media(max-width:600px){.site-header{height:76px}.button-small{font-size:0}.hero{padding:110px 22px 55px}.hero h1{font-size:53px}.actions{align-items:flex-start;flex-direction:column}.trust{flex-wrap:wrap;margin-top:35px}.hero-art{min-height:460px}.arch{width:290px;height:420px}.sun{width:350px;height:350px}.book{height:180px;bottom:35px}.one{left:42px;width:74px}.two{left:109px;width:72px;bottom:29px}.three{right:36px;width:67px}.collections{padding:70px 22px}.section-head{align-items:start;gap:25px;flex-direction:column}.grid{grid-template-columns:1fr}.promise>div,.promise ol{padding:65px 25px}.about{padding:70px 25px;display:block}.big-letter{font-size:110px}footer{grid-template-columns:1fr}footer>small{grid-column:auto}.floating span{display:none}.popup{grid-template-columns:1fr;padding:65px 24px 35px;text-align:center}.popup-visual{height:220px}.popup-ring{width:210px;height:210px;font-size:130px}.popup-book{width:100px;height:135px;padding:16px 10px;font-size:8px;right:13%;bottom:0}.popup-book b{font-size:17px}.popup-copy{padding:25px 0 0}.popup-copy .eyebrow{justify-content:center}.popup-copy h2{font-size:48px;margin:20px 0}.popup-copy>p:not(.eyebrow){font-size:13px}.popup-copy .button{width:100%}.continue{margin:18px auto 0}}