:root{--paper:#f8efdf;--paper2:#fff9ef;--ink:#231a28;--quiet:#73695c;--purple:#482b57;--purple2:#805785;--yellow:#e5b841;--yellow2:#ffde75;--mint:#80a99b;--sage:#446e66;--line:#e4d8c6;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}a{color:var(--purple)}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#top-progress{position:fixed;height:4px;width:0;background:linear-gradient(90deg,#ddb044,#73507b);top:0;left:0;z-index:300;pointer-events:none}
.topnav{position:absolute;z-index:60;left:0;right:0;top:0;padding:24px clamp(22px,5vw,88px);display:flex;justify-content:space-between;align-items:center;color:var(--purple)}.brand{font:bold 18px var(--serif);letter-spacing:.035em}.topnav .eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 20px 85px;overflow:hidden;background:radial-gradient(ellipse at 47% 9%,#fff6e7 0%,var(--paper) 76%)}.hero::after{content:'';position:absolute;bottom:0;width:100%;height:90px;background:linear-gradient(transparent,#f8efdf);pointer-events:none}.hero-art{position:relative;width:min(960px,90vw);height:clamp(215px,33vh,330px);margin-top:-24px;display:flex;align-items:center;justify-content:center}.hero-art svg{width:100%;height:100%;overflow:visible}.hero h1{font-size:clamp(40px,6.1vw,102px);font-weight:900;letter-spacing:-.065em;line-height:1.03;max-width:1100px;margin:4px auto 12px;text-align:center;color:var(--purple);text-wrap:balance}.hero h1 span{color:#a86d4d}.hero .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:#7f6545;font-weight:800;margin:12px 0 8px}.hero .sapo{font-family:var(--serif);max-width:795px;text-align:center;font-size:clamp(16px,1.64vw,21px);line-height:1.75;color:#574d49;margin:20px auto 40px}.scroll-cue{display:flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#856f55;animation:bob 2.4s infinite}.scroll-cue i{display:block;width:1px;height:26px;background:#b99a67;position:relative}.scroll-cue i:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;transform:rotate(45deg);border-right:1px solid #ad925e;border-bottom:1px solid #ad925e}@keyframes bob{50%{transform:translateY(7px)}}
.opening{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);position:relative;background:#faf1e3}.stage{height:100svh;position:sticky;top:0;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee4d0;overflow:hidden;border-right:1px solid #e6dac8}.stage:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 45% 37%,#fff7e6a0,transparent 65%);pointer-events:none}.stage-eyebrow{position:absolute;top:7.5%;left:7%;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#827461;font-weight:900}.stage-scene{position:absolute;inset:14% 5% 17%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(22px) scale(.97);transition:opacity .7s,transform .8s;pointer-events:none}.stage-scene.active{opacity:1;transform:translateY(0) scale(1)}.stage-caption{position:absolute;bottom:7%;width:82%;font-size:clamp(12px,1.1vw,15px);font-weight:800;color:var(--purple);text-align:center;line-height:1.5;transition:opacity .3s}.stage-bottle svg{width:min(78%,400px);height:100%;max-height:560px;overflow:visible}.glass{fill:#fff9e7c7;stroke:#433249;stroke-width:2.7}.glass-highlight{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;opacity:.7}.oil-fill{fill:#efc850;transform:translateY(100%);transition:transform .12s linear}.oil-fill-wave{fill:#fff0a3;opacity:.8}.bottle-cap{fill:#9e78a2;stroke:#47324c;stroke-width:3}.extra-cap{transform:translate(-20px,18px);opacity:0;transition:opacity .45s,transform .6s}.extra-cap.visible{opacity:1;transform:translate(0,0)}.stage-big-numeral{font-size:clamp(32px,5.4vw,78px);font-weight:900;letter-spacing:-.05em;color:var(--purple)}.stage-small{font-size:13px;color:#635949;font-weight:700;line-height:1.45}.stage-row{display:flex;justify-content:center;align-items:center;gap:20px;max-width:95%}.import-layout{width:94%;max-width:500px}.import-card{background:#fffaf0;border:1.5px solid #7d6878;border-radius:12px;margin:10px 0;padding:15px 19px;box-shadow:6px 6px 0 #e6d4b7;opacity:.4;transform:translateX(-12px);transition:all .5s}.import-card.show{opacity:1;transform:none}.import-card .num{font-weight:900;font-size:clamp(25px,3vw,40px);color:var(--purple)}.import-card strong{display:block;font-size:13px;line-height:1.4}.import-card small{font-size:11px;color:#756a56}.factory-vis{width:98%;max-width:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.factory-vis svg{width:100%;max-width:450px;height:auto}.factory-name{font-weight:900;letter-spacing:.06em;font-size:clamp(22px,4vw,52px);color:var(--purple);opacity:0;transform:translateY(14px);transition:.6s}.factory-name.show{opacity:1;transform:none}.factory-share{opacity:0;transform:translateY(14px);transition:.6s}.factory-share.show{opacity:1;transform:none}.factory-share strong{font-size:clamp(35px,6vw,76px);color:#5f3d61;letter-spacing:-.06em}.factory-share span{display:block;text-align:center;font-size:13px;max-width:320px;line-height:1.5;font-weight:700}.wilmar-scene{flex-direction:column;gap:15px;text-align:center}.wilmar-scene svg{width:min(90%,440px);height:auto}.wilmar-name{font-size:clamp(39px,6vw,75px);font-weight:900;letter-spacing:-.07em;color:var(--purple);line-height:1}.wilmar-kpi{font-size:18px;font-weight:900;color:#6a4b5b;opacity:0;transform:translateY(12px);transition:.5s}.wilmar-kpi.show{opacity:1;transform:none}.wilmar-kpi b{display:block;font-size:35px;color:#3f2b50}.story-steps{padding:5vh 0 14vh}.step{min-height:90vh;padding:16vh clamp(24px,7vw,110px) 17vh;display:flex;flex-direction:column;justify-content:center;max-width:900px;opacity:.36;transition:opacity .55s}.step.active{opacity:1}.step .step-kicker{font-size:11px;letter-spacing:.19em;font-weight:900;text-transform:uppercase;color:#b08b49;margin-bottom:18px}.step h2{font-size:clamp(34px,4.3vw,61px);line-height:1.08;letter-spacing:-.052em;color:var(--purple);max-width:550px;margin:0 0 30px}.step p{font-family:var(--serif);font-size:clamp(18px,1.68vw,25px);line-height:1.7;max-width:590px;margin:12px 0;color:#332b30}.step .data-accent{font:bold clamp(25px,3vw,42px) var(--sans);color:var(--purple);margin-top:14px}.step .small-caption{font-family:var(--sans);font-size:14px;font-weight:700;color:#756651}.step ul{font-family:var(--serif);line-height:1.7}
.chapter{background:var(--paper2);position:relative;padding:0 20px 65px}.chapter:nth-of-type(even){background:#fffaf1}.chapter-lead{width:min(860px,100%);margin:auto;padding:130px 0 35px}.chapter-no{color:#a57d57;font-size:12px;text-transform:none;letter-spacing:.04em;font-weight:800;font-family:var(--sans)}.chapter-lead h2{font-size:clamp(37px,5.2vw,78px);line-height:1.1;letter-spacing:-.055em;color:var(--purple);margin:20px 0 36px;max-width:880px;text-wrap:balance}.body-copy{font:clamp(19px,1.8vw,24px)/1.78 var(--serif);width:min(760px,100%);margin:35px auto;color:#2f2930}.body-copy p{margin:0 0 28px}.body-copy .lede{font-size:1.12em;color:#382d3c}.data-em{font-family:var(--sans);font-weight:900;color:var(--purple)}.graphic{width:min(1100px,100%);margin:65px auto 90px;background:#f6eddf;border:1px solid #e2d4bf;border-radius:21px;padding:clamp(22px,4.3vw,58px);position:relative;overflow:hidden}.graphic h3{font-size:clamp(25px,3.4vw,47px);line-height:1.12;color:var(--purple);letter-spacing:-.04em;margin:0 0 12px}.graphic small,.graphic-caption{font-size:12px;line-height:1.65;color:#716459}.graphic-caption{padding-top:22px;border-top:1px solid #dfd0b9;margin-top:28px}.visual-note{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a27c53;margin:0 0 16px}.chapter .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.chapter .reveal.visible{opacity:1;transform:translateY(0)}
.origin-graphic{display:flex;align-items:center;justify-content:center;gap:45px;flex-wrap:wrap;background:#f2e5d0}.origin-graphic .mini-oil{width:90px;height:225px;flex-shrink:0}.origin-stat{max-width:580px}.origin-stat strong{display:block;font-size:clamp(32px,5.7vw,76px);letter-spacing:-.07em;color:var(--purple)}.origin-stat span{font-size:16px;font-weight:800;color:#6b5c52}.ownership-graphic{background:#f4e9d9}.ownership-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:31px}.ownership-header .ownership-number{font-size:clamp(35px,6vw,82px);font-weight:900;line-height:1;color:#42786d;letter-spacing:-.07em}.ownership-header .ownership-number.purple{color:var(--purple)}.ownership-header .ownership-by{font-weight:800;font-size:14px;color:#665454;margin-top:7px}.hundred-bottles{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:9px 5px;max-width:960px;margin:auto}.small-bottle{width:100%;height:42px;fill:#bcaeab;opacity:.24;transition:fill .4s,opacity .4s,transform .5s}.small-bottle.blue{fill:#42796f;opacity:1}.small-bottle.violet{fill:#674170;opacity:1}.small-bottle.drawn{opacity:1}
#ownershipMorphGraphic{background:#f4e9d9}.ownership-morph-head{position:relative;min-height:150px;margin-bottom:12px}.ownership-state{position:absolute;inset:0;transition:opacity .55s ease,transform .65s ease}.ownership-state.stage-two{opacity:0;transform:translateY(18px)}#ownershipMorphGraphic.stage-two .ownership-state.stage-one{opacity:0;transform:translateY(-18px)}#ownershipMorphGraphic.stage-two .ownership-state.stage-two{opacity:1;transform:none}.ownership-state small{display:block;max-width:520px}.ownership-arrow{display:block;margin:14px auto 20px;font-size:15px;color:#756478;font-weight:800;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}#ownershipMorphGraphic.stage-two .ownership-arrow{opacity:1;transform:none}.ownership-morph-grid{position:relative;max-width:960px;height:500px;margin:18px auto 0}.ownership-morph-grid .small-bottle{position:absolute;width:4.1%;height:42px;transition:left .9s cubic-bezier(.25,.8,.25,1), top .9s cubic-bezier(.25,.8,.25,1), fill .6s ease, opacity .6s ease, transform .9s cubic-bezier(.25,.8,.25,1);left:calc(var(--x0) * 1%);top:calc(var(--y0) * 1%);transform:rotate(var(--r0)) scale(var(--s0,1));fill:var(--c0);opacity:var(--o0,1)}#ownershipMorphGraphic.visible .ownership-morph-grid .small-bottle{opacity:var(--o0,1)}#ownershipMorphGraphic.stage-two .ownership-morph-grid .small-bottle{left:calc(var(--x1) * 1%);top:calc(var(--y1) * 1%);transform:rotate(var(--r1,0deg)) scale(var(--s1,1));fill:var(--c1);opacity:var(--o1,1)}.ownership-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:12px;font-weight:800;color:#6c615d;transition:opacity .4s ease}.ownership-legend i{width:13px;height:13px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}.ownership-legend .legend-stage-two{display:none}#ownershipMorphGraphic.stage-two .ownership-legend .legend-stage-one{display:none}#ownershipMorphGraphic.stage-two .ownership-legend .legend-stage-two{display:inline}#ownershipMorphGraphic.stage-two .ownership-legend .legend-stage-two.wrap{display:inline-flex;align-items:center}.ownership-timeline{font-size:12px;color:#6d645a;margin-top:15px}.ownership-morph-caption{transition:opacity .4s ease}.ownership-morph-caption .cap-two{display:none}#ownershipMorphGraphic.stage-two .ownership-morph-caption .cap-one{display:none}#ownershipMorphGraphic.stage-two .ownership-morph-caption .cap-two{display:block}.ownership-trigger{height:1px;margin-top:-1px;opacity:0}@media (max-width:760px){.ownership-morph-grid{height:420px}.ownership-morph-grid .small-bottle{width:7.4%;height:32px}}
.metric-wrap{background:#32263e;color:#fff5e8}.metric-wrap h3{color:#fff}.metric-wrap .visual-note{color:#dfbf8a}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.metric-tile{padding:28px 20px;min-height:140px;border:1px solid #7c6b7e;border-radius:9px;background:#44344e;opacity:.1;transform:translateY(14px);transition:.8s}.metric-wrap.visible .metric-tile{opacity:1;transform:none}.metric-wrap.visible .metric-tile:nth-child(2){transition-delay:.17s}.metric-wrap.visible .metric-tile:nth-child(3){transition-delay:.3s}.metric-wrap.visible .metric-tile:nth-child(4){transition-delay:.45s}.metric-tile b{display:block;color:#f4cd68;font-size:clamp(30px,4.6vw,63px);letter-spacing:-.07em}.metric-tile span{color:#f2e6e7;font-size:14px;font-weight:700}.metric-wrap .graphic-caption{color:#e2d4da;border-top-color:#685c6e}
.palm-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:45px}.donut{width:min(330px,74vw);height:min(330px,74vw);border-radius:50%;background:conic-gradient(#704b79 0 66%,#d7a94d 66% 91%,#78998a 91% 100%);position:relative;transition:transform .8s}.donut:before{content:'';position:absolute;inset:26%;background:#f6eddf;border-radius:50%}.donut:after{content:'234.000';position:absolute;inset:0;display:grid;place-items:center;color:var(--purple);font-size:clamp(30px,4vw,47px);font-weight:900;letter-spacing:-.05em}.donut-legend{min-width:225px}.donut-legend .item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8c9b7;padding:17px 0;font-weight:700;color:#5f5454;gap:17px}.donut-legend .item b{font-size:24px;color:var(--purple)}.legend-dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:7px}
.factory-graphic{background:#ebe1d3}.val-factory{width:100%;max-width:940px;display:block;margin:20px auto;border-radius:13px;background:#f5eee2}.factory-caption{font-size:14px;letter-spacing:.035em;color:#423347;font-weight:900;text-align:center;margin-top:18px}.factory-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.production-visual{display:grid;grid-template-columns:1fr 1.4fr 1.5fr;align-items:center;gap:12px;position:relative;margin-top:25px;min-height:190px}.flow-input{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.flow-input svg{width:85%;max-width:180px;height:75px;overflow:visible}.flow-input b{font-size:22px;color:var(--purple);white-space:nowrap}.flow-input span{font-size:12px;text-align:center;color:#6a5c50}.flow-plant{background:#61426d;color:#fff;text-align:center;padding:18px 8px;border-radius:10px;min-height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:900;position:relative}.flow-plant b{font-size:27px}.flow-plant:before,.flow-plant:after{content:'→';position:absolute;top:38%;right:-17px;font-size:26px;color:#866978;z-index:2}.flow-plant:before{left:-21px;right:auto}.flow-results{display:flex;flex-direction:column;gap:14px;min-width:0}.flow-result{min-width:0}.flow-result span{font-size:12px;color:#55464f;font-weight:800}.flow-result b{font-size:14px;white-space:nowrap}.flow-bar{height:21px;border-radius:3px;transform-origin:left;width:0;transition:width 1.25s cubic-bezier(.17,.72,.21,1)}.flow-result:nth-child(1) .flow-bar{background:#7c9a87}.flow-result:nth-child(2) .flow-bar{background:#e3b452}.production-visual.running .flow-result:nth-child(1) .flow-bar{width:100%;transition-delay:1.05s}.production-visual.running .flow-result:nth-child(2) .flow-bar{width:73%;transition-delay:1.42s}.beans{transform:translateX(0);opacity:0}.production-visual.running .beans{animation:beansFlow 1.5s ease-in-out forwards}@keyframes beansFlow{0%{opacity:0;transform:translateX(-10px)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(130px)}}.play-btn{border:1px solid #695174;background:var(--purple);color:#fffaf2;padding:13px 18px;font-size:12px;font-weight:900;letter-spacing:.045em;border-radius:5px;cursor:pointer;transition:transform .2s,background .2s}.play-btn:hover{background:#704c7b;transform:translateY(-2px)}.flow-callout{font-size:12px;color:#776b63;margin-top:12px}
.chain{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:14px;margin-top:25px}.chain-part{border-radius:10px;padding:20px 7px;text-align:center;background:#fff8ec;min-height:125px;display:flex;flex-direction:column;justify-content:center;gap:12px}.chain-part b{font-size:16px;color:var(--purple)}.chain-part svg{width:70px;height:64px;margin:auto}.chain-ar{display:none}.chain-part:not(:last-child){position:relative}.chain-part:not(:last-child):after{content:'→';position:absolute;font-size:23px;color:#80647b;right:-20px;top:40%;z-index:2}
.chart-box{background:#f7edde}.chart-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chart-chip{cursor:pointer;border:1px solid #b9a7b3;background:#fff8ed;color:#645260;border-radius:24px;padding:9px 14px;font-weight:800;font-size:12px}.chart-chip[aria-pressed="true"]{background:#4b3157;color:white;border-color:#4b3157}.chart-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:5px}.chart-info strong{font-size:clamp(26px,4.2vw,49px);color:var(--purple);letter-spacing:-.04em}.chart-info span{font-size:12px;color:#766457;font-weight:700}.chart-svg-wrap{position:relative;touch-action:pan-y}.chart-svg{width:100%;height:auto;overflow:visible;display:block}.chart-line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s,stroke-width .3s}.chart-line.dim{opacity:.13;stroke-width:2}.dot-focus{pointer-events:none}.chart-hit{cursor:crosshair;fill:transparent}.chart-tooltip{position:absolute;z-index:2;pointer-events:none;min-width:165px;background:#fffdf6;border:1px solid #b9a58b;box-shadow:0 8px 22px #4d3e3930;border-radius:7px;padding:10px 13px;opacity:0;transform:translate(-50%,-111%);transition:opacity .1s;line-height:1.6;font-size:12px;color:#47394b}.chart-tooltip.visible{opacity:1}.chart-legend{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#5c5254;font-weight:800}.chart-legend i{display:inline-block;width:21px;height:4px;margin:0 7px 3px 0;border-radius:5px}.chart-source a{color:#73566d}
.retail-table{width:100%;margin-top:24px}.retail-head{display:grid;grid-template-columns:minmax(145px,1.5fr) minmax(160px,1.5fr) 80px;gap:12px;border-bottom:1px solid #c6bcae;padding:10px 0 15px;font-size:11px;font-weight:900;text-transform:uppercase;color:#80716b;letter-spacing:.06em}.retail-row{display:grid;grid-template-columns:minmax(145px,1.5fr) minmax(160px,1.5fr) 80px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #e0d4c7;animation:fadeIn .4s both}.retail-row .prod{font-size:13px;font-weight:800;line-height:1.4;color:#3e3440}.barpair{display:flex;flex-direction:column;gap:5px}.bartrack{height:10px;background:#e8dfd4;position:relative;width:100%;border-radius:3px;overflow:hidden}.bartrack span{display:block;height:100%;background:#9d8b9d}.bartrack.new span{background:#d2a544}.retail-delta{text-align:right;font-weight:900;color:#604266;font-size:14px}.retail-delta.flat{color:#8a8278}.retail-row .labelpair{display:flex;gap:10px;align-items:baseline;font-size:11px;color:#665764}.retail-row .labelpair span+span{margin-left:auto;font-weight:800;color:#3a2b3d}.retail-note{font-size:11px;line-height:1.6;color:#79695c;margin-top:19px}.filter-chip{border:1px solid #c4b5b6;padding:9px 16px;border-radius:25px;background:#fff5e9;font-weight:800;color:#644f5c;cursor:pointer;font-size:12px}.filter-chip[aria-pressed=true]{background:#604267;color:#fff}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.closing{margin:50px auto 0;text-align:center;background:#33283e;color:#f8ecdd;padding:95px 20px 110px}.closing blockquote{font-family:var(--serif);font-size:clamp(22px,3vw,39px);line-height:1.5;max-width:830px;margin:0 auto}.closing .closing-mark{font-size:61px;color:#e7bd63;line-height:1}footer{padding:32px 22px 45px;background:#281f30;color:#e9d9d8;text-align:center;font:12px/1.8 var(--sans)}footer a{color:#f4d18c}.small-note{font-size:12px;color:#867a69;font-weight:700}.part-divider{height:1px;background:#ddcdb9;width:min(800px,100%);margin:65px auto}.sources-inline{font-size:11px;color:#8a7970;margin:14px auto;line-height:1.65;width:min(760px,100%)}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.topnav{padding:17px 20px}.topnav .eyebrow{font-size:9px}.hero{padding-top:88px;min-height:100svh}.hero-art{width:96%;height:27vh;min-height:190px;margin-top:0}.hero h1{font-size:clamp(37px,9.8vw,65px)}.hero .sapo{font-size:16px;line-height:1.58;margin:11px 0 20px}.opening{grid-template-columns:1fr}.stage{height:45svh;min-height:300px;top:0;border-right:0;border-bottom:1px solid #e5daca;z-index:4}.stage-eyebrow{top:5%;left:6%;font-size:9px}.stage-scene{inset:7% 6% 21%}.stage-bottle svg{max-height:275px;width:min(63%,310px)}.stage-caption{bottom:3.5%;font-size:11px}.story-steps{padding:0 0 20vh}.step{padding:16vh 7% 22vh;min-height:70vh;background:#faf1e3eb;z-index:1}.step p{font-size:18px;line-height:1.68}.step h2{font-size:34px}.stage-row{gap:8px}.import-card{padding:10px;margin:7px 0;box-shadow:3px 3px 0 #e6d4b7}.import-card .num{font-size:19px}.import-card strong{font-size:11px}.import-card small{font-size:9px}.factory-vis svg{max-width:240px}.factory-name{font-size:24px}.factory-share strong{font-size:36px}.factory-share span{font-size:10px}.wilmar-scene svg{max-width:220px}.wilmar-name{font-size:33px}.wilmar-kpi{font-size:12px}.wilmar-kpi b{font-size:23px}.chapter-lead{padding:95px 0 10px}.chapter-lead h2{font-size:clamp(35px,8.5vw,56px)}.body-copy{font-size:19px;line-height:1.7;margin:24px auto}.graphic{margin:45px auto 55px;border-radius:13px;padding:23px 18px}.graphic h3{font-size:27px}.hundred-bottles{grid-template-columns:repeat(10,1fr);gap:7px 2px}.small-bottle{height:35px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-tile{min-height:112px;padding:18px 12px}.metric-tile b{font-size:30px}.metric-tile span{font-size:12px}.donut{width:240px;height:240px}.production-visual{grid-template-columns:1fr 1fr;gap:10px}.flow-input{grid-column:1}.flow-plant{grid-column:2}.flow-plant:after{display:none}.flow-results{grid-column:1/-1;padding:12px}.flow-bar{height:15px}.chain{grid-template-columns:repeat(2,1fr);gap:17px}.chain-part:not(:last-child):after{display:none}.retail-head,.retail-row{grid-template-columns:minmax(90px,1.2fr) minmax(125px,1.2fr) 55px;gap:8px}.retail-row .prod{font-size:11px}.retail-delta{font-size:12px}.retail-head{font-size:9px}.chart-chip{padding:8px 10px;font-size:11px}.closing{padding:68px 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.chapter .reveal{opacity:1;transform:none}}


/* CALOFIC OWNERSHIP: original Wine canvas+GSAP tweening method, one continuous scene */
.wine-ownership{position:relative;width:min(1200px,100%);height:285vh;min-height:1800px;margin:42px auto 42px;isolation:isolate;overflow:clip;background:transparent;}
.wine-ownership-sticky{position:sticky;top:0;height:100vh;min-height:580px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#f8eddb;overflow:hidden;padding:clamp(14px,2.4vh,25px) clamp(12px,3vw,38px) clamp(8px,1.5vh,18px);}
.wine-ownership:before{content:'';position:absolute;inset:0;border-top:1px solid #e6d6bb;border-bottom:1px solid #e6d6bb;pointer-events:none;}
.wine-ownership-upper{width:100%;max-width:1020px;min-height:140px;flex-shrink:0;position:relative;z-index:3;}
.wine-ownership-kicker{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;color:#876c52;margin-bottom:6px;}
.wine-ownership-titles{position:relative;min-height:112px;}
.wine-own-title{position:absolute;top:0;left:0;right:175px;opacity:0;transform:translateY(13px);transition:opacity .32s ease,transform .4s ease;pointer-events:none;}
.wine-own-title.active{opacity:1;transform:translateY(0)}
.wine-own-title h3{margin:0 0 3px;font-family:OfflineSans,Arial,Helvetica,sans-serif;font-size:clamp(23px,3.1vw,44px);letter-spacing:-.045em;line-height:1.11;color:#4b2b5e;font-weight:700;}
.wine-own-title p{font-family:OfflineSans,Arial,Helvetica,sans-serif;font-size:clamp(11px,1.2vw,14px);line-height:1.5;color:#735e50;margin:5px 0 0;}
.wine-own-percent{position:absolute;right:0;top:38px;font-family:OfflineSans,Arial,sans-serif;letter-spacing:-.07em;font-weight:800;font-size:clamp(35px,6.5vw,86px);color:#587b9a;transition:color .35s;text-align:right;line-height:1}
.wine-ownership-visual{width:100%;max-width:1000px;flex:1 1 auto;min-height:240px;position:relative;margin:0 auto;overflow:hidden;}
#wineOwnershipCanvas{display:block;width:100%;height:100%;}
.wine-ownership-bottom{width:100%;max-width:1000px;min-height:88px;flex-shrink:0;padding:4px 0;position:relative;z-index:3;}
.wine-ownership-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:OfflineSans,Arial,sans-serif;font-size:11px;color:#5a5262;font-weight:700;margin-bottom:10px;}
.wine-ownership-legend span{white-space:nowrap}
.wine-ownership-legend i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border-radius:2px}
.wine-ownership-legend .blue{background:#6a7fca}.wine-ownership-legend .gold{background:#e5bc46}.wine-ownership-legend .purple{background:#b24978}
.wine-ownership-progress{height:3px;background:#dfcbb5;overflow:hidden;border-radius:3px;}
.wine-ownership-progress i{display:block;height:100%;width:0;background:#56315e;}
#wineOwnNote{font-family:OfflineSans,Arial,Helvetica,sans-serif;font-size:11px;color:#786958;line-height:1.4;margin:10px 0 0}
.wine-ownership-scroll-spacer{height:100%;pointer-events:none}
#stageCaption,.stage-eyebrow{display:none!important}
.wine-own-percent{display:none!important}
.palm-illus{display:none!important}
.donut:after{content:"234.334"}
.factory-caption,.flow-callout,#valGraphic .small-note{display:none!important}
.val-process-stage{grid-template-columns:1fr;gap:16px}
.process-intake,.process-outputs{opacity:0;visibility:hidden;transition:opacity .45s ease}
.val-process-stage.running .process-intake,.val-process-stage.running .process-outputs{opacity:1;visibility:visible}
.process-intake,.process-outputs{justify-self:center;width:min(680px,100%)}
.process-outputs{display:flex;flex-direction:row;justify-content:center;gap:26px;flex-wrap:wrap}
.output-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.val-process-stage.running .output-card{opacity:1;transform:none}
@media(max-width:760px){.val-process-stage{grid-template-columns:1fr}.process-outputs{flex-direction:column;align-items:center}}
@media(max-width:720px){.wine-ownership{height:255vh;min-height:1500px;margin:24px auto}.wine-ownership-sticky{height:100svh;min-height:480px;padding:12px 10px 8px}.wine-ownership-upper{min-height:126px}.wine-own-title{right:95px}.wine-own-title h3{font-size:clamp(20px,5vw,28px)}.wine-own-title p{font-size:11px}.wine-own-percent{top:42px;font-size:43px}.wine-ownership-bottom{min-height:82px}.wine-ownership-legend{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.wine-own-title{transition:none}}


/* --- v22 chart-language alignment overrides --- */
.calofic-finance-graphic .finance-selected{gap:10px;align-items:baseline;flex-wrap:wrap}
.calofic-finance-graphic .finance-selected strong{font-family:OfflineSans,Arial,sans-serif;letter-spacing:-.04em}
.finance-chart-window{overflow:visible}
.finance-chart-svg{overflow:visible}
.finance-bar.revenue,.finance-bar.profit{stroke:#f8f1e4;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill markers}
.finance-bar.profit{stroke-width:1.6}
.finance-bar-group .finance-bottle-label{pointer-events:none}
.finance-bar.revenue{filter:drop-shadow(0 1px 0 rgba(19,94,66,.12))}
.finance-bar.profit{filter:drop-shadow(0 1px 0 rgba(228,184,50,.14))}

.editorial-wilmar .metric-grid.sketch-metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 28px!important;margin-top:26px!important}
.editorial-wilmar .metric-tile.sketch-metric{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 4px 14px!important;min-height:auto!important;position:relative;display:block!important}
.editorial-wilmar .metric-tile.sketch-metric:before{content:'';position:absolute;left:2px;right:20%;bottom:6px;height:16px;border-bottom:2px solid #7ea087;border-left:2px solid transparent;border-right:2px solid transparent;border-radius:55% 45% 52% 48% / 65% 35% 55% 45%;opacity:.65;transform:rotate(-1.5deg)}
.editorial-wilmar .metric-tile.sketch-metric:nth-child(2):before{right:14%;transform:rotate(.8deg)}
.editorial-wilmar .metric-tile.sketch-metric:nth-child(3):before{right:28%;transform:rotate(-.6deg)}
.editorial-wilmar .metric-tile.sketch-metric:nth-child(4):before{right:12%;transform:rotate(1.1deg)}
.editorial-wilmar .metric-tile.sketch-metric b{display:block;font-family:OfflineSans,Arial,sans-serif!important;font-size:clamp(42px,4.4vw,64px)!important;line-height:.95!important;color:#156545!important;letter-spacing:-.05em;text-shadow:1px 1px 0 rgba(21,101,69,.03)}
.editorial-wilmar .metric-tile.sketch-metric span{display:block;margin-top:8px;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;line-height:1.35!important;color:#4f6d5b!important;font-weight:700!important;max-width:26ch}

.retail-row .bartrack{height:14px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;position:relative}
.retail-row .bartrack:before{content:'';position:absolute;inset:1px 0 1px 0;background:#e1e9de;clip-path:polygon(0% 43%,3% 33%,8% 37%,14% 28%,21% 34%,30% 27%,40% 35%,49% 30%,59% 36%,70% 31%,81% 36%,90% 28%,96% 35%,100% 42%,100% 66%,95% 73%,88% 69%,79% 76%,68% 68%,58% 73%,48% 67%,39% 74%,28% 67%,19% 73%,10% 67%,4% 72%,0% 64%);opacity:.92}
.retail-row .bartrack span{display:block;height:100%;clip-path:polygon(0% 46%,4% 33%,9% 38%,14% 27%,22% 35%,30% 28%,39% 36%,48% 30%,58% 37%,69% 31%,80% 37%,90% 29%,97% 36%,100% 42%,100% 66%,96% 73%,88% 69%,79% 76%,69% 68%,59% 73%,49% 68%,39% 75%,28% 67%,18% 73%,10% 67%,4% 72%,0% 64%);border-radius:0!important}
.retail-row .bartrack.new span{background:#e1b534!important}
.retail-row .bartrack span{background:#8db19a!important}
.retail-row:nth-child(odd) .bartrack{transform:rotate(-.25deg)}
.retail-row:nth-child(even) .bartrack{transform:rotate(.18deg)}

@media(max-width:760px){
  .editorial-wilmar .metric-grid.sketch-metric-grid{grid-template-columns:1fr 1fr!important;gap:14px 16px!important}
  .editorial-wilmar .metric-tile.sketch-metric b{font-size:clamp(28px,8vw,40px)!important}
  .editorial-wilmar .metric-tile.sketch-metric span{font-size:12px!important}
}