.coffee-classifications-section[data-v-ece89a30]{background-color:#f8f7f5;padding:80px 24px;width:100%}.intro-block[data-v-ece89a30]{max-width:1200px;margin:0 auto 80px;text-align:center}.intro-headline[data-v-ece89a30]{font-size:42px;font-weight:700;color:#2c2520;margin:0 0 24px;line-height:1.2}.intro-paragraph[data-v-ece89a30]{font-size:18px;line-height:1.7;color:#5a5350;max-width:900px;margin:0 auto}.classifications-container[data-v-ece89a30]{max-width:1400px;margin:0 auto 80px}.section-title[data-v-ece89a30]{font-size:36px;font-weight:700;color:#2c2520;text-align:center;margin:0 0 48px}.classification-grid[data-v-ece89a30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.classification-card[data-v-ece89a30]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.classification-card[data-v-ece89a30]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image-area[data-v-ece89a30]{width:100%;height:220px;overflow:hidden;background-color:#e8e6e3}.card-image[data-v-ece89a30]{width:100%;height:100%;object-fit:cover}.card-content[data-v-ece89a30]{padding:32px 28px}.card-title[data-v-ece89a30]{font-size:24px;font-weight:700;color:#2c2520;margin:0 0 20px}.card-features[data-v-ece89a30]{list-style:none;padding:0;margin:0 0 20px}.feature-item[data-v-ece89a30]{font-size:15px;color:#5a5350;line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative}.feature-item[data-v-ece89a30]:before{content:"•";position:absolute;left:0;color:#8b6f47;font-weight:700}.card-positioning[data-v-ece89a30]{font-size:14px;color:#8b6f47;font-weight:600;margin:0;padding-top:16px;border-top:1px solid #e8e6e3}.roast-profiles-container[data-v-ece89a30]{max-width:1400px;margin:0 auto 80px}.roast-grid[data-v-ece89a30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.roast-card[data-v-ece89a30]{background-color:#fff;border-radius:8px;padding:40px 32px;box-shadow:0 2px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.roast-card[data-v-ece89a30]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.roast-indicator[data-v-ece89a30]{width:100%;height:12px;background-color:#e8e6e3;border-radius:6px;overflow:hidden;margin-bottom:24px}.roast-level[data-v-ece89a30]{height:100%;border-radius:6px;transition:width .3s ease}.light-roast[data-v-ece89a30]{width:35%;background:linear-gradient(90deg,#c9a886,#b89968)}.medium-roast[data-v-ece89a30]{width:65%;background:linear-gradient(90deg,#8b6f47,#6d5736)}.dark-roast[data-v-ece89a30]{width:100%;background:linear-gradient(90deg,#4a3827,#2c2520)}.roast-title[data-v-ece89a30]{font-size:24px;font-weight:700;color:#2c2520;margin:0 0 20px}.roast-features[data-v-ece89a30]{list-style:none;padding:0;margin:0 0 20px}.roast-feature[data-v-ece89a30]{font-size:15px;color:#5a5350;line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative}.roast-feature[data-v-ece89a30]:before{content:"•";position:absolute;left:0;color:#8b6f47;font-weight:700}.roast-positioning[data-v-ece89a30]{font-size:14px;color:#8b6f47;font-weight:600;margin:0;padding-top:16px;border-top:1px solid #e8e6e3}.comparison-table-container[data-v-ece89a30]{max-width:1200px;margin:0 auto}.comparison-table[data-v-ece89a30]{width:100%;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014;border-collapse:collapse}.table-header-row[data-v-ece89a30]{background-color:#2c2520}.table-header[data-v-ece89a30]{font-size:16px;font-weight:700;color:#fff;text-align:left;padding:20px 24px;border-bottom:2px solid #8b6f47}.table-row[data-v-ece89a30]{border-bottom:1px solid #e8e6e3;transition:background-color .2s ease}.table-row[data-v-ece89a30]:hover{background-color:#f8f7f5}.table-row[data-v-ece89a30]:last-child{border-bottom:none}.table-cell[data-v-ece89a30]{font-size:15px;color:#5a5350;padding:20px 24px}@media (max-width: 1280px){.coffee-classifications-section[data-v-ece89a30]{padding:64px 20px}.intro-headline[data-v-ece89a30]{font-size:36px}.intro-paragraph[data-v-ece89a30]{font-size:17px}.section-title[data-v-ece89a30]{font-size:32px}}@media (max-width: 1024px){.classification-grid[data-v-ece89a30],.roast-grid[data-v-ece89a30]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (max-width: 768px){.coffee-classifications-section[data-v-ece89a30]{padding:48px 16px}.intro-block[data-v-ece89a30]{margin-bottom:56px}.intro-headline[data-v-ece89a30]{font-size:30px;margin-bottom:20px}.intro-paragraph[data-v-ece89a30]{font-size:16px}.section-title[data-v-ece89a30]{font-size:28px;margin-bottom:32px}.classifications-container[data-v-ece89a30],.roast-profiles-container[data-v-ece89a30]{margin-bottom:56px}.classification-grid[data-v-ece89a30],.roast-grid[data-v-ece89a30]{grid-template-columns:1fr;gap:20px}.card-content[data-v-ece89a30]{padding:24px 20px}.roast-card[data-v-ece89a30]{padding:32px 24px}.comparison-table-container[data-v-ece89a30]{overflow-x:auto}.comparison-table[data-v-ece89a30]{min-width:600px}.table-header[data-v-ece89a30],.table-cell[data-v-ece89a30]{font-size:14px;padding:16px}}@media (max-width: 480px){.intro-headline[data-v-ece89a30]{font-size:26px}.intro-paragraph[data-v-ece89a30]{font-size:15px}.section-title[data-v-ece89a30]{font-size:24px}.card-title[data-v-ece89a30],.roast-title[data-v-ece89a30]{font-size:22px}.table-header[data-v-ece89a30],.table-cell[data-v-ece89a30]{font-size:13px;padding:14px 12px}}@media (max-width: 320px){.coffee-classifications-section[data-v-ece89a30]{padding:40px 12px}.intro-headline[data-v-ece89a30]{font-size:24px}.section-title[data-v-ece89a30]{font-size:22px}}.img-overlay-1[data-v-ece89a30]{position:relative;display:inline-block;width:800px;height:450px}.img-overlay-1 img[data-v-ece89a30]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-1[data-v-ece89a30]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--4f3095a0)}.img-overlay-2[data-v-ece89a30]{position:relative;display:inline-block;width:800px;height:450px}.img-overlay-2 img[data-v-ece89a30]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-2[data-v-ece89a30]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--4f30959e)}.img-overlay-3[data-v-ece89a30]{position:relative;display:inline-block;width:800px;height:450px}.img-overlay-3 img[data-v-ece89a30]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-3[data-v-ece89a30]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--4f30959c)}.img-overlay-4[data-v-ece89a30]{position:relative;display:inline-block;width:800px;height:450px}.img-overlay-4 img[data-v-ece89a30]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-4[data-v-ece89a30]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--4f30959a)}.img-overlay-5[data-v-ece89a30]{position:relative;display:inline-block;width:800px;height:450px}.img-overlay-5 img[data-v-ece89a30]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-5[data-v-ece89a30]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--4f309598)}