:root{--z-porcelain:#F6F2EA;--z-porcelain-rgb:246,242,234;--z-espresso:#2E2018;--z-espresso-rgb:46,32,24;--z-amber:#D69A3C;--z-amber-rgb:214,154,60;--z-copper:#3E6E64;--z-copper-rgb:62,110,100;--z-olive:#7C7A52;--z-olive-rgb:124,122,82;--z-ink-night:#1C140F;--z-ink-night-rgb:28,20,15;--z-mist:#F3ECE1;--z-fog:#EDF1F1;--z-success:#3E6E64;--z-success-bg:rgba(62,110,100,.16);--z-warning:#B8842E;--z-warning-bg:rgba(184,132,46,.16);--z-danger:#B4432F;--z-danger-rgb:180,67,47;--z-danger-bg:rgba(180,67,47,.16);--z-radius-sm:12px;--z-radius-md:20px;--z-radius-lg:28px;--z-radius-pill:999px;--z-blur:24px;--z-blur-sm:14px;--z-saturate:180%;--z-shadow-contact:0 1px 2px rgba(46,32,24,.05);--z-shadow-ambient:0 12px 24px -10px rgba(46,32,24,.14);--z-shadow-float:0 1px 2px rgba(46,32,24,.05),0 12px 24px -10px rgba(46,32,24,.14),0 32px 56px -24px rgba(46,32,24,.24);--z-shadow-float-dark:0 1px 2px rgba(0,0,0,.25),0 14px 28px -12px rgba(0,0,0,.4),0 36px 60px -26px rgba(0,0,0,.5);--z-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-ease-out:cubic-bezier(0.22,1,0.36,1);--z-duration-press:120ms;--z-duration-normal:300ms}[x-cloak]{display:none!important}.htmx-indicator{opacity:0;transition:opacity 200ms ease-in}.htmx-request .htmx-indicator{opacity:1}.htmx-request.htmx-indicator{opacity:1}img[loading="lazy"]{background-color:#f5f5f4}body{font-family:"Vazirmatn",Tahoma,sans-serif}.font-display{font-family:"Vazirmatn",Tahoma,sans-serif;letter-spacing:-0.01em}.font-latin{font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto}.nav-link{position:relative;transition:color 0.2s ease}.nav-link::after{content:"";position:absolute;bottom:-6px;right:0;width:0;height:2px;background:#e0a83c;transition:width 0.25s ease}.nav-link:hover{color:#3b2a20}.nav-link:hover::after{width:100%}.site-header .site-header-bar{transition:background-color 0.3s ease,box-shadow 0.3s ease,backdrop-filter 0.3s ease}.site-header.scrolled .site-header-bar{backdrop-filter:saturate(var(--z-saturate)) blur(calc(var(--z-blur) + 6px));-webkit-backdrop-filter:saturate(var(--z-saturate)) blur(calc(var(--z-blur) + 6px));box-shadow:var(--z-shadow-float)}.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s cubic-bezier(0.22,1,0.36,1),transform 0.7s cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}#back-to-top.is-visible{opacity:1;pointer-events:auto}@keyframes hero-steam-rise{0%{opacity:0;transform:translateY(6px) scaleY(0.8)}35%{opacity:0.75}100%{opacity:0;transform:translateY(-14px) scaleY(1.1)}}.hero-steam{transform-origin:center bottom;animation:hero-steam-rise 3.4s ease-in-out infinite}.coffee-cluster .cc-bean,.coffee-cluster .cc-leaf,.coffee-cluster .cc-steam path{opacity:0;transform-box:fill-box;transform-origin:center}.coffee-cluster.is-visible .cc-leaf{animation:cc-leaf-in 0.9s ease-out forwards}.coffee-cluster.is-visible .cc-bean-1{animation:cc-bean-drop 0.8s ease-out 0.2s forwards,cc-bean-float 5s ease-in-out 1s infinite}.coffee-cluster.is-visible .cc-bean-2{animation:cc-bean-drop 0.8s ease-out 0.45s forwards,cc-bean-float 6s ease-in-out 1.2s infinite}.coffee-cluster.is-visible .cc-bean-3{animation:cc-bean-drop 0.8s ease-out 0.7s forwards,cc-bean-float 5.5s ease-in-out 1.4s infinite}.coffee-cluster.is-visible .cc-steam path{animation:cc-steam-rise 3s ease-in-out infinite}.coffee-cluster.is-visible .cc-steam path:nth-child(2){animation-delay:0.5s}.coffee-cluster.is-visible .cc-steam path:nth-child(3){animation-delay:1s}@keyframes cc-leaf-in{from{opacity:0;transform:rotate(-12deg) translateY(20px)}to{opacity:0.85;transform:rotate(0) translateY(0)}}@keyframes cc-bean-drop{from{opacity:0;transform:translateY(-40px) rotate(-90deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes cc-bean-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(8deg)}}@keyframes cc-steam-rise{0%{opacity:0;transform:translateY(8px)}40%{opacity:0.7}100%{opacity:0;transform:translateY(-18px)}}.ambient-orb{position:absolute;border-radius:9999px;filter:blur(60px);pointer-events:none}.float-card{box-shadow:0 1px 2px rgba(59,42,32,0.04),0 12px 24px -10px rgba(59,42,32,0.14),0 32px 56px -24px rgba(59,42,32,0.22);transition:box-shadow 0.45s ease,transform 0.45s cubic-bezier(0.22,1,0.36,1);will-change:transform}.float-card:hover{box-shadow:0 2px 4px rgba(59,42,32,0.06),0 20px 34px -12px rgba(59,42,32,0.18),0 44px 72px -28px rgba(59,42,32,0.3)}.tilt-wrap{perspective:1200px}.hero-shadow{position:absolute;left:50%;bottom:-18px;width:58%;height:32px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(59,42,32,0.4),rgba(59,42,32,0) 72%);filter:blur(8px);pointer-events:none;z-index:0}.float-chip{position:absolute;filter:drop-shadow(0 10px 14px rgba(59,42,32,0.25));animation:float-chip-drift 6s ease-in-out infinite}@keyframes float-chip-drift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(10deg)}}.hero-carousel-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat;opacity:0.4}.hero-carousel-ghost{font-family:"Anton",sans-serif;font-size:clamp(90px,28vw,380px);font-weight:900;color:#fff;line-height:1;text-transform:uppercase;letter-spacing:-0.02em;white-space:nowrap}.hero-carousel-discover{font-family:"Anton",sans-serif;font-size:clamp(20px,4vw,56px);font-weight:400;letter-spacing:-0.02em;line-height:1;text-transform:uppercase;text-decoration:none;opacity:0.95;transition:opacity 200ms ease}.hero-carousel-discover:hover{opacity:1}.hero-carousel-item{position:absolute;aspect-ratio:0.6 / 1;transform-origin:bottom;transition:transform 650ms cubic-bezier(0.4,0,0.2,1),filter 650ms cubic-bezier(0.4,0,0.2,1),opacity 650ms cubic-bezier(0.4,0,0.2,1),left 650ms cubic-bezier(0.4,0,0.2,1);will-change:transform,filter,opacity}.hero-carousel-nav-btn{background-color:transparent;border:2px solid #fff;transition:transform 150ms ease,background-color 150ms ease}.hero-carousel-nav-btn:hover{transform:scale(1.08);background-color:rgba(255,255,255,0.12)}@media (prefers-reduced-motion:reduce){.hero-carousel-item{transition:opacity 300ms ease!important}.hero-carousel-nav-btn{transition:background-color 150ms ease!important}.hero-carousel-nav-btn:hover{transform:none!important}}.showcase-slide{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media (min-width:768px){.showcase-slide{grid-template-columns:1.15fr 0.85fr;gap:5rem}.showcase-slide:nth-child(even) .showcase-media{order:2}.showcase-slide:nth-child(even) .showcase-copy{order:1}}.showcase-media{position:relative}.showcase-media-inner{position:relative;overflow:hidden;border-radius:1.75rem;aspect-ratio:4 / 5;background:#f0e9dc;perspective:1300px;transform:translateY(var(--parallax-y,0px));will-change:transform}.showcase-media-inner img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--img-scale,1.08))}.showcase-shadow{position:absolute;left:6%;right:6%;bottom:-14px;height:28px;background:radial-gradient(ellipse at center,rgba(59,42,32,0.35),rgba(59,42,32,0) 72%);filter:blur(6px);z-index:-1}.showcase-lid{position:absolute;top:0;left:0;right:0;height:36%;z-index:3;transform-origin:top center;transform:rotateX(var(--lid-deg,0deg));backface-visibility:hidden;background:linear-gradient(160deg,#d3ac72 0%,#ad7c42 55%,#8a5f30 100%);box-shadow:inset 0 -14px 18px -8px rgba(0,0,0,0.32),0 10px 16px -8px rgba(0,0,0,0.3);clip-path:polygon(0 0,100% 0,100% 82%,88% 100%,76% 80%,64% 100%,52% 80%,40% 100%,28% 80%,16% 100%,4% 80%,0 90%);will-change:transform}.showcase-pour{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.pour-bean{position:absolute;top:10%;width:22px;height:30px;filter:drop-shadow(0 4px 5px rgba(0,0,0,0.3));will-change:transform,opacity}.pour-bean-1{left:42%;opacity:var(--bean1-p,0);transform:translateY(calc(var(--bean1-p,0) * 150%)) rotate(calc(var(--bean1-p,0) * 220deg))}.pour-bean-2{left:51%;opacity:var(--bean2-p,0);transform:translateY(calc(var(--bean2-p,0) * 190%)) rotate(calc(var(--bean2-p,0) * -260deg))}.pour-bean-3{left:38%;opacity:var(--bean3-p,0);transform:translateY(calc(var(--bean3-p,0) * 230%)) rotate(calc(var(--bean3-p,0) * 200deg))}.pour-bean-4{left:58%;opacity:var(--bean4-p,0);transform:translateY(calc(var(--bean4-p,0) * 170%)) rotate(calc(var(--bean4-p,0) * -230deg))}.showcase-teaser{opacity:var(--teaser-opacity,0);transform:translateY(calc((1 - var(--teaser-opacity,0)) * 18px))}.showcase-detail{opacity:var(--detail-opacity,0);transform:translateY(var(--detail-y,22px))}.glass-surface{position:relative;isolation:isolate;backdrop-filter:blur(var(--z-blur)) saturate(var(--z-saturate));-webkit-backdrop-filter:blur(var(--z-blur)) saturate(var(--z-saturate));border:1px solid transparent;background-clip:padding-box;transition:box-shadow var(--z-duration-normal) ease,background-color var(--z-duration-normal) ease}.glass-surface.glass-light{background:linear-gradient(155deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.28) 45%,rgba(var(--z-porcelain-rgb),.16) 100%);border-color:rgba(255,255,255,.55);box-shadow:var(--z-shadow-float),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 14px -8px rgba(var(--z-espresso-rgb),.16)}.glass-surface.glass-dark{background:linear-gradient(155deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 55%,rgba(var(--z-ink-night-rgb),.32) 100%);border-color:rgba(255,255,255,.18);box-shadow:var(--z-shadow-float-dark),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 14px -8px rgba(0,0,0,.4)}.glass-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0%),rgba(var(--z-amber-rgb),.35),rgba(var(--z-copper-rgb),.18) 45%,transparent 70%);opacity:var(--sheen-opacity,0);transition:opacity .4s ease;pointer-events:none;mix-blend-mode:overlay;z-index:1}.glass-panel{border-radius:var(--z-radius-lg);padding:1.75rem}.glass-admin{background:linear-gradient(155deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.24) 45%,rgba(var(--z-copper-rgb),.10) 100%)}.glass-panel-admin{border-radius:var(--z-radius-md);padding:1rem}.glass-admin-table{width:100%;font-size:.875rem}.glass-admin-table th{padding:.625rem .75rem;text-align:right;font-weight:600;color:var(--z-espresso);border-bottom:1px solid rgba(var(--z-copper-rgb),.18)}.glass-admin-table td{padding:.625rem .75rem;border-bottom:1px solid rgba(var(--z-espresso-rgb),.08);color:var(--z-espresso)}.glass-admin-table tbody tr{transition:background-color .15s ease}.glass-admin-table tbody tr:hover{background-color:rgba(var(--z-copper-rgb),.06)}.glass-surface.glass-admin-sidebar{background:linear-gradient(155deg,rgba(var(--z-espresso-rgb),.97) 0%,rgba(var(--z-ink-night-rgb),.98) 100%)}.glass-nav{border-radius:var(--z-radius-pill)}.glass-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--z-radius-pill);padding:.5rem 1.125rem;font-size:.875rem;min-height:44px;cursor:pointer;transition:transform var(--z-duration-press) var(--z-ease-spring),background-color var(--z-duration-normal) ease,box-shadow var(--z-duration-normal) ease}.glass-chip:active{transform:scale(.96)}.glass-chip.is-active,.glass-chip[aria-pressed="true"],.glass-chip[aria-selected="true"]{background-color:rgba(var(--z-amber-rgb),.3);border-color:rgba(var(--z-amber-rgb),.55);color:var(--z-espresso)}.glass-tag{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--z-radius-pill);padding:.375rem 1rem;font-size:.8125rem}.glass-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;min-height:44px;border-radius:var(--z-radius-md);background:rgba(255,255,255,.55);backdrop-filter:blur(var(--z-blur-sm)) saturate(150%);-webkit-backdrop-filter:blur(var(--z-blur-sm)) saturate(150%);border:1px solid rgba(var(--z-espresso-rgb),.16);padding:.75rem 1rem;color:var(--z-espresso);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.glass-input::placeholder{color:rgba(var(--z-espresso-rgb),.45)}.glass-input:focus{outline:none;border-color:var(--z-amber);box-shadow:0 0 0 3px rgba(var(--z-amber-rgb),.35);background:rgba(255,255,255,.8)}.glass-form select,.glass-form input[type="text"],.glass-form input[type="search"],.glass-form input[type="email"],.glass-form input[type="tel"],.glass-form input[type="password"],.glass-form input[type="number"],.glass-form input[type="date"],.glass-form input[type="url"],.glass-form textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;min-height:44px;border-radius:var(--z-radius-md);background:rgba(255,255,255,.55);backdrop-filter:blur(var(--z-blur-sm)) saturate(150%);-webkit-backdrop-filter:blur(var(--z-blur-sm)) saturate(150%);border:1px solid rgba(var(--z-espresso-rgb),.16);padding:.65rem .9rem;color:var(--z-espresso);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.glass-form select:focus,.glass-form input:focus,.glass-form textarea:focus{outline:none;border-color:var(--z-amber);box-shadow:0 0 0 3px rgba(var(--z-amber-rgb),.35);background:rgba(255,255,255,.8)}.glass-form input[type="checkbox"],.glass-form input[type="radio"]{width:18px;height:18px;accent-color:var(--z-amber)}.glass-form label{display:block;font-size:.875rem;font-weight:500;color:var(--z-espresso);margin-bottom:.375rem}.glass-form .errorlist{color:var(--z-danger);font-size:.8125rem;margin-top:.25rem;list-style:none;padding:0}.otp-form input[name="code"]{text-align:center;font-size:1.75rem;letter-spacing:.5em;text-indent:.5em;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}.glass-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:var(--z-radius-pill);padding:.875rem 1.75rem;font-weight:500;line-height:1;transition:transform var(--z-duration-press) var(--z-ease-spring),background-color var(--z-duration-normal) ease,color var(--z-duration-normal) ease,box-shadow var(--z-duration-normal) ease}.glass-button:active{transform:scale(.96)}.glass-button-primary{background:var(--z-espresso);color:var(--z-porcelain);box-shadow:var(--z-shadow-ambient)}.glass-button-primary:hover{background:var(--z-amber);color:var(--z-espresso)}.glass-button-secondary{background:rgba(var(--z-copper-rgb),.14);color:var(--z-copper);border:1px solid rgba(var(--z-copper-rgb),.32)}.glass-button-secondary:hover{background:rgba(var(--z-copper-rgb),.24)}.glass-button-icon{width:44px;height:44px;padding:0;border-radius:var(--z-radius-md)}.glass-button-danger{background:rgba(var(--z-danger-rgb),.14);color:var(--z-danger);border:1px solid rgba(var(--z-danger-rgb),.32)}.glass-button-danger:hover{background:var(--z-danger);color:var(--z-porcelain)}.glass-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--z-radius-pill);padding:.3rem .75rem;font-size:.8125rem;font-weight:500}.glass-badge-success{color:var(--z-success);background:var(--z-success-bg)}.glass-badge-warning{color:var(--z-warning);background:var(--z-warning-bg)}.glass-badge-danger{color:var(--z-danger);background:var(--z-danger-bg)}.glass-badge-info{color:var(--z-copper);background:rgba(var(--z-copper-rgb),.16)}.glass-button:focus-visible,.glass-chip:focus-visible,.glass-input:focus-visible,a.glass-surface:focus-visible,button.glass-surface:focus-visible{outline:2px solid var(--z-amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-steam,.coffee-cluster .cc-bean,.coffee-cluster .cc-leaf,.coffee-cluster .cc-steam path,.float-chip{animation:none!important;opacity:1!important}.float-card{transition:none!important}.showcase-media-inner{transform:none!important}.showcase-media-inner img{transform:none!important}.showcase-lid{transition:none!important;transform:rotateX(-118deg)!important;opacity:0!important}.showcase-teaser,.showcase-detail{opacity:1!important;transform:none!important}.glass-surface::after{display:none!important}.glass-button,.glass-chip{transition:background-color var(--z-duration-normal) ease,color var(--z-duration-normal) ease!important}.glass-button:active,.glass-chip:active{transform:none!important}}.glass-surface .glass-surface{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-surface .glass-dropdown{backdrop-filter:blur(var(--z-blur)) saturate(var(--z-saturate));-webkit-backdrop-filter:blur(var(--z-blur)) saturate(var(--z-saturate))}