/* Better Cup Brew Portrait
   Approved comp: .impeccable/mocks/better-cup-brew-portrait-supplied-assets.webp */

body.console-world{
  --portrait-paper:#f4ede5;
  --portrait-paper-light:#fbf6f0;
  --portrait-ink:#11110f;
  --portrait-muted:#625950;
  --portrait-burgundy:#791323;
  --portrait-burgundy-deep:#5f0e1b;
  --portrait-forest:#1e2b25;
  --portrait-walnut:#3b2419;
  --portrait-line:rgba(58,33,24,.24);
  --portrait-line-light:rgba(255,247,239,.25);
  --portrait-display:Inter,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --portrait-body:Inter,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  margin:0;
  overflow-x:hidden;
  background:var(--portrait-paper);
  color:var(--portrait-ink);
  font-family:var(--portrait-body);
}

body.console-world .wrap{max-width:none;margin:0;padding:0;overflow:clip}
body.console-world #appMain{position:relative}
body.console-world #tab-home{margin:0;background:var(--portrait-paper)}
body.console-world #tab-recipes,
body.console-world #tab-log{
  width:min(1540px,calc(100% - clamp(32px,5.5vw,88px)));
  margin:clamp(16px,2.2vw,32px) auto clamp(56px,7vw,96px);
}
body.console-world #tab-home [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
body.console-world #setupNotice{display:none}
body.console-world .skip-link:focus{z-index:2000}
body.console-world :focus-visible{outline:3px solid var(--portrait-burgundy);outline-offset:4px}

/* The rail is always a solid field, so navigation never inherits image contrast. */
body.console-world .site-head.navigation-canonical{
  position:sticky;
  top:0;
  z-index:120;
  display:grid;
  width:100%;
  min-height:84px;
  margin:0;
  padding:0 clamp(28px,3.1vw,52px);
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:34px;
  border:0;
  border-bottom:1px solid var(--portrait-line);
  border-radius:0;
  background:var(--portrait-paper-light);
  box-shadow:none;
}
body.console-world .site-head.navigation-canonical.scrolled{background:var(--portrait-paper-light);border-color:var(--portrait-line);box-shadow:0 8px 30px rgba(44,26,19,.08)}
body.console-world .site-head .site-brand-link{display:flex;min-height:58px;align-items:center;justify-self:start;gap:12px;color:var(--portrait-walnut);text-decoration:none}
body.console-world .site-head .brand-lockup{display:none!important}
body.console-world .site-head .brand-monogram{display:block!important;width:40px;height:50px;object-fit:contain;filter:none!important;flex:0 0 auto}
body.console-world .site-head .approved-brand-signature{display:grid;gap:3px}
body.console-world .site-head .approved-brand-wordmark{display:block;color:var(--portrait-walnut);font:800 clamp(21px,1.9vw,30px)/.9 var(--portrait-display);letter-spacing:.055em;white-space:nowrap}
body.console-world .site-head .approved-brand-source{display:block;color:var(--portrait-burgundy);font:750 8px/1 var(--portrait-body);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
body.console-world .site-head>nav{position:static;display:flex!important;width:auto!important;min-width:0;align-items:center;justify-content:center;gap:clamp(10px,2.6vw,42px);order:2}
body.console-world .site-head>nav>a{
  position:relative;
  display:flex;
  min-height:44px;
  align-items:center;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--portrait-walnut);
  font:650 14px/1 var(--portrait-body);
  text-decoration:none;
}
body.console-world .site-head>nav>a::after{content:"";position:absolute;right:0;bottom:4px;left:0;height:2px;background:var(--portrait-burgundy);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
body.console-world .site-head>nav>a:hover,body.console-world .site-head>nav>a.on{background:transparent;color:var(--portrait-burgundy);box-shadow:none}
body.console-world .site-head>nav>a:hover::after,body.console-world .site-head>nav>a.on::after{transform:scaleX(1)}
body.console-world .site-head>nav>a.nav-shop{
  min-width:86px;
  min-height:50px;
  padding:0 20px;
  justify-content:center;
  border:1px solid var(--portrait-burgundy);
  border-radius:3px;
  background:var(--portrait-burgundy);
  color:#fff8f1;
  font-weight:750;
}
body.console-world .site-head>nav>a.nav-shop::after{display:none}
body.console-world .site-head>nav>a.nav-shop:hover,body.console-world .site-head>nav>a.nav-shop.on{background:var(--portrait-burgundy-deep);color:#fff;box-shadow:none}
body.console-world .site-head .acct{display:none!important}
body.console-world .site-head>nav>.knowledge-menu{position:relative;display:block!important;margin-left:0}
body.console-world .site-head>nav>.knowledge-menu>summary{
  display:flex;
  min-width:118px;
  min-height:50px;
  padding:0 18px;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid var(--portrait-line);
  border-radius:3px;
  background:transparent;
  color:var(--portrait-walnut);
  font:680 15px/1 var(--portrait-body);
  list-style:none;
}
body.console-world .site-head>nav>.knowledge-menu>summary:hover,body.console-world .site-head>nav>.knowledge-menu[open]>summary{border-color:var(--portrait-burgundy);background:rgba(121,19,35,.055);color:var(--portrait-burgundy)}
body.console-world .site-head>nav>.knowledge-menu>summary i{display:grid;width:22px;height:16px;gap:5px;transform:none}
body.console-world .site-head>nav>.knowledge-menu>summary i b{display:block;width:22px;height:1px;background:currentColor}
body.console-world .site-head>nav>.knowledge-menu .knowledge-popover{
  overflow:auto;
  width:var(--app-menu-width,min(920px,calc(100vw - 36px)));
  max-height:var(--app-menu-max-height,680px);
  padding:22px;
  border:1px solid var(--portrait-line);
  border-radius:4px;
  background:var(--portrait-paper-light);
  color:var(--portrait-ink);
  box-shadow:0 28px 80px rgba(35,20,15,.22);
  backdrop-filter:none;
}
body.console-world .site-head nav .app-menu-intro span,body.console-world .site-head nav .app-menu-group h3{color:var(--portrait-burgundy)}
body.console-world .site-head nav .app-menu-intro{display:grid;margin:0 0 18px;padding:0 0 18px;grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:24px;border-bottom:1px solid var(--portrait-line)}
body.console-world .site-head nav .app-menu-intro span{font:760 9px/1 var(--portrait-body);letter-spacing:.1em;text-transform:uppercase}
body.console-world .site-head nav .app-menu-intro strong{color:var(--portrait-ink);font:740 21px/1.1 var(--portrait-display);letter-spacing:-.025em}
body.console-world .site-head nav .app-menu-grid{gap:10px}
body.console-world .site-head nav .knowledge-popover .app-menu-group{border-radius:2px;background:transparent;border-color:var(--portrait-line)}
body.console-world .site-head nav .knowledge-popover .app-menu-group a{border-radius:0;color:var(--portrait-ink)}
body.console-world .site-head nav .knowledge-popover .app-menu-group a:hover{background:rgba(121,19,35,.07);color:var(--portrait-burgundy)}
body.console-world .site-head nav .app-menu-utility{display:flex;margin-top:18px;padding-top:16px;flex-wrap:wrap;gap:10px 28px;border-top:1px solid var(--portrait-line)}
body.console-world .site-head nav .app-menu-utility a{min-height:36px;padding:0;align-items:center;border-radius:0;color:var(--portrait-muted);font:650 11px/1 var(--portrait-body)}

/* First viewport */
.console-hero{
  --active-index:1;
  position:relative;
  display:grid;
  min-height:calc(100svh - 84px);
  max-height:960px;
  grid-template-columns:minmax(440px,43%) minmax(0,57%);
  grid-template-rows:minmax(0,1fr) 158px;
  overflow:hidden;
  border-bottom:1px solid var(--portrait-line);
  background:var(--portrait-paper);
  isolation:isolate;
}
.console-hero-copy{position:relative;z-index:5;display:flex;min-width:0;padding:clamp(64px,8.2vh,104px) 20px 44px clamp(42px,5.2vw,84px);flex-direction:column;align-items:flex-start;justify-content:center}
.console-hero-copy>*{position:relative;z-index:1}
body.console-world #tab-home .console-hero-copy h1{
  max-width:10.2ch;
  margin:0;
  color:var(--portrait-ink);
  font:760 clamp(64px,6.2vw,96px)/.98 var(--portrait-display);
  letter-spacing:-.058em;
  text-wrap:balance;
}
body.console-world #tab-home .console-hero-copy h1 span{display:inline-block;font-size:.82em;letter-spacing:-.06em;white-space:nowrap;transform:scaleX(.86);transform-origin:left}
.console-hero-copy>p{max-width:33ch;margin:30px 0 0;color:#312c27;font:500 clamp(17px,1.5vw,21px)/1.55 var(--portrait-body)}
.console-primary,.console-close>button{
  display:inline-flex;
  min-height:58px;
  margin-top:30px;
  padding:0 26px;
  align-items:center;
  justify-content:center;
  gap:24px;
  border:1px solid var(--portrait-burgundy);
  border-radius:3px;
  background:var(--portrait-burgundy);
  color:#fff8f1;
  font:700 16px/1 var(--portrait-body);
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.console-primary:hover,.console-close>button:hover{background:var(--portrait-burgundy-deep);transform:translateY(-2px)}
.console-primary svg,.console-close>button svg,.next-move-copy a svg,.tool-deck-list svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.console-hero-copy>small{max-width:42ch;margin-top:18px;color:var(--portrait-muted);font:600 10px/1.45 var(--portrait-body);letter-spacing:.025em}

.brew-portrait-stage{position:relative;z-index:2;min-width:0;overflow:visible;pointer-events:none}
.brew-portrait-stage::after{content:"";position:absolute;z-index:1;right:2.5%;bottom:2.5%;left:2.5%;height:13%;background:radial-gradient(ellipse at 31% 52%,rgba(43,27,19,.3) 0%,rgba(43,27,19,.14) 34%,transparent 68%),radial-gradient(ellipse at 78% 48%,rgba(43,27,19,.27) 0%,rgba(43,27,19,.12) 38%,transparent 72%);filter:blur(14px);pointer-events:none}
.brew-object{position:absolute;display:block;margin:0;will-change:transform}
.brew-object img{display:block;width:100%;height:auto;user-select:none}
.brew-object figcaption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.brew-object-chemex{z-index:3;left:-2%;bottom:-3%;width:min(58%,520px);transform:translate3d(var(--chemex-x,0px),var(--chemex-y,0px),0)}
.brew-object-espresso{z-index:2;right:-7%;bottom:0;width:min(62%,560px);transform:translate3d(var(--espresso-x,0px),var(--espresso-y,0px),0)}
@supports (animation-timeline:view()){
  .brew-object-chemex{animation:portrait-chemex-depth linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .brew-object-espresso{animation:portrait-espresso-depth linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  @keyframes portrait-chemex-depth{from{translate:0 14px}to{translate:0 -18px}}
  @keyframes portrait-espresso-depth{from{translate:0 -8px}to{translate:0 12px}}
}

.console-dials{
  position:relative;
  z-index:6;
  display:grid;
  margin:0 clamp(42px,5.2vw,84px);
  grid-column:1/-1;
  grid-row:2;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--portrait-burgundy);
  background:rgba(244,237,229,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.console-dials::before{
  content:"";
  position:absolute;
  top:-12px;
  left:calc((var(--active-index) + .5) * 25%);
  width:24px;
  height:24px;
  background:var(--portrait-burgundy);
  transform:translateX(-50%);
  transition:left .42s cubic-bezier(.16,1,.3,1);
}
.console-dial{position:relative;display:grid;min-width:0;min-height:126px;padding:34px clamp(16px,3vw,58px) 18px;align-content:start;gap:11px;border-left:1px solid var(--portrait-line);color:var(--portrait-ink);text-decoration:none}
.console-dial:first-child{border-left:0}
.console-dial span{display:flex;gap:9px;align-items:baseline;font:760 clamp(14px,1.35vw,19px)/1 var(--portrait-body);letter-spacing:-.015em;text-transform:uppercase}
.console-dial span b{color:inherit;font:inherit}
.console-dial small{color:var(--portrait-muted);font:500 13px/1.35 var(--portrait-body)}
.console-dial::after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--portrait-burgundy);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.console-dial:hover,.console-dial:focus-visible,.console-dial.is-active{color:var(--portrait-burgundy)}
.console-dial:hover::after,.console-dial:focus-visible::after,.console-dial.is-active::after{transform:scaleX(1)}

/* The journey shows the product's cause-and-effect loop instead of four abstract cards. */
.signal-bench{margin:0;padding:clamp(58px,5.5vw,82px) clamp(42px,6vw,96px);background:var(--portrait-paper-light);color:var(--portrait-ink)}
.signal-bench-head{display:grid;max-width:1380px;margin:0 auto 42px;gap:20px}
body.console-world #tab-home .signal-bench h2{max-width:16ch;margin:0;color:var(--portrait-ink);font:760 clamp(44px,4.8vw,68px)/.98 var(--portrait-display);letter-spacing:-.04em}
.signal-bench-head p{max-width:68ch;margin:0;color:var(--portrait-muted);font:500 16px/1.62 var(--portrait-body)}
.signal-workbench{display:grid;max-width:1380px;margin:0 auto;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);border-block:1px solid var(--portrait-line)}
.signal-proof{display:flex;min-width:0;min-height:488px;padding:clamp(32px,4vw,54px);flex-direction:column;background:var(--portrait-walnut);color:#fff8f0}
.signal-proof>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--portrait-line-light)}
.signal-proof>header span,.signal-proof-flow span,.signal-proof-output span{color:#d8cabd;font:720 9px/1 var(--portrait-body);letter-spacing:.11em;text-transform:uppercase}
.signal-proof>header b{font:650 10px/1 var(--portrait-body)}
.signal-proof-flow{display:grid;margin:28px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--portrait-line-light)}
.signal-proof-flow>div{min-width:0;padding:22px 18px;border-left:1px solid var(--portrait-line-light)}
.signal-proof-flow>div:first-child{border-left:0;padding-left:0}
.signal-proof-flow strong{display:block;margin-top:10px;color:#fff8f0;font:680 clamp(16px,1.7vw,23px)/1.15 var(--portrait-display);letter-spacing:-.02em}
.signal-proof-output{margin-top:auto;padding-top:34px}
.signal-proof-output strong{display:block;max-width:12ch;margin-top:16px;color:#fff8f0;font:740 clamp(34px,4vw,58px)/.98 var(--portrait-display);letter-spacing:-.04em}
.signal-proof-output p{max-width:50ch;margin:18px 0 0;color:#d8cabd;font:500 13px/1.55 var(--portrait-body)}
.signal-track{display:grid;min-width:0;margin:0;padding:0;list-style:none;border-left:1px solid var(--portrait-line)}
.signal-track li{min-width:0;border-top:1px solid var(--portrait-line)}
.signal-track li:first-child{border-top:0}
.signal-track a{position:relative;display:grid;min-height:131px;padding:22px 26px;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:5px 18px;color:var(--portrait-ink);text-decoration:none;transition:background .24s ease,color .24s ease}
.signal-track a:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:4px;background:var(--portrait-burgundy);transform:scaleY(0);transform-origin:top;transition:transform .28s ease}
.signal-track a:hover{background:rgba(121,19,35,.055);color:var(--portrait-burgundy)}
.signal-track a:hover:before{transform:scaleY(1)}
.signal-track span{grid-row:1/4;align-self:start;padding-top:5px;color:var(--portrait-burgundy);font:760 9px/1 var(--portrait-body);letter-spacing:.12em;text-transform:uppercase}
.signal-track strong{color:inherit;font:720 clamp(19px,1.8vw,26px)/1.08 var(--portrait-display);letter-spacing:-.025em}
.signal-track p{margin:2px 0;color:var(--portrait-muted);font:500 13px/1.45 var(--portrait-body)}
.signal-track i{color:inherit;font:720 9px/1 var(--portrait-body);font-style:normal;text-decoration:underline;text-decoration-color:var(--portrait-burgundy);text-underline-offset:5px;text-transform:uppercase}
.signal-bench>footer{display:flex;max-width:1380px;margin:24px auto 0;justify-content:space-between;gap:22px;color:var(--portrait-muted);font:670 10px/1 var(--portrait-body);letter-spacing:.08em;text-transform:uppercase}

.next-move{display:grid;min-height:620px;padding:clamp(64px,5.8vw,84px) clamp(42px,7vw,112px);grid-template-columns:minmax(0,.8fr) minmax(500px,1.2fr);align-items:center;gap:clamp(54px,7vw,104px);background:var(--portrait-forest);color:#fff8f0}
.next-move-copy{max-width:620px}
body.console-world #tab-home .next-move h2,body.fold-world.console-world #tab-home .next-move h2{margin:0;color:#fff8f0!important;font:760 clamp(54px,7vw,104px)/.94 var(--portrait-display);letter-spacing:-.055em}
.next-move-copy>p{max-width:46ch;margin:30px 0;color:#d9d1c8;font:500 17px/1.65 var(--portrait-body)}
.next-move-copy>a{display:inline-flex;min-height:54px;margin-top:24px;padding:0 22px;align-items:center;gap:24px;border:1px solid #fff8f0;border-radius:2px;color:#fff8f0;font:700 13px/1 var(--portrait-body);text-decoration:none}
.next-move-copy>a:hover{background:#fff8f0;color:var(--portrait-forest)}
.move-display{padding:0;border:1px solid var(--portrait-line-light);border-top:4px solid var(--portrait-burgundy);border-radius:0;background:transparent;color:#fff8f0}
.move-display header,.move-result{padding:22px 26px;border-bottom:1px solid var(--portrait-line-light)}
.move-display header{display:flex;justify-content:space-between;gap:20px}
.move-display header span,.move-comparison span,.move-result span{color:#c8bcb0;font:700 9px/1 var(--portrait-body);letter-spacing:.12em;text-transform:uppercase}
.move-display header b{font:650 11px/1 var(--portrait-body)}
.move-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--portrait-line-light)}
.move-comparison>div{padding:22px 26px}
.move-comparison>div+div{border-left:1px solid var(--portrait-line-light)}
.move-comparison strong{display:block;margin-top:12px;color:#fff8f0;font:740 clamp(34px,4vw,54px)/.9 var(--portrait-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.move-comparison p{margin:10px 0 0;color:#c8bcb0;font-size:12px}
.move-chart{padding:24px 26px 20px;border-bottom:1px solid var(--portrait-line-light)}
.move-chart-labels,.move-chart-legend{display:flex;justify-content:space-between;color:#c8bcb0;font:650 9px/1 var(--portrait-body);font-variant-numeric:tabular-nums}
.move-chart-track{position:relative;height:34px;margin:12px 4px 14px}
.move-chart-track:before{content:"";position:absolute;top:16px;right:0;left:0;height:1px;background:#849188}
.move-chart-track>i{position:absolute;z-index:2;top:9px;left:13.3%;width:14px;height:14px;border:3px solid #fff8f0;border-radius:50%;background:var(--portrait-forest);transform:translateX(-50%)}
.move-chart-track>b{position:absolute;top:9px;right:33.3%;left:46.7%;height:14px;background:var(--portrait-burgundy)}
.move-chart-legend{justify-content:flex-start;gap:22px}
.move-chart-legend span{display:flex;align-items:center;gap:7px}
.move-chart-legend i{width:9px;height:9px;border:2px solid #fff8f0;border-radius:50%}
.move-chart-legend b{width:14px;height:8px;background:var(--portrait-burgundy)}
.move-result{min-height:172px}
.move-result strong{display:block;max-width:15ch;margin-top:18px;color:#fff8f0;font:740 clamp(31px,3.4vw,48px)/.98 var(--portrait-display);letter-spacing:-.04em}
.move-result p{margin:13px 0 0;color:#c8bcb0;font-size:12px}

.tool-deck{padding:clamp(68px,7vw,108px) clamp(42px,6vw,96px);background:var(--portrait-paper);color:var(--portrait-ink)}
.tool-deck>header{display:grid;max-width:1380px;margin:0 auto 42px;gap:20px}
body.console-world #tab-home .tool-deck>header h2{max-width:16ch;margin:0;color:var(--portrait-ink);font:760 clamp(44px,5.4vw,76px)/.98 var(--portrait-display);letter-spacing:-.04em}
.tool-deck>header p{max-width:48ch;margin:0;color:var(--portrait-muted);font:500 16px/1.65 var(--portrait-body)}
.tool-deck-list{display:grid;max-width:1380px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--portrait-line)}
.tool-deck-list>a{display:grid;min-height:124px;padding:24px 28px;grid-template-columns:minmax(0,1fr) 36px;align-content:center;gap:8px 22px;border-top:1px solid var(--portrait-line);color:var(--portrait-ink);text-decoration:none;transition:background .25s ease,color .25s ease}
.tool-deck-list>a:nth-child(-n+2){border-top:0}.tool-deck-list>a:nth-child(even){border-left:1px solid var(--portrait-line)}
.tool-deck-list>a:hover{background:rgba(121,19,35,.05);color:var(--portrait-burgundy)}
.tool-deck-list span{grid-column:1;grid-row:1;color:var(--portrait-muted);font:550 12px/1.4 var(--portrait-body)}
.tool-deck-list strong{grid-column:1;grid-row:2;font:730 clamp(25px,2.5vw,36px)/1 var(--portrait-display);letter-spacing:-.03em}
.tool-deck-list svg{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;color:var(--portrait-burgundy)}
.grind-instrument{display:grid;max-width:1380px;min-height:380px;margin:52px auto 0;grid-template-columns:minmax(260px,.76fr) minmax(280px,1.08fr) minmax(300px,1fr);border:1px solid var(--portrait-line);background:var(--portrait-paper-light)}
.grind-instrument>div{padding:clamp(28px,2.8vw,40px)}
.grind-instrument>*+*{border-left:1px solid var(--portrait-line)}
.grind-instrument span{color:var(--portrait-burgundy);font:760 10px/1 var(--portrait-body);letter-spacing:.13em;text-transform:uppercase}
body.console-world #tab-home .grind-instrument h3{max-width:12ch;margin:18px 0 14px;color:var(--portrait-ink);font:740 clamp(29px,3vw,40px)/1 var(--portrait-display);letter-spacing:-.04em}
.grind-instrument p{max-width:48ch;color:var(--portrait-muted);font:500 13px/1.58 var(--portrait-body)}
.grind-instrument a{display:inline-flex;min-height:44px;margin-top:10px;align-items:center;color:var(--portrait-burgundy);font:730 12px/1 var(--portrait-body);text-underline-offset:6px}
.grind-capture{position:relative;min-width:0;margin:0;overflow:hidden;background:#d7c7b5}
.grind-capture img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.98)}
.grind-capture figcaption{position:absolute;right:16px;bottom:16px;left:16px;padding:10px 12px;background:rgba(30,24,20,.86);color:#fff8f0;font:680 10px/1.3 var(--portrait-body);letter-spacing:.04em}
.grind-readout{display:flex;flex-direction:column;justify-content:center;background:var(--portrait-walnut);color:#fff8f0}
.grind-readout span,.grind-readout p{color:#d8cabd}
.grind-readout strong{display:block;margin:24px 0 18px;color:#fff8f0;font:760 clamp(60px,7vw,104px)/.85 var(--portrait-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.grind-readout strong small{font-size:.15em;letter-spacing:.02em}
.grind-readout .grind-distribution{display:flex;height:54px;padding:0;align-items:flex-end;gap:5px}
.grind-readout .grind-distribution i{display:block;width:10%;height:var(--h,20%);background:#fff8f0}.grind-readout .grind-distribution i:nth-child(1){--h:20%}.grind-readout .grind-distribution i:nth-child(2){--h:46%}.grind-readout .grind-distribution i:nth-child(3){--h:82%}.grind-readout .grind-distribution i:nth-child(4){--h:100%}.grind-readout .grind-distribution i:nth-child(5){--h:72%}.grind-readout .grind-distribution i:nth-child(6){--h:48%}.grind-readout .grind-distribution i:nth-child(7){--h:25%}.grind-readout .grind-distribution i:nth-child(8){--h:12%}
.grind-readout .grind-labels{display:flex;margin:8px 0 18px;justify-content:space-between}
.grind-readout .grind-labels span{font-size:8px;letter-spacing:.08em}
.grind-readout p b{color:#fff8f0}

.console-pro{display:grid;min-height:276px;padding:clamp(46px,5vw,68px) clamp(42px,7vw,112px);grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;gap:clamp(30px,4vw,62px);background:var(--portrait-burgundy);color:#fff8f0}
body.console-world #tab-home .console-pro h2,body.fold-world.console-world #tab-home .console-pro h2{max-width:17ch;margin:0;color:#fff8f0!important;font:740 clamp(34px,4.5vw,62px)/1 var(--portrait-display);letter-spacing:-.045em}
.console-pro>div>p{max-width:64ch;margin:22px 0 0;color:#f0dfe0;font:500 14px/1.6 var(--portrait-body)}
.console-pro-price{display:flex;flex-direction:column;gap:8px}
.console-pro-price strong{color:#fff8f0;font:760 clamp(30px,3.5vw,48px)/1 var(--portrait-display);letter-spacing:-.04em;white-space:nowrap}.console-pro-price strong small{font:650 11px/1 var(--portrait-body);letter-spacing:0}.console-pro-price span{color:#efdadd;font:600 10px/1 var(--portrait-body)}
.console-pro>a{display:inline-flex;min-height:54px;padding:0 20px;align-items:center;border:1px solid #fff8f0;border-radius:2px;color:#fff8f0;font:730 11px/1 var(--portrait-body);text-decoration:none;white-space:nowrap}.console-pro>a:hover{background:#fff8f0;color:var(--portrait-burgundy)}

body.console-world .home-news{margin:0;padding:clamp(66px,7vw,104px) clamp(42px,6vw,96px);border:0;border-radius:0;background:var(--portrait-paper-light);box-shadow:none;color:var(--portrait-ink)}
body.console-world .home-news-head{display:grid;max-width:1380px;margin:0 auto 54px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
body.console-world #tab-home .home-news h2{max-width:12ch;margin:0;color:var(--portrait-ink);font:760 clamp(44px,6vw,82px)/.98 var(--portrait-display);letter-spacing:-.05em}
body.console-world .home-news-head p{max-width:52ch;margin:20px 0 0;color:var(--portrait-muted);font:500 14px/1.6 var(--portrait-body)}
body.console-world .home-news-head>a{min-height:44px;padding:14px 0;border:0;border-radius:0;background:transparent;color:var(--portrait-burgundy);font:730 11px/1 var(--portrait-body);text-decoration-color:var(--portrait-burgundy);text-underline-offset:7px}
body.console-world .home-news-grid{display:grid;max-width:1380px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--portrait-line);border-bottom:1px solid var(--portrait-line)}
body.console-world .home-news-grid>*:first-child{grid-row:auto}
body.console-world .home-news-card{display:flex;min-width:0;min-height:360px;padding:0;flex-direction:column;border:0;border-left:1px solid var(--portrait-line);border-radius:0;background:transparent;color:var(--portrait-ink);text-align:left;cursor:pointer;overflow:hidden}
body.console-world .home-news-card:first-child{border-left:0}
body.console-world .home-news-card:hover{background:rgba(121,19,35,.045)}
body.console-world .home-news-card-media{display:block;height:164px;overflow:hidden}
body.console-world .home-news-card-media:after{display:none}
body.console-world .home-news-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) sepia(.1);transition:transform .35s ease,filter .35s ease}
body.console-world .home-news-card:hover .home-news-card-media img{filter:saturate(.9);transform:scale(1.02)}
body.console-world .home-news-card>.home-news-card-copy{display:flex;height:auto!important;margin:0!important;padding:26px clamp(20px,2.5vw,36px) 30px!important;flex:1;flex-direction:column;background:transparent!important;color:var(--portrait-ink)!important}
body.console-world .home-news-card-index{color:var(--portrait-burgundy);font:750 9px/1 var(--portrait-body);letter-spacing:.1em;text-transform:uppercase}
body.console-world .home-news-card-meta{display:flex;margin-top:15px;justify-content:space-between;gap:15px;color:var(--portrait-muted);font:600 9px/1 var(--portrait-body);text-transform:uppercase}
body.console-world .home-news-card h3{margin:26px 0 14px;color:var(--portrait-ink);font:720 clamp(20px,2.1vw,30px)/1.08 var(--portrait-display);letter-spacing:-.035em}
body.console-world .home-news-card-summary{display:-webkit-box;margin:0;color:var(--portrait-muted);font:500 12px/1.5 var(--portrait-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.console-world .home-news-card-action{margin-top:auto;padding-top:24px;color:var(--portrait-burgundy);font:740 10px/1 var(--portrait-body);text-decoration:underline;text-underline-offset:6px}
body.console-world .home-news-skeleton{display:block;min-height:360px;border-left:1px solid var(--portrait-line);background:linear-gradient(110deg,#f5ece4 32%,#e9dcd2 44%,#f5ece4 58%);background-size:220% 100%;animation:portrait-shimmer 1.6s linear infinite}
body.console-world .home-news-skeleton:first-child{border-left:0}@keyframes portrait-shimmer{to{background-position-x:-220%}}
body.console-world .home-news-foot{display:flex;max-width:1380px;margin:22px auto 0;justify-content:space-between;gap:25px;color:var(--portrait-muted);font:620 9px/1 var(--portrait-body);letter-spacing:.08em;text-transform:uppercase}
body.console-world .home-news-empty{grid-column:1/-1;padding:44px 0;color:var(--portrait-muted)}

body.console-world .home-news-dialog{width:min(760px,calc(100vw - 30px));max-height:calc(100svh - 30px);padding:0;border:1px solid var(--portrait-line);border-radius:4px;background:var(--portrait-paper-light);color:var(--portrait-ink);box-shadow:0 40px 100px rgba(35,20,15,.35)}
body.console-world .home-news-dialog::backdrop{background:rgba(26,17,13,.68);backdrop-filter:blur(8px)}
body.console-world .home-news-dialog>article{padding:clamp(28px,5vw,56px)}
body.console-world .home-news-dialog h2{margin:14px 0 10px;color:var(--portrait-ink);font:740 clamp(32px,4vw,52px)/1.02 var(--portrait-display);letter-spacing:-.04em}
body.console-world .home-news-dialog-close{width:44px;height:44px;border-radius:2px;background:var(--portrait-burgundy);color:#fff;font-family:var(--portrait-body)}

.console-close{display:flex;min-height:480px;padding:clamp(54px,5.5vw,76px) clamp(28px,8vw,120px);flex-direction:column;align-items:center;justify-content:center;background:var(--portrait-forest);color:#fff8f0;text-align:center}
.creator-signature{display:flex!important;margin:0 0 28px!important;align-items:center!important;gap:12px!important;text-align:left}
.creator-signature img{width:30px;height:38px;object-fit:contain}
.creator-signature span{display:grid;gap:4px}.creator-signature b{color:#fff8f0;font:800 16px/.9 var(--portrait-display);letter-spacing:.07em}.creator-signature small{color:#d3ab68;font:730 8px/1 var(--portrait-body);letter-spacing:.1em;text-transform:uppercase}
body.console-world #tab-home .console-close h2,body.fold-world.console-world #tab-home .console-close h2{max-width:12ch;margin:0;color:#fff8f0!important;font:760 clamp(48px,5.4vw,76px)/.96 var(--portrait-display);letter-spacing:-.045em}
.console-close>p{max-width:660px;margin:22px auto 0;color:#d5cdc4;font:500 15px/1.58 var(--portrait-body)}
.console-close>button{margin-top:24px}
.console-close>.console-close-links{display:flex;gap:28px;margin-top:28px}.console-close>.console-close-links a{color:#d5cdc4;font:650 10px/1 var(--portrait-body);text-underline-offset:5px}

@media(max-width:1180px){
  body.console-world .site-head.navigation-canonical{grid-template-columns:1fr auto;gap:20px}
  body.console-world .site-head>nav{justify-self:end;gap:16px}
  .console-hero{grid-template-columns:minmax(390px,44%) minmax(0,56%);grid-template-rows:minmax(540px,1fr) 142px}
  .console-hero-copy{padding-left:36px}
  body.console-world #tab-home .console-hero-copy h1{font-size:clamp(58px,6.6vw,78px)}
  .brew-object-chemex{left:-2%;bottom:-3%;width:57%}.brew-object-espresso{right:-6%;bottom:0;width:61%}
  .console-dials{margin-inline:36px}.console-dial{padding-inline:28px}
  .signal-workbench{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr)}
  .grind-instrument{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
  .grind-instrument-copy{grid-column:1/-1;border-bottom:1px solid var(--portrait-line)}
  .grind-instrument>.grind-capture{border-left:0}
  .console-pro{grid-template-columns:minmax(0,1fr) auto}.console-pro>a{grid-column:2}
}

@media(min-width:861px) and (max-height:780px){
  .console-hero{grid-template-rows:minmax(0,1fr) 138px}
  .console-hero-copy{padding-top:28px;padding-bottom:26px}
  body.console-world #tab-home .console-hero-copy h1{font-size:clamp(56px,5.6vw,72px)}
  .console-hero-copy>p{margin-top:20px;font-size:16px;line-height:1.5}
  .console-primary{min-height:54px;margin-top:18px}
  .console-hero-copy>small{margin-top:12px}
  .brew-object-chemex{width:min(57%,430px)}
  .brew-object-espresso{right:-6%;bottom:0;width:min(61%,460px)}
  .console-dial{min-height:112px;padding-top:28px}
}

@media(max-width:860px){
  body.console-world .site-head.navigation-canonical{min-height:116px;padding:0 16px;grid-template-columns:1fr auto;grid-template-rows:72px 44px}
  body.console-world .site-head .site-brand-link{position:relative;z-index:2;grid-column:1;grid-row:1}
  body.console-world .site-head .site-brand-link{gap:9px}
  body.console-world .site-head .brand-monogram{width:32px;height:40px}
  body.console-world .site-head .approved-brand-wordmark{font-size:20px}
  body.console-world .site-head .approved-brand-source{font-size:7px}
  body.console-world .site-head>nav{position:relative!important;z-index:1;display:grid!important;width:100%!important;min-height:116px!important;margin:0!important;padding:0!important;grid-column:1/-1;grid-row:1/3;grid-template-columns:1fr 1fr;grid-template-rows:72px 44px;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none}
  body.console-world .site-head>nav>a,body.console-world .site-head>nav>.knowledge-menu{display:none!important}
  body.console-world .site-head>nav>a.nav-guides,body.console-world .site-head>nav>a.nav-shop{display:flex!important;min-width:0!important;min-height:44px!important;padding:0 16px!important;grid-row:2;align-items:center;justify-content:center;border-radius:0!important;pointer-events:auto}
  body.console-world .site-head>nav>a.nav-guides{grid-column:1;border-top:1px solid var(--portrait-line);background:var(--portrait-paper-light);color:var(--portrait-walnut)}
  body.console-world .site-head>nav>a.nav-shop{grid-column:2;border:1px solid var(--portrait-burgundy);background:var(--portrait-burgundy);color:#fff8f1}
  body.console-world .site-head>nav>a.nav-guides::after,body.console-world .site-head>nav>a.nav-shop::after{display:none}
  body.console-world .site-head>nav .mobile-more-trigger{position:static!important;display:flex!important;min-width:112px!important;min-height:50px!important;margin:0!important;padding:0 17px!important;grid-column:2;grid-row:1;align-self:center;justify-self:end;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid var(--portrait-line)!important;border-radius:3px!important;background:var(--portrait-paper-light)!important;color:var(--portrait-walnut)!important;font:700 13px/1 var(--portrait-body)!important;box-shadow:none!important;pointer-events:auto}
  body.console-world .site-head>nav .mobile-more-icon{display:grid;width:20px;height:15px;gap:5px}
  body.console-world .site-head>nav .mobile-more-icon i{display:block;width:20px;height:1px;background:currentColor}
  body.console-world .mobile-more-menu{z-index:1500!important}
  body.console-world .mobile-more-sheet{border-radius:4px 4px 0 0;background:var(--portrait-paper-light);color:var(--portrait-ink)}
  body.console-world .mobile-more-sheet>header{border-color:var(--portrait-line)}
  body.console-world .mobile-more-sheet>header h2{color:var(--portrait-ink);font:750 34px/1 var(--portrait-display);letter-spacing:-.04em}
  body.console-world .mobile-more-sheet>header span,body.console-world .mobile-menu-groups summary small{color:var(--portrait-burgundy)}
  body.console-world .mobile-more-sheet>header .mobile-more-close{border-radius:2px;background:var(--portrait-burgundy);color:#fff;font-family:var(--portrait-body)}
  body.console-world .mobile-menu-groups>details{border-color:var(--portrait-line);border-radius:2px;background:transparent}
  body.console-world .mobile-menu-groups>details[open]{background:rgba(121,19,35,.04)}
  body.console-world .mobile-more-utility a,body.console-world .mobile-more-social a{border-radius:2px!important}
  .console-hero{min-height:auto;max-height:none;grid-template-columns:1fr;grid-template-rows:auto 300px auto}
  .console-hero-copy{padding:40px 28px 20px}
  body.console-world #tab-home .console-hero-copy h1{max-width:8.8ch;font-size:clamp(52px,9vw,70px)}
  .console-hero-copy>p{max-width:36ch;margin-top:20px;font-size:17px}
  .console-primary{margin-top:20px}
  .console-hero-copy>small{margin-top:12px}
  .brew-portrait-stage{grid-row:2;min-height:300px;overflow:visible}
  .brew-object-chemex{left:3%;bottom:0;width:min(52%,320px)}
  .brew-object-espresso{right:-8%;bottom:0;width:min(62%,370px)}
  .console-dials{margin:0 28px 22px;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--portrait-line)}
  .console-dials::before{display:none}
  .console-dial{min-height:68px;padding:11px 14px;align-content:center;gap:5px}
  .console-dial:nth-child(3){border-left:0}
  .console-dial:nth-child(n+3){border-top:1px solid var(--portrait-line)}
  .console-dial span{font-size:13px}.console-dial small{font-size:10px}
  .signal-workbench{grid-template-columns:1fr}.signal-proof{min-height:440px}.signal-track{border-top:1px solid var(--portrait-line);border-left:0}
  .signal-track a:before{top:-1px;right:0;bottom:auto;left:0;width:auto;height:4px;transform:scaleX(0);transform-origin:left}.signal-track a:hover:before{transform:scaleX(1)}
  .next-move{grid-template-columns:1fr;gap:44px}.move-display{max-width:720px;width:100%}
  .grind-instrument{grid-template-columns:1fr}.grind-instrument>*+*{border-top:1px solid var(--portrait-line);border-left:0}.grind-capture{min-height:320px}
  .console-pro{grid-template-columns:1fr;gap:28px}.console-pro>a{grid-column:auto;justify-self:start}
  body.console-world .home-news-grid{grid-template-columns:1fr}.home-news-card{border-top:1px solid var(--portrait-line)!important;border-left:0!important}.home-news-card:first-child{border-top:0!important}
}

@media(max-width:600px){
  body.console-world #tab-recipes,body.console-world #tab-log{width:calc(100% - 32px);margin-top:16px;margin-bottom:56px}
  .console-hero{grid-template-rows:auto 250px auto}
  .console-hero-copy{padding:26px 20px 10px}
  body.console-world #tab-home .console-hero-copy h1{font-size:clamp(46px,13.4vw,56px);line-height:.96}
  .console-hero-copy>p{margin-top:16px;font-size:15px;line-height:1.4}
  .console-primary{width:100%;min-height:54px;margin-top:16px;justify-content:space-between}
  .console-hero-copy>small{margin-top:8px;line-height:1.35}
  .brew-portrait-stage{min-height:250px}
  .brew-object-chemex{left:2%;bottom:0;width:52%}
  .brew-object-espresso{right:-10%;bottom:0;width:63%}
  .console-dials{margin:0 20px 16px}
  .console-dial{min-height:64px;padding:9px 11px;gap:4px}
  .console-dial span{font-size:12px}.console-dial small{font-size:10px}
  .signal-bench,.tool-deck,body.console-world .home-news{padding:48px 20px}
  body.console-world #tab-home .signal-bench h2,body.console-world #tab-home .tool-deck>header h2,body.console-world #tab-home .home-news h2{font-size:40px}
  .signal-bench-head,.tool-deck>header{margin-bottom:26px;gap:14px}.signal-bench-head p,.tool-deck>header p{font-size:14px;line-height:1.5}
  .signal-proof{min-height:0;padding:22px 18px}.signal-proof>header{align-items:flex-start;flex-direction:column;padding-bottom:16px}.signal-proof-flow{grid-template-columns:1fr;margin-top:14px}.signal-proof-flow>div{padding:11px 0;border-top:1px solid var(--portrait-line-light);border-left:0}.signal-proof-flow>div:first-child{border-top:0}.signal-proof-flow strong{margin-top:7px;font-size:17px}.signal-proof-output{padding-top:22px}.signal-proof-output strong{font-size:34px}.signal-proof-output p{margin-top:12px;font-size:11px}
  .signal-track{grid-template-columns:1fr}.signal-track a{min-height:94px;padding:14px 16px;grid-template-columns:68px minmax(0,1fr);gap:3px 10px}.signal-track strong{font-size:19px}.signal-track p{font-size:13px;line-height:1.35}.signal-track i{font-size:8px}
  .signal-bench>footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;font-size:7px;line-height:1.35;text-align:center}
  .next-move{min-height:0;padding:62px 20px;gap:34px}body.console-world #tab-home .next-move h2{font-size:54px}.next-move-copy>p{margin:22px 0;font-size:15px}.next-move-copy>a{margin-top:12px}.move-display header{align-items:flex-start;flex-direction:column}.move-comparison>div{padding:19px 17px}.move-comparison strong{font-size:34px}.move-chart{padding:22px 17px 18px}.move-result{min-height:0;padding:22px 17px}.move-result strong{font-size:36px}
  .tool-deck-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-deck-list>a{min-height:122px;padding:16px 14px;grid-template-columns:minmax(0,1fr) 24px;border-top:1px solid var(--portrait-line);border-left:0!important}.tool-deck-list>a:nth-child(-n+2){border-top:0}.tool-deck-list>a:nth-child(even){border-left:1px solid var(--portrait-line)!important}.tool-deck-list span{font-size:10px}.tool-deck-list strong{font-size:22px}.tool-deck-list svg{width:18px;height:18px}
  .grind-instrument{margin-top:32px}.grind-instrument>div{padding:24px 20px}.grind-capture{min-height:198px}.grind-readout strong{font-size:68px}
  .console-pro{padding:56px 20px}.console-pro-price strong{font-size:36px}.console-pro>a{width:100%;justify-content:center}
  body.console-world .home-news-head{grid-template-columns:1fr;gap:20px}.home-news-head>a{justify-self:start}
  body.console-world .home-news-foot{align-items:flex-start;flex-direction:column}
  .console-close{min-height:460px;padding:60px 20px}body.console-world #tab-home .console-close h2{font-size:52px}.console-close>button{width:100%;justify-content:space-between}.console-close>.console-close-links{align-items:center;flex-direction:column}.creator-signature{flex-direction:row!important}
}

@media(prefers-reduced-motion:reduce){
  .console-dials::before,.console-dial::after,.brew-object,.console-primary,.console-close>button{transition:none!important}
  .brew-object-chemex,.brew-object-espresso{transform:none!important;animation:none!important;translate:none!important}
  body.console-world .home-news-skeleton{animation:none}
}
