html{scroll-behavior:smooth;overscroll-behavior:none}:root{--bg-main:#f6efe6;--bg-card:#fff9f1;--text-main:#2b211a;--text-muted:#6f6258;--accent-green:#5f7358;--accent-green-hover:#4e6149;--accent-brown:#8a5a3c;--accent-cream:#e6d2b8;--border-soft:#d8c8b8;--shadow-soft:0 18px 40px #2b211a1f;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box}#root{text-align:center;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{overscroll-behavior:none;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);letter-spacing:.02em;width:100%;margin:0;font-size:20px}article{flex-direction:column;align-items:center;width:100%;min-height:90vh;display:flex}h1,h2{font-family:var(--font-heading);letter-spacing:.05em;font-weight:800}h1{font-size:40px}h3{font-weight:600}section{background-color:var(--bg-card)}a,button{text-transform:none;letter-spacing:.02em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:280px;height:60px;margin:15px;padding:10px;font-size:20px;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s,background-color .25s;display:flex}.btn-colored{background-color:var(--accent-green);color:#fff9f1;border-style:none}.btn-colored:hover{background-color:var(--accent-green-hover);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.btn-empty{background-color:var(--bg-main);color:var(--accent-green);border-width:2px;border-color:var(--accent-green);border-style:solid}.btn-empty:hover{color:var(--accent-green-hover);border-color:var(--accent-green-hover);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.hero-actions button:active{transform:translateY(-1px)}ul{text-align:left;margin-right:20px}li{margin:10px 0}@media screen and (width<=1000px){article#article-hero div{width:100%}article#article-hero .div-heroimg{display:none}p,h1,h2{margin:20px 10px}}footer{height:100px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}article#article-hero{justify-content:center;align-items:center;min-height:80vh;padding:120px 24px;display:flex;position:relative;overflow:hidden}.hero-coffee-bg{opacity:.32;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(400px,60vw);position:absolute;bottom:120px;right:80px}#article-hero>:not(.hero-coffee-bg),.hero-content,.hero-actions{z-index:1;position:relative}article#article-hero div{justify-content:center;align-items:center;display:flex}article#article-hero .hero-content{flex-direction:column}article#article-hero .hero-actions{flex-direction:row;gap:10px}.hero-subtext{color:var(--text-muted);margin:0;padding:0;font-size:18px}#article-reasons,#article-formats,#article-faq{flex-direction:column;gap:30px;display:flex}#article-formats,#article-faq{min-height:75vh}.reason-card{background-color:var(--bg-card);border-radius:20px;width:900px;max-width:90%;padding:20px;transition:transform .25s,box-shadow .25s,background-color .25s}.reason-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}#article-menu{min-height:0}.div-menu{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;margin:30px 0;display:flex}.menu-card{background-color:var(--bg-card);border-radius:20px;width:280px;padding:10px;transition:transform .25s,box-shadow .25s,background-color .25s}.menu-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}form{text-align:left;flex-direction:column;gap:10px;margin:20px;display:flex}input,select{border-style:solid;border-width:2px;border-color:var(--border-soft);background-color:#fff;border-radius:8px;height:40px;padding-left:5px;font-size:18px}select:hover{cursor:pointer}#article-book{min-height:75vh}