.kf{--kf-max: 1180px;--kf-pad: clamp(20px, 4vw, 48px);--kf-gutter: max(var(--kf-pad), calc((100% - var(--kf-max)) / 2 + var(--kf-pad)));--kf-ink: #0f0f0f;--kf-tan: #b9a58a;--kf-tan-light: #e4d6bf;--kf-tan-dark: #6b5a45;--kf-paper: #f6f4ef;--kf-line: #e8e8e1;--kf-head: var(--typeHeaderPrimary, "Montserrat", sans-serif);--accent: var(--kf-tan);color:var(--kf-ink);background:var(--kf-paper)}.kf>*{padding-left:var(--kf-gutter);padding-right:var(--kf-gutter)}.kf [hidden]{display:none!important}.kf__eyebrow{margin:0 0 14px;font-family:var(--kf-head);font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--kf-tan-dark)}.kf__eyebrow--light{color:var(--kf-tan)}.kf__textlink{-webkit-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid currentColor;border-radius:0;padding:0 0 4px;font-family:var(--kf-head);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--kf-ink);cursor:pointer;white-space:nowrap}.kf__textlink--light{color:#fff}.kf__btn{margin:0;padding:16px 30px}.kf__hero{position:relative;isolation:isolate;margin:10px 0 0;padding-top:96px;padding-bottom:72px;background:radial-gradient(60% 80% at 100% 0%,rgba(185,165,138,.16),transparent 60%),var(--kf-ink);color:#fff;overflow:hidden}.kf__hero-inner{max-width:760px}.kf__hero-title{font-family:var(--kf-head);font-weight:700;font-size:clamp(44px,7vw,92px);line-height:.96;letter-spacing:-.025em;margin:0 0 24px;color:#fff}.kf__hero-text{max-width:46ch;font-size:18px;line-height:1.5;color:#ffffffdb}.kf__hero-text p{margin:0}.kf__hero-side{position:absolute;right:calc(var(--kf-gutter) - .4em);top:96px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--kf-head);font-weight:700;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--kf-tan)}.kf__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% 50%}.kf__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#0f0f0ff5,#0f0f0f00 42%),linear-gradient(90deg,#0f0f0ff7,#0f0f0fd1 42%,#0f0f0f47)}@media(max-width:768px){.kf__hero-img{object-position:78% 50%}.kf__hero:before{background:linear-gradient(0deg,#0f0f0ff7,#0f0f0fb8)}}.kf__quiz{padding-top:40px;padding-bottom:96px;scroll-margin-top:90px}.kf__rail{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.kf__rail li{margin:0}.kf__rail button{-webkit-appearance:none;appearance:none;width:100%;border:0;border-top:3px solid var(--kf-line);background:none;padding:12px 0 0;text-align:left;font-family:var(--kf-head);font-weight:700;color:var(--kf-tan-dark);cursor:pointer;transition:border-color .3s,color .3s}.kf__rail button:disabled{cursor:default;color:#a8a49b}.kf__rail button b{display:block;font-size:13px;letter-spacing:.06em;margin-bottom:4px}.kf__rail button span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.kf__rail button.is-done{border-top-color:var(--kf-tan)}.kf__rail button[aria-current=step]{border-top-color:var(--kf-ink);color:var(--kf-ink)}.kf__rail button:not(:disabled):hover{color:var(--kf-ink)}.kf__rail button:focus-visible{outline:2px solid var(--kf-ink);outline-offset:4px}.kf__step{margin:0;padding:0;border:0;min-width:0;animation:kf-in .5s cubic-bezier(.2,.7,.2,1) both}.kf__step-num{display:block;margin:0 0 14px;font-family:var(--kf-head);font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--kf-tan-dark)}.kf__q{display:block;padding:0;margin:0 0 36px;font-family:var(--kf-head);font-weight:700;font-size:clamp(32px,4.6vw,60px);line-height:1.02;letter-spacing:-.025em;max-width:18ch}.kf__answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kf .kf__quiz .kf__answers label.kf__answer{text-transform:none;letter-spacing:0;font-size:16px;font-family:inherit}.kf__answer{position:relative;display:block;margin:0;padding:26px 26px 24px;border:1px solid var(--kf-ink);background:#fff;cursor:pointer;transition:background .25s,color .25s,transform .25s}.kf__answer input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kf__answer b{display:block;font-family:var(--kf-head);font-weight:700;font-size:clamp(17px,1.5vw,20px);line-height:1.2;letter-spacing:-.01em;margin-bottom:6px}.kf__answer span{display:block;font-size:14px;line-height:1.45;color:#555}.kf__answer:after{content:"";position:absolute;right:20px;top:24px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--kf-ink);transition:background .25s,border-color .25s}.kf__answer:hover{background:var(--kf-tan-light)}.kf__answer:has(input:checked){background:var(--kf-ink);color:#fff}.kf__answer:has(input:checked) span{color:#ffffffb8}.kf__answer:has(input:checked):after{background:var(--kf-tan);border-color:var(--kf-tan)}.kf__answer:has(input:focus-visible){outline:2px solid var(--kf-ink);outline-offset:3px}.kf__nav{margin:32px 0 0}.kf__back{color:var(--kf-tan-dark)}.kf__noscript{margin:0;font-size:16px}.kf__result-title{font-family:var(--kf-head);font-weight:700;font-size:clamp(32px,4.6vw,60px);line-height:1.02;letter-spacing:-.025em;margin:0 0 40px}.kf__pool{list-style:none;margin:0;padding:0}.kf__top,.kf__more{display:grid;gap:16px}.kf__more{grid-template-columns:repeat(2,minmax(0,1fr))}.kf__more-label{margin-top:48px}.kf__card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0 clamp(24px,4vw,64px);align-items:center;margin:0;padding:clamp(24px,3vw,44px);background:#fff;border:1px solid var(--kf-line)}.kf__card--top{background:var(--kf-ink);color:#fff;border-color:var(--kf-ink)}.kf__result.is-in .kf__card{animation:kf-up .7s cubic-bezier(.2,.7,.2,1) both}.kf__result.is-in .kf__more .kf__card:nth-child(1){animation-delay:.25s}.kf__result.is-in .kf__more .kf__card:nth-child(2){animation-delay:.4s}.kf__num{position:absolute;z-index:0;right:-.06em;bottom:-.28em;margin:0;font-family:var(--kf-head);font-weight:700;font-size:clamp(120px,20vw,300px);line-height:.8;letter-spacing:-.05em;color:var(--kf-tan-light);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.kf__card--top .kf__num{color:var(--accent);opacity:.7}.kf__media{position:relative;z-index:1;margin:0;aspect-ratio:1 / 1;background:radial-gradient(closest-side at 50% 58%,color-mix(in srgb,var(--accent) 26%,var(--kf-paper)) 0%,var(--kf-paper) 100%);display:grid;place-items:center}.kf__card--top .kf__media{background:radial-gradient(closest-side at 50% 58%,color-mix(in srgb,var(--accent) 45%,var(--kf-ink)) 0%,var(--kf-ink) 100%)}.kf__media img{display:block;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-6deg)}.kf__card--top .kf__media img{mix-blend-mode:normal}.kf__body{position:relative;z-index:1}.kf__card--top .kf__eyebrow{color:var(--kf-tan)}.kf__name{font-family:var(--kf-head);font-weight:700;font-size:clamp(28px,3.6vw,48px);line-height:1.02;letter-spacing:-.02em;margin:0 0 8px;color:inherit}.kf__claim{margin:0 0 18px;font-size:17px;line-height:1.4;color:var(--kf-tan-dark)}.kf__card--top .kf__claim{color:#ffffffb8}.kf__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.kf__chips:empty{display:none}.kf__chips span{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--kf-tan-light);color:var(--kf-ink);font-family:var(--kf-head);font-weight:700;font-size:12px;letter-spacing:.04em;line-height:1.2}.kf__card--top .kf__chips span{background:var(--kf-tan)}.kf__notes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0 0 18px;font-family:var(--kf-head);font-weight:700;font-size:clamp(15px,1.4vw,18px);letter-spacing:-.01em;line-height:1.2}.kf__notes span{display:inline-flex;align-items:center}.kf__notes span:not(:last-child):after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin:0 10px}.kf__scales{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 28px;margin:0 0 22px;padding:16px 0;border-top:1px solid var(--kf-line);border-bottom:1px solid var(--kf-line)}.kf__card--top .kf__scales{border-color:#ffffff2e}.kf__scales dt{margin:0 0 6px;font-family:var(--kf-head);font-weight:700;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--kf-tan-dark)}.kf__card--top .kf__scales dt{color:var(--kf-tan)}.kf__scales dd{margin:0;display:flex;gap:5px}.kf__scales i{display:block;width:11px;height:11px;border-radius:50%;border:1.5px solid currentColor}.kf__scales i.is-on{background:var(--accent);border-color:var(--accent)}.kf__foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.kf__price{margin:0;font-family:var(--kf-head);line-height:1}.kf__price strong{font-weight:700;font-size:28px;letter-spacing:-.02em}.kf__price-from,.kf__price-unit{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--kf-tan-dark)}.kf__card--top .kf__price-from,.kf__card--top .kf__price-unit{color:var(--kf-tan)}.kf__price-from{text-transform:uppercase}.kf__soldout{display:inline-block;padding:7px 12px;border:1px solid currentColor;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kf__card--top .kf__btn{background:#fff;color:var(--kf-ink);border-color:#fff}.kf__card--top .kf__btn:hover{background:var(--kf-tan-light);border-color:var(--kf-tan-light);color:var(--kf-ink)}.kf__more .kf__card{grid-template-columns:1fr;gap:18px 0;padding:24px}.kf__more .kf__media{width:46%}.kf__more .kf__name{font-size:clamp(22px,2.2vw,28px)}.kf__more .kf__scales,.kf__more .kf__notes{display:none}.kf__more .kf__num{font-size:clamp(100px,12vw,180px);bottom:auto;top:-.12em}.kf__result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:40px}.kf__cta{padding-top:80px;padding-bottom:80px;background:var(--kf-ink);color:#fff;text-align:center}.kf__cta-title{font-family:var(--kf-head);font-weight:700;font-size:clamp(32px,4.6vw,56px);letter-spacing:-.02em;line-height:1.02;margin:0 0 14px;color:#fff}.kf__cta-text{font-size:17px;color:#ffffffb8;margin:0 auto 28px;max-width:560px}@keyframes kf-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kf-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:959px){.kf__answers{grid-template-columns:repeat(2,minmax(0,1fr))}.kf__card{grid-template-columns:1fr;gap:24px 0}.kf__media{width:min(100%,360px)}.kf__more{grid-template-columns:1fr}.kf__more .kf__card{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0 20px}}@media(max-width:768px){.kf{--kf-pad: 20px}.kf__hero{margin-top:0;padding-top:64px;padding-bottom:48px}.kf__hero-side{display:none}.kf__quiz{padding-top:28px;padding-bottom:64px}.kf__rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:36px}.kf__rail button span{display:none}.kf__answers{grid-template-columns:1fr;gap:8px}.kf__answer{padding:18px 48px 16px 18px}.kf__answer:after{right:18px;top:20px}.kf__card{padding:20px}.kf__media{width:72%}.kf__scales{gap:12px 18px}.kf__more .kf__card{grid-template-columns:1fr}.kf__more .kf__media{width:56%}.kf__cta{padding-top:56px;padding-bottom:56px}}@media(prefers-reduced-motion:reduce){.kf__step,.kf__result.is-in .kf__card{animation:none}.kf__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kaffee-finder.css.map */