.pn-brew-studio{scroll-margin-top:100px}.pn-brew-studio [hidden]{display:none!important}.pn-brew-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:32px}.pn-brew-tabs button{display:flex;gap:16px;align-items:center;border:0;border-bottom:3px solid transparent;background:transparent;padding:20px 18px;text-align:left;color:var(--muted);cursor:pointer;font-size:1.02rem}.pn-method-number{font-size:.68rem;letter-spacing:.12em;color:var(--rust)}.pn-brew-tabs button[aria-selected=true]{background:var(--paper);border-color:var(--rust);color:var(--ink);font-weight:700}.pn-brew-tabs button:hover{color:var(--ink);background:rgba(255,250,241,.6)}.pn-brew-studio :focus-visible{outline:3px solid var(--rust);outline-offset:4px}.pn-brew-panel{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.5fr);gap:36px;align-items:start}.pn-brew-panel+.pn-brew-panel{margin-top:48px}.pn-brew-studio[data-brew-ready] .pn-brew-panel+.pn-brew-panel{margin-top:0}.pn-brew-overview{overflow:hidden;background:var(--espresso);color:var(--paper);border-radius:3px}.pn-brew-photo{height:270px;position:relative;overflow:hidden}.pn-brew-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.84)}.pn-brew-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,var(--espresso))}.pn-brew-photo>span{position:absolute;bottom:20px;left:28px;right:28px;z-index:1;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}.pn-brew-intro{padding:30px}.pn-brew-intro .kicker{color:var(--gold-soft)}.pn-brew-intro h3{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.14;margin:0 0 20px}.pn-brew-intro>p{color:rgba(255,250,241,.76);font-size:.93rem}.pn-brew-tools{border-top:1px solid rgba(255,255,255,.17);padding-top:22px;margin-top:24px}.pn-brew-tools>strong{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft)}.pn-brew-tools p{color:rgba(255,250,241,.72);font-size:.83rem;margin:8px 0 0}.pn-brew-match{display:block;text-decoration:none;border-top:1px solid rgba(255,255,255,.17);margin-top:26px;padding-top:22px}.pn-brew-match>span{display:block;font-size:.74rem;color:rgba(255,250,241,.7);margin-bottom:5px}.pn-brew-match>strong{display:flex;justify-content:space-between;font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--gold-soft)}.pn-brew-match:hover>strong{text-decoration:underline}.pn-brew-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:4px 0 25px}.pn-brew-facts div>span{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.pn-brew-facts strong{font-size:.82rem;font-weight:500}.pn-brew-calculator{padding:24px 28px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.pn-brew-calc-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.pn-brew-calc-top>strong{font-size:.75rem;font-weight:500;color:var(--muted)}.pn-brew-calc-top strong>span{display:inline-block;margin-left:8px;padding:3px 10px;background:var(--cream);color:var(--ink);font-weight:700}.pn-brew-calc-top button{padding:5px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.74rem;color:var(--rust);cursor:pointer}.pn-brew-measurements{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pn-brew-measurements label,.pn-brew-result>span{font-size:.75rem;display:block;margin-bottom:8px}.pn-brew-measurements label>span{color:var(--muted)}.pn-brew-measurements input{width:100%;max-width:180px;font:500 2rem var(--serif);color:var(--ink);border:1px solid var(--line);border-radius:2px;background:var(--paper);padding:9px 12px;min-height:58px}.pn-brew-measurements input[readonly]{border-color:transparent;padding-left:0;background:transparent}.pn-brew-result output{font:500 clamp(1.7rem,3vw,2.35rem) var(--serif);line-height:1.6;display:block;min-height:58px;color:var(--rust);white-space:nowrap}.pn-brew-measurements small{display:block;margin-top:7px;color:var(--muted);font-size:.67rem;line-height:1.5}.pn-brew-unit-control{display:flex;align-items:center;gap:14px;margin-top:18px}.pn-brew-unit-control label{font-size:.72rem;color:var(--muted)}.pn-brew-unit-control select{font:inherit;font-size:.75rem;background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:8px 25px 8px 9px;min-height:38px;max-width:100%;border-radius:2px}.pn-brew-calc-note{font-size:.7rem;line-height:1.6;color:var(--muted);margin:17px 0 0}.pn-brew-error{font-size:.8rem;color:var(--rust);margin:10px 0 0}.pn-brew-steps h4{font:500 1.65rem var(--serif);margin:30px 0 22px}.pn-brew-steps ol{list-style:none;padding:0;counter-reset:brew-step;margin:0}.pn-brew-steps li{counter-increment:brew-step;display:grid;grid-template-columns:32px 1fr;gap:14px;margin-bottom:22px}.pn-brew-steps li::before{content:counter(brew-step,decimal-leading-zero);font-size:.7rem;font-weight:700;color:var(--rust);padding-top:3px}.pn-brew-steps h5{font:700 .85rem var(--sans);margin:0 0 5px}.pn-brew-steps p{font-size:.84rem;line-height:1.65;color:var(--muted);margin:0}.pn-brew-tune{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px}.pn-brew-tune summary{display:flex;justify-content:space-between;gap:15px;font-size:.87rem;cursor:pointer;padding:18px 0;font-weight:700;list-style:none}.pn-brew-tune summary::-webkit-details-marker{display:none}.pn-brew-tune[open] summary>span{transform:rotate(45deg)}.pn-brew-tune ul{font-size:.8rem;color:var(--muted);padding:0 0 0 20px;margin:0 0 20px;display:grid;gap:8px}.pn-brew-source{margin-top:15px;color:var(--muted);font-size:.7rem}.pn-brew-source summary{cursor:pointer;padding:5px 0}.pn-brew-source a{display:block;color:var(--rust);margin:6px 0;text-underline-offset:3px}.pn-brew-foundations{margin-top:38px;padding:22px 28px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:10px 35px}.pn-brew-foundations>strong{font:500 1.25rem var(--serif);grid-row:span 2;line-height:1.4}.pn-brew-foundations p{font-size:.7rem;color:var(--muted);margin:0;line-height:1.6}@media(max-width:900px){.pn-brew-panel{gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.pn-brew-intro{padding:24px}.pn-brew-photo{height:230px}.pn-brew-calculator{padding:20px}.pn-brew-measurements{gap:12px}.pn-brew-facts{gap:10px}.pn-brew-tabs button{padding:17px 10px;gap:9px}}@media(max-width:700px){.pn-brew-tabs{grid-template-columns:1fr 1fr;gap:1px;margin-bottom:24px;border-top:1px solid var(--line)}.pn-brew-tabs button{min-height:58px;padding:15px}.pn-brew-panel{grid-template-columns:1fr}.pn-brew-overview{display:grid;grid-template-columns:110px 1fr}.pn-brew-photo{height:100%;min-height:240px}.pn-brew-photo>span,.pn-brew-photo::after{display:none}.pn-brew-intro{padding:23px}.pn-brew-intro .kicker{margin-bottom:10px}.pn-brew-intro h3{font-size:1.55rem;margin-bottom:12px}.pn-brew-intro>p{font-size:.79rem;margin:0}.pn-brew-tools{margin-top:15px;padding-top:14px}.pn-brew-tools p{font-size:.73rem}.pn-brew-match{margin-top:16px;padding-top:14px}.pn-brew-match>strong{font-size:1.15rem}.pn-brew-facts{padding:4px 0 20px}.pn-brew-calculator{padding:22px}.pn-brew-foundations{grid-template-columns:1fr;padding:22px;gap:14px}.pn-brew-foundations>strong{grid-row:auto}.pn-brew-foundations p{font-size:.73rem}.pn-brew-steps p{font-size:.86rem}.pn-brew-unit-control{flex-wrap:wrap;gap:8px 12px}}@media(max-width:380px){.pn-brew-overview{grid-template-columns:80px 1fr}.pn-brew-intro{padding:18px}.pn-brew-tabs button{font-size:.9rem;padding:12px}.pn-brew-calculator{padding:18px}.pn-brew-result output{font-size:1.65rem}.pn-brew-facts strong{font-size:.73rem}}
@media(max-width:700px){.pn-brew-result output{white-space:normal;font-size:1.65rem;line-height:1.45;overflow-wrap:anywhere}}