@font-face{font-family:Brown;src:url(/fonts/BrownTT-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Brown;src:url(/fonts/BrownTT-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Nantes;src:url(/fonts/NantesWeb-SemiBoldItalic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}:root{--paper: #fcf8f8;--ink: #070707;--sub: #a8a08f;--dot: #d3c9b7;--accent: #e8651e;--sans: "Brown", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink)}a{color:var(--accent);text-decoration:none}button{font-family:var(--sans)}em{font-family:Nantes,Georgia,serif;font-style:italic;font-weight:600;letter-spacing:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes bupRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rrFade{0%{opacity:0}to{opacity:1}}.bup{animation:bupRise .42s cubic-bezier(.2,.9,.25,1) both}@media(prefers-reduced-motion:reduce){.bup{animation:none!important}}.frame{min-height:100%;display:flex;flex-direction:column;background:var(--paper)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px}.topbar .wordmark{height:18px;width:auto;display:block}.topbar-user{display:flex;align-items:center;gap:14px;font-size:13.5px;font-weight:700;color:#5f5547}.linkbtn{border:0;background:none;cursor:pointer;font-size:12.5px;font-weight:700;color:#9c9486;padding:6px}.linkbtn:hover{color:#5f5547}.centercol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{background:#fff;border-radius:22px;padding:26px 24px;box-shadow:0 24px 60px -22px #1f1a1459,0 0 0 1px #281e120d}.kick{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--sub)}.headline{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);margin:8px 0 0;text-wrap:balance}.subline{font-size:13.5px;line-height:1.5;color:#6f6557;margin-top:8px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:#fff;background:#2a2320;padding:15px 32px;border-radius:999px;box-shadow:0 16px 32px -12px #1f1a149e;transition:transform .14s ease}.pill:hover{transform:translateY(-2px)}.pill:active{transform:translateY(0) scale(.97)}.pill:disabled{opacity:.45;cursor:default;transform:none}.pill svg{width:17px;height:17px}.errbanner{margin-top:16px;background:#f7e3da;color:#8a3413;border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:700;text-align:center}.aura-bg{position:relative;isolation:isolate;overflow:hidden}.aura-bg:before{content:"";position:absolute;z-index:-1;left:50%;top:-180px;width:720px;height:560px;transform:translate(-50%);background:radial-gradient(38% 42% at 38% 38%,rgba(232,101,30,.16),transparent 70%),radial-gradient(44% 48% at 66% 42%,rgba(211,187,141,.32),transparent 72%),radial-gradient(50% 55% at 50% 62%,#fcf8f800,#fcf8f8e6 78%);filter:blur(28px);pointer-events:none}.setup{width:min(440px,100%);text-align:center}.setup .headline{font-size:30px;margin-top:10px}.boothrow{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:30px}.boothdot{width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;font-family:var(--sans);font-size:22px;font-weight:700;color:var(--ink);background:#fff;box-shadow:0 0 0 1px #281e1212,0 10px 24px -14px #1f1a1459;transition:transform .15s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.boothdot:active{transform:scale(.94)}.boothdot.on{background:#2a2320;color:#fff;box-shadow:0 14px 28px -12px #1f1a148c}.modestack{display:flex;flex-direction:column;gap:12px;margin-top:34px}.modecard{display:flex;align-items:center;gap:16px;text-align:left;border:0;cursor:pointer;background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 0 0 1px #281e120f,0 18px 40px -26px #1f1a1466;transition:transform .15s ease,box-shadow .2s ease}.modecard:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #281e1214,0 24px 46px -24px #1f1a1473}.modecard:active{transform:scale(.985)}.modecard-icon{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f5f0e8;color:#6f6557}.modecard-icon svg{width:22px;height:22px}.modecard-copy{flex:1;min-width:0}.modecard-copy b{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.modecard-copy small{display:block;font-size:12.5px;color:#9c9486;margin-top:3px}.modecard-arrow{flex:none;color:#c9bfae;font-size:18px;transition:transform .15s ease,color .15s ease}.modecard:hover .modecard-arrow{transform:translate(3px);color:var(--ink)}.setup-adv{margin-top:30px;text-align:left}.setup-adv summary{cursor:pointer;list-style:none;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b9b0a0}.setup-adv summary::-webkit-details-marker{display:none}.setup-adv summary:hover{color:#6f6557}.setup-adv[open] summary{color:#6f6557}.setup-adv label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#9c9486;margin-top:14px}.setup-adv input{width:100%;margin-top:5px;border:0;border-bottom:1.5px solid #e0d6c8;background:none;font-family:var(--sans);font-size:14px;color:var(--ink);padding:6px 0}.setup-machine{display:flex;gap:10px;align-items:flex-end}.setup-machine input{flex:1;font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em}.setup-machine button{flex:none;border:0;border-radius:999px;padding:8px 16px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700;cursor:pointer}.setup-machine button:disabled{opacity:.5;cursor:default}.setup-machine-note{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#9c9486}.setup-machine-note.saved{color:#4f7a3a}.setup-machine-note.bad,.setup-machine-note.error{color:#b4442a}.checkin{width:min(560px,100%);display:flex;flex-direction:column;gap:14px;align-items:center}.boothlink span{font-size:14px}.scanwrap{position:relative;width:100%;border-radius:26px;overflow:hidden;background:#16110c;aspect-ratio:4 / 3;box-shadow:0 30px 70px -24px #1f1a1480,0 0 0 1px #281e120f}@media(max-width:620px){.scanwrap{aspect-ratio:3 / 4}}.scanwrap video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanframe{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.scanframe i{width:min(56%,250px);aspect-ratio:1;border-radius:24px;box-shadow:0 0 0 200vmax #0a07044d;outline:2.5px solid rgba(255,255,255,.9)}.scanhint{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fffffff0;text-shadow:0 1px 12px rgba(0,0,0,.6)}.scanhint em{font-size:17px}.manual-toggle{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.camerr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#d8cfc2;font-size:13.5px;line-height:1.5}.camerr b{color:#fff;font-size:15px}.scanresult{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:20px;background:#261c1273;animation:rrFade .25s ease both}.scanresult .card{width:min(400px,100%);text-align:center}.res-seal{width:72px;height:72px;border-radius:50%;margin:2px auto 12px;background-position:center;background-size:cover;box-shadow:0 0 0 4px #fff,0 8px 20px -6px #1f1a1466;filter:saturate(1.3) contrast(1.03)}.res-ok-kick{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1f8a5b}.res-name{font-family:Nantes,Georgia,serif;font-style:italic;font-weight:600;font-size:32px;letter-spacing:-.01em;margin-top:8px}.res-persona{font-size:14px;font-weight:700;color:#6f6557;margin-top:6px}.res-order{font-size:15px;font-weight:700;margin-top:12px}.res-order small{display:block;font-weight:400;font-size:12.5px;color:#9c9486;margin-top:3px}.res-err-kick{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b8422a}.res-err-title{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-top:8px}.res-err-sub{font-size:13.5px;line-height:1.5;color:#6f6557;margin-top:7px}.recipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;padding:24px;background:var(--paper);overflow:auto}.recipe-inner{width:min(480px,100%);margin:auto;text-align:center}.recipe .res-name{font-size:40px}.recipe-rows{margin-top:26px;display:flex;flex-direction:column;gap:10px}.recipe-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 0 0 1px #281e120f}.recipe-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub)}.recipe-value{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.01em}.recipe-value.big{font-size:24px}.recipe-value.none{color:#9c9486;font-weight:400}.recipe-seal{width:34px;height:34px;border-radius:50%;background-position:center;background-size:cover;box-shadow:0 0 0 2px #fff,0 4px 10px -3px #1f1a1466}.recipe-done{margin-top:28px;width:100%;padding:18px 32px;font-size:17px}.recipe-hint{margin-top:12px;font-size:12px;color:#b9b0a0}.manual{display:flex;gap:10px;align-items:stretch;width:100%}.manual input{flex:1;border:0;border-radius:16px;background:#f8f5ef;box-shadow:0 0 0 1px #281e120f;font-family:var(--sans);font-size:17px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding:14px 18px;min-width:0}.manual input::placeholder{color:#b9b0a0;letter-spacing:.04em;font-weight:400}.manual .pill{padding:14px 24px}.manual-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}.loading-splash{height:100%;display:grid;place-items:center;color:var(--sub);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.scanbusy{position:absolute;left:50%;bottom:58px;transform:translate(-50%);z-index:4;background:#2a2320e0;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;padding:9px 16px;border-radius:999px;white-space:nowrap;pointer-events:none}.retrychip{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:50;background:#2a2320;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.03em;padding:10px 18px;border-radius:999px;box-shadow:0 8px 22px -6px #1f1a1473;pointer-events:none}.topbar-right{display:flex;align-items:center;gap:18px}.langseg{display:inline-flex;align-items:center;gap:4px;background:#f1ece4;border-radius:999px;padding:4px 6px 4px 12px}.langseg-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9c9486;margin-right:4px}.langseg-btn{border:0;cursor:pointer;font-family:var(--sans);font-size:11.5px;font-weight:700;color:#8a7a66;background:transparent;border-radius:999px;padding:6px 10px;transition:background .2s ease,color .2s ease}.langseg-btn.on{background:#2a2320;color:#fff}.statspage{min-height:100%;padding-bottom:48px}.statwrap{width:min(1080px,calc(100% - 48px));margin:0 auto}.statwrap .headline{font-size:34px;margin:10px 0 0}.statload{height:160px}.statscope{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:26px;background:#f1ece4;border-radius:999px;padding:6px;width:fit-content;max-width:100%}.statscope-btn{border:0;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:700;color:#8a7a66;background:transparent;border-radius:999px;padding:8px 14px;white-space:nowrap;transition:background .2s ease,color .2s ease}.statscope-btn.on{background:#2a2320;color:#fff}.statscope-sep{width:1px;height:18px;background:#ddd3c4;margin:0 4px}.stattiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.stattile{background:#fff;border-radius:20px;padding:18px 22px;box-shadow:0 0 0 1px #281e120f,0 18px 40px -26px #1f1a1466}.stattile-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}.stattile-value{font-size:44px;font-weight:700;letter-spacing:-.02em;margin-top:6px;line-height:1.05;display:flex;align-items:baseline;gap:10px}.stattile-sub{font-size:12.5px;font-weight:400;color:#9c9486;letter-spacing:0}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;align-items:start}.statcard{background:#fff;border-radius:20px;padding:20px 22px;min-width:0;box-shadow:0 0 0 1px #281e120f,0 18px 40px -26px #1f1a1466}.statcard-wide{grid-column:1 / -1}.statcard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.statcard-title{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin:0}.statcard-sub{font-size:12.5px;color:#9c9486;margin:3px 0 0}.statcard-title+.sbar,.statcard-sub+.sbar{margin-top:14px}.statlegend{display:flex;gap:14px;font-size:12px;font-weight:700;color:#6f6557}.statlegend span{display:inline-flex;align-items:center;gap:6px}.statlegend i{width:10px;height:10px;border-radius:3px}.sbar{display:grid;grid-template-columns:minmax(96px,168px) 1fr auto;align-items:center;gap:12px;padding:5px 0}.sbar-label{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}.sbar-swatch{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #fff}.sbar-track{height:14px;background:#f5f0e8;border-radius:4px;overflow:hidden}.sbar-fill{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0;min-width:2px}.sbar-count{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.statfacets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 22px;margin-top:10px}.statfacet-day{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);margin:8px 0 2px}.statcols{display:flex;align-items:stretch;justify-content:space-around;gap:12px;margin-top:18px;min-height:190px;overflow-x:auto}.statcol-group{display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .25s ease}.statcol-group.dim{opacity:.3}.statcol-pair{flex:1;display:flex;align-items:flex-end;gap:2px;height:140px}.statcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.statcol i{width:18px;border-radius:4px 4px 0 0;min-height:2px}.statcol-val{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#6f6557}.statcol-day{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}.statcol-rate{font-size:10.5px;color:#9c9486;white-space:nowrap;min-height:14px}.statempty{font-size:13px;color:#9c9486;padding:6px 0}.statempty-page{margin-top:14px;text-align:center;font-size:14px;color:#6f6557;padding:40px 22px}@media(max-width:860px){.statgrid,.stattiles{grid-template-columns:1fr}.stattile-value{font-size:36px}}.stage-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#241a12;overflow:hidden}.bs-videobg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#241a12}.bs-videobg video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease}.bs-videobg video.on{opacity:1}.bs-videobg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#140c0680,#140c0652 42%,#140c06a8)}.bs-videobg.static{background:linear-gradient(180deg,#2b211a,#1c1410 58%,#140e0a)}.bs-dark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(120% 100% at 50% 40%,#2b211a,#1c1410 70%,#140e0a);opacity:0;transition:opacity .9s ease;pointer-events:none}.bs-dark.on{opacity:1}.bs-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.bs-idle{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease,transform .6s cubic-bezier(.4,0,.2,1)}.bs-idle.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:clamp(24px,4vw,64px);padding:clamp(24px,4vh,64px) clamp(24px,3vw,48px)}.bs-idle.leaving{opacity:0;transform:scale(.94);pointer-events:none}.bs-hero-tl{grid-column:1;grid-row:1;justify-self:start;align-self:start;z-index:5;border:0;background:none;padding:0;cursor:pointer}.bs-hero-tl img{display:block;height:clamp(22px,2vw,34px);width:auto;filter:brightness(0) invert(1);opacity:.94}.bs-hero-head{grid-column:1;grid-row:2;align-self:center;justify-self:start;text-align:left;z-index:3;max-width:min(100%,1040px);min-width:0;padding-left:clamp(0px,3vw,48px);display:flex;flex-direction:column;align-items:flex-start}.bs-hero-rotate{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .8s ease;will-change:opacity,transform,filter}.bs-hero-rotate.in{opacity:1;transform:none;filter:blur(0)}.bs-hero-rotate.out{opacity:0;transform:translateY(-34px);filter:blur(7px)}.bs-hero-rotate.pre{opacity:0;transform:translateY(34px);filter:blur(7px);transition:none}.bs-hero-head h2{color:#fff;font-family:var(--sans);font-weight:700;font-size:clamp(38px,8vw,132px);letter-spacing:-.025em;line-height:1.02;margin:0;text-shadow:0 6px 40px rgba(0,0,0,.45);min-height:2.1em;text-wrap:balance}.bs-hero-head h2 em{font-family:Nantes,Georgia,serif;font-style:italic;font-weight:600;letter-spacing:0}.bs-qrbare{grid-column:2;grid-row:1 / -1;align-self:start;z-index:5;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.2vh,16px)}.bs-qrbare .bs-qr canvas{display:block;width:var(--qrsize, clamp(112px,10vw,168px));height:auto;aspect-ratio:1 / 1;transition:width .6s cubic-bezier(.2,.9,.24,1)}.bs-qrbare .qb-label{font-size:clamp(13px,1.2vw,18px);font-weight:700;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55);transition:opacity .5s ease}.bs-counter{position:absolute;right:clamp(24px,3vw,48px);top:clamp(24px,4vh,64px);z-index:50;text-align:right;pointer-events:none}.bs-counter.dark{animation:odoFade .6s 1.4s ease both}.bs-counter.dark .odo{color:#2a2320;text-shadow:none}.bs-counter.dark small{color:#8f877a;text-shadow:none}.odo{display:inline-flex;font-weight:700;font-size:clamp(24px,2.4vw,38px);line-height:1;color:#fff;letter-spacing:.02em;text-shadow:0 2px 16px rgba(0,0,0,.45)}.odo-d{display:block;height:1em;overflow:hidden}.odo-strip{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.25,.8,.3,1)}.odo-strip i{font-style:normal;height:1em;line-height:1;display:block;text-align:center}.bs-counter small{display:block;margin-top:5px;font-size:clamp(10px,1vw,13px);font-weight:600;color:#ffffffb8;text-shadow:0 1px 10px rgba(0,0,0,.4)}@keyframes odoFade{0%{opacity:0}to{opacity:1}}.bs-stnum{position:fixed;right:clamp(24px,3vw,48px);bottom:33px;z-index:41;font-size:12px;font-weight:700;color:#8f877a;pointer-events:none;transition:color .4s ease}.bs-stnum.ondark{color:#ffffffd9;text-shadow:0 1px 8px rgba(0,0,0,.45)}.bs-reconnect{position:fixed;left:clamp(24px,3vw,48px);bottom:33px;z-index:41;font-size:12px;font-weight:700;letter-spacing:.04em;color:#b0765a;pointer-events:none;animation:bsPulse 1.6s ease-in-out infinite}.bs-reconnect.ondark{color:#fffc;text-shadow:0 1px 8px rgba(0,0,0,.45)}@keyframes bsPulse{0%,to{opacity:.5}50%{opacity:1}}.bs-persp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;perspective:1900px;pointer-events:none}.bs-stagecard{position:absolute;left:50%;top:50%;width:min(62vh,392px);height:min(86vh,564px);transform:translate(-50%,76vh) scale(.9);opacity:0;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.9,.25,1),width .82s cubic-bezier(.66,0,.24,1),height .82s cubic-bezier(.66,0,.24,1),opacity .4s ease}.bs-stagecard.in{transform:translate(-50%,-50%) scale(1);opacity:1}.bs-stagecard.full{width:100%;height:100%;transform:translate(-50%,-50%) scale(1)}.bs-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.6,0,.25,1)}.bs-stagecard.full .bs-flip,.bs-stagecard.reduced .bs-flip{transform:rotateY(180deg)}.bs-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:34px;background:#e6dcc9}.bs-cface{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:34px;background:var(--paper);box-shadow:0 50px 110px -30px #1f1a148c,0 0 0 1px #1f1a140f}.bs-stagecard.full .bs-cface,.bs-stagecard.full .bs-edge{border-radius:0;transition:border-radius .3s ease .8s}.bs-stagecard.full .bs-cface{box-shadow:none;transition:border-radius .3s ease .8s,box-shadow .5s ease .6s}.bs-stagecard.full .bs-cface{box-shadow:0 40px 90px -30px #1f1a1466}.bs-cface.front{transform:translateZ(4px);transition:opacity .28s ease .42s}.bs-cface.back{transform:rotateY(180deg) translateZ(4px);background:radial-gradient(100% 70% at 50% 0%,#fdfbf7,#f5f0e7 56%,#efe8dd)}.bs-stagecard.full .bs-cface.front{opacity:0}.bs-rose{position:absolute;z-index:6;pointer-events:none;background:linear-gradient(115deg,#6e685c 6%,#c8c2b4,#fff 38%,#8f8878 50%,#f4f1e8 64%,#fff 76%,#7c7568 94%);background-size:180% 180%;-webkit-mask:url(/img/rose.svg) center/contain no-repeat;mask:url(/img/rose.svg) center/contain no-repeat}.bs-rose-back{left:34px;top:26px;width:64px;height:64px;animation:bupRise .6s 1.1s ease both}.bs-faura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;filter:blur(30px) saturate(1.2)}.bs-faura .fab{position:absolute;border-radius:50%;opacity:.92;animation:bsFloat 10s ease-in-out infinite}.bs-faura .f0{left:-6%;top:6%;width:52%;height:52%}.bs-faura .f1{right:-4%;top:12%;width:44%;height:44%;animation-duration:12s}.bs-faura .f2{left:4%;bottom:2%;width:56%;height:56%;animation-duration:11s}.bs-faura .f3{right:2%;bottom:-4%;width:42%;height:42%;animation-duration:9s}.bs-fscrim{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(252,248,248,.5) 36%,rgba(252,248,248,.96) 72%)}.bs-ftop{position:absolute;left:28px;right:28px;top:32px;z-index:2;display:flex;justify-content:space-between;align-items:baseline}.bs-ftop img{height:13px;width:auto}.bs-ftop span{font-size:13px;font-weight:700;color:#6f6557}.bs-fmeta{position:absolute;left:28px;right:28px;bottom:30px;z-index:2;text-align:left}.bs-fkicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6f6557}.bs-fname{font-family:var(--sans);font-weight:700;font-size:clamp(30px,3.4vw,42px);line-height:1.06;letter-spacing:-.02em;color:var(--ink);margin-top:9px}.bs-fname em{font-family:Nantes,Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.01em}.bs-take{position:absolute;top:0;right:0;bottom:0;left:0}.bs-aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;filter:blur(50px) saturate(1.2);pointer-events:none}.bs-aura .bsb{position:absolute;border-radius:50%;opacity:.9;animation:bsFloat 9s ease-in-out infinite}.bs-aura .b0{left:8%;top:12%;width:min(34vw,340px);height:min(34vw,340px);animation-delay:-1s}.bs-aura .b1{right:7%;top:18%;width:min(28vw,280px);height:min(28vw,280px);animation-name:bsFloatAlt;animation-duration:11s;animation-delay:-3s}.bs-aura .b2{left:11%;bottom:12%;width:min(38vw,380px);height:min(38vw,380px);animation-duration:10s;animation-delay:-5s}.bs-aura .b3{right:10%;bottom:7%;width:min(27vw,270px);height:min(27vw,270px);animation-name:bsFloatAlt;animation-duration:8s;animation-delay:-2s}@keyframes bsBlobIn{0%{opacity:0}to{opacity:.9}}@keyframes bsFloat{0%{transform:translate(0) scale(.8)}25%{transform:translate(9vw,-7vh) scale(1.25)}50%{transform:translate(5vw,-12vh) scale(1.5)}75%{transform:translate(-8vw,-4vh) scale(1.05)}to{transform:translate(0) scale(.8)}}@keyframes bsFloatAlt{0%{transform:translate(0) scale(1.4)}30%{transform:translate(-9vw,8vh) scale(.85)}55%{transform:translate(-4vw,12vh) scale(1.3)}80%{transform:translate(8vw,5vh) scale(1)}to{transform:translate(0) scale(1.4)}}@media(prefers-reduced-motion:reduce){.bs-aura .bsb,.bs-faura .fab{animation:bsBlobIn .5s ease both}}.bs-glow{position:absolute;left:50%;top:38%;width:min(62vw,720px);height:min(52vh,560px);transform:translate(-50%,-50%);z-index:2;pointer-events:none;filter:blur(34px);opacity:0;animation:bsGlowIn .9s .2s ease both}@keyframes bsGlowIn{to{opacity:.42}}.bs-cup{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);width:min(40vw,460px);z-index:3;opacity:0;animation:bsCupIn 1s .28s cubic-bezier(.22,1.15,.32,1) both}@keyframes bsCupIn{0%{opacity:0;transform:translate(-50%,-42%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bs-col{position:absolute;left:0;right:0;bottom:9vh;top:62%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2.2vh;text-align:center;padding:0 6vw}.bs-name{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;font-size:clamp(46px,6vw,88px);line-height:1;color:var(--ink);animation:bupRise .6s .5s ease both}.bs-persona{font-size:clamp(18px,2.2vw,30px);font-weight:700;color:#6f6557;margin-top:-1vh;animation:bupRise .6s .64s ease both}.bs-order{display:flex;align-items:center;gap:16px;margin-top:1vh;border-radius:999px;padding:12px 30px 12px 14px;background:#fff;box-shadow:0 26px 60px -24px #1f1a1470,0 0 0 1px #281e120d;animation:bupRise .6s .78s ease both}.bs-order img,.bs-order .od-dot{width:clamp(48px,4.6vw,64px);height:clamp(48px,4.6vw,64px);border-radius:50%;object-fit:cover;box-shadow:0 0 0 3.5px #fff,0 0 0 5px #e8dcc8,0 8px 18px -6px #1f1a1466}.bs-order .od{text-align:left}.bs-order .od b{font-size:clamp(20px,2.2vw,28px);display:block;letter-spacing:-.01em;color:#2a2320}.bs-order .od span{font-size:clamp(13px,1.3vw,16px);color:var(--sub);text-transform:lowercase}.bs-brew{margin-top:1.6vh;width:min(40vw,540px);height:6px;border-radius:999px;background:#ece3d6;position:relative;overflow:hidden;animation:bupRise .6s .92s ease both}.bs-brew i{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;background:var(--accent);box-shadow:0 0 14px #e8651e80}.bs-brew.brewing i{width:100%;transition:width 9s linear}.bs-brew.done i{width:100%}.bs-brewlabel{margin-top:1.2vh;font-size:clamp(12px,1.1vw,16px);font-weight:700;color:var(--sub);animation:bupRise .6s 1.02s ease both}.bs-post{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4vh 6vw;background:var(--paper);animation:rrFade .6s ease both}.bs-post .bs-aura{z-index:0}.bs-post-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.bs-post-kick{font-size:clamp(11px,1.2vw,16px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);animation:bupRise .6s .2s ease both}.bs-post h2{font-family:var(--sans);font-weight:700;font-size:clamp(42px,5.6vw,84px);letter-spacing:-.02em;line-height:1.08;margin:2vh 0 0;color:var(--ink);text-wrap:balance}.bs-post h2{animation:bupRise .6s .34s ease both}.bs-post h2 em{font-family:Nantes,Georgia,serif;font-style:italic;font-weight:600}.bs-post .bs-usp{animation:bupRise .6s .5s ease both}.bs-usp{font-size:clamp(14px,1.6vw,22px);color:#6f6557;margin-top:2vh;line-height:1.4}@media(prefers-reduced-motion:reduce){.bs-stagecard,.bs-flip,.bs-cface,.bs-edge{transition:none!important}.bs-cup,.bs-glow,.bs-name,.bs-persona,.bs-order,.bs-brew,.bs-brewlabel,.bs-rose-back,.bs-post,.bs-post-kick,.bs-post h2,.bs-post .bs-usp{animation:none!important;opacity:1}.bs-glow{opacity:.42}.bs-brew.brewing i,.bs-idle,.bs-idle.leaving,.bs-dark{transition:none}.bs-hero-rotate{transition:opacity .4s ease;transform:none!important;filter:none!important}.bs-hero-rotate.pre{transition:none}.bs-qrbare .bs-qr canvas{transition:none}.odo-strip{transition:none}.bs-counter.dark{animation:none;opacity:1}.bs-stnum{transition:none}}.bs-skip{position:absolute;right:14px;bottom:14px;width:56px;height:56px;z-index:40;border:0;border-radius:50%;padding:0;cursor:pointer;background:#78695a24;opacity:0;transition:opacity .3s ease,background .3s ease}.bs-skip:hover,.bs-skip:focus-visible{opacity:1}.bs-skip:active{opacity:1;background:#78695a47}.bs-skip.ondark{background:#ffffff29}.bs-skip.ondark:active{background:#ffffff52}.bs-go-sub{font-size:clamp(19px,2.3vw,34px);font-weight:600;color:var(--ink);margin-top:2.8vh;animation:bupRise .6s .5s ease both}.bs-go-qr{margin-top:5vh;background:#fff;border-radius:22px;padding:clamp(12px,1.4vw,20px);box-shadow:0 24px 70px -30px #1f1a1459;animation:bupRise .6s .62s ease both}.bs-go-qr canvas{display:block;width:clamp(160px,20vh,260px);height:auto;aspect-ratio:1/1}.bs-go-scan{margin-top:3vh;font-size:clamp(14px,1.6vw,22px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8a6d52;animation:bupRise .6s .7s ease both}.bs-go-how{margin-top:4.6vh;font-size:clamp(15px,1.7vw,24px);color:#6f6557;line-height:1.6;display:flex;flex-direction:column;animation:bupRise .6s .78s ease both}@media(prefers-reduced-motion:reduce){.bs-go-sub,.bs-go-qr,.bs-go-scan,.bs-go-how{animation:none!important;opacity:1}}.sh-root{--rise: #FFA039;--rest: #7FACE8;--ease: cubic-bezier(.22,1,.36,1);--surface: #FCFAF7;--muted-ink: rgba(28,25,31,.58);--faint-ink: rgba(28,25,31,.4);--outline: rgba(28,25,31,.08);--card-shadow: 0 1px 2px rgba(28,25,31,.04), 0 8px 24px rgba(28,25,31,.05);position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;color:var(--ink);overflow:hidden;background:var(--surface);animation:rrFade .48s var(--ease) both}.sh-inner{position:relative;height:100%;display:flex;flex-direction:column;gap:2.2vh;padding:6vh 6vw 4.5vh}@keyframes shEnter{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}@keyframes shRise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes shDraw{to{stroke-dashoffset:0}}.sh-inner>*{transition:opacity .46s cubic-bezier(.4,0,.2,1),transform .46s cubic-bezier(.4,0,.2,1),filter .46s cubic-bezier(.4,0,.2,1)}.sh-root.leaving .sh-inner>*{opacity:0;transform:translateY(-14px) scale(.99);filter:blur(6px)}.sh-root.leaving .sh-inner>:nth-child(2){transition-delay:.04s}.sh-root.leaving .sh-inner>:nth-child(3){transition-delay:.08s}.sh-head{display:flex;align-items:center;justify-content:space-between;gap:3vmin}.sh-title{flex:1;min-width:0;margin:0;font-weight:700;font-size:clamp(40px,6.2vmin,90px);letter-spacing:-.025em;line-height:1.04;text-wrap:balance;animation:shEnter .9s cubic-bezier(.22,1,.36,1) both}.sh-title em{font-weight:600}.sh-titleswap{display:grid}.sh-tl{grid-area:1 / 1;animation:shTitleIn .75s cubic-bezier(.22,1,.36,1) both}.sh-tl.out{animation:shTitleOut .45s ease forwards}@keyframes shTitleIn{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}@keyframes shTitleOut{to{opacity:0;filter:blur(6px)}}.sh-badgeslot{flex:none;width:min(40%,36vmin);display:flex;justify-content:flex-end}.sh-badge{display:flex;align-items:center;gap:1.6vmin;max-width:100%;padding:1.2vmin 2.2vmin 1.2vmin 1.2vmin;border-radius:24px;background:#fff;box-shadow:var(--card-shadow);animation:shEnter .9s cubic-bezier(.22,1,.36,1) .25s both}.sh-badge img{width:clamp(52px,8vmin,112px);aspect-ratio:1;border-radius:18px;object-fit:cover;flex:none}.sh-badge>div{display:flex;flex-direction:column;gap:.5vh;min-width:0}.sh-badge em{font-size:clamp(20px,3.4vmin,48px);line-height:1.05}.sh-badge span{font-size:clamp(11px,1.6vmin,22px);font-weight:700;color:var(--muted-ink)}.sh-dots{display:flex;gap:.5em}.sh-dots i{width:clamp(10px,1.4vmin,18px);aspect-ratio:1;border-radius:999px;background:#1c191f1a}.sh-dots i.on{background:var(--roast, var(--ink))}@media(orientation:landscape){.sh-head{min-height:calc(clamp(52px,8vmin,112px) + 2.4vmin)}}@media(orientation:portrait){.sh-head{min-height:calc(clamp(40px,6.2vmin,90px)*3.12);align-items:flex-start}.sh-root[data-step=brew] .sh-head{min-height:0}}.sh-card{background:#fff;border-radius:24px;box-shadow:var(--card-shadow);padding:3vh 4vw;animation:shEnter .9s cubic-bezier(.22,1,.36,1) .12s both}.sh-label{font-size:clamp(12px,1.5vmin,21px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub)}.sh-steps{display:grid;gap:2.4vh;flex:1;align-content:space-evenly}.sh-step{position:relative;background:#fff;border-radius:24px;box-shadow:var(--card-shadow);padding:2.2vh 3.4vmin;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3.4vmin;animation:shEnter .9s cubic-bezier(.22,1,.36,1) both}.sh-viz{position:relative;border-radius:20px;background:#f3f1ec;aspect-ratio:1;overflow:hidden;width:clamp(72px,min(28vw,14.5vh),360px)}.sh-vizsvg{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;display:block;overflow:visible}.sh-vizswap,.sh-vl{position:absolute;top:0;right:0;bottom:0;left:0}.sh-vl{transition:opacity .5s ease}.sh-vl.off{opacity:0}.sh-vl.in{animation:rrFade .6s ease both}.sh-steptext{display:flex;flex-direction:column;gap:1vh;min-width:0}.sh-eyebrow{display:flex;align-items:baseline;gap:.7em;font-size:clamp(13px,1.8vmin,24px);font-weight:700;letter-spacing:.02em;color:var(--muted-ink)}.sh-eyebrow span{color:var(--faint-ink);font-variant-numeric:tabular-nums}.sh-eyebrow .sh-eblabel{color:var(--muted-ink);opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.sh-eyebrow .sh-eblabel.on{opacity:1}.sh-step h3{margin:0;font-size:clamp(26px,4.2vmin,58px);font-weight:700;letter-spacing:-.02em;line-height:1.05}.sh-step p{margin:0;font-size:clamp(14px,2.05vmin,28px);font-weight:500;line-height:1.32;color:var(--muted-ink)}.sh-big{font-size:clamp(56px,9.6vmin,136px);font-weight:700;letter-spacing:-.04em;line-height:.92;font-variant-numeric:tabular-nums}.sh-big small{font-size:.34em;margin-left:.16em;letter-spacing:0;color:var(--faint-ink)}.sh-swapgrid{display:grid}.sh-swap{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;gap:1vh;min-width:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}.sh-swap.off{opacity:0;visibility:hidden;transform:translateY(6px);filter:blur(4px);transition:opacity .35s ease,transform .35s ease,filter .35s ease,visibility 0s linear .35s}.sh-dot{fill:#1c191f12}.sh-dot.on{fill:var(--ink)}.sh-bean{fill:var(--rise)}.sh-ripple{fill:none;stroke:var(--rise);stroke-width:2.5}.sh-scaleplate{fill:var(--ink);opacity:.12}.sh-tooth{fill:var(--ink)}.sh-tooth.inner{opacity:.3}.sh-burrhub{fill:#fff;stroke:var(--outline);stroke-width:2}.sh-ground{fill:var(--ink);opacity:.6}.sh-heap{fill:var(--ink);opacity:.7}.sh-basket{fill:var(--ink);opacity:.82}.sh-rosetick{fill:var(--ink)}.sh-rosecore{fill:#fff}.sh-pipe{fill:none;stroke:#1c191f12;stroke-width:26;stroke-linecap:round}.sh-pipeflow{fill:none;stroke:url(#sh-heatgrad);stroke-width:14;stroke-linecap:round;stroke-dasharray:.22 .78}.sh-heatdot{fill:var(--rise);opacity:.9}.sh-scale{margin-top:.4vh;max-width:30em}.sh-scalebar{position:relative;height:10px;border-radius:999px;background:#1c191f14}.sh-scalebar i,.sh-scalebar b{position:absolute;top:50%;width:clamp(18px,2.6vmin,32px);aspect-ratio:1;border-radius:999px}.sh-scalebar i{transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 32%,#fff,#f3f0ea);box-shadow:0 2px 6px #1c191f1f,0 8px 20px #1c191f1f,0 0 0 2px var(--ink)}.sh-scalebar b{border:2px solid var(--rise)}.sh-scalecap{display:flex;justify-content:space-between;margin-top:.8vh;font-size:clamp(11px,1.5vmin,20px);font-weight:700;color:var(--faint-ink)}.sh-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.4vh}.sh-facts div{display:flex;flex-direction:column;gap:.3vh;padding:.2vh 2vmin;border-left:1px solid rgba(28,25,31,.1);min-width:0}.sh-facts div:first-child{padding-left:0;border-left:0}.sh-facts b{font-size:clamp(20px,3.6vmin,50px);font-weight:700;letter-spacing:-.02em;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}.sh-facts span{font-size:clamp(11px,1.6vmin,22px);font-weight:700;color:var(--muted-ink)}.sh-ready{display:grid;gap:2.4vh;flex:1;align-content:space-evenly}.sh-recipe{padding:2.6vh 3.4vmin;display:flex;flex-direction:column;gap:1.6vh}.sh-recipe .sh-eyebrow{color:var(--muted-ink)}.sh-blocks{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1.4vmin}.sh-track{position:absolute;left:4%;right:4%;top:clamp(16px,2.4vmin,30px);height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 16px);opacity:.2}.sh-track i{position:absolute;top:50%;left:var(--p);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:var(--rise);box-shadow:0 0 0 5px #ffffffe6}.sh-blocks li{position:relative;display:flex;flex-direction:column;gap:.6vh;padding:0 .4vmin;animation:shRise .45s cubic-bezier(.2,.7,.2,1) both;transition:opacity .28s var(--ease);opacity:.55}.sh-blocks li.on{opacity:1}.sh-blockn{position:relative;width:clamp(32px,4.8vmin,60px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:#fff;box-shadow:0 0 0 2px var(--ink);font-weight:700;font-size:clamp(14px,2vmin,26px);color:var(--ink)}.sh-blocks li.on .sh-blockn{background:var(--ink);color:#fff}.sh-blocks b{font-size:clamp(18px,2.8vmin,38px);font-weight:700}.sh-blockv{font-size:clamp(12px,1.7vmin,23px);font-weight:700;color:var(--muted-ink);white-space:pre-line}.sh-card.compact{padding-top:2.2vh;padding-bottom:2.2vh}.sh-gline{display:flex;align-items:center;gap:2vmin}.sh-gline img{width:clamp(40px,6vmin,84px);aspect-ratio:1;border-radius:14px;object-fit:cover}.sh-gline em{flex:1;font-size:clamp(22px,3.4vmin,46px)}.sh-gline b{font-size:clamp(18px,2.8vmin,38px);font-weight:700;white-space:pre}.sh-brew{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.sh-incomplete{margin-top:1.4vh;font-size:clamp(22px,3.2vmin,44px);font-weight:700}.sh-curves{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6vh;margin:auto 0}.sh-graphwrap{position:relative;height:clamp(200px,30vh,560px)}.sh-graph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sh-graph .gline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:shDraw 2.6s var(--ease) forwards}.sh-graph .box{opacity:0;animation:rrFade .5s var(--ease) forwards}.sh-graph .box.s0{fill:#f3f1ec}.sh-graph .box.s1{fill:#e9e5dd}.sh-graph .box.s2{fill:#dedad0}.sh-boxname{position:absolute;top:1.1em;padding-left:1.3em;white-space:nowrap;font-size:clamp(10px,1.25vmin,16px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint-ink);opacity:0;animation:rrFade .5s var(--ease) forwards;pointer-events:none}.sh-legend{list-style:none;margin:.4vh 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1vh 6vmin}.sh-legend li{display:flex;align-items:center;gap:.7em;font-size:clamp(13px,1.85vmin,25px);font-weight:700;white-space:nowrap;opacity:0;animation:rrFade .48s var(--ease) both}.sh-legend li:before{content:"";width:1.6em;height:5px;border-radius:999px;background:var(--c);flex:none}.sh-points{display:flex;align-items:baseline;justify-content:center;gap:1.4vmin;margin-top:1.6vh;opacity:0;animation:rrFade .6s var(--ease) 2.8s both}.sh-points em{font-size:clamp(34px,6vmin,84px);font-weight:400;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.sh-points span{font-size:clamp(11px,1.5vmin,21px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sub)}.sh-offstage{position:absolute;top:0;left:6vw;width:88vw;z-index:-1;opacity:0;pointer-events:none;animation:none}.sh-embed{flex:none;height:clamp(300px,35vh,1340px);margin-top:1.6vh;visibility:hidden}.sh-embed.ready{visibility:visible}@media(orientation:portrait){.sh-brew:has(.sh-embed) .sh-graphwrap{height:clamp(180px,20vh,380px)}}.sh-embed iframe{display:block;width:100%;height:100%;border:0}.sh-embed iframe[srcdoc]{display:none}@media(orientation:landscape){.sh-inner{padding:5vh 4vw 4vh;gap:2vh}.sh-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;align-content:center}.sh-step{grid-template-columns:1fr;align-items:start;align-content:start;padding:2.4vh 2vw 2.8vh;gap:1.6vh}.sh-step .sh-viz{width:min(100%,26vh);justify-self:center}.sh-big{font-size:clamp(44px,9vh,120px)}.sh-ready{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;align-content:center}.sh-ready .sh-recipe{grid-column:1 / -1}.sh-ready .sh-step{grid-template-columns:auto minmax(0,1fr);align-items:center}.sh-ready .sh-step .sh-viz{width:clamp(72px,22vh,300px)}.sh-card{padding:3.2vh 2.4vw}.sh-graphwrap{height:clamp(180px,38vh,480px)}.sh-offstage{left:4vw;width:92vw}.sh-brew:has(.sh-embed){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);column-gap:2.4vw;align-content:center}.sh-brew:has(.sh-embed)>:not(.sh-embed){grid-column:1}.sh-embed{grid-column:2;grid-row:1 / span 2;align-self:center;height:clamp(280px,55vh,1100px);margin-top:0}}@media(prefers-reduced-motion:reduce){.sh-root,.sh-title,.sh-tl,.sh-tl.out,.sh-card,.sh-step,.sh-badge,.sh-blocks li,.sh-vl.in,.sh-graph .box,.sh-boxname,.sh-legend li,.sh-points{animation:none!important;opacity:1;filter:none}.sh-tl.out{display:none}.sh-graph .gline{animation:none;stroke-dashoffset:0}.sh-inner>*,.sh-root.leaving .sh-inner>*,.sh-swap,.sh-swap.off{transition:opacity .2s linear,visibility 0s linear .2s;transform:none;filter:none}.sh-swap:not(.off){transition:opacity .2s linear}}