@font-face{font-family:Jakarta;src:url('assets/sans.woff2')}@font-face{font-family:Instrument;src:url('assets/serif.woff2');font-style:italic}*{box-sizing:border-box}body{margin:0;background:#ffffff;color:#242424;font-family:Jakarta,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}header{height:104px;border-bottom:1px solid #e1e1e1;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}header img{display:block;width:146px;height:auto}.header-note{font-size:14px;color:#707070}.shop{text-decoration:none;font-size:14px}main{max-width:1440px;margin:auto;padding:42px 5vw 64px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;line-height:1.5}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px;gap:24px}h1,h2,h3,p{margin:0}h1{font-family:Instrument,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(48px,5.6vw,80px);line-height:1.07;margin-top:10px}.intro p{max-width:310px;color:#686868;font-size:14px;padding-bottom:6px}.layout{display:grid;grid-template-columns:1.12fr 1fr;gap:64px}.quiz{padding-top:8px}.progress{display:flex;gap:6px;margin:12px 0 30px}.progress span{height:3px;background:#e2e2e2;flex:1}.progress .done{background:#242424}.step-meta{display:flex;justify-content:space-between;color:#707070;font-size:13px}h2{font-size:29px;letter-spacing:-.035em;line-height:1.25;font-weight:500}.hint{font-size:14px;color:#707070;margin-top:10px;margin-bottom:22px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:17px;text-align:left;width:100%;border:1px solid #d8d8d8;background:transparent;padding:17px 20px;border-radius:0;color:inherit;transition:background .18s,border .18s}.option:hover{background:#f5f5f5;border-color:#888888}.option.selected{background:#f0f0f0;border-color:#242424}.option .letter{font-size:13px;border:1px solid #d0d0d0;border-radius:0;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.selected .letter{color:white;background:#242424;border-color:#242424}.option strong{display:block;font-size:16px;font-weight:500}.option small{display:block;color:#686868;font-size:13px;margin-top:3px}.option .check{margin-left:auto}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.primary{background:#242424;border:1px solid #242424;color:#fff;padding:16px 24px;border-radius:0;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:35px;font-size:14px}.primary:hover{background:#454545}.primary:disabled{background:#c5c5c5;border-color:#c5c5c5;cursor:not-allowed}.back{border:0;background:none;padding:14px 0;color:#656565;font-size:14px}.back:disabled{visibility:hidden}.preview{background:#f2f2f2;position:relative;border-radius:0;overflow:hidden;min-height:560px;display:flex;flex-direction:column}.preview-top{padding:25px 30px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.pill{font-size:12px;border:1px solid #949494;border-radius:0;padding:5px 11px}.product-photo{width:100%;height:315px;object-fit:contain;mix-blend-mode:multiply}.preview-bottom{padding:0 30px 30px}.preview h3{font-family:Instrument,Georgia,serif;font-style:italic;font-size:47px;font-weight:400;line-height:1.1}.preview p{font-size:14px;color:#636363;margin-top:10px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tags span{padding:5px 11px;border-radius:0;border:1px solid #d0d0d0;font-size:12px}.mini-note{border-top:1px solid #d0d0d0;margin-top:23px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#686868}.slider-block{padding:20px 0;border-bottom:1px solid #d9d9d9}.slider-block label{display:flex;justify-content:space-between;gap:20px}.slider-block output{font-size:22px}.slider-block input{width:100%;margin:20px 0 6px;accent-color:#242424}.scale{display:flex;justify-content:space-between;color:#727272;font-size:12px}.result-intro{margin-bottom:32px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.result-card{border:1px solid #d9d9d9;border-radius:0;padding:30px}.result-card h2{margin:15px 0}.result-card p{color:#636363;font-size:15px}.result-card ul,.result-card ol{padding-left:21px;font-size:15px;color:#555555}.result-card li{padding:5px 0}.wide{grid-column:1/-1}.coffee-result{display:grid;grid-template-columns:.85fr 1.15fr;background:#f2f2f2;align-items:center;padding:12px 32px 12px 0}.coffee-result img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}.coffee-result h2{font-family:Instrument,Georgia,serif;font-size:58px;font-style:italic;font-weight:400}.coffee-result .primary{margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.stat{padding:20px 0;border-top:1px solid #d2d2d2}.stat b{display:block;font-size:28px;font-weight:500}.stat span{font-size:12px;color:#666666}.cost-controls{display:grid;grid-template-columns:1fr 1fr;gap:35px}.fine{font-size:12px!important;color:#747474!important;margin-top:16px}.result-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:20px}.source-links{font-size:12px;color:#737373;margin-top:26px}.source-links a{margin-right:13px}footer{border-top:1px solid #e1e1e1;margin:0 5vw;padding:24px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#6c6c6c}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #555555;outline-offset:4px}.fade{animation:in .3s ease}@keyframes in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){header{height:80px;padding:0 6vw}.header-note{display:none}header img{width:120px}main{padding:28px 6vw 40px}.intro{display:block;margin-bottom:30px}.intro p{margin-top:17px;max-width:100%}.layout{grid-template-columns:1fr;gap:30px}h1{font-size:57px}.preview{min-height:0}.product-photo{height:230px}.preview h3{font-size:40px}.preview-top{padding:20px 24px 0}.preview-bottom{padding:0 24px 24px}.progress{margin-bottom:24px}.result-grid{grid-template-columns:1fr}.wide{grid-column:auto}.coffee-result{display:block;padding:24px}.coffee-result img{height:245px}.coffee-result h2{font-size:49px}.result-card{padding:24px}.cost-controls{grid-template-columns:1fr;gap:0}.stats{gap:12px}.stat b{font-size:23px}.result-actions,footer{align-items:start;flex-direction:column}.option{padding:16px}.nav .primary{flex:1;max-width:240px}h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.fade{animation:none}*{transition:none!important}}

/* Focused single-column questions; square controls throughout. */
.layout{display:block;max-width:720px;margin:0 auto}.quiz{padding-top:8px}.nav .fine{margin-top:14px;text-align:right}input[type=range]{appearance:none;background:transparent;height:26px}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#bbb;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:22px;margin-top:-9px;background:#242424;border:0;border-radius:0}input[type=range]::-moz-range-track{height:3px;background:#bbb;border-radius:0}input[type=range]::-moz-range-thumb{width:18px;height:22px;background:#242424;border:0;border-radius:0}