.roasters-page{background:#fcfaf6;color:#102f43}
.roasters-page *{box-sizing:border-box}
.roasters-page a{color:inherit;text-decoration:none}
.roasters-page button,.roasters-page input{font:inherit}
.roasters-page button{cursor:pointer}
.roasters-page [hidden]{display:none!important}
.roasters-page :focus-visible{outline:3px solid #a36815;outline-offset:4px}
.roasters-page main.roasters-main{display:block;height:auto}
.roasters-header.header{height:84px;padding:0 4%;gap:30px;position:relative;border-bottom:1px solid #ece5da}
.roasters-header .nav{display:flex}
.roasters-header .nav a{font-size:14px}
.roasters-header .nav a[aria-current]{color:#946121;border-bottom:2px solid #e3ad39;padding-block:9px}
.roasters-shop{border:1px solid #d6d9d7;border-radius:30px;padding:11px 22px;font-size:13px;white-space:nowrap;direction:rtl}
.roasters-shop span{margin-right:18px}
.roasters-skip{position:fixed;top:-100px;right:20px;background:#ffc400;padding:14px;z-index:100}
.roasters-skip:focus{top:12px}
.roasters-hero{max-width:1500px;margin:auto;padding:40px 4% 54px;display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center}
.roasters-breadcrumb{display:flex;gap:11px;font-size:12px;color:#7b817c;margin-bottom:32px}
.section-kicker{font-size:12px;font-weight:600;color:#94703d;letter-spacing:.2px;margin:0 0 8px}
.roasters-hero h1{font-size:clamp(33px,3.3vw,52px);font-weight:700;line-height:1.55;letter-spacing:-1.8px;margin:0 0 15px}
.roasters-hero h1 span{background:linear-gradient(transparent 76%,#f5cf71 76%,#f5cf71 90%,transparent 90%)}
.hero-description{font-size:15px;line-height:2;color:#6b766f;margin:0 0 25px}
.roasters-primary{display:inline-flex;gap:36px;align-items:center;justify-content:center;background:#ffc400;border:0;border-radius:28px;padding:12px 24px;min-height:46px;font-size:14px;font-weight:600;color:#102f43}
.hero-numbers{display:flex;gap:34px;margin-top:32px}
.hero-numbers>div{display:flex;flex-direction:column;gap:4px;padding-left:25px;border-left:1px solid #e4dfd4}
.hero-numbers>div:last-child{border:0;padding:0}
.hero-numbers b{font:600 27px Inter,Arial,sans-serif}
.hero-numbers span{font-size:11px;color:#7a817c}
.award-feature{background:#e8ece3;border-radius:26px;padding:24px 28px 0;position:relative;overflow:hidden;border:1px solid #dce2d8;isolation:isolate}
.award-feature::before{content:'';position:absolute;width:320px;height:320px;border:1px solid #b6bfab;border-radius:50%;top:72px;left:-130px;opacity:.45;z-index:-1}
.award-top{display:flex;align-items:center;gap:10px;direction:ltr;color:#556b58;font:500 9px/1.8 Inter,Arial,sans-serif;letter-spacing:1px}
.award-top b{font-size:12px;letter-spacing:3px}
.award-seal{font-size:32px;border:1px solid #a8b69f;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}
.award-title{text-align:center;margin-top:20px}
.award-title>span{font-size:11px;color:#71806c}
.award-title h2{font:600 clamp(42px,4.5vw,68px)/1.3 Georgia,serif;letter-spacing:8px;color:#304737;margin:6px 0}
.award-title p{font-size:13px;margin:0;color:#465842}
.award-products{height:195px;display:flex;align-items:flex-end;justify-content:center;direction:ltr;gap:0;margin-top:18px;overflow:hidden}
.award-products img{width:30%;height:176px;object-fit:contain;mix-blend-mode:multiply}
.award-products img:nth-child(2){height:194px;width:34%}
.award-products img:first-child{transform:rotate(-9deg)}
.award-products img:last-child{transform:rotate(9deg)}
.award-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #ccd5c8;font-size:12px;background:#e8ece3;gap:12px}
.award-bottom>a:first-child{font-weight:600}
.award-source{color:#63745c!important;font-size:11px}
.directory-section{max-width:1500px;margin:auto;padding:0 4% 56px;scroll-margin-top:20px}
.directory-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:28px;border-top:1px solid #e6dfd3}
.directory-title h2{font-size:27px;letter-spacing:-.6px;margin:0}
.directory-title>p{font-size:12px;color:#7c827c;white-space:nowrap}
.directory-toolbar{display:flex;align-items:center;gap:14px;margin:26px 0}
.roaster-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e1ded5;border-radius:13px;padding:0 15px;min-height:48px;width:330px}
.roaster-search>span{font:28px Arial;color:#8a9289}
.roaster-search input{width:100%;min-width:0;outline:none;border:0;background:none;font-size:13px;color:#17384a}
.directory-switch{display:flex;gap:6px}
.directory-switch button{border:1px solid #e3ded4;border-radius:25px;background:transparent;color:#6e756b;min-height:44px;padding:8px 19px;font-size:12px}
.directory-switch button[aria-pressed=true]{background:#173b43;color:white;border-color:#173b43}
.directory-reset{margin-right:auto;border:0;background:none;color:#786b52;font-size:12px;min-height:44px;padding:8px}
.roastery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.roastery-card{border:1px solid #e6e0d6;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
.roastery-cover{height:210px;background:var(--roaster-light);position:relative;overflow:hidden;padding:16px 18px;text-align:center}
.roastery-badge{position:absolute;top:14px;right:14px;background:#ffffffbf;border:1px solid #fff9;color:var(--roaster-color);padding:4px 10px;border-radius:20px;font-size:10px;z-index:1}
.roastery-wordmark{font:600 28px/1.2 Georgia,serif;letter-spacing:1px;color:var(--roaster-color);margin-top:34px}
.roastery-products{display:flex;justify-content:center;gap:4px;direction:ltr;height:132px;margin-top:5px}
.roastery-products img{width:27%;height:132px;object-fit:contain;mix-blend-mode:multiply}
.roastery-products img:first-child{transform:rotate(-8deg)}
.roastery-products img:last-child{transform:rotate(8deg)}
.roastery-body{padding:20px;display:flex;flex-direction:column;flex:1}
.roastery-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}
.roastery-heading p{font-size:10px;color:#8a8373;margin:0 0 3px}
.roastery-heading h2{font-size:25px;margin:0;line-height:1.4}
.roastery-logo{width:58px;height:58px;border:1px solid #eee9df;border-radius:14px;background:white;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.roastery-logo img{object-fit:contain;width:50px;height:50px}
.roastery-logo span{font:600 10px Inter,Arial,sans-serif;text-align:center}
.roastery-description{color:#758078;font-size:12px;line-height:1.9;min-height:46px;margin:14px 0 16px}
.roastery-stats{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:13px 0;border-block:1px solid #efebe4;color:#788078;flex-wrap:wrap}
.roastery-stats b{font-size:13px;font-weight:600;color:#193a42}
.roastery-flavors{display:flex;gap:6px;flex-wrap:wrap;padding:17px 0 20px}
.roastery-flavors a{font-size:10px;color:#7a664d;background:#f6f2eb;border:1px solid #ece6dc;border-radius:20px;padding:5px 11px;min-height:30px;display:inline-flex;align-items:center}
.roastery-flavors a:hover{background:#fff0c4;border-color:#d9aa41}
.roastery-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d7ded7;border-radius:12px;padding:11px 15px;min-height:46px;font-size:12px;font-weight:600;margin-top:auto}
.roastery-cta:hover{background:var(--roaster-light)}
.roastery-caption{font-size:9px;color:#94998f;text-align:center;margin-top:10px}
.taste-invitation{background:#f4f0e5;border:1px dashed #d9ceb7;border-radius:20px;padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.taste-invitation-mark{font:90px/1 Georgia;color:#b9974e;margin-bottom:25px}
.taste-invitation h2{font-size:30px;line-height:1.65;margin:0 0 14px}
.taste-invitation>p:not(.section-kicker){font-size:13px;line-height:2;color:#7d806e}
.taste-invitation>a{font-size:12px;font-weight:600;margin-top:15px;border-bottom:1px solid #c2ac7b;padding:10px 0}
.directory-empty{text-align:center;background:#f5f0e5;padding:44px;border-radius:20px}
.directory-empty p{font-size:14px;color:#757b70}
.selection-details{margin-top:30px;border-top:1px solid #e5ded2;padding:22px 0 0;font-size:12px;color:#758073;line-height:2}
.selection-details summary{cursor:pointer;font-weight:600;color:#586752;padding:8px 0}
.selection-details a{color:#85642c;text-decoration:underline;text-underline-offset:3px}
.selection-details ul{padding-right:20px}
.roasters-footer{display:flex;align-items:center;gap:24px;padding:30px 4%;background:#f4f1e8;border-top:1px solid #e5dfd2}
.roasters-footer>p{font-size:13px;color:#7c8377}
.roasters-footer>a:not(.brand){margin-right:auto;font-size:12px}
.roasters-footer>small{font:10px Inter,Arial,sans-serif;color:#92988b}
@media(max-width:1100px){.roasters-header .nav{gap:20px}.roasters-hero{gap:4%;padding-top:28px}.roasters-hero h1{font-size:35px}.hero-numbers{gap:18px}.hero-numbers>div{padding-left:18px}.roastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roasters-hero .award-products{height:165px}.award-products img{height:145px}.award-products img:nth-child(2){height:165px}.directory-toolbar{flex-wrap:wrap}.directory-reset{margin-right:auto}.roastery-cover{height:220px}.roastery-products{height:142px}.roastery-products img{height:142px}}
@media(max-width:700px){.roasters-header.header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 5%;gap:16px;justify-content:space-between}.roasters-header .brand .word{font-size:26px}.roasters-header .brand .ar{font-size:27px}.roasters-header .nav{order:3;flex-basis:100%;gap:32px;display:flex}.roasters-header .nav a{font-size:12px}.roasters-shop{font-size:11px;padding:9px 14px}.roasters-shop span{margin-right:5px}.roasters-hero{grid-template-columns:1fr;padding:25px 5% 32px;gap:30px}.roasters-breadcrumb{margin-bottom:22px}.roasters-hero h1{font-size:34px;letter-spacing:-1px}.hero-description{font-size:13px}.hero-numbers{justify-content:space-between;margin-top:25px}.hero-numbers b{font-size:25px}.award-feature{padding-inline:22px}.award-title h2{font-size:54px}.directory-section{padding:0 5% 30px}.directory-title{align-items:flex-start;flex-direction:column;gap:5px}.directory-title h2{font-size:23px}.directory-title>p{margin:2px 0}.directory-toolbar{gap:12px;margin:20px 0}.roaster-search{width:100%}.directory-switch{gap:4px}.directory-switch button{padding:8px 12px;font-size:11px}.directory-reset{font-size:10px}.roastery-grid{grid-template-columns:1fr;gap:20px}.roastery-body{padding:20px}.roastery-flavors a{min-height:44px}.roastery-cover{height:225px}.roastery-wordmark{font-size:32px}.roastery-products img{height:149px}.taste-invitation{padding:28px}.taste-invitation-mark{font-size:70px;margin-bottom:10px}.roasters-footer{flex-wrap:wrap;padding:26px 5%;gap:12px}.roasters-footer .brand{width:100%}.roasters-footer>a:not(.brand){margin-right:0}.roasters-footer>small{width:100%}}