.protein-comparison{margin-top:104px;scroll-margin-top:115px;color:var(--cream)}
.protein-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.protein-heading .eyebrow{color:var(--lilac);margin-bottom:19px}
.protein-heading h3{font:clamp(52px,6.4vw,96px)/1.06 Anton,Impact,sans-serif;letter-spacing:-.025em}
.protein-heading h3 span{color:var(--lilac)}
.protein-controls{flex:none;padding-bottom:5px}
.protein-controls>p{font-size:15px;line-height:1.55;margin-bottom:22px}
.protein-switch{display:flex;position:relative;padding:4px;background:#ffffff0b;border:1px solid #ffffff4d;border-radius:5px;gap:4px}
.protein-switch button{flex:1;min-height:44px;padding:12px 19px;border:0;border-radius:2px;background:transparent;color:var(--cream);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.protein-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}
.protein-switch button:hover:not([aria-pressed=true]){background:#ffffff12}
.protein-board{border-radius:8px;overflow:hidden;background:var(--cream);color:var(--ink)}
.protein-stage{display:grid;grid-template-columns:31% 69%;min-height:410px}
.protein-overline{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.4}
.protein-product-name h4,.protein-bowlup h4{font:23px/1.14 Anton,Impact,sans-serif;margin:12px 0 0;letter-spacing:.15px}
.protein-product-name sup{font:10px Arial,sans-serif;vertical-align:super;margin-left:3px}
.protein-reference{padding:32px 34px 28px;display:flex;flex-direction:column;justify-content:space-between;background:#eeebf1;color:#645a82;gap:22px}
.protein-reference .protein-overline{color:#7d738e}
.protein-value{display:block;font:clamp(114px,11.4vw,176px)/1 Anton,Impact,sans-serif;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
.protein-value small{font-size:.27em;letter-spacing:-.02em;margin-left:5px}
.protein-reference .protein-value{font-size:clamp(90px,8.2vw,126px)}
.protein-unit{display:block;font-size:13px;font-weight:700;line-height:1.4;margin-top:12px}
.protein-reference-foot{display:flex;gap:13px;align-items:center;padding-top:10px}
.protein-reference-foot svg{width:44px;height:34px;flex:none;fill:currentColor;opacity:.7}
.protein-reference-foot p{font-size:10px;line-height:1.55}
.protein-bowlup{position:relative;isolation:isolate;background:var(--yellow);padding:32px 38px 30px;overflow:hidden}
.protein-bowlup-copy{position:relative;z-index:2;max-width:60%}
.protein-bowlup .protein-value{margin-top:36px}
.protein-bowlup .protein-unit{font-size:16px;margin-top:12px}
.protein-serving{font-size:10px;line-height:1.55;margin-top:8px}
.protein-watermark{position:absolute;z-index:0;width:40%;height:98%;right:-3%;top:2%;color:#ffe566;transform:rotate(13deg);pointer-events:none}
.protein-pack{position:absolute;z-index:1;right:4.5%;top:53%;height:86%;aspect-ratio:1126/1397;transform:translateY(-50%);pointer-events:none}
.protein-pack img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(7px 14px 10px #5b3a002e);transform:rotate(8deg);animation:protein-pack-float 6s ease-in-out infinite;animation-play-state:paused}
.protein-comparison.is-in-view .protein-pack img{animation-play-state:running}
.motion-suspended .protein-comparison .protein-pack img{animation-play-state:paused}
.protein-pack-note{position:absolute;right:33%;top:28px;font-size:8px;font-weight:700;line-height:1.35;letter-spacing:1px;transform:rotate(-7deg);text-align:center;z-index:2}
.protein-pack-note svg{display:block;width:67px;height:36px;margin:3px 0 0 29px}
.protein-proof{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:40px;align-items:center;padding:32px 38px;background:var(--cream)}
.protein-plot-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid #24117625;font-size:8px;font-weight:700;letter-spacing:1px;line-height:1.4}
.protein-plot-heading>span:last-child{font-weight:400;letter-spacing:.5px}
.protein-rail-row{display:grid;grid-template-columns:146px minmax(0,1fr) 53px;gap:17px;align-items:center;margin-top:14px}
.protein-rail-row>span{font-size:11px;font-weight:700;line-height:1.3}
.protein-rail-row sup{font-size:8px;margin-left:2px}
.protein-rail-row strong{text-align:right;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.protein-track{height:19px;background:#2411760c;overflow:hidden}
.protein-bar{width:var(--bar-share);height:100%;transform-origin:left;transition:width .75s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}
.reference-rail{color:#716784}
.reference-rail .protein-bar{background:#aca0c1}
.bowlup-rail .protein-bar{background:var(--ink);transition-delay:.1s}
.protein-comparison.is-armed:not(.has-revealed) .protein-bar{transform:scaleX(0)}
.protein-takeaway{position:relative;border-left:1px solid #24117625;padding-left:32px}
.protein-takeaway .protein-overline{font-size:8px;letter-spacing:1px;margin-bottom:8px}
.protein-takeaway p{font:34px/1.06 Anton,Impact,sans-serif;letter-spacing:-.5px}
.protein-takeaway svg{position:absolute;right:-2px;bottom:2px;width:37px;height:44px;fill:currentColor;transform:rotate(9deg)}
.protein-foot{padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:16px 40px;align-items:start}
.protein-foot>p{font-size:11px;line-height:1.6;color:#d7cfee;margin-top:4px}
.protein-method{max-width:650px;font-size:12px;line-height:1.65}
.protein-method summary{display:flex;justify-content:flex-end;align-items:center;gap:30px;list-style:none;cursor:pointer;font-size:11px;font-weight:700;padding:4px 0;color:var(--cream)}
.protein-method summary::-webkit-details-marker{display:none}
.protein-method summary>span{font-size:20px;font-weight:400;line-height:1;transition:transform .25s}
.protein-method[open] summary>span{transform:rotate(45deg)}
.protein-method[open]{grid-column:1/-1;max-width:none;border-top:1px solid #ffffff25;padding-top:16px}
.protein-method[open] summary{justify-content:space-between}
.protein-method>div{padding:10px 0 0;color:#d7cfee;max-width:850px}
.protein-method p{margin:12px 0;font-size:12px;line-height:1.7}
.protein-method a{display:inline-block;color:var(--cream);text-underline-offset:4px;margin-top:5px}
@keyframes protein-pack-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-6px) rotate(6deg)}}
@media(max-width:1150px){
 .protein-heading{gap:28px}.protein-heading h3{font-size:6.2vw}.protein-controls>p{font-size:13px}.protein-switch button{padding-inline:14px;font-size:11px}
 .protein-stage{grid-template-columns:32% 68%;min-height:370px}.protein-reference{padding:27px 25px}.protein-product-name h4,.protein-bowlup h4{font-size:20px}.protein-reference .protein-value{font-size:95px}
 .protein-bowlup{padding:27px}.protein-bowlup .protein-value{font-size:11vw;margin-top:44px}.protein-bowlup .protein-unit{font-size:13px}.protein-pack{height:76%;right:3%;top:56%}.protein-pack-note{right:19%;top:24px;font-size:7px}.protein-pack-note svg{width:47px;height:27px}
 .protein-proof{grid-template-columns:minmax(0,1fr) 195px;gap:27px;padding:28px}.protein-takeaway{padding-left:25px}.protein-takeaway p{font-size:28px}.protein-takeaway svg{width:29px;height:35px;right:-7px}.protein-rail-row{grid-template-columns:127px minmax(0,1fr) 47px;gap:12px}.protein-rail-row>span{font-size:10px}
}
@media(max-width:760px){
 .protein-comparison{margin-top:64px;scroll-margin-top:90px}.protein-heading{display:block;margin-bottom:24px}.protein-heading .eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:15px}.protein-heading h3{font-size:clamp(38px,10.8vw,73px);line-height:1.07}.protein-controls{padding:0;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.protein-controls>p{font-size:11px;margin:0;max-width:155px}.protein-switch{padding:3px;gap:2px}.protein-switch button{min-height:42px;padding:10px 11px;font-size:9px}
 .protein-stage{display:flex;flex-direction:column-reverse}.protein-bowlup{min-height:296px;padding:23px 22px}.protein-bowlup-copy{max-width:60%}.protein-overline{font-size:7px;letter-spacing:1px}.protein-bowlup h4{font-size:18px;margin-top:9px}.protein-bowlup .protein-value{font-size:clamp(68px,21vw,126px);margin-top:42px}.protein-bowlup .protein-unit{font-size:11px;margin-top:10px}.protein-serving{font-size:8px;max-width:145px;line-height:1.5;margin-top:7px}.protein-pack{height:clamp(155px,45vw,270px);right:16px;top:55%}.protein-pack-note{right:14%;top:24px;font-size:6px;letter-spacing:.7px}.protein-pack-note svg{width:34px;height:19px;margin:4px 0 0 14px}.protein-watermark{width:47%;height:110%;right:-4%;top:4%}
 .protein-reference{padding:21px 22px;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center}.protein-product-name h4{font-size:19px;margin-top:8px}.protein-reference-value{text-align:right}.protein-reference .protein-value{font-size:63px}.protein-reference .protein-unit{font-size:9px;margin-top:5px}.protein-reference-foot{grid-column:1/-1;border-top:1px solid #645a822b;padding-top:12px;gap:9px}.protein-reference-foot svg{width:26px;height:23px}.protein-reference-foot p{font-size:9px}.protein-reference-foot p br{display:none}.protein-reference-foot p span::before{content:' · '}
 .protein-proof{display:block;padding:25px 22px}.protein-plot-heading{font-size:7px;gap:10px;padding-bottom:13px;margin-bottom:15px}.protein-rail-row{grid-template-columns:95px minmax(0,1fr) 42px;gap:10px;margin-top:16px}.protein-rail-row>span{font-size:9px}.protein-rail-row strong{font-size:11px}.protein-track{height:16px}.protein-takeaway{display:none}
 .protein-foot{display:block;padding-top:16px}.protein-foot>p{font-size:10px;max-width:300px}.protein-method{max-width:none;margin-top:12px;border-top:1px solid #ffffff2b;padding-top:12px}.protein-method summary{justify-content:space-between;font-size:10px}.protein-method[open]{padding-top:12px}.protein-method p{font-size:10px}.protein-method a{font-size:10px}
}
@media(max-width:370px){
 .protein-controls{align-items:flex-start;flex-direction:column;gap:14px}.protein-controls>p br{display:none}.protein-controls>p{max-width:none}.protein-switch{width:100%}.protein-switch button{font-size:10px}.protein-bowlup{padding:22px 17px;min-height:280px}.protein-bowlup h4{font-size:16px}.protein-bowlup .protein-value{font-size:66px}.protein-pack{right:10px;height:149px;top:54%}.protein-pack-note{right:12%;top:22px}.protein-bowlup .protein-unit{font-size:10px}.protein-serving{max-width:125px}.protein-reference{padding:20px 17px}.protein-proof{padding:22px 17px}.protein-rail-row{grid-template-columns:85px minmax(0,1fr) 39px;gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .protein-pack img{animation:none;transform:rotate(8deg)}.protein-bar,.protein-switch button,.protein-method summary>span{transition:none}.protein-comparison.is-armed:not(.has-revealed) .protein-bar{transform:none}
}