.coffee-section{background:radial-gradient(circle at 12% 15%, #4c77d814, transparent 30rem), radial-gradient(circle at 86% 42%, #9d70f71a, transparent 36rem), var(--ink);color:var(--white);position:relative;overflow:hidden}.coffee-section__intro{gap:var(--space-7);grid-template-columns:1fr minmax(18rem,27rem);align-items:end;display:grid}.coffee-section__intro>p:last-child{color:#fff9;max-width:44ch;margin:0}.coffee-generator{background:#ffffff06;border:1px solid #ffffff1a;border-radius:clamp(1.5rem,3vw,2rem);margin-top:clamp(2.5rem,6vw,5.5rem);padding:clamp(.8rem,1.8vw,1.35rem);box-shadow:0 2rem 6rem #0000004d,inset 0 1px #ffffff09}.coffee-generator__layout{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);align-items:stretch;gap:clamp(.75rem,1.5vw,1.2rem);display:grid}.coffee-result,.coffee-picker{background:#07070cc2;border:1px solid #ffffff16;border-radius:clamp(1.15rem,2vw,1.6rem);min-width:0;box-shadow:inset 0 1px #ffffff08}.coffee-result{background:linear-gradient(160deg,#0f0e17f5,#07070cfa);padding:clamp(1.35rem,2.8vw,2.35rem)}.coffee-result__header,.coffee-picker__header,.coffee-breakdown__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.coffee-result__eyebrow,.coffee-picker__eyebrow,.coffee-breakdown__eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.64rem;font-weight:800}.coffee-result h2,.coffee-picker h2,.coffee-breakdown h3{font-family:var(--font-display);letter-spacing:-.045em;margin:0}.coffee-result h2{max-width:13ch;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:650;line-height:.96}.coffee-result__international{color:#ffffff61;letter-spacing:.04em;margin:.55rem 0 0;font-size:.7rem;font-weight:650}.coffee-result__total{color:#fff6;letter-spacing:.08em;text-transform:uppercase;flex:none;justify-items:end;gap:.18rem;padding-top:.15rem;font-size:.6rem;font-weight:760;display:grid}.coffee-result__total strong{color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:.9rem}.coffee-result__total small{color:#ffffff7a;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-size:.58rem}.coffee-result__description{color:#ffffff9e;max-width:58ch;min-height:2.8em;margin:1rem 0 0;font-size:clamp(.86rem,1.1vw,.96rem);line-height:1.55}.coffee-result__body{grid-template-columns:minmax(14rem,.82fr) minmax(16rem,1fr);align-items:center;gap:clamp(1.4rem,3vw,2.6rem);margin-top:clamp(1.75rem,4vw,3rem);display:grid}.coffee-glass-stage{place-items:center;min-height:25rem;display:grid}.coffee-glass{clip-path:polygon(5% 0,95% 0,85% 100%,15% 100%);filter:drop-shadow(0 1.5rem 2.2rem #00000057);background:#ffffffb3;border-radius:0 0 1.7rem 1.7rem;width:clamp(14.5rem,19vw,16.5rem);height:clamp(19rem,25vw,22rem);padding:1.5px;position:relative;overflow:hidden}.coffee-glass__contents{clip-path:polygon(5% 0,95% 0,85% 100%,15% 100%);background:#16131b;border-radius:0 0 1.55rem 1.55rem;width:100%;height:100%;position:relative;overflow:hidden}.coffee-recipe-layer{right:0;bottom:var(--layer-bottom,0%);height:var(--layer-size,0%);background:var(--layer-color,transparent);opacity:0;color:var(--layer-text-color,#fff);text-align:center;transition:height .46s var(--ease), bottom .46s var(--ease), background-color .46s var(--ease), opacity .18s ease;place-items:center;display:grid;position:absolute;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff47}.coffee-recipe-layer.is-active{opacity:1}.coffee-recipe-layer__text{white-space:nowrap;justify-content:center;align-items:baseline;gap:.35rem;max-width:82%;display:none;overflow:hidden}.coffee-recipe-layer.has-inline-label .coffee-recipe-layer__text{display:flex}.coffee-recipe-layer__text strong,.coffee-recipe-layer__text small{font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:clamp(.58rem,.85vw,.68rem);font-weight:800;overflow:hidden}.coffee-recipe-layer__text small{opacity:.78;flex:none}.coffee-breakdown{border-left:1px solid #ffffff16;min-width:0;padding-left:clamp(1.2rem,2.4vw,2rem)}.coffee-breakdown__header{align-items:end}.coffee-breakdown h3{font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:650;line-height:1}.coffee-breakdown__header>span{color:#ffffff6b;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:800}.coffee-breakdown__note{color:#ffffff6b;margin:.9rem 0 0;font-size:.68rem;line-height:1.5}.coffee-breakdown__list{gap:.55rem;margin-top:1.1rem;display:grid}.coffee-breakdown__item{background:#ffffff06;border:1px solid #ffffff13;border-radius:.9rem;grid-template-columns:.7rem minmax(0,1fr) auto;align-items:center;gap:.72rem;min-height:3.3rem;padding:.68rem .78rem;display:grid}.coffee-breakdown__swatch{aspect-ratio:1;background:var(--layer-color);border:1px solid #fff3;border-radius:50%;width:.62rem}.coffee-breakdown__copy{gap:.2rem;min-width:0;display:grid}.coffee-breakdown__copy strong{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:720;overflow:hidden}.coffee-breakdown__copy small{color:#ffffff57;font-variant-numeric:tabular-nums;font-size:.56rem}.coffee-breakdown__percent{min-width:4.2rem;color:var(--white);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:.42rem;font-size:.82rem;font-weight:800;display:flex}.coffee-breakdown__percent small{color:#ffffff47;font-size:.5rem}.coffee-picker{background:linear-gradient(160deg,#111019e6,#08080df0);padding:clamp(1.2rem,2.4vw,1.8rem)}.coffee-picker__header{border-bottom:1px solid #ffffff14;align-items:end;padding-bottom:1.25rem}.coffee-picker h2{font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:650;line-height:1}.coffee-picker__header>span{color:#ffffff61;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:780}.coffee-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.coffee-drink-option{color:#ffffffb3;text-align:left;touch-action:manipulation;cursor:pointer;min-width:0;min-height:4rem;transition:color var(--fast), border-color var(--fast), background var(--fast), box-shadow var(--fast), transform var(--fast);-webkit-tap-highlight-color:transparent;background:#ffffff06;border:1px solid #ffffff17;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) .65rem;align-items:center;gap:.62rem;padding:.68rem .75rem;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.coffee-drink-option:hover{color:var(--white);background:#bea5f90f;border-color:#bea5f961;transform:translateY(-1px)}}.coffee-drink-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.coffee-drink-option[aria-selected=true]{background:var(--accent);color:var(--graphite);border-color:#d7c8ffbd;box-shadow:0 0 0 3px #bea5f914}.coffee-drink-option__number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.5rem;font-weight:800}.coffee-drink-option[aria-selected=true] .coffee-drink-option__number{color:#16111d94}.coffee-drink-option__copy{gap:.16rem;min-width:0;display:grid}.coffee-drink-option__copy strong{font-size:.7rem;font-weight:770;line-height:1.18}.coffee-drink-option__copy small{color:#ffffff57;font-size:.54rem;line-height:1.2}.coffee-drink-option[aria-selected=true] .coffee-drink-option__copy small{color:#16111dad}.coffee-drink-option__mark{aspect-ratio:1;border:1px solid #fff3;border-radius:50%;width:.42rem}.coffee-drink-option[aria-selected=true] .coffee-drink-option__mark{border-color:var(--graphite);background:var(--graphite)}.coffee-picker__instruction{color:#ffffff59;margin:1rem 0 0;font-size:.6rem;line-height:1.5}@media (max-width:1050px){.coffee-generator__layout{grid-template-columns:1fr}.coffee-result__body{grid-template-columns:minmax(15rem,.8fr) minmax(18rem,1fr)}.coffee-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.coffee-section__intro{gap:var(--space-4);grid-template-columns:1fr}.coffee-section__intro>p:last-child{font-size:.9rem}.coffee-generator{border-radius:1.25rem;margin-top:2rem;padding:.5rem}.coffee-generator__layout{gap:.5rem}.coffee-result,.coffee-picker{border-radius:.95rem}.coffee-result{padding:1.2rem 1rem 1rem}.coffee-result h2{max-width:11ch;font-size:clamp(2.15rem,10.5vw,3rem)}.coffee-result__description{min-height:0;margin-top:.8rem;font-size:.84rem}.coffee-result__body{margin-top:1.4rem;display:block}.coffee-glass-stage{min-height:21rem}.coffee-glass{border-radius:0 0 1.4rem 1.4rem;width:clamp(11.9rem,56vw,13.8rem);height:clamp(16.2rem,74vw,18.5rem)}.coffee-glass__contents{border-radius:0 0 1.3rem 1.3rem}.coffee-recipe-layer__text{max-width:78%}.coffee-recipe-layer__text strong,.coffee-recipe-layer__text small{font-size:.58rem}.coffee-breakdown{border-top:1px solid #ffffff16;border-left:0;padding:1.2rem 0 0}.coffee-breakdown__item{min-height:3.2rem;padding:.65rem .72rem}.coffee-breakdown__copy strong{white-space:normal}.coffee-picker{padding:1rem}.coffee-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.coffee-drink-option{border-radius:.8rem;gap:.5rem;min-height:4.25rem;padding:.65rem}.coffee-drink-option__copy strong{white-space:normal;font-size:.69rem}.coffee-drink-option__copy small{font-size:.52rem}}@media (max-width:370px){.coffee-result__header{display:block}.coffee-result__total{justify-content:flex-start;align-items:baseline;gap:.55rem;margin-top:.75rem;display:flex}.coffee-result__total small{margin-left:.1rem}}@media (max-width:340px){.coffee-picker__grid{grid-template-columns:1fr}.coffee-drink-option{min-height:3.6rem}}@media (prefers-reduced-motion:reduce){.coffee-recipe-layer,.coffee-drink-option{transition:none}}