.mini-rel{--ink: #1e1e1e;--ink-soft: #1f2725;--green: #307666;--green-deep: #28685a;--foam: #e4f4f2;--hint: rgba(31, 39, 37, .55);--track: #e6e4e1;--rule: rgba(30, 30, 30, .16);--control-rail: 158px;position:relative;display:grid;grid-template-columns:var(--control-rail) minmax(0,1fr);align-items:end;width:100%;height:100%;min-height:0;color:var(--ink);font-family:DM Sans,Helvetica Neue,sans-serif}.mini-rel.is-embed{height:auto;max-width:820px;margin:0 auto;padding:16px 16px 20px;box-sizing:border-box;grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.mini-rel-copy{position:absolute;z-index:3;top:50%;left:0;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:min(320px,40vw);margin:0;padding:2px 16px 2px 40px;border-left:1px solid var(--rule);background:#fff;text-align:left;transform:translateY(-50%)}.mini-rel.is-embed .mini-rel-copy{position:relative;top:auto;left:auto;width:min(320px,100%);transform:none}.fuel-eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.mini-rel-title{margin:0;font-family:Gloock,Times New Roman,serif;font-size:clamp(30px,3.8dvh,44px);font-weight:400;line-height:1.05;color:var(--ink)}.fuel-rule{width:100%;height:1px;margin:12px 0 14px;background:var(--rule)}.energy{width:100%;margin:0 0 16px}.energy-readout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;margin:0 0 10px}.energy-figure{color:var(--green);font-family:Gloock,Times New Roman,serif;font-size:clamp(34px,4.6dvh,52px);font-weight:400;font-variant-numeric:tabular-nums;line-height:.9;min-width:2.5em}.energy-message{display:flex;align-items:center;min-height:2.6em;color:var(--ink-soft);font-size:15px;font-weight:500;line-height:1.3}.energy-track{width:100%;height:4px;overflow:hidden;border-radius:2px;background:var(--track)}.energy-fill{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .48s cubic-bezier(.22,1,.36,1)}.pour-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 48px;border:0;border-radius:8px;background:var(--green);color:var(--foam);font-family:Inter,DM Sans,sans-serif;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-hover, .24s) var(--motion-ease, ease),transform var(--motion-press, .15s) var(--motion-ease, ease)}.pour-label{text-align:center}.pour-icon{position:absolute;right:56px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pour-button:hover:not(:disabled){background:var(--green-deep)}.pour-button:active:not(:disabled){background:#21584c}.pour-button:disabled{cursor:default;opacity:.72}.pour-button:focus-visible,.text-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.pour-hint{align-self:center;margin:10px 0 0;color:var(--hint);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.aux-actions{display:flex;align-items:center;align-self:center;gap:14px;margin-top:10px}.aux-rule{width:1px;height:14px;background:var(--rule)}.text-button{border:0;padding:4px 0;background:transparent;color:var(--green);font:inherit;font-size:14px;font-weight:500;line-height:1.2;text-decoration:underline;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}.text-button:hover:not(:disabled){color:var(--green-deep)}.text-button:disabled{opacity:.45;cursor:default}.portrait-slot{grid-column:2;height:100%;min-height:0;min-width:0;container-type:size;display:flex;align-items:flex-end;justify-content:flex-end}.portrait{position:relative;z-index:1;aspect-ratio:1024 / 1536;height:min(100cqh,150cqw);width:auto;max-width:100%;transform:none;pointer-events:none}.portrait-poses{position:absolute;inset:0;pointer-events:none}.portrait-plate{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.mug-stack,.layer{position:absolute}.mug-stack{z-index:1;left:var(--mug-x);top:var(--mug-y);width:var(--mug-w);height:var(--mug-h);pointer-events:none}.layer-mug{inset:0;width:100%;height:100%;object-fit:fill}.layer-mug-front{z-index:3}.layer-liquid{z-index:2;inset:0;clip-path:ellipse(var(--open-rx) var(--open-ry) at var(--open-cx) var(--open-cy))}.liquid-body{position:absolute;left:0;right:0;bottom:calc(100% - var(--open-cy) - var(--open-ry));height:calc((var(--open-ry) * 2) * var(--fill));background:linear-gradient(#e7c39a,#e7c39a) top / 100% 18% no-repeat,linear-gradient(#8a5a32,#3a2418)}.layer-battery{z-index:4;left:var(--battery-x);top:var(--battery-y);width:var(--battery-w);height:var(--battery-h)}.layer-battery .mug-battery,.layer-battery svg{display:block;width:100%;height:100%}.pour-rig{position:absolute;z-index:6;inset:0;pointer-events:none}.pour-carafe,.pour-stream{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pour-carafe{z-index:2;object-fit:fill}.pour-stream{z-index:1;object-fit:fill;object-position:center top;opacity:0}.pour-stream.is-pouring{animation:stream-in .12s ease-out forwards}@keyframes stream-in{0%{opacity:0}to{opacity:1}}.mini-rel.is-embed .portrait-slot{height:auto;width:100%;container-type:inline-size}.mini-rel.is-embed .portrait{width:100%;height:auto;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.mini-rel{height:auto;grid-template-columns:1fr;justify-items:center}.mini-rel-copy{position:relative;top:auto;left:auto;order:2;width:min(100%,420px);transform:none;border-left:0;padding-left:0}.portrait-slot{grid-column:auto;order:1;width:min(100%,460px);height:auto;container-type:inline-size;justify-content:center}.portrait{width:100%;height:auto;transform:none}.pour-button{min-height:48px}}@media(prefers-reduced-motion:reduce){.pour-button,.energy-fill{transition:none}.pour-stream.is-pouring{animation:none;opacity:1}}