.press-workshop{--press-rail-space: 72px}.press-workshop-heading{padding:clamp(16px,3vw,29px);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:repeating-linear-gradient(118deg,#9f734911 0 1px,transparent 1px 6px),var(--kraft)}.press-workshop-heading .kicker{margin-bottom:8px}.press-workshop-heading>p:last-child{max-width:61ch;color:var(--muted);margin-top:8px}.press-rail{position:sticky;z-index:5;top:var(--header-space);padding:6px;border:1px solid var(--line);border-radius:0 0 6px 6px;background:var(--paper);box-shadow:0 3px #6a4d3020}.press-rail ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:0;list-style:none}.press-rail a{display:flex;min-height:44px;align-items:center;justify-content:center;gap:5px;padding:5px 3px;border-radius:4px;color:var(--green);text-align:center;text-decoration:none;font-size:.9rem;font-weight:800;line-height:1.13;transition:background-color .2s,color .2s}.press-rail a:hover{background:var(--kraft)}.press-rail a[aria-current=step]{background:var(--green);color:var(--paper)}.press-rail a:focus-visible{outline-offset:1px}.press-rail-number{display:grid;place-items:center;flex:0 0 1.55em;min-height:1.55em;border:1px solid currentColor;border-radius:50%;font-size:.875rem;line-height:1}.press-steps{display:grid;gap:14px;list-style:none;padding:0;margin-top:16px}.press-step{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(12px,2.65vw,28px);align-items:center;padding:clamp(11px,2vw,23px);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:5px 5px 12px;background:var(--paper-light);scroll-margin-top:var(--press-rail-space);transition:border-left-color .25s}.press-step :is([id],a,button,input){scroll-margin-top:var(--press-rail-space)}.press-step[data-press-active]{border-left-color:var(--green)}.press-step-copy{min-width:0}.press-step h3{font-size:clamp(1.48rem,2.8vw,2.45rem)}.press-step-copy>p{color:var(--muted);margin-top:9px}.press-figure{min-width:0}.press-figure figcaption{font-size:.94rem;line-height:1.4;color:var(--muted);margin-top:6px}.press-picture{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #8e7050;border-radius:4px 4px 15px;background:var(--kraft)}.press-picture img{width:100%;height:100%;object-fit:cover}.press-picture:after{content:"";position:absolute;inset:6px;border:1px solid #fff7e685;border-radius:2px 2px 10px;pointer-events:none}.press-gap{position:absolute;top:34.45%;left:29.8%;z-index:1;height:24.75%;border-left:2px solid var(--ink)}.press-gap:before,.press-gap:after{content:"";position:absolute;left:-2px;width:10px;border-top:2px solid var(--ink)}.press-gap:before{top:0}.press-gap:after{bottom:0}.press-gap>span{position:absolute;top:50%;right:5px;transform:translateY(-50%);padding:3px 5px 4px;border:1px solid #896b4f;border-radius:4px;background:var(--paper-light);color:var(--ink);font-size:clamp(.65rem,1.05vw,.77rem);font-weight:760;line-height:1.03;text-align:center}.press-gap strong{display:block;white-space:nowrap;font-size:1.14em;margin-top:3px}.press-direction{position:absolute;top:24%;left:6%;z-index:1;display:flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #886b52;border-radius:4px;background:var(--paper-light);color:var(--green);font-size:clamp(.68rem,1.15vw,.83rem);font-weight:790}.press-direction[data-press-direction=raised]{top:17%}.press-direction[data-press-direction=raised] svg{rotate:180deg}.press-measures{margin:16px 0 0}.calculator-illustrated{gap:4px}.recipe-sketch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(100%,10em);margin-bottom:5px}.recipe-sketch-heading{grid-column:1 / -1;margin-bottom:-5px;color:var(--green);font-size:.875rem;font-weight:800}.recipe-sketch>div{display:grid;justify-items:center;gap:3px;color:var(--green);font-size:.875rem;line-height:1.2;font-weight:770}.recipe-sketch-scale{color:var(--muted);font-variant-numeric:tabular-nums}.recipe-vessel{position:relative;display:block;width:min(100% - 7px,47px);height:63px;border:1.5px solid #5c6d62;border-radius:3px 4px 9px 9px;background:#fffaf2c2;isolation:isolate}.recipe-vessel:before{content:"";position:absolute;inset:auto 1px 1px;height:var(--recipe-fill, 0%);max-height:calc(100% - 2px);border-radius:0 0 7px 7px;background:linear-gradient(#96b4ae,#5a817e);transition:height .3s ease}.recipe-vessel:after{content:"";position:absolute;right:2px;top:5px;bottom:5px;width:8px;background:repeating-linear-gradient(0deg,transparent 0 8px,#3e5149 8px 9px);opacity:.66}.recipe-vessel-grounds{border-color:#795847;border-radius:5px 5px 12px 12px}.recipe-vessel-grounds:before{background:radial-gradient(circle at 2px 2px,#aa6e48 0 1px,transparent 1.4px) 0 0 / 6px 6px,radial-gradient(circle at 4px 4px,#69402c 0 1px,transparent 1.8px) 0 0 / 9px 8px,#4b2e20;border-radius:4px 4px 10px 10px}.recipe-vessel-grounds:after{background:repeating-linear-gradient(0deg,transparent 0 8px,#6e5344 8px 9px)}.calc-ratio-caption{color:var(--green);font-size:.94rem;font-weight:790;line-height:1.3}.press-volumes,.press-serving{margin-top:15px;padding:clamp(9px,1.4vw,14px);border:1px solid var(--line);border-radius:5px;background:#f6eddf}.press-volumes h4,.press-serving h4{margin:0;color:var(--green);font:690 clamp(1.07rem,1.7vw,1.34rem)/1.15 var(--serif)}.press-volumes dl{margin-top:7px}.press-volumes dl>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4px 10px;padding-block:7px;border-top:1px dashed var(--line)}.press-volumes dt{display:flex;align-items:start;gap:5px;color:var(--green);font-size:.94rem;font-weight:810;line-height:1.4}.press-volumes dd{margin:0;font-size:.94rem;line-height:1.4}.press-volumes dd strong{font-variant-numeric:tabular-nums}.press-volumes dd p{margin-top:4px;color:var(--muted);font-size:.94rem}.press-volumes dd a{font-weight:730}.press-serving>p{margin-top:5px;color:var(--muted);font-size:.94rem;line-height:1.4}.press-serving fieldset{margin:9px 0 0;padding:0;min-inline-size:0;border:0}.press-serving .calc-label{font-size:.92rem}.press-serving .press-serving-result{color:var(--green);font-weight:730}.press-serving:has([aria-invalid=true]) .press-serving-result{color:var(--cherry)}.brew-timer{margin-top:15px;padding:13px;border:1px solid var(--strong-line);border-radius:6px;background:var(--kraft)}.timer-heading{display:flex;align-items:center;gap:9px}.timer-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;color:var(--paper);background:var(--green)}.timer-heading h4{margin:0;color:var(--ink);font:690 1.23rem/1.1 var(--serif)}.timer-heading p{color:var(--muted);font-size:.94rem}.timer-body{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:11px}.timer-controls{flex:1 1 min(100%,10em);min-width:0}.timer-dial{position:relative;display:grid;place-items:center;width:min(100%,max(86px,3.1em));font-size:clamp(1.75rem,3.5vw,2.65rem);aspect-ratio:1;isolation:isolate;border:1px solid #8a7766;border-radius:50%;background:conic-gradient(var(--green) 0 var(--timer-percent, 0%),#bba88b var(--timer-percent, 0%) 100%)}.timer-dial:before{content:"";position:absolute;inset:5px;z-index:-1;border:1px dashed #9f8a6c;border-radius:50%;background:var(--paper)}.timer-digits{color:var(--green);font:650 1em/1 var(--serif);letter-spacing:-.047em;font-variant-numeric:tabular-nums}.timer-actions{display:flex;flex-wrap:wrap;gap:5px}.timer-actions button{min-height:44px;padding-inline:9px}.timer-status{min-height:1.35em;margin-top:5px;color:var(--muted);font-size:.94rem;line-height:1.4}.timer-next{min-height:44px}@media(prefers-reduced-motion:no-preference){@keyframes press-zoom{0%{scale:1.045}to{scale:1}}@keyframes press-cue{0%{translate:0 -5px}55%{translate:0 3px}to{translate:0}}.press-step[data-press-active] .press-direction svg{animation:press-cue .55s ease-out both}@supports (animation-timeline: view()){.press-picture:not([data-press-scene=agua]) img{animation:press-zoom linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}}@media(max-width:770px){.press-rail a>svg{display:none}}@media(max-width:610px){.press-step{grid-template-columns:1fr;gap:12px}.press-figure{width:min(100%,370px)}.press-workshop{--press-rail-space: 59px}.press-rail{padding:4px 3px}.press-rail a{flex-wrap:wrap}.press-rail a>svg{display:block}.press-rail-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:365px){.press-rail a{padding-inline:1px}.press-rail a>svg{display:none}}@media(max-width:430px){.press-volumes dl>div{grid-template-columns:1fr}}@media(max-height:480px){.press-workshop{--press-rail-space: 0px}.press-rail{position:relative;top:auto}}