@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Inter:wght@300;400;500;600;800&display=swap";:root{--slate:#1e3a5f;--white:#f4f1ea;--terracotta:#c8953c;--charcoal:#152238;--bg:#e8e4db;--border-width:1px;--nav-btn-padding:10px 24px;--nav-btn-font-size:.7rem}html{scroll-behavior:smooth}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body,.swirla-container{background-color:var(--charcoal);color:var(--white);font-family:Cormorant Garamond,serif;overflow-x:hidden}h1,h2,h3,.logo{text-transform:uppercase;letter-spacing:.1em;font-family:Cormorant Garamond,serif;font-weight:300}.button-refined{cursor:pointer;color:#000;background:var(--terracotta);border:var(--border-width) solid var(--terracotta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:18px 48px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-block}.button-refined:hover{transform:translateY(-2px)}.navbar{z-index:100;width:90%;max-width:1200px;position:fixed;top:40px;left:50%;transform:translate(-50%)}.nav-inner{border-bottom:var(--border-width) solid #1a100826;justify-content:space-between;align-items:center;padding:0 0 20px;transition:border-color .4s;display:flex}.navbar--past-hero .nav-inner{border-bottom-color:#fff3}.logo{color:#1a1008;font-size:1.8rem;transition:color .4s}.nav-actions{align-items:center;gap:12px;display:flex}.nav-menu-button{padding:var(--nav-btn-padding);font-size:var(--nav-btn-font-size);color:#1a1008;background:0 0}.navbar--past-hero .nav-menu-button{color:var(--white)}.dropdown{display:inline-block;position:relative}.order-now{padding:var(--nav-btn-padding);font-size:var(--nav-btn-font-size)}.dropdown-menu{background:var(--slate);z-index:200;border:1px solid #ffffff1f;border-top:none;border-radius:0 0 4px 4px;flex-direction:column;gap:2px;width:100%;min-width:0;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000004d}.dropdown-menu a{color:var(--white);font-family:Inter,sans-serif;font-size:var(--nav-btn-font-size);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:background .2s,color .2s;display:flex;overflow:hidden}.dropdown-menu a svg{flex-shrink:0}.dropdown-menu a:hover{color:var(--terracotta);background:#ffffff14}.dropdown.open .dropdown-menu{display:flex}.dropdown.open .order-now{border-bottom-color:var(--slate)}.hero{text-align:center;background:#f5f0eb;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:3;opacity:0;flex-direction:column;align-items:center;max-width:900px;padding:0 40px;transition:opacity .6s;display:flex;position:relative}.hero-content--ready{opacity:1}.hero-title{color:#1a1008;margin-bottom:0;font-size:clamp(3rem,8vw,6.5rem);font-style:italic;line-height:1.1}.hero-cup{filter:drop-shadow(0 20px 40px #502d0a33);width:360px;max-width:56vw;height:auto;margin:12px 0 36px;display:block}@keyframes cup-float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes bean-fall{0%{transform:translateY(0) rotate(var(--rot-start,0deg));opacity:0}4%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(var(--rot-end,360deg));opacity:0}}.bean{pointer-events:none;animation:bean-fall var(--dur,5s) linear infinite;animation-delay:var(--delay,0s);z-index:1;height:auto;position:absolute;top:100px}.bean-1{--dur:9s;--delay:0s;--rot-start:-20deg;--rot-end:340deg;width:65px;left:3%}.bean-2{--dur:11.5s;--delay:-2.5s;--rot-start:30deg;--rot-end:-330deg;width:45px;left:14%}.bean-3{--dur:10s;--delay:-5.5s;--rot-start:-45deg;--rot-end:315deg;width:60px;left:25%}.bean-4{--dur:8.5s;--delay:-1.5s;--rot-start:15deg;--rot-end:375deg;width:75px;left:38%}.bean-5{--dur:12s;--delay:-4s;--rot-start:-30deg;--rot-end:-390deg;width:50px;left:50%}.bean-6{--dur:9.5s;--delay:-7s;--rot-start:60deg;--rot-end:420deg;width:70px;left:62%}.bean-7{--dur:10.5s;--delay:-2s;--rot-start:-10deg;--rot-end:350deg;width:55px;left:73%}.bean-8{--dur:13s;--delay:-6s;--rot-start:40deg;--rot-end:-320deg;width:48px;left:85%}.bean-9{--dur:9.8s;--delay:-4.8s;--rot-start:-55deg;--rot-end:305deg;width:58px;left:8%}.bean-10{--dur:11s;--delay:-.8s;--rot-start:25deg;--rot-end:385deg;width:42px;left:33%}.bean-11{--dur:10.2s;--delay:-6.5s;--rot-start:-35deg;--rot-end:325deg;width:65px;left:58%}.bean-12{--dur:9.2s;--delay:-3.2s;--rot-start:50deg;--rot-end:410deg;width:52px;left:78%}.marquee{background:var(--charcoal);color:var(--white);border-bottom:var(--border-width) solid #ffffff1a;padding:40px 0;display:flex;overflow:hidden}.marquee-content{white-space:nowrap;animation:40s linear infinite scroll;display:flex}.marquee-content span{text-transform:uppercase;letter-spacing:4px;opacity:.5;padding:0 80px;font-family:Cormorant Garamond,serif;font-size:1.2rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.full-bleed-grid{width:100%;height:80vh;scroll-margin-top:100px;display:flex}.column{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:flex .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.column:hover{flex:1.5}.column-bg{filter:brightness(.5);z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 1.2s,filter .8s;position:absolute;top:0;left:0}.column:hover .column-bg{filter:brightness(.7);transform:scale(1.1)}.column-title{z-index:2;color:var(--white);text-align:center;font-size:2.5rem;position:relative}@media (width>=769px){.footer-col--menu{display:none}}.menu-overlay{z-index:300;justify-content:center;align-items:center;animation:.5s forwards overlayFade;display:flex;position:fixed;inset:0;overflow:hidden}.menu-overlay-bg{filter:brightness(.25)blur(4px);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.menu-overlay-tint{z-index:2;background:linear-gradient(#15223899 0%,#152238d9 100%);position:absolute;inset:0}.menu-overlay-close{z-index:4;cursor:pointer;color:var(--white);opacity:.7;background:0 0;border:none;padding:12px;font-size:1.6rem;line-height:1;transition:color .3s,opacity .3s,transform .3s;position:absolute;top:40px;right:5%}.menu-overlay-close:hover{color:var(--terracotta);opacity:1;transform:rotate(90deg)}.menu-overlay-content{z-index:3;scrollbar-width:thin;scrollbar-color:#c8953c66 transparent;width:90%;max-width:640px;max-height:85vh;padding:0 32px 40px 20px;position:relative;overflow-y:auto}.menu-overlay-content::-webkit-scrollbar{width:4px}.menu-overlay-content::-webkit-scrollbar-track{background:0 0}.menu-overlay-content::-webkit-scrollbar-thumb{background:#c8953c66;border-radius:2px}.menu-overlay-content::-webkit-scrollbar-thumb:hover{background:#c8953cb3}.menu-overlay-title{color:var(--white);text-align:center;margin-bottom:48px;font-size:clamp(2.5rem,6vw,4.5rem);font-style:italic;line-height:1.1}.menu-list{list-style:none}.menu-row{border-bottom:var(--border-width) solid #ffffff1a;opacity:0;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;animation:.6s cubic-bezier(.16,1,.3,1) forwards itemRise;display:flex}.menu-category-header{letter-spacing:.25em;text-transform:uppercase;color:var(--terracotta);opacity:0;align-items:center;gap:16px;margin-top:8px;padding:28px 0 12px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;list-style:none;animation:.5s cubic-bezier(.16,1,.3,1) forwards itemRise;display:flex}.menu-category-header:after{content:"";background:#c8953c40;flex:1;height:1px}.menu-category-header:first-child{margin-top:0;padding-top:0}.menu-name{letter-spacing:.05em;color:var(--white);font-family:Cormorant Garamond,serif;font-size:1.6rem}.menu-name em{letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin-top:4px;font-family:Inter,sans-serif;font-size:.75rem;font-style:normal;display:block}.menu-price{letter-spacing:.1em;color:var(--terracotta);white-space:nowrap;font-family:Inter,sans-serif;font-size:1rem}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes itemRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{background:var(--charcoal);color:var(--white);text-align:center;padding:60px 5%}.footer-grid{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;padding-top:10px;display:grid}.footer-col h4{text-transform:uppercase;color:var(--terracotta);letter-spacing:2px;margin-bottom:16px;font-size:.8rem;font-weight:700}.footer-col p{opacity:.7;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6}.footer-directions{color:#5495f9}.footer-directions:hover{text-decoration:underline}.social-links{justify-content:center;align-items:center;gap:20px;display:flex}.social-links a{color:var(--white);opacity:.7;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.social-links a:hover{opacity:1}.footer-copyright{opacity:.3;letter-spacing:3px;margin-top:40px;font-size:.7rem}@media (width>=769px){.navbar--past-hero .logo{color:var(--white)}.hero-section-cta{margin-left:75px}}@media (width<=768px){.bean-2,.bean-6,.bean-10,.bean-12{display:none}.bean{scale:.7}.hero-cup{width:220px}.navbar{top:20px}.navbar--scrolled{background:var(--bg);border:1px solid #1a100826;border-radius:8px;width:95%;padding:16px 12px;transition:background .3s}.navbar--scrolled .nav-inner{border:0;padding:0}.hero-title{font-size:3.5rem}.full-bleed-grid{flex-direction:column;height:auto}.column{min-height:100px}.nav-menu-button{display:none}footer{padding:5%}.footer-grid{grid-template-columns:1fr;gap:30px}.menu-overlay-title{margin-bottom:32px}.menu-overlay-close{top:20px}.menu-name{font-size:1.3rem}}html,body,#root{min-height:100%;margin:0;padding:0}body{background-color:#152238}