*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a0e08;background:#fafaf5;margin:0;font-family:Outfit,system-ui,sans-serif}#root{text-align:left;width:100%;max-width:100%;min-height:unset;border:none;margin:0;display:block}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline-offset:2px;outline:2px solid #c8860a}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--espresso:#2c1810;--roast:#6b3a2a;--caramel:#c8860a;--latte:#f5e6d3;--cream:#fafaf5;--text:#1a0e08;--text-light:#8b6e5a;--font-display:"Fraunces", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;--radius:20px;--radius-sm:14px;--shadow-sm:0 2px 12px #2c18100f;--shadow-md:0 12px 32px #2c18101a;--shadow-lg:0 24px 64px #2c181029;--nav-h:68px;--container:1200px;--section-py:120px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section-kicker{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--caramel);text-align:center;margin-bottom:12px;font-size:.8rem;font-weight:500}.section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--espresso);text-align:center;margin-bottom:56px;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:600}.section-title--left{text-align:left;margin-bottom:8px}.about .section-kicker{text-align:left;margin-bottom:6px}.btn{font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:15px 36px;font-size:.95rem;font-weight:600;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000038}.btn:active{transform:translateY(0)scale(.97);box-shadow:0 3px 10px #0000002e}.btn--primary{background:var(--caramel);color:var(--espresso)}.btn--outline{color:#fff;background:0 0;border:1.5px solid #ffffffb3}.btn--outline:hover{background:#ffffff1a}.navbar{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(12px);background:#2c1810d1;justify-content:space-between;align-items:center;padding:0 32px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:#2c1810f7;box-shadow:0 2px 24px #00000059}.navbar__brand{flex-shrink:0;align-items:center;display:flex}.navbar__logo-css{color:#2c1810;width:42px;height:42px;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#d4a535;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.38rem;font-weight:700;display:inline-flex}.navbar__links{align-items:center;gap:32px;display:flex}.navbar__links a{color:#ffffffe0;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.88rem;font-weight:400;transition:color .2s;position:relative}.navbar__links a:after{content:"";background:var(--caramel);transform-origin:0;border-radius:1px;height:2px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.navbar__links a:hover:after,.navbar__links a:focus-visible:after{transform:scaleX(1)}.navbar__links a:hover{color:var(--caramel)}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__hamburger span{background:#fff;border-radius:2px;width:24px;height:2px;transition:transform .25s,opacity .25s;display:block}.navbar__hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger.open span:nth-child(2){opacity:0}.navbar__hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{justify-content:center;align-items:center;height:100vh;min-height:620px;display:flex;position:relative;overflow:hidden}.hero__bg{will-change:transform;background:url(/media/taschino2.webp) 50%/cover no-repeat;position:absolute;inset:-10%}.hero__overlay{z-index:1;background:linear-gradient(#140a0699 0%,#140a0673 50%,#140a06a6 100%);position:absolute;inset:0}.hero__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:22px;padding:0 20px;display:flex;position:relative}.hero__logo{color:#fff;opacity:0;height:clamp(90px,15vw,150px)}.coffee-cup{--stroke:4.5px;aspect-ratio:160/155;position:relative}.coffee-cup>span{display:block;position:absolute}.cup__steam{width:calc(var(--stroke) * .9);filter:blur(1px);opacity:.45;background:linear-gradient(#0000,currentColor);border-radius:999px;height:27%;top:19%}.cup__steam:first-child{height:22%;top:24%;left:38%}.cup__steam:nth-child(2){left:48%}.cup__steam:nth-child(3){height:23%;top:23%;left:58.5%}.cup__coffee{opacity:.15;background:currentColor;border-radius:50%;width:42%;height:7.5%;top:48%;left:28%}.cup__rim{border:var(--stroke) solid currentColor;border-radius:50%;width:45.5%;height:10%;top:46.5%;left:26%}.cup__body{border:var(--stroke) solid currentColor;border-top:0;border-radius:0 0 50% 50%/0 0 95% 95%;width:42.5%;height:28.5%;top:51.5%;left:27.5%}.cup__handle{border:var(--stroke) solid currentColor;clip-path:inset(-15% -15% -15% 42%);border-radius:50%;width:17.5%;height:20.5%;top:54.5%;left:65%}.cup__saucer{border-bottom:calc(var(--stroke) * .9) solid currentColor;border-radius:0 0 100% 100%;width:58%;height:9.5%;top:85%;left:20%}.hero__badge{-webkit-backdrop-filter:blur(6px);color:#ffffffeb;letter-spacing:.06em;text-transform:uppercase;opacity:0;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.hero__tagline{font-family:var(--font-display);color:#fffffff7;letter-spacing:-.01em;max-width:820px;font-size:clamp(2.2rem,5.5vw,4.2rem);font-style:italic;font-weight:500;line-height:1.18}.hero__tagline .char{opacity:0;display:inline-block}.hero__tagline .char--space{display:inline}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.hero__scroll{z-index:2;opacity:0;padding:8px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero__scroll-line{transform-origin:top;background:linear-gradient(#ffffffe6,#fff0);width:1.5px;height:44px;animation:2.2s cubic-bezier(.4,0,.2,1) infinite scroll-pulse;display:block;overflow:hidden}@keyframes scroll-pulse{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(14px)}}.about{padding:var(--section-py) 0;background:var(--cream)}.about__inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;display:grid}.about__cards{flex-direction:column;gap:20px;display:flex}.about__cards .section-title--left{margin-bottom:16px}.about-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #c8860a24;align-items:flex-start;gap:18px;padding:26px 28px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex}.about-card:hover{box-shadow:var(--shadow-md);border-color:#c8860a66;transform:translateY(-4px)translate(4px)}.about-card__icon{border-radius:var(--radius-sm);background:var(--latte);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.7rem;display:flex}.about-card h3{font-family:var(--font-display);color:var(--espresso);margin-bottom:6px;font-size:1.15rem;font-weight:600}.about-card p{color:var(--text-light);font-size:.94rem;font-weight:300;line-height:1.65}.about__image{border-radius:var(--radius);aspect-ratio:4/5;box-shadow:var(--shadow-lg);border-top-left-radius:80px;overflow:hidden}.about__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.about__image:hover img{transform:scale(1.03)}.menu{padding:var(--section-py) 0;background:var(--latte)}.menu__tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:56px;display:flex}.menu__tab{font-family:var(--font-body);letter-spacing:.02em;color:var(--roast);cursor:pointer;white-space:nowrap;background:#ffffff8c;border:1px solid #2c18101a;border-radius:999px;padding:11px 22px;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.menu__tab:hover{border-color:var(--caramel);color:var(--espresso);background:#c8860a29;transform:translateY(-1px)}.menu__tab:active{transform:scale(.96)}.menu__tab--active{background:var(--espresso);color:var(--latte);border-color:var(--espresso);box-shadow:0 6px 18px #2c181040}.menu__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.product-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #c8860a1f;flex-direction:column;gap:6px;padding:20px 24px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:flex}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card__row{align-items:baseline;gap:10px;display:flex}.product-card__name{font-family:var(--font-body);color:var(--espresso);text-transform:capitalize;font-size:.95rem;font-weight:600;line-height:1.35}.product-card__dots{border-bottom:2px dotted #8b6e5a73;flex:1;min-width:16px;transform:translateY(-4px)}.product-card__price{font-family:var(--font-display);color:var(--caramel);white-space:nowrap;font-size:1.05rem;font-weight:600}.product-card__desc{color:var(--text-light);text-transform:capitalize;font-size:.82rem;font-weight:300;line-height:1.5}.menu__empty{color:var(--text-light);text-align:center;grid-column:1/-1;padding:32px 0}.gallery{padding:var(--section-py) 0;background:var(--cream)}.gallery__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:18px;display:grid}.gallery__item{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .3s;overflow:hidden}.gallery__item:hover{box-shadow:var(--shadow-md)}.gallery__item:first-child{grid-area:span 2/span 2}.gallery__item:nth-child(2){grid-column:span 2}.gallery__item img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.gallery__item:hover img{transform:scale(1.06)}.instagram{padding:var(--section-py) 0;background:var(--latte)}.instagram__embed{border-radius:var(--radius);max-width:680px;box-shadow:var(--shadow-md);background:#fff;height:clamp(420px,60vw,620px);margin:0 auto;overflow:hidden}.instagram__embed iframe{border:none;width:100%;height:100%;display:block}.instagram__cta{justify-content:center;margin-top:36px;display:flex}.hours{padding:var(--section-py) 0;background:var(--cream)}.hours__inner{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.hours__info{flex-direction:column;gap:32px;display:flex}.hours__block h3{font-family:var(--font-display);color:var(--espresso);margin-bottom:16px;font-size:1.3rem;font-weight:600}.hours__table{border-collapse:collapse;width:100%}.hours__table tr{border-bottom:1px solid #2c181014}.hours__table tr:last-child{border-bottom:none}.hours__table td{color:var(--text);padding:11px 0;font-size:.95rem;font-weight:300}.hours__table td:last-child{text-align:right;color:var(--roast);font-weight:600}.hours__address{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #c8860a24;align-items:flex-start;gap:12px;padding:22px 24px;display:flex}.hours__address-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.hours__address p{color:var(--text);font-size:.95rem;font-weight:300;line-height:1.6}.hours__address strong{font-family:var(--font-display);color:var(--espresso);margin-bottom:4px;font-size:1.05rem;font-weight:600;display:block}.hours__map{border-radius:var(--radius);box-shadow:var(--shadow-md);height:420px;overflow:hidden}.hours__map iframe{border:none;width:100%;height:100%;display:block}.footer{background:var(--espresso);color:#ffffffb3;padding:64px 0 40px}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.footer__logo{--stroke:2.5px;color:#ffffffe6;height:60px}.footer__social{align-items:center;gap:16px;display:flex}.footer__social a{color:#fffc;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s,transform .25s cubic-bezier(.22,1,.36,1);display:flex}.footer__social a:hover{background:var(--caramel);color:var(--espresso);transform:translateY(-3px)}.footer__social svg{width:20px;height:20px}.footer__copy{letter-spacing:.03em;color:#ffffff73;font-size:.82rem;font-weight:300}.footer__dev{color:#ffffff59;margin-top:4px;font-size:.78rem;display:block}.footer__dev a{color:#ffffff8c;text-decoration:none;transition:color .2s;position:relative}.footer__dev a:after{content:"";background:var(--caramel);transform-origin:0;border-radius:1px;height:1.5px;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.footer__dev a:hover:after,.footer__dev a:focus-visible:after{opacity:1;transform:scaleX(1)}@media (width<=900px){:root{--section-py:72px}.about__inner{grid-template-columns:1fr;gap:44px}.about__image{aspect-ratio:16/9;border-top-left-radius:var(--radius);max-height:340px}.hours__inner{grid-template-columns:1fr;gap:40px}.gallery__grid{grid-auto-rows:180px;gap:12px}}@media (width<=640px){.navbar{padding:0 16px}.navbar__hamburger{display:flex}.navbar__links{top:var(--nav-h);background:var(--espresso);text-align:center;visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;gap:0;padding:16px 0 24px;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1),visibility .25s;position:absolute;left:0;right:0;transform:translateY(-10px)}.navbar__links.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__links a:after{display:none}.navbar__links li{width:100%}.navbar__links a{padding:14px 24px;font-size:1rem;display:block}.gallery__grid{grid-template-columns:1fr;grid-auto-rows:220px}.gallery__item:first-child,.gallery__item:nth-child(2){grid-area:auto}.menu__grid{grid-template-columns:1fr}.hero__ctas{flex-direction:column;align-items:center;width:100%}.btn{width:100%;max-width:280px}.instagram__embed{height:480px}}@media (prefers-reduced-motion:reduce){.hero__logo,.hero__badge,.hero__tagline .char,.hero__scroll{opacity:1}.hero__scroll-line{opacity:1;animation:none;transform:scaleY(1)}.hero__bg{will-change:auto}}