h1{font-size:3rem;font-weight:700;font-family:League Spartan,sans-serif}h2{font-size:2.25rem;font-weight:700;font-family:League Spartan,sans-serif}h3{font-size:1.875rem;font-weight:700;font-family:League Spartan,sans-serif}h4{font-size:1.5rem;font-weight:700;font-family:League Spartan,sans-serif}h5{font-size:1.25rem;font-weight:700;font-family:League Spartan,sans-serif}h6{font-size:1rem;font-weight:700;font-family:League Spartan,sans-serif}p{font-size:1rem}.coffee-stain{position:relative}.coffee-stain:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;border:3px solid rgba(88,50,21,.2);background:radial-gradient(ellipse at center,transparent 50%,rgba(88,50,21,.08) 55%,rgba(88,50,21,.12) 70%,transparent 75%);pointer-events:none;z-index:0}.coffee-stain--small:before{width:50px;height:50px}.coffee-stain--large:before{width:120px;height:120px}.coffee-stain--top-left:before{top:-20px;left:-20px;transform:rotate(-15deg)}.coffee-stain--top-right:before{top:-20px;right:-20px;transform:rotate(10deg)}.coffee-stain--bottom-left:before{bottom:-20px;left:-20px;transform:rotate(5deg)}.coffee-stain--bottom-right:before{bottom:-20px;right:-20px;transform:rotate(-8deg)}.coffee-drip{position:relative}.coffee-drip:after{content:"";position:absolute;width:8px;background:linear-gradient(to bottom,#583215,rgba(88,50,21,.6) 40%,rgba(88,50,21,.3) 70%,transparent);border-radius:0 0 50% 50%;pointer-events:none;z-index:1}.coffee-drip--short:after{height:30px}.coffee-drip--medium:after{height:60px}.coffee-drip--long:after{height:100px}.coffee-drip--left:after{left:20%;top:100%}.coffee-drip--center:after{left:50%;top:100%;transform:translate(-50%)}.coffee-drip--right:after{right:20%;top:100%}.coffee-splash{position:relative}.coffee-splash:before{content:"";position:absolute;background:radial-gradient(ellipse at center,rgba(88,50,21,.15) 0%,rgba(88,50,21,.08) 50%,transparent 70%);border-radius:40% 60% 55% 45%/50% 45% 55% 50%;pointer-events:none;z-index:0}.coffee-splash--small:before{width:60px;height:40px}.coffee-splash--medium:before{width:100px;height:70px}.coffee-splash--large:before{width:150px;height:100px}.coffee-steam{position:relative}.coffee-steam:before,.coffee-steam:after{content:"";position:absolute;width:20px;height:80px;background:linear-gradient(to top,rgba(212,201,187,.3),transparent);border-radius:50%;animation:steam-rise 3s ease-in-out infinite;pointer-events:none;z-index:1}.coffee-steam:before{left:30%;animation-delay:0s}.coffee-steam:after{left:60%;animation-delay:1.5s}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleX(1)}20%{opacity:.5}50%{opacity:.3;transform:translateY(-30px) scaleX(1.5)}to{opacity:0;transform:translateY(-60px) scaleX(2)}}.mascot-placeholder{width:120px;height:120px;background-color:red;border:3px dashed #990000;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:700;text-transform:uppercase}.mascot-placeholder--small{width:80px;height:80px}.mascot-placeholder--large{width:160px;height:160px}.mascot-placeholder:after{content:"Mascot"}.coffee-bean{position:relative}.coffee-bean:before{content:"";position:absolute;width:20px;height:28px;background:#583215;border-radius:50%/60% 60% 40% 40%;transform:rotate(-20deg);pointer-events:none}.coffee-bean:before:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:60%;background:#1a0f06;transform:translate(-50%,-50%);border-radius:1px}.coffee-pour{position:relative;overflow:visible}.coffee-pour .pour-stream{position:absolute;width:12px;background:linear-gradient(to bottom,#583215,#583215cc);border-radius:6px;animation:pour-flow 2s ease-in-out infinite}@keyframes pour-flow{0%,to{height:0;opacity:0}10%{opacity:1}50%{height:100px;opacity:1}90%{opacity:1}}.coffee-border{border:3px solid #583215;border-radius:1rem;position:relative}.coffee-border--dashed{border-style:dashed}.coffee-border--double{border-style:double;border-width:4px}.coffee-divider{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:4rem 0}.coffee-divider:before,.coffee-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to var(--direction, right),transparent,rgba(88,50,21,.15),rgba(88,50,21,.4),rgba(88,50,21,.15),transparent)}.coffee-divider:before{--direction: right}.coffee-divider:after{--direction: left}.coffee-divider .divider-icon{width:40px;height:40px;color:#583215}.bg-warm-gradient{background:linear-gradient(135deg,#fffbf2,#f4c9381a,#fffbf2)}.bg-coffee-gradient{background:linear-gradient(180deg,#fffbf2,#5832150d)}.coffee-card{background:#fff;border:2px solid rgba(88,50,21,.15);border-radius:1rem;padding:2rem;transition:all .3s ease}.coffee-card:hover{border-color:#583215;box-shadow:4px 4px #58321526}.coffee-highlight{background:linear-gradient(to right,#f4c93866,#fc790e4d);padding:2px .5rem;border-radius:.25rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-size:1rem;line-height:1;color:#000;background-color:#fffbf2;background-image:radial-gradient(circle,rgba(88,50,21,.1) 1px,transparent 1px);background-size:20px 20px;background-repeat:repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:80px;position:relative}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}*{scrollbar-width:thin;scrollbar-color:#583215 rgba(88,50,21,.1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#58321514;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#58321599,#583215,#58321599);border-radius:10px;border:2px solid rgba(255,251,242,.3);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#583215,#432610,#583215)}::-webkit-scrollbar-thumb:active{background:#fc790e}::-webkit-scrollbar-corner{background:#58321514}