body.v4[data-ind="alcohol"] { --c: #FAB244; --c-on: #1B1416; --c-deep: #E08F22; --acc: #FAB244; --c-em: #6B2C0B;
  --w0: #110904; --w1: #1E0F06; --w2: #3B1C09; --w0rgb: 17,9,4; --w1rgb: 30,15,6; --c-cream: #A9551A;
  --pat-edge: url(pat-alcohol-edge.svg); --pat-fill: url(pat-alcohol-fill.svg); --pat-mesh: url(pat-alcohol-mesh.svg); --pat-corner: url(pat-alcohol-corner.svg); }
body.v4[data-ind="wine"] { --c: #881E46; --c-on: #FFFFFF; --c-deep: #6E1638; --acc: #E7B9CB; --c-em: #F3D3DF;
  --w0: #12060B; --w1: #1F0A13; --w2: #3A0F22; --w0rgb: 18,6,11; --w1rgb: 31,10,19; --c-cream: #881E46;
  --pat-edge: url(pat-wine-edge.svg); --pat-fill: url(pat-wine-fill.svg); --pat-mesh: url(pat-wine-mesh.svg); --pat-corner: url(pat-wine-corner.svg); }
body.v4[data-ind="beverage"] { --c: #FF6E1F; --c-on: #1B1416; --c-deep: #DE5711; --acc: #FF9A5C; --c-em: #5A1E03;
  --w0: #120703; --w1: #1F0D05; --w2: #3D1A08; --w0rgb: 18,7,3; --w1rgb: 31,13,5; --c-cream: #C24A0C;
  --pat-edge: url(pat-beverage-edge.svg); --pat-fill: url(pat-beverage-fill.svg); --pat-mesh: url(pat-beverage-mesh.svg); --pat-corner: url(pat-beverage-corner.svg); }
body.v4[data-ind="oil"] { --c: #748840; --c-on: #1B1416; --c-deep: #5F7033; --acc: #B5C97A; --c-em: #1F2A08;
  --w0: #0B0D05; --w1: #161A0A; --w2: #2C3414; --w0rgb: 11,13,5; --w1rgb: 22,26,10; --c-cream: #5F7033;
  --pat-edge: url(pat-oil-edge.svg); --pat-fill: url(pat-oil-fill.svg); --pat-mesh: url(pat-oil-mesh.svg); --pat-corner: url(pat-oil-corner.svg); }
body.v4[data-ind="water"] { --c: #009BDE; --c-on: #1B1416; --c-deep: #0080B8; --acc: #5CCBFF; --c-em: #00304A;
  --w0: #030C12; --w1: #071824; --w2: #0C3149; --w0rgb: 3,12,18; --w1rgb: 7,24,36; --c-cream: #0073A6;
  --pat-edge: url(pat-water-edge.svg); --pat-fill: url(pat-water-fill.svg); --pat-mesh: url(pat-water-mesh.svg); --pat-corner: url(pat-water-corner.svg); }
body.v4[data-ind="pharma"] { --c: #2954C5; --c-on: #FFFFFF; --c-deep: #2045A6; --acc: #9DB6FF; --c-em: #D6E1FF;
  --w0: #050915; --w1: #0B1430; --w2: #15275C; --w0rgb: 5,9,21; --w1rgb: 11,20,48; --c-cream: #2954C5;
  --pat-edge: url(pat-pharma-edge.svg); --pat-fill: url(pat-pharma-fill.svg); --pat-mesh: url(pat-pharma-mesh.svg); --pat-corner: url(pat-pharma-corner.svg); }
body.v4[data-ind="lug"] { --c: #B30080; --c-on: #FFFFFF; --c-deep: #91006A; --acc: #F28FD3; --c-em: #FFD3F1;
  --w0: #11040D; --w1: #1F0717; --w2: #3D0B2D; --w0rgb: 17,4,13; --w1rgb: 31,7,23; --c-cream: #B30080;
  --pat-edge: url(pat-lug-edge.svg); --pat-fill: url(pat-lug-fill.svg); --pat-mesh: url(pat-lug-mesh.svg); --pat-corner: url(pat-lug-corner.svg); }
body.v4[data-ind="pourer"] { --c: #E39A2B; --c-on: #1B1416; --c-deep: #C27E18; --acc: #F2B860; --c-em: #5C3606;
  --w0: #110A03; --w1: #1E1206; --w2: #3D250A; --w0rgb: 17,10,3; --w1rgb: 30,18,6; --c-cream: #A86A12;
  --pat-edge: url(pat-pourer-edge.svg); --pat-fill: url(pat-pourer-fill.svg); --pat-mesh: url(pat-pourer-mesh.svg); --pat-corner: url(pat-pourer-corner.svg); }
body.v4[data-ind="home"] { --c: #1A1715; --c-on: #FFF7EC; --c-deep: #2A2522; --acc: #FAB244; --c-em: #FAB244;
  --w0: #0E0C0B; --w1: #1A1715; --w2: #2A2522; --w0rgb: 14,12,11; --w1rgb: 26,23,21; --c-cream: #A9551A;
  --pat-edge: url(pat-home-edge.svg); --pat-fill: url(pat-home-fill.svg); --pat-mesh: url(pat-home-mesh.svg); --pat-corner: url(pat-home-corner.svg); }

body.v4 {
  --bg: var(--w0); --surface: var(--w1); --ink: #FFF7EC; --muted: rgba(255,247,236,.68);
  --line: rgba(255,247,236,.14); --fill: rgba(255,247,236,.07); --fill-2: rgba(255,247,236,.11);
  --hatch: rgba(255,247,236,.05); --dark: var(--w1); --dark-2: var(--w2); --dark-line: rgba(255,247,236,.16);
  --on-dark: #FFF7EC; --on-dark-muted: rgba(255,247,236,.62);
  --cream: #F6EEE3; --ink-d: #1B1416; --muted-d: rgba(27,20,22,.72);
  background: var(--w0); color: var(--ink);
}
body.v4 ::selection { background: var(--c); color: var(--c-on); }
body.v4 section + section, body.v4 .closing { border-top-color: rgba(255,247,236,.07); }
body.v4 .eyebrow, body.v4 .dark .eyebrow { color: var(--acc); }
body.v4 h1 em, body.v4 h2 em, body.v4 h3 em { color: var(--acc); }
body.v4 .card, body.v4 .spec-note, body.v4 .std, body.v4 .link-card { border-color: rgba(255,247,236,.14); }


body.v4 .nav-links a.current, body.v4 .nav-links a:hover, body.v4 .nav-links a:focus-visible,
body.v4 .header.open .nav-links a.trigger { color: var(--acc); background: rgba(255,247,236,.07); }
body.v4 .bro-btn { background: rgba(255,247,236,.06); border-color: rgba(255,247,236,.22); color: var(--ink); }


body.v4 .btn { border-color: rgba(255,247,236,.3); color: var(--ink); background: transparent; }
body.v4 .btn.primary { background: var(--c); border-color: var(--c); color: var(--c-on); }
body.v4 .btn.primary .arrow { background: var(--c-on); border-color: var(--c-on); color: var(--c); }
body.v4[data-ind="home"] .btn.primary { background: #FFF7EC; border-color: #FFF7EC; color: var(--ink-d); }
body.v4[data-ind="home"] .btn.primary .arrow { background: var(--ink-d); border-color: var(--ink-d); color: #FFF7EC; }


body.v4 .stage { background: var(--w0); }
body.v4 .stage::before, body.v4 #products .stage::before {
  background:
    linear-gradient(90deg, rgba(var(--w0rgb),.93) 0%, rgba(var(--w0rgb),.7) 32%, rgba(var(--w0rgb),.12) 56%, rgba(var(--w0rgb),0) 72%),
    linear-gradient(0deg, rgba(var(--w0rgb),.78) 0%, rgba(var(--w0rgb),0) 40%);
}
body.v4 .stage::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 112px; z-index: -1;
  background: var(--pat-edge) left top / 150px auto repeat-y; pointer-events: none; }
body.v4 .stage-copy .eyebrow { color: var(--acc) !important; border-color: rgba(255,247,236,.28); background: rgba(var(--w0rgb),.35); }
body.v4 .stage-quote em, body.v4 .stage-meta span:first-child, body.v4 .stage-meta span + span::before,
body.v4 .product-eleve .product-tag { color: var(--acc); }
body.v4 .stage-product { background: rgba(var(--w0rgb),.55); border-color: rgba(255,247,236,.16); }
@media (min-width: 900px) {
  body.v4 .stage { padding-left: max(132px, 9vw) !important; }
}
@media (max-width: 899px) {
  body.v4 .stage::after { width: 34px; background-size: 60px auto; opacity: .8; }
  body.v4 .stage { padding-left: 46px !important; }
}


body.v4 #why { background: var(--c); color: var(--c-on); border-radius: var(--radius-xl, 28px); position: relative;
  overflow: hidden; border-top: 0; margin-block: clamp(16px, 3vh, 32px);
  padding: clamp(18px, 3.2vh, 44px) clamp(20px, 4vw, 64px) calc(clamp(18px, 3.2vh, 44px) + 58px) !important; }
body.v4 #why { min-height: 0 !important; justify-content: flex-start; }
body.v4 #why::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 84px; pointer-events: none;
  background: var(--pat-mesh) left bottom / auto 84px repeat-x; }
body.v4 #why .sec-head { margin-bottom: 8px; }
@media (max-height: 800px) and (min-width: 900px) {
  body.v4 #why { padding-bottom: calc(clamp(18px, 3.2vh, 44px) + 40px) !important; }
  body.v4 #why::after { height: 58px; background-size: auto 58px; }
  body.v4 #why .card .img { aspect-ratio: 16 / 7; }
  body.v4[data-ind="home"] #why { padding-bottom: calc(clamp(18px, 3.2vh, 44px) + 26px) !important; }
  body.v4[data-ind="home"] #why::after { height: 34px; background-size: auto 34px; }
  body.v4[data-ind="home"] #why .card .img { aspect-ratio: 16 / 5; }
}
body.v4 #why > * { position: relative; z-index: 1; }
body.v4 #why .eyebrow, body.v4 #why h2, body.v4 #why .body, body.v4 #why .split > p, body.v4 #why .sec-head p,
body.v4 #why .split p { color: var(--c-on); }
body.v4 #why h2 em { color: var(--c-em); }
body.v4 #why .card { background: var(--cream); border-color: transparent; color: var(--ink-d); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
body.v4 #why .card h4, body.v4 #why .card b { color: var(--ink-d); }
body.v4 #why .card p { color: var(--muted-d); }
body.v4 #why .card .icon { color: var(--c-cream); }


body.v4 #system.brand-sec { --brand: var(--w1); --on-brand: var(--ink); --brand-btn-text: var(--w0);
  background: radial-gradient(110% 130% at 90% 0%, var(--w2) 0%, var(--w1) 50%, var(--w0) 100%);
  border: 1px solid rgba(255,247,236,.08); overflow: hidden; }
body.v4 #system.brand-sec > * { position: relative; z-index: 1; }
body.v4 #system .brand-band { display: none; }
body.v4 #system::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 96px; z-index: 0;
  background: var(--pat-edge) left top / 130px auto repeat-y; pointer-events: none; }
@media (min-width: 900px) { body.v4 #system.brand-sec { padding-left: calc(var(--pad-x) + 72px) !important; } }
body.v4 #system .eyebrow { color: var(--acc); }
body.v4 #system h2 em { color: var(--acc); }
body.v4 #system .step { background: rgba(255,247,236,.04); border: 1px solid rgba(255,247,236,.2); color: var(--ink); }
body.v4 #system .step p, body.v4 #system .step span { color: var(--muted); }
body.v4 #system .step-n { background: var(--c); color: var(--c-on); }


body.v4 .std-frame { background: radial-gradient(120% 140% at 85% 0%, var(--w2) 0%, var(--w1) 45%, var(--w0) 100%);
  border: 1px solid rgba(255,247,236,.08); }
body.v4 .std-frame::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 96px;
  background: var(--pat-edge) left top / 130px auto repeat-y; pointer-events: none; }
@media (min-width: 900px) { body.v4 .std-frame { padding-left: calc(clamp(28px, 4vw, 64px) + 72px); } }
body.v4 .std-head .eyebrow, body.v4 .std .icon, body.v4 .std-grade { color: var(--acc); }
body.v4 .std { background: rgba(255,247,236,.04); border-color: rgba(255,247,236,.16); }


body.v4 .final.brand-sec { --brand: var(--cream); --on-brand: var(--ink-d); --brand-btn-text: var(--cream);
  background: var(--cream); color: var(--ink-d); position: relative; overflow: hidden; }
body.v4 .closing .final.brand-sec { padding-bottom: calc(var(--pad-y) + 92px) !important; }
body.v4 .final.brand-sec > .brand-band { display: none; }
body.v4 .final.brand-sec::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 104px; pointer-events: none;
  background: var(--pat-fill) left bottom / auto 104px repeat-x; }
body.v4 .final.brand-sec > * { position: relative; z-index: 1; }
body.v4 .final.brand-sec h2 { color: var(--ink-d); }
body.v4 .final.brand-sec h2 em { color: var(--c-cream); }
body.v4 .final.brand-sec .body, body.v4 .final.brand-sec p { color: var(--muted-d); }
body.v4 .final.brand-sec .btn { border-color: var(--ink-d); color: var(--ink-d); background: transparent; }
body.v4 .final.brand-sec .btn .arrow { border-color: var(--ink-d); color: var(--ink-d); background: transparent; }
body.v4 .final.brand-sec .btn.primary { background: var(--ink-d); color: var(--cream); border-color: var(--ink-d); }
body.v4 .final.brand-sec .btn.primary .arrow { background: var(--cream); color: var(--ink-d); border-color: var(--cream); }
body.v4 .final.brand-sec .contact-line, body.v4 .final.brand-sec .contact-line a { color: var(--ink-d); }


body.v4 footer { background: var(--w1); border: 1px solid rgba(255,247,236,.06); border-bottom: 0; }
body.v4 footer .wordmark { -webkit-text-stroke: 1px color-mix(in srgb, var(--acc) 55%, transparent); }


body.v4 .bro-card { background: var(--w1); color: var(--ink); border: 1px solid rgba(255,247,236,.12); }
body.v4 .bro-cat { background: rgba(255,247,236,.04); border-color: rgba(255,247,236,.16); color: var(--ink); }
body.v4 .bro-send, body.v4 .bro-close { background: var(--c); border-color: var(--c); color: var(--c-on); }
body.v4[data-ind="home"] .bro-send, body.v4[data-ind="home"] .bro-close { background: #FFF7EC; border-color: #FFF7EC; color: var(--ink-d); }


body.v4 .eleve-copy, body.v4 .eleve-spec, body.v4 .viewer, body.v4 .thumb, body.v4 .hero-bottom .stack {
  --ink: #1B1416; --muted: rgba(27,20,22,.72); --line: rgba(27,20,22,.14); --bg: #EFE4E3; --surface: #FCFAF8;
  --fill: rgba(27,20,22,.05); color: #1B1416; }
body.v4 .eleve-copy .eyebrow, body.v4 .eleve-spec .eyebrow { color: var(--c-cream); }
body.v4 .eleve-copy em, body.v4 .eleve-copy h2 em { color: var(--c-cream); }


body.v4 .tile.has-img { background-color: var(--w1); }
body.v4 .tile .sub, body.v4 .tile.has-img .top .sub { color: var(--acc); }
body.v4 .tile .top .head, body.v4 .tile .top .sub { justify-self: start; background: rgba(var(--w0rgb),.74);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 10px; padding: 5px 10px 5px 6px; }
body.v4 .tile .top .sub { padding: 4px 10px; border-radius: 8px; }


body.v4 .resp-frame > .img.has-img::after {
  background: linear-gradient(90deg, rgba(var(--w0rgb),.86) 0%, rgba(var(--w0rgb),.45) 42%, rgba(var(--w0rgb),0) 72%),
              linear-gradient(0deg, rgba(var(--w0rgb),.55) 0%, rgba(var(--w0rgb),0) 45%); }


body.v4 .ov-stats b, body.v4 .fc b { color: var(--acc); }



body.v4 .poster-img { position: relative; }
body.v4 .poster-img::after { content: "\2197"; position: absolute; right: 8px; bottom: 8px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; font: 600 14px/1 var(--font-ui, sans-serif); color: #FFF7EC;
  background: rgba(var(--w0rgb),.62); border: 1px solid rgba(255,247,236,.4); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  transition: background-color .25s ease, color .25s ease, transform .25s ease; }
body.v4 .poster:hover .poster-img::after, body.v4 .poster:focus-visible .poster-img::after, body.v4 .poster.is-active .poster-img::after {
  background: var(--c); border-color: var(--c); color: var(--c-on); transform: scale(1.08); }
body.v4[data-ind="home"] .poster:hover .poster-img::after { color: var(--ink-d); background: #FFF7EC; }
body.v4 .poster:not(.is-active) .poster-img { box-shadow: 0 0 0 1px rgba(255,247,236,.32), 0 18px 40px rgba(0,0,0,.45); }
body.v4 .thumb { cursor: pointer; }

body.v4 .tile.has-img:hover::before, body.v4 .tile.has-img:focus-visible::before { transform: scale(1.05) !important; transform-origin: center 30%; }

body.v4[data-ind="home"] .stage-img { filter: brightness(1.12) saturate(1.05); }
body.v4[data-ind="home"] #journey .tile.has-img { background-position: center 24% !important; }

body.v4 .tile[style*="cat-specialty"] .top .head, body.v4 .tile[style*="cat-specialty"] .top .sub { background: rgba(255,247,236,.92); }
body.v4 .tile[style*="cat-specialty"] .top h4 { color: #1B1416; }
body.v4 .tile[style*="cat-specialty"] .top .sub { color: #3A4A1E; }