@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT@9..144,500,50;9..144,700,50&display=swap');:root{--brown:#251a16;--cream:#fff5e7;--pink:#f0a1a0;--orange:#ed6448}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--brown);background:var(--cream);font:16px/1.5 'DM Sans',sans-serif}a{color:inherit}header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--brown);color:white}header a{text-decoration:none}.brand{font-size:23px;font-weight:800;letter-spacing:-1.6px}.brand span{color:var(--pink)}.brand i{color:var(--orange);font-size:25px;font-style:normal;margin-left:3px}nav{display:flex;gap:35px;font-size:13px}nav a{opacity:.8}.top{border:1px solid #a98578;border-radius:24px;padding:11px 18px;font-size:12px;font-weight:700}.hero{display:grid;grid-template-columns:52% 48%;min-height:670px;background:var(--brown);color:var(--cream);overflow:hidden}.copy{padding:105px 0 80px 9%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--orange)}h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.03;font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(56px,6vw,105px);margin:35px 0 25px}h1 em,h2 em{color:var(--pink);font-weight:500}.lede{font-size:18px;max-width:510px;color:#d0beb4}.buttons{display:flex;gap:13px;margin-top:35px}.button,.outline{display:inline-flex;text-decoration:none;border-radius:50px;padding:16px 25px;font-size:13px;font-weight:800}.button{background:var(--orange);color:var(--brown)}.outline{border:1px solid #90756d;color:inherit}.fine{font-size:12px;color:#a88f84;margin-top:35px}.art{position:relative;background:#f0a1a0;border-radius:50% 0 0 50%;margin:55px -85px 55px 45px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.cup{width:300px;height:230px;position:relative;background:#f8e9ca;border:14px solid #d94d3b;border-radius:35px 35px 125px 125px;box-shadow:0 30px 0 -10px #783c32;transform:rotate(8deg)}.coffee{position:absolute;left:21px;right:21px;top:18px;height:110px;border-radius:50%;background:#784637;display:grid;place-items:center;color:#f5d6a1;font-size:70px}.steam{position:absolute;top:-70px;left:90px;color:white;font-size:35px}.handle{position:absolute;right:-80px;top:20px;width:95px;height:120px;border:20px solid #d94d3b;border-radius:50%;z-index:-1}.sticker{position:absolute;right:18%;bottom:13%;background:#e9cd55;color:var(--brown);border-radius:50%;padding:30px;transform:rotate(19deg);font-weight:800;text-align:center;line-height:1}.star{position:absolute;color:#de4f36;font-size:80px}.s1{top:15%;left:17%}.s2{right:16%;top:17%}.strip{background:#e2bf48;padding:19px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.18em;word-spacing:16px}.section{padding:110px 9%}.section h2,.end h2{font-size:clamp(50px,6vw,90px);margin:24px 0}.section>p:not(.eyebrow){font-size:19px;max-width:700px}.cream h2 em{color:#d6543d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.features article{border-top:2px solid #d94d3b;padding:26px 20px 25px 0}.features b{font-size:11px;color:#d6543d;letter-spacing:.15em}.features h3{font-family:Fraunces,Georgia;font-size:29px;line-height:1.1}.features p{color:#6d5b53}.rust{background:#b74837;color:#fff6e7}.rust .eyebrow{color:#f1d058}.rust h2 em{color:#f0beab}.rust p{max-width:600px}.light{border-color:#f5c5b7}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about h2 em{color:#d6543d}.about div:nth-child(2){padding-top:65px;font-size:18px}.about div:nth-child(2) p{color:#65534c}.about div:nth-child(2)>a{display:inline-block;margin-top:15px;font-weight:800;color:#b74837}.end{text-align:center;background:#eecb58;padding:100px 20px}.end h2 em{color:#b74837}.end p:last-child{font-size:12px;margin-top:25px}footer{background:var(--brown);color:white;padding:65px 9% 30px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}footer p,footer small{color:#b8a9a0;font-size:12px}footer .links{display:grid;grid-template-columns:repeat(2,auto);gap:9px 30px;font-size:13px}footer small{width:100%}@media(max-width:700px){header{height:68px;padding:0 24px}nav{display:none}.top{font-size:11px}.hero{display:block;min-height:0}.copy{padding:75px 24px 30px}h1{font-size:54px}.lede{font-size:17px}.art{height:350px;margin:12px -70px 0 25px;border-radius:50% 0 0 50%}.cup{transform:rotate(8deg) scale(.7)}.sticker{right:17%;bottom:12%;padding:20px;font-size:13px}.s1{left:10%}.strip{font-size:10px;word-spacing:7px}.section{padding:80px 24px}.section h2,.end h2{font-size:54px}.features{display:block;margin-top:35px}.features article{padding:20px 0}.about{display:block}.about div:nth-child(2){padding-top:0}.end{padding:80px 24px}footer{padding:55px 24px 25px}}