:root{--black:#0d0a08;--brown:#2a170e;--gold:#b8874d;--cream:#f3e8d9;--paper:#f8f0e4;--copy:#d8c4ac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--copy);font:13px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500}.logo{color:var(--gold);display:flex;flex-direction:column;align-items:center;width:max-content;line-height:1}.logo span{font-size:23px}.logo b{font:500 19px 'Playfair Display',serif}header{height:76px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 7%;color:#f4e4d1}nav{display:flex;gap:29px;font-size:10px}nav a:hover{color:var(--gold)}.tools{font-size:18px;color:#e4d7ca}.tools sup{color:var(--gold)}.menu{display:none}.hero{height:490px;position:relative;overflow:hidden}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060504 0%,#080604e8 34%,transparent 66%)}.hero>div{position:absolute;z-index:2;left:8.5%;top:128px}.hero h1{font-size:52px;line-height:1.02;letter-spacing:-2px;color:#f6e8dc;margin:0}.hero h1 em{font-weight:500}.hero i{display:block;width:89px;height:1px;background:var(--gold);margin:20px 0}.gold-button{display:inline-block;background:#9c6838;color:#fff1dc;padding:13px 18px;font-size:11px;border-radius:2px;transition:.2s}.gold-button:hover{transform:translateY(-3px);background:#b87b42}.origin{min-height:190px;display:grid;grid-template-columns:1.25fr repeat(3,1fr) 1.05fr;align-items:center;gap:28px;padding:28px 8.5%;position:relative;overflow:hidden;background:linear-gradient(110deg,#110d0a,#27160e)}.origin h2{font-size:24px;line-height:1.05;margin-bottom:10px;color:#ead9c8}.origin p{font-size:9px;line-height:1.65}.origin a,.rituals a{color:var(--gold);font-size:10px}.origin article{position:relative;z-index:1}.origin article b{color:var(--gold);font-size:24px}.origin h3{color:#d0a36f;font-size:14px;margin:7px 0}.origin>img{position:absolute;right:0;top:0;width:27%;height:100%;object-fit:cover;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 35%)}.coffee-section,.diary{padding:25px 8.5% 35px;background:var(--paper);color:#23150e}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.heading h2{font-size:23px;margin:0}.heading a{font-size:10px;color:#895a34}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.products article{border:1px solid #d8c8b8;border-radius:3px;overflow:hidden;background:#f7ecdc}.pack{height:158px;overflow:hidden;position:relative;background:#23130e}.pack img{width:400%;height:100%;object-fit:cover;position:absolute;top:0}.pack.black img{left:0}.pack.orange img{left:-100%}.pack.cream img{left:-200%}.pack.green img{left:-300%}.products article p{font-size:9px;line-height:1.45;padding:11px 13px 0;margin:0;height:49px}.products footer{padding:9px 13px;border-top:1px solid #d8c8b8;font:13px 'Playfair Display',serif}.products button{float:right;border:1px solid #a47a54;color:#8c623e;background:none;border-radius:50%;font-size:15px;width:21px;height:21px;line-height:16px}.casa{height:295px;position:relative;color:#eee1d2;overflow:hidden}.casa img{width:100%;height:100%;object-fit:cover}.casa:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0806 0%,#0b0806d9 35%,transparent 70%)}.casa div{position:absolute;z-index:2;left:8.5%;top:52px;width:260px}.casa h2,.rituals h2{font-size:27px;line-height:1.05;margin-bottom:13px}.casa p,.rituals p{font-size:9px;line-height:1.6;margin-bottom:17px}.rituals{display:grid;grid-template-columns:1fr 2.7fr;gap:30px;padding:32px 8.5%;background:linear-gradient(110deg,#0c0806,#27170e);color:#e2c9ae}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.steps article{height:144px;padding:14px;background:linear-gradient(145deg,#21140e,#080604);border:1px solid #58371f;display:flex;flex-direction:column;gap:4px;justify-content:flex-start}.steps b{color:#c18b4b;font:17px 'Playfair Display',serif}.steps span{font:15px 'Playfair Display',serif}.quote{padding:28px 15%;background:radial-gradient(circle at 80%,#5b351b,#1c100a 65%);color:#f0decc;position:relative}.quote span{color:#c49057;font:56px/20px Georgia;float:left;margin-right:18px}.quote p{font:italic 21px/1.12 'Playfair Display',serif;margin-bottom:10px}.quote small{font-size:9px}.diary{padding-bottom:32px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.articles article{border:1px solid #d6c6b5;border-radius:3px;overflow:hidden;padding-bottom:14px}.articles img{width:100%;height:96px;object-fit:cover}.articles small,.articles h3,.articles a{display:block;margin-left:13px;margin-right:13px}.articles small{font-size:7px;color:#93633b;margin-top:10px}.articles h3{font-size:14px;line-height:1.1;margin-top:7px;margin-bottom:12px}.articles a{font-size:9px}footer{background:#150d09;color:#dfc7ac}footer>section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:27px 8.5%;background:linear-gradient(90deg,#160e09 55%,#39210f)}footer h2{font-size:21px;color:#c89355;margin-bottom:7px}footer p{font-size:9px;line-height:1.6}form{display:flex;width:280px;border:1px solid #896444}input{flex:1;background:transparent;border:0;padding:10px;color:#fff;font:10px 'DM Sans'}form button{border:0;padding:0 16px;background:#a67243;color:#fff;font-size:9px}.footer-bottom{padding:24px 8.5%;font-size:8px}.footer-bottom p{margin:13px 0}.footer-bottom>span{display:block;margin-top:23px;text-align:center;color:#aa9077}
@media(max-width:800px){header{height:62px}.tools{display:none}.menu{display:block;background:none;border:0;color:#fff;font-size:21px}nav{display:none;position:absolute;top:61px;left:5%;right:5%;padding:18px;background:#160e09;flex-direction:column;gap:15px}nav.open{display:flex}.hero{height:450px}.hero>div{left:8%;top:125px}.hero h1{font-size:44px}.origin{grid-template-columns:1fr 1fr;padding:35px 8%}.origin>img{opacity:.22;width:100%}.origin>div{grid-column:1/-1}.products{grid-template-columns:1fr 1fr}.casa div{left:8%}.rituals{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.articles{grid-template-columns:1fr}.articles img{height:150px}footer>section{grid-template-columns:1fr;gap:22px}}@media(max-width:430px){.origin{grid-template-columns:1fr}.products{grid-template-columns:1fr}.heading{align-items:flex-start;gap:14px}.heading h2{font-size:20px}.quote{padding:28px 9%}.quote p{font-size:17px}form{width:100%}.casa h2{font-size:24px}}

/* Cada cartão usa uma foto própria, sem fatias nem deslocamento horizontal. */
.products .pack{height:210px}
.products .pack img{width:100%;height:100%;position:static;object-fit:contain;object-position:center}