@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--berry:#952268;--dark:#34262b;--cream:#fbf8f2;--green:#758f3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.announcement{background:var(--berry);color:white;text-align:center;font-size:11px;letter-spacing:1px;padding:11px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;gap:25px}.logo{display:block;position:relative;width:164px;height:75px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:300px;max-width:none;left:-10px;top:-7px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--berry)}.header-actions{display:flex;align-items:center;gap:24px}#language{border:0;background:none;font-size:13px}#language span{margin-inline-start:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--berry);color:white;border:1px solid var(--berry);padding:17px 25px;border-radius:4px;font-size:13px;transition:.2s}.button:hover{background:#762051;transform:translateY(-2px)}.small{padding:12px 20px}#mobile{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:610px}.hero-copy{padding:75px 9% 55px 11%;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--berry);display:flex;align-items:center;gap:8px}.eyebrow>span:first-child:empty{height:7px;width:7px;border-radius:50%;background:var(--green)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(48px,4.7vw,76px);line-height:1.1;margin:25px 0}em{color:var(--berry);font-weight:500}p{color:#75686c;font-size:14px;line-height:1.8}.hero-copy>p{max-width:340px;margin-bottom:30px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:11px;line-height:1.6}.swirl{font-size:38px;color:var(--green)}.hero-photo{position:relative;min-height:610px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:48% center}.hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#1f131480)}.photo-label{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:1.5px;z-index:1}.round-label{position:absolute;top:33px;right:30px;width:116px;height:116px;background:#e8edc8;color:#526c26;display:grid;place-content:center;text-align:center;border-radius:50%;font-family:Georgia,serif;font-size:18px;line-height:1.3;transform:rotate(10deg)}.ribbon{padding:23px 7%;display:flex;align-items:center;justify-content:space-between;background:#ecf0dc;color:#627c36;font-size:20px}.ribbon span{font-size:11px;letter-spacing:3px;font-weight:600}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:42px;line-height:1.22;margin:16px 0 0}.section-heading>p{max-width:305px;margin:0}.filters{display:flex;gap:10px;margin:28px 0 35px;flex-wrap:wrap}.filters button{border:1px solid #ded6d4;border-radius:30px;padding:10px 20px;background:transparent;color:#73666b;font-size:12px}.filters button.active{color:white;background:var(--berry);border-color:var(--berry)}#flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}.flavor{border:0;background:transparent;text-align:start;padding:0;color:var(--dark)}.flavor-photo{width:100%;aspect-ratio:1.17;background-image:url('assets/Product2.jpg');background-size:409% 775%;border-radius:9px;transition:transform .3s}.flavor:hover .flavor-photo{transform:translateY(-5px)}.flavor-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;margin-top:16px}.flavor-title span:last-child{font-size:20px;color:var(--berry)}.flavor-sub{font-size:11px;color:#85767b;margin-top:5px}.menu-note{font-size:11px;margin-top:30px;text-align:center}.experience{display:grid;grid-template-columns:1fr 1fr;background:#f2eae8}.experience-image{min-height:650px;position:relative}.experience-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55%}.image-caption{position:absolute;bottom:30px;left:30px;color:white;letter-spacing:2px;font-size:11px;text-shadow:0 1px 5px black}.experience-copy{padding:65px 13%} .steps{margin-top:30px}.steps>div{display:flex;gap:20px;border-top:1px solid #dcd1d2;padding:15px 0}.steps b{font-size:11px;color:var(--berry);padding-top:5px}.steps p{margin:0}.steps strong{display:block;font-size:14px;color:var(--dark)}.steps span{font-size:12px}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}figure{margin:0}figure img{width:100%;height:280px;object-fit:cover;border-radius:5px}figcaption{font-size:12px;margin-top:15px}.visit{text-align:center;padding:70px 20px 80px;background:#eee5ea;position:relative}.visit .eyebrow{justify-content:center}.visit h2{font-size:52px}.visit p{max-width:400px;margin:23px auto}.handle{display:block;font-size:11px;margin-top:18px;color:var(--berry)}footer{padding:35px 5%;background:white;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-family:Georgia,serif;font-style:italic;font-size:15px}footer>span,footer>a:last-child{font-size:10px;color:#84777c}dialog{border:0;border-radius:14px;padding:35px;width:min(440px,90vw);background:var(--cream);color:var(--dark)}dialog::backdrop{background:#24101bb3;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:6px;border:0;background:none;font-size:30px;color:var(--berry)}dialog h2{font-size:32px}dialog .flavor-photo{margin-top:10px}dialog p{font-size:13px}[dir=rtl] body{font-family:'Tajawal',Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2{font-family:'Tajawal',Arial,sans-serif;font-weight:700;letter-spacing:0}[dir=rtl] .logo img{width:340px;left:-201px;top:-15px}[dir=rtl] .eyebrow,[dir=rtl] .ribbon span{letter-spacing:0}[dir=rtl] .hero-copy{padding-left:9%;padding-right:11%}[dir=rtl] em{font-style:normal}[dir=rtl] .hero h1{line-height:1.35}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px}header{padding:0 4%}.hero-copy{padding:55px 9%}.hero,.hero-photo{min-height:550px}h1{font-size:53px}h2{font-size:35px}.experience-copy{padding:50px 9%}footer p{display:none}}@media(max-width:700px){.announcement{font-size:9px;letter-spacing:.3px}header{height:85px;gap:10px}.logo{width:133px;height:65px}.logo img{width:250px;top:-5px;left:-8px}[dir=rtl] .logo img{width:285px;left:-169px;top:-10px}.header-actions{gap:15px}.header-actions .small{display:none}#mobile{display:block;border:0;background:none;color:var(--berry);font-size:23px}nav{display:none;position:absolute;top:119px;left:0;right:0;background:white;z-index:10;padding:24px;box-shadow:0 12px 20px #0001}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 7% 35px}h1{font-size:55px;margin:21px 0}.hero-copy>p{max-width:350px}.hero-note{position:absolute;bottom:35px;right:7%;margin:0;font-size:9px}.hero-note .swirl{font-size:28px}.hero-photo{min-height:390px}.round-label{width:95px;height:95px;font-size:15px;top:20px;right:20px}.ribbon{padding:20px 5%;font-size:15px}.ribbon span{font-size:8px;letter-spacing:1px}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}h2{font-size:34px}.eyebrow{font-size:9px;letter-spacing:1.5px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 13px}#flavor-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.flavor-title{font-size:13px}.flavor-sub{font-size:10px}.experience{grid-template-columns:1fr}.experience-image{min-height:340px}.experience-copy{padding:45px 7%}.gallery{grid-template-columns:1fr 1fr;gap:20px 15px}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{height:260px}.gallery img{height:180px}figcaption{font-size:11px}.visit h2{font-size:40px}footer{flex-wrap:wrap;gap:15px}footer>span{width:100%;order:3}footer>a:last-child{margin-inline-start:auto}[dir=rtl] .hero-note{right:auto;left:7%} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.button,.flavor-title span:last-child{font-family:Arial,sans-serif}[dir=rtl] .button{font-family:Tajawal,Arial,sans-serif}