:root{--bg: #170F0A;--bg-2: #2B1B10;--cream: #F5ECDC;--cream-dim: #B9A489;--copper: #BE7A3B;--copper-light: #E3A467;--moss: #7C8C5E;--moss-light: #A6B885;--line: rgba(230, 180, 120, .15);--font-body: "Vazirmatn", sans-serif;--font-serif-fa: "Noto Serif Arabic", serif;--font-logo: "Fraunces", serif;--card-radius: 14px;--card-blur: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--cream);font-family:var(--font-body);overflow-x:hidden;width:100%}a{color:inherit}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--copper-light);outline-offset:3px}::selection{background:var(--copper);color:var(--bg)}#bg-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 38%,var(--bg-2) 0%,var(--bg) 72%)}#bg-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;inset-inline:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.2rem,5vw,3rem);transition:background .4s ease,padding .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#170f0ac7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-block:.9rem;border-color:var(--line)}.nav__logo{font-family:var(--font-logo);font-size:1.4rem;text-decoration:none}.nav__logo span{color:var(--copper-light);font-style:italic}.nav__links{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem)}.nav__links a{text-decoration:none;font-size:.85rem;color:var(--cream-dim);letter-spacing:.03em;transition:color .25s ease}.nav__links a:hover{color:var(--copper-light)}.nav__cta{background:var(--copper-light);color:var(--bg)!important;font-weight:600;padding:.55rem 1.3rem;border-radius:999px;letter-spacing:0!important;transition:transform .25s ease,background .25s ease}.nav__cta:hover{background:var(--cream);transform:translateY(-1px)}@media (max-width: 640px){.nav__links a:not(.nav__cta){display:none}}.scroll-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:50;background:#ffffff0a}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,var(--moss-light),var(--copper-light));transition:width .1s linear}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal--visible{opacity:1;transform:translateY(0)}#stage-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .15s ease-out}#icon-glow{position:absolute;width:min(60vh,420px);height:min(60vh,420px);border-radius:50%;background:radial-gradient(circle,#c6813e4d,#c6813e00 70%);filter:blur(8px)}#icon-canvas{position:relative;height:min(56vh,480px);width:auto;aspect-ratio:320/569;max-width:82vw}.canvas-loading{position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%);font-size:.75rem;letter-spacing:.15em;color:var(--cream-dim);white-space:nowrap}.steam{position:absolute;top:6%;width:min(30vh,220px);height:auto;opacity:.55;pointer-events:none}.steam__wisp{fill:none;stroke:var(--cream-dim);stroke-width:2;stroke-linecap:round}.steam__wisp--1{animation:drift 6s ease-in-out infinite}.steam__wisp--2{animation:drift 7.5s ease-in-out infinite .8s;opacity:.6}@keyframes drift{0%,to{transform:translateY(0) scaleY(1);opacity:.35}50%{transform:translateY(-8px) scaleY(1.04);opacity:.7}}#hero{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:7vh;text-align:center;z-index:3}.hero-kicker{font-family:var(--font-body);font-size:.74rem;letter-spacing:.32em;color:var(--moss-light);margin-bottom:1.4rem;opacity:0;transform:translateY(6px);transition:opacity 1s ease,transform 1s ease}.hero-kicker.visible{opacity:.85;transform:translateY(0)}.logotype{font-family:var(--font-logo);font-size:clamp(2.8rem,10vw,5.2rem);font-weight:500;letter-spacing:.01em;color:var(--cream)}.logotype span{color:var(--copper-light);font-style:italic}#hero .tagline{margin-top:.9rem;font-family:var(--font-serif-fa);font-weight:500;font-size:clamp(.95rem,2vw,1.2rem);color:var(--cream-dim);letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:opacity 1s ease .2s,transform 1s ease .2s}#hero .tagline.visible{opacity:1;transform:translateY(0)}#scroll-cue{position:absolute;bottom:4.5vh;font-size:.72rem;letter-spacing:.25em;color:var(--cream-dim);display:flex;flex-direction:column;align-items:center;gap:.55rem;animation:pulse 2.4s ease-in-out infinite}#scroll-cue .line{width:1px;height:32px;background:linear-gradient(var(--copper-light),transparent)}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}#story{position:relative;z-index:3;width:100%}.stage{min-height:100vh;display:flex;align-items:center;padding:6vh 8vw}.stage.right{justify-content:flex-start}.stage.left{justify-content:flex-end}.panel{position:relative;max-width:420px;opacity:0;transform:translateY(28px) scale(.98);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(155deg,#2b1b108c,#170f0a8c);border:1px solid var(--line);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));padding:2rem 2.1rem;border-radius:var(--card-radius);box-shadow:0 20px 50px -20px #0009}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(var(--copper-light),transparent);border-radius:0 14px 14px 0}.panel.visible{opacity:1;transform:translateY(0) scale(1)}.panel__icon{position:relative;z-index:1;margin-bottom:1rem;opacity:.9}.panel__head{position:relative;z-index:1;display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem}.panel__head .eyebrow{margin-bottom:0;white-space:nowrap}.panel__rule{flex:1;height:1px;background:var(--line)}.panel__num{font-family:var(--font-logo);font-size:.9rem;color:var(--copper-light);font-weight:600}.panel:after{content:attr(data-num);position:absolute;top:-.5rem;left:1.7rem;z-index:-1;font-family:var(--font-logo);font-size:5rem;font-weight:600;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(232,168,104,.16);pointer-events:none;-webkit-user-select:none;user-select:none}.eyebrow{font-size:.72rem;letter-spacing:.28em;color:var(--moss-light);font-weight:500}.panel h2{position:relative;z-index:1;font-family:var(--font-serif-fa);font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:600;margin-bottom:.9rem;line-height:1.4}.panel p{position:relative;z-index:1;font-size:.98rem;color:var(--cream-dim);line-height:1.85;font-weight:300;max-width:34ch}#statement{position:relative;z-index:3;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10vh 8vw;background:var(--bg)}.statement__text{font-family:var(--font-serif-fa);font-weight:600;max-width:16ch;font-size:clamp(2rem,6vw,3.8rem);line-height:1.5;background:linear-gradient(100deg,var(--copper-light) 10%,var(--cream) 45%,var(--moss-light) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.statement__sub{margin-top:1.6rem;color:var(--cream-dim);font-size:1rem;font-weight:300;letter-spacing:.02em}#philosophy{position:relative;z-index:3;padding:8vh 8vw 10vh;background:var(--bg)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;max-width:1100px;margin:0 auto}.pillar{text-align:center;padding:2.4rem 1.6rem;border:1px solid var(--line);border-radius:var(--card-radius);background:linear-gradient(155deg,#2b1b1066,#170f0a66);transition:border-color .3s ease,transform .3s ease}.pillar:hover{border-color:var(--moss-light);transform:translateY(-4px)}.pillar__icon{display:flex;justify-content:center;margin-bottom:1.2rem}.pillar h3{font-family:var(--font-serif-fa);font-size:1.15rem;font-weight:600;margin-bottom:.8rem}.pillar p{font-size:.9rem;color:var(--cream-dim);line-height:1.85;font-weight:300}#testimonials{position:relative;z-index:3;padding:6vh 8vw 10vh;background:var(--bg)}.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;max-width:1100px;margin:0 auto}.quote-card{border:1px solid var(--line);border-radius:var(--card-radius);background:linear-gradient(155deg,#2b1b1073,#170f0a73);padding:1.8rem 1.7rem}.quote-card blockquote{font-family:var(--font-serif-fa);font-size:1.05rem;line-height:1.85;font-weight:500;quotes:none;margin-bottom:1.2rem}.quote-card figcaption{display:flex;flex-direction:column;gap:.15rem}.quote-card__name{color:var(--copper-light);font-weight:600;font-size:.9rem}.quote-card__role{color:var(--cream-dim);font-size:.78rem}#products{position:relative;z-index:3;padding:10vh 8vw 8vh;background:var(--bg)}.section-head{max-width:620px;margin:0 auto 3rem;text-align:center}.section-head h2{font-family:var(--font-serif-fa);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;margin:.5rem 0 .9rem}.section-head__sub{color:var(--cream-dim);font-weight:300;line-height:1.9}.section-head .eyebrow{display:block}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3.2rem}.category-tabs__btn{background:transparent;border:1px solid var(--line);color:var(--cream-dim);padding:.5rem 1.2rem;border-radius:999px;font-size:.82rem;letter-spacing:.02em;transition:all .25s ease}.category-tabs__btn:hover{border-color:var(--moss-light);color:var(--cream);transform:translateY(-1px)}.category-tabs__btn.active{background:var(--moss);color:var(--bg);border-color:var(--moss);font-weight:600}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.6rem 3.2rem;max-width:1100px;margin:0 auto}.menu-item{position:relative;display:flex;gap:1.1rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--line);transition:transform .3s ease}.menu-item:hover{transform:translate(4px)}.menu-item__index{font-family:var(--font-logo);font-size:.8rem;color:var(--moss-light);opacity:.7;flex-shrink:0;padding-top:.3rem;letter-spacing:.05em}.menu-item__icon{flex-shrink:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.menu-item:hover .menu-item__icon{transform:scale(1.18) rotate(-8deg)}.menu-item--out .menu-item__icon{opacity:.4}.menu-item__body{flex:1;min-width:0}.menu-item__top{display:flex;align-items:baseline;gap:.6rem}.menu-item__top h3{font-family:var(--font-serif-fa);font-size:1.08rem;font-weight:600;white-space:nowrap}.menu-item__leader{flex:1;border-bottom:1px dotted var(--line);transform:translateY(-5px);min-width:16px}.menu-item__price{font-weight:600;font-size:.92rem;color:var(--copper-light);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .3s ease}.menu-item:hover .menu-item__price{color:var(--cream)}.menu-item__meta{font-size:.76rem;color:var(--moss-light);letter-spacing:.02em;margin-top:.35rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.menu-item__tag{font-size:.65rem;letter-spacing:.06em;color:var(--bg);background:var(--copper-light);padding:.15rem .55rem;border-radius:999px;font-weight:700}.menu-item__tag--out{background:transparent;border:1px solid var(--line);color:var(--cream-dim)}.menu-item__desc{font-size:.87rem;color:var(--cream-dim);line-height:1.75;font-weight:300;margin-top:.55rem}.menu-item--out{opacity:.55}#cta{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vh 8vw;background:var(--bg)}#cta .logotype{font-size:clamp(2.1rem,7vw,3.8rem)}#cta p{font-family:var(--font-serif-fa);color:var(--cream-dim);margin:1.1rem 0 2rem;font-weight:500;font-size:1.05rem}.cta-info{display:flex;gap:clamp(1.5rem,6vw,4rem);flex-wrap:wrap;justify-content:center;margin-bottom:2.4rem;padding:1.4rem clamp(1.4rem,5vw,3rem);border:1px solid var(--line);border-radius:var(--card-radius);background:linear-gradient(155deg,#2b1b1066,#170f0a66)}.cta-info>div{display:flex;flex-direction:column;gap:.3rem;text-align:center}.cta-info__label{font-size:.7rem;letter-spacing:.2em;color:var(--moss-light);text-transform:uppercase}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:.95rem 2.5rem;border:1px solid var(--copper-light);color:var(--cream);text-decoration:none;letter-spacing:.07em;font-size:.9rem;border-radius:2px;transition:background .3s ease,color .3s ease}.btn:hover{background:var(--copper-light);color:var(--bg)}.btn--ghost{border-color:var(--line);color:var(--cream-dim)}.btn--ghost:hover{background:transparent;border-color:var(--moss-light);color:var(--moss-light)}.newsletter{width:100%;max-width:460px;margin-top:3rem;padding-top:2.4rem;border-top:1px solid var(--line)}.newsletter__label{display:block;font-size:.85rem;color:var(--cream-dim);margin-bottom:1rem;font-weight:300}.newsletter__row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.newsletter__row input{flex:1;min-width:200px;background:#ffffff0a;border:1px solid var(--line);color:var(--cream);padding:.85rem 1.1rem;border-radius:2px;font-family:inherit;font-size:.9rem}.newsletter__row input::placeholder{color:var(--cream-dim)}.newsletter__row input:focus{outline:none;border-color:var(--copper-light)}.newsletter__row .btn{padding:.85rem 1.8rem}.newsletter__done{color:var(--moss-light);font-size:.92rem}footer{margin-top:3.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.75rem;color:var(--cream-dim);letter-spacing:.05em}.footer__links{display:flex;gap:1.6rem}.footer__links a{text-decoration:none;color:var(--cream-dim);transition:color .25s ease}.footer__links a:hover{color:var(--copper-light)}footer>span{opacity:.6}@media (max-width: 720px){.stage.right,.stage.left{justify-content:center;text-align:center}.panel{max-width:88vw}.panel:before{right:auto;left:50%;top:0;bottom:auto;width:44px;height:3px;transform:translate(50%);border-radius:0 0 6px 6px}.panel:after{display:none}.panel__head{justify-content:center}.panel p{max-width:none}}@media (prefers-reduced-motion: reduce){.panel,.reveal{transition:none;opacity:1;transform:none}.steam{display:none}#stage-wrap,.hero-kicker{transition:none}}