:root{font-family:"Cairo",Tahoma,Arial,sans-serif;color:#202020;background:#faf8f4;font-synthesis:none;--red:#c41f26;--burgundy:#68191f}*{box-sizing:border-box}body{margin:0;border-top:4px solid var(--red)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.page{max-width:1160px;padding:0 48px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid #ded7cd;gap:20px}.identity{display:flex;align-items:center;gap:19px}.logo-frame{width:83px;height:83px;background:white;border-radius:50%;display:grid;place-items:center;overflow:hidden}.logo-frame img{width:76px;height:76px;object-fit:contain}.identity-copy{display:flex;flex-direction:column;gap:3px}.identity-copy>span{font-weight:700;font-size:18px}.identity-copy small{font-size:10px;letter-spacing:1.5px;color:#70665c}.languages{display:flex;direction:ltr;align-items:center;gap:3px;font-size:12px;color:#8b8078}.languages button{border:0;background:transparent;min-width:44px;min-height:44px;color:#70665c;cursor:pointer;border-radius:4px}.languages button[aria-pressed=true]{color:var(--red);font-weight:800}.languages button:hover{background:#f0ebe5}:focus-visible{outline:3px solid var(--red);outline-offset:5px}.intro{padding:44px 0 33px;display:flex;align-items:center;justify-content:space-between;gap:28px}.eyebrow{color:var(--red);font-size:11px;font-weight:700;margin:0 0 8px}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-inline-end:10px}h1{font-size:36px;font-weight:700;line-height:1.5;margin:0 0 9px}.description{color:#71675e;font-size:14px;line-height:1.9;margin:0;max-width:560px}.intro-index{display:flex;align-items:center;gap:13px;color:#85786a;flex-shrink:0}.intro-index>span{font-size:46px;font-weight:400;line-height:1;color:#b4a799}.intro-index small{font-size:10px;max-width:55px;line-height:1.8}.brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:326px;border:1px solid #d9dccf;padding:23px 25px 18px;overflow:hidden;border-radius:3px;transition:transform .22s,border-color .22s,box-shadow .22s}.tea{background:#eef0e7;color:#344839}.coffee{background:#eee5da;color:#5a3829;border-color:#e0d2c2}.jolio{background:#68191f;color:#fff6ed;border-color:#68191f}.card-top{display:flex;align-items:center;justify-content:space-between}.number{font-size:11px;opacity:.8;font-weight:600;direction:ltr}.arrow{width:21px;height:21px;transition:transform .22s}.brand-art{height:113px;display:flex;justify-content:center;align-items:center;opacity:.45;pointer-events:none}.brand-art svg{width:208px;height:113px;stroke-width:1}.coffee-art{opacity:.38}.jolio-art{position:relative;opacity:.23;gap:0;transform:rotate(-17deg)}.jolio-art span{display:block;width:60px;height:60px;border:1px solid currentColor;border-radius:50%;margin:0 -9px}.jolio-art span:nth-child(2){width:84px;height:84px}.brand-name h2{font-size:25px;line-height:1.6;font-weight:700;margin:0;text-align:start}.brand-name p{font-size:12px;margin:1px 0 22px;text-align:inherit;opacity:.85}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #34483930;font-size:11px}.jolio .card-bottom{border-color:#ffffff38}.facebook{width:17px;height:17px}.website{display:flex;align-items:center;gap:17px;margin-top:22px;padding:21px 25px;border:1px solid #ddd3c8;background:#f4efe8;border-radius:3px;transition:background .22s,border-color .22s}.website-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--burgundy);border-inline-end:1px solid #d7ccc0;padding-inline-end:16px;box-sizing:content-box}.website-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.website strong{font-size:14px;font-weight:600}.website small{font-size:10px;color:#776b5e;text-align:inherit;letter-spacing:.5px}.website>.arrow{color:var(--burgundy);flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding:20px 0 25px;border-top:1px solid #ded7cd;font-size:10px;color:#84786c}footer>span:first-child{letter-spacing:1.2px;font-weight:600}.copyright{display:inline-block;direction:ltr;margin-inline-start:5px}main{animation:enter .5s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.brand:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3e24100a;border-color:currentColor}.brand:hover .arrow,.website:hover .arrow{transform:translate(3px,-3px)}.website:hover{background:#ede4d9;border-color:#b7a391}}@media(min-width:1400px){.page{padding-top:20px}.intro{padding-top:52px;padding-bottom:38px}.brand{min-height:350px}.brand-art{height:132px}}@media(max-width:760px){.page{padding:0 25px}.header{padding:21px 0}.identity{gap:12px}.identity-copy>span{font-size:15px}.identity-copy small{font-size:8px;letter-spacing:1px}.logo-frame{width:65px;height:65px}.logo-frame img{width:61px;height:61px}.intro{padding:30px 0 25px}.intro-index{display:none}h1{font-size:30px}.description{font-size:13px}.brands{gap:12px}.brand{padding:18px;min-height:300px}.brand-name h2{font-size:21px}.brand-art svg{max-width:100%}.website strong{font-size:13px}}@media(max-width:600px){.page{padding:0 20px}.header{gap:8px}.languages{gap:0}.languages button{min-width:36px}.brands{grid-template-columns:1fr}.brand{min-height:176px;padding:18px 21px}.card-top{margin-bottom:7px}.brand-art{position:absolute;width:140px;height:110px;inset-inline-end:35px;top:34px;z-index:-1;opacity:.24}.brand-art svg{width:140px;height:90px}.jolio-art{width:126px;opacity:.2}.jolio-art span{width:42px;height:42px}.jolio-art span:nth-child(2){width:64px;height:64px}.brand-name h2{font-size:23px}.brand-name p{font-size:11px;margin-bottom:14px}.card-bottom{padding-top:10px;font-size:10px}.website{margin-top:17px;padding:18px 16px;gap:12px}.website-icon{width:26px;padding-inline-end:12px}.website strong{font-size:12px;line-height:1.8}.website small{font-size:9px}.website>.arrow{width:18px}footer{margin-top:24px;font-size:9px;gap:10px;padding-bottom:24px}footer>span:first-child{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[dir="rtl"] .brand-name p,html[dir="rtl"] .website small{text-align:right}html[dir="ltr"] .brand-name h2{text-align:left}