/* Native-scroll brand introduction. Original artwork remains untouched. */
.brand-story{height:calc(100svh - var(--nav));min-height:0}
html.intro-comparison main>:not(.brand-story),html.intro-comparison .site-footer{display:none}
.brand-story{position:relative;background:#060b0e;border-bottom:1px solid #243a32}
.brand-story .brand-stage.hero{display:block;position:relative;min-height:0;overflow:hidden;isolation:isolate;padding:0;border-bottom:0;background:#060b0e}
.brand-story .story-meal-background{position:absolute;inset:0 0 auto;width:100%;height:770px;object-fit:cover;object-position:50% 50%;z-index:0;max-width:none}
.brand-story .story-meal-copy{position:relative;z-index:4;min-height:770px;margin-left:6%;width:min(700px,50%);padding:85px 0 110px;display:flex;flex-direction:column;justify-content:center}
.brand-story .story-meal-copy:before{content:"";position:absolute;inset:0 -40px 0 -12vw;z-index:-1;background:linear-gradient(90deg,#050a0eb3 0%,#050a0e3d 63%,transparent 100%);pointer-events:none}
.brand-story .brand-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.brand-story .story-logo-scene{position:relative;min-height:620px;isolation:isolate;overflow:hidden;background:#030a0d}
.brand-story .story-logo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;max-width:none}
.brand-story .story-logo-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;min-height:620px;width:min(600px,43%);margin-left:6%;padding:90px 0}
.brand-story .story-logo-copy h2{font-size:clamp(43px,5.1vw,76px);line-height:1.1;letter-spacing:-.05em;font-weight:650;margin:0 0 26px;text-wrap:initial}
.brand-story .story-logo-copy>p:last-child{font-size:16px;line-height:1.85;max-width:430px;color:#aac5b8}
/* Support a direct-child logo composition when a wrapper is not present. */
.brand-story .brand-stage>.story-logo-background{position:relative;height:620px}
.brand-story .brand-stage>.story-logo-copy{margin-top:-620px}
.brand-story .story-photo-layer{position:relative;isolation:isolate;padding:80px 6% 85px;background:#070e11;color:#eef4ed}
.brand-story .story-photo-copy{position:relative;z-index:4;text-align:center;width:min(810px,100%);margin:0 auto 45px}
.brand-story .story-photo-copy h2{font-size:clamp(39px,4.9vw,72px);line-height:1.1;letter-spacing:-.05em;font-weight:650;margin:0 0 23px;text-wrap:balance}
.brand-story .story-photo-copy>p:last-child{font-size:16px;line-height:1.85;color:#a8c5b7;max-width:580px;margin-inline:auto}
.brand-story .story-photo-field{position:relative;z-index:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1320px;margin-inline:auto}
.brand-story .story-photo{position:relative;min-width:0;margin:0;overflow:hidden;background:#0d1e19;border:1px solid #3b5b4d;box-shadow:0 9px 28px #0002;display:flex;flex-direction:column;aspect-ratio:1.45}
.brand-story .story-photo>img{display:block;width:100%;height:calc(100% - 24px);min-height:0;flex:1;object-fit:cover;object-position:center;max-width:100%}
.brand-story .story-photo.is-ui>img{object-fit:contain;background:#edf0e9}
.brand-story .story-photo>figcaption{display:block;flex:none;min-height:24px;padding:5px 8px;background:#0c2119;color:#adc6b7;border-top:1px solid #335541;font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.05px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-story .story-product-links{position:relative;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(1050px,100%);margin:45px auto 0}
.brand-story .story-product-links[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1320px,100%)}
.brand-story .story-product-links>a{position:relative;min-width:0;min-height:97px;display:flex;flex-direction:column;justify-content:center;padding:15px 44px 17px 17px;background:#0b1814e8;border-top:1px solid #4e7f65;border-bottom:1px solid #294c3a;color:#e7f4e9;transition:background .2s ease,border-color .2s ease}
.brand-story .story-product-links>a:hover{background:#123629f2;border-color:#73c7a3}
.brand-story .story-product-links small{display:block;font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.5px;color:#7daf92;margin-bottom:7px}
.brand-story .story-product-links strong{display:block;font-size:clamp(17px,1.8vw,25px);line-height:1.2;font-weight:550;letter-spacing:-.55px;white-space:nowrap}
.brand-story .story-product-links>a>span:last-child{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:#70e7cd;font-weight:400}
.brand-story .story-bottom{position:absolute;z-index:8;top:725px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:25px;pointer-events:none;color:#8fae9d;font-size:10px;line-height:1.6}
.brand-story .story-phase-label{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.65px;color:#8eaf9c}
.brand-story .story-scroll-cue{display:inline-flex;gap:14px;align-items:center;white-space:nowrap;color:#a0c5b0;font-size:10px;letter-spacing:.35px}
/* JavaScript owns only transforms/visibility; this class enables the sticky composition. */
.brand-story.brand-motion-ready{height:420svh;min-height:2400px}
.brand-story.brand-motion-ready .brand-stage.hero{position:sticky;top:var(--nav);width:100%;height:calc(100svh - var(--nav));min-height:0;padding:0;overflow:hidden;display:block}
.brand-story.brand-motion-ready .story-meal-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.brand-story.brand-motion-ready .story-meal-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);margin:0;padding:0 0 26px;min-height:0;width:min(700px,48%);z-index:4}
.brand-story.brand-motion-ready .story-meal-copy:before{inset:-70px -60px -70px -12vw;background:linear-gradient(90deg,#050a0e9c,#050a0e26 68%,transparent)}
.brand-story.brand-motion-ready .brand-canvas{display:block}
.brand-story.brand-motion-ready .story-logo-scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:1;overflow:hidden;background:transparent;pointer-events:none}
.brand-story.brand-motion-ready .story-logo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;visibility:hidden;z-index:0}
.brand-story.brand-motion-ready .story-logo-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:min(600px,43%);margin:0;padding:0;min-height:0;opacity:0;visibility:hidden;z-index:4;pointer-events:none}
.brand-story.brand-motion-ready .story-photo-layer{position:absolute;inset:0;padding:0;width:100%;height:100%;z-index:6;opacity:0;visibility:hidden;background:#070e11}
.brand-story.brand-motion-ready .story-photo-layer:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#070e11 0%,#070e11e6 14%,#070e1180 30%,transparent 54%)}
.brand-story.brand-motion-ready .story-photo-field{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;z-index:1}
.brand-story.brand-motion-ready .story-photo{position:absolute;left:0;top:0;aspect-ratio:auto;will-change:transform,opacity;pointer-events:none;border-color:#42604f;box-shadow:0 8px 30px #0004}
.brand-story.brand-motion-ready .story-photo>img{height:calc(100% - 22px);flex:1}
.brand-story.brand-motion-ready .story-photo>figcaption{height:22px;min-height:22px;padding:4px 7px;font-size:10px}
.brand-story.brand-motion-ready .story-photo-copy{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(750px,70%);max-width:none;margin:0;z-index:4;pointer-events:none}
.brand-story.brand-motion-ready .story-photo-copy h2{font-size:clamp(41px,5vw,72px)}
.brand-story.brand-motion-ready .story-photo-copy>p:last-child{font-size:16px;line-height:1.85;max-width:550px}
.brand-story.brand-motion-ready .story-product-links{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:min(1050px,88%);margin:0;z-index:5}
.brand-story.brand-motion-ready .story-product-links[data-count="4"]{width:min(1320px,88%)}
.brand-story.brand-motion-ready .story-bottom{position:absolute;top:auto;bottom:16px;left:6%;right:6%;z-index:8}
/* No-script, reduced-motion and small-screen mode keeps the same content fully readable. */
.brand-story:not(.brand-motion-ready) .story-logo-scene,
.brand-story:not(.brand-motion-ready) .story-meal-background,
.brand-story:not(.brand-motion-ready) .story-logo-background,
.brand-story:not(.brand-motion-ready) .story-meal-copy,
.brand-story:not(.brand-motion-ready) .story-logo-copy,
.brand-story:not(.brand-motion-ready) .story-photo-layer,
.brand-story:not(.brand-motion-ready) .story-photo-copy,
.brand-story:not(.brand-motion-ready) .story-product-links{opacity:1!important;visibility:visible!important;translate:none!important}
.brand-story:not(.brand-motion-ready) .story-photo{position:relative!important;left:auto!important;top:auto!important;transform:none!important;translate:none!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important}
/* Latest company-deck meal sequence: supplied meal, returned meal, analysis and intake. */
.meal-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.analysis-step{min-width:0;padding-top:18px;border-top:1px solid #b4c7b7}
.analysis-step-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 24px;min-width:0;min-height:44px}
.analysis-step-heading>span{font-size:11px;line-height:1.6;font-weight:550;letter-spacing:.65px;color:#009e80;flex:none}
.analysis-step-heading h3{font-size:23px;line-height:1.3;font-weight:650;letter-spacing:-.5px;color:#163528;min-width:0}
.serving-pair{display:grid;grid-template-columns:1fr;gap:7px;min-height:300px;align-items:center}
.serving-pair>figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:16px;align-items:center;min-width:0;margin:0}
.serving-pair img{display:block;width:100%;height:142px;max-width:160px;object-fit:contain;justify-self:center}
.serving-pair figcaption{font-size:12px;line-height:1.7;color:#5c7360;font-weight:500}
.analysis-plate{position:relative;height:300px;min-width:0;margin:0}
.analysis-plate>img{width:100%;height:100%;object-fit:contain}
.analysis-plate>figcaption{font-size:11px;line-height:1.7;color:#667c68;margin-top:10px}
.analysis-plate .food-label{position:absolute;font-size:11px;line-height:1.5;color:#426f56;max-width:100px}
.analysis-plate .food-label[data-food="banana"]{left:3%;top:1%}
.analysis-plate .food-label[data-food="toast"]{right:0;top:7%}
.analysis-plate .food-label[data-food="eggs"]{left:0;bottom:0}
.intake-card{min-width:0;min-height:300px;padding:21px 20px 20px;background:#fcfcf8;border:1px solid #d9e2d9;box-shadow:0 8px 23px #193e2410;border-radius:4px;color:#193629}
.intake-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.intake-card-title>strong{font-size:15px;font-weight:650;line-height:1.5}
.intake-card-title>small{font-size:10px;line-height:1.5;color:#008c72;white-space:nowrap;border-bottom:1px solid #71c9b1;padding-bottom:2px}
.intake-bars{display:grid;gap:15px;margin-bottom:24px}
.intake-bars>div{display:grid;grid-template-columns:minmax(65px,1fr) minmax(0,1.2fr) 38px;align-items:center;gap:10px;min-width:0}
.intake-bars label,.intake-bars .label{font-size:12px;line-height:1.5;color:#577462}
.intake-bars>div>span:last-child{font-size:13px;font-weight:650;line-height:1.5;color:#214735;text-align:right;white-space:nowrap}
.intake-bars .bar{position:relative;min-width:0;height:7px;background:#e0e9e1;overflow:hidden;border-radius:3px}
.intake-bars .bar>i{position:absolute;inset:0 auto 0 0;display:block;height:100%;background:#00bea1;border-radius:3px;font-style:normal}
.intake-nutrients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid #dce5da;padding-top:19px}
.intake-nutrients>div{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px}
.intake-nutrients strong{font-size:21px;line-height:1.1;font-weight:650;letter-spacing:-.5px;color:#00a98d}
.intake-nutrients span{font-size:10px;line-height:1.5;color:#6d8574}
.intake-nutrients small{display:block;flex-basis:100%;font-size:10px;line-height:1.5;color:#6d8574;margin-top:5px}
.analysis-note{font-size:11px;line-height:1.85;color:#71806f;margin-top:27px;max-width:1100px}
@media(min-width:1650px){.brand-story .story-meal-copy{min-height:900px}.brand-story .story-meal-background{height:900px}.brand-story .story-bottom{top:850px}.brand-story.brand-motion-ready .story-meal-copy{min-height:0}.brand-story.brand-motion-ready .story-meal-background{height:100%}.brand-story.brand-motion-ready .story-bottom{top:auto}.analysis-plate{height:325px}.serving-pair{min-height:325px}.intake-card{min-height:325px}}
@media(min-width:901px) and (max-width:1100px){.brand-story.brand-motion-ready .story-logo-copy h2{font-size:49px}.brand-story.brand-motion-ready .story-photo-copy h2{font-size:49px}.brand-story .story-product-links strong{font-size:18px}.brand-story .story-product-links>a{padding-left:12px;padding-right:30px}.brand-story .story-product-links>a>span:last-child{right:12px}.meal-analysis-grid{gap:25px}.analysis-step-heading h3{font-size:20px}.intake-card{padding-inline:15px}.intake-bars>div{gap:7px;grid-template-columns:minmax(58px,1fr) minmax(0,1.1fr) 33px}.intake-bars label,.intake-bars .label{font-size:11px}}
@media(max-width:900px){
 .brand-story .story-meal-background{height:740px;object-position:57% center}
 .brand-story .story-meal-copy{width:55%;margin-left:24px;min-height:740px;padding:65px 0 100px}
 .brand-story .story-logo-scene{min-height:590px}
 .brand-story .story-logo-copy{min-height:590px;width:47%;margin-left:24px;padding-block:75px}
 .brand-story .story-logo-copy h2{font-size:48px;line-height:1.13}
 .brand-story .story-logo-copy>p:last-child{font-size:14px;line-height:1.85}
 .brand-story .brand-stage>.story-logo-background{height:590px}.brand-story .brand-stage>.story-logo-copy{margin-top:-590px}
 .brand-story .story-photo-layer{padding:66px 24px 70px}
 .brand-story .story-photo-copy{margin-bottom:35px}.brand-story .story-photo-copy h2{font-size:43px;line-height:1.15}
 .brand-story .story-photo-copy>p:last-child{font-size:14px;line-height:1.85}
 .brand-story .story-photo-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
 .brand-story .story-product-links,.brand-story .story-product-links[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:35px}
 .brand-story .story-product-links>a{min-height:95px}
 .brand-story .story-product-links strong{font-size:22px}
 .brand-story .story-bottom{left:24px;right:24px;top:698px}
 .meal-analysis-grid{grid-template-columns:minmax(0,1fr);gap:43px}
 .analysis-step{padding-top:21px}
 .analysis-step-heading{gap:15px;min-height:0;margin-bottom:22px}
 .analysis-step-heading h3{font-size:25px;line-height:1.25}
 .analysis-step-heading>span{font-size:12px}
 .serving-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;max-width:650px;margin-inline:auto}
 .serving-pair>figure{display:flex;flex-direction:column;gap:12px;align-items:center}
 .serving-pair img{height:auto;aspect-ratio:1;max-width:250px}
 .serving-pair figcaption{font-size:13px;line-height:1.7;text-align:center}
 .analysis-plate{height:min(440px,62vw);max-width:620px;margin-inline:auto}
 .analysis-plate>figcaption{font-size:12px}
 .intake-card{max-width:650px;margin-inline:auto;padding:24px;min-height:0}
 .intake-card-title{margin-bottom:24px}.intake-card-title>strong{font-size:18px}.intake-card-title>small{font-size:11px}
 .intake-bars{gap:17px;margin-bottom:27px}.intake-bars>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1.7fr) 45px;gap:16px}.intake-bars label,.intake-bars .label{font-size:14px}.intake-bars>div>span:last-child{font-size:15px}.intake-bars .bar{height:8px}
 .intake-nutrients{padding-top:22px;gap:20px}.intake-nutrients strong{font-size:27px}.intake-nutrients span,.intake-nutrients small{font-size:12px}
 .analysis-note{font-size:12px;margin-top:28px}
}
@media(max-width:700px){
 .brand-story .story-meal-background{inset:335px auto auto -57%;width:165%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}
 .brand-story .story-meal-copy{width:calc(100% - 40px);min-height:790px;margin-left:20px;padding:52px 0 360px;justify-content:flex-start}
 .brand-story .story-meal-copy:before{inset:0 -20px -30px;background:linear-gradient(180deg,#050a0e 0%,#050a0ec9 43%,transparent 70%)}
 .brand-story .story-logo-scene{min-height:640px}
 .brand-story .story-logo-background{inset:auto auto -15px -63%;width:173%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}
 .brand-story .story-logo-copy{width:calc(100% - 40px);min-height:640px;margin-left:20px;padding:55px 0 330px;justify-content:flex-start;max-width:550px}
 .brand-story .story-logo-copy h2{font-size:clamp(33px,9.4vw,47px);line-height:1.16;letter-spacing:-.045em;margin-bottom:23px}
 .brand-story .story-logo-copy>p:last-child{font-size:14px;line-height:1.85;max-width:360px}
 .brand-story .brand-stage>.story-logo-background{height:auto;position:relative;inset:auto;width:100%}.brand-story .brand-stage>.story-logo-copy{margin-top:-56vw;min-height:640px}
 .brand-story .story-photo-layer{padding:58px 20px 62px}
 .brand-story .story-photo-copy{margin-bottom:31px}
 .brand-story .story-photo-copy .eyebrow{font-size:9px;line-height:1.7;letter-spacing:1px;margin-bottom:20px}
 .brand-story .story-photo-copy h2{font-size:clamp(31px,8.5vw,43px);line-height:1.18;letter-spacing:-.045em;margin-bottom:21px}
 .brand-story .story-photo-copy>p:last-child{font-size:14px;line-height:1.85;max-width:470px}
 .brand-story .story-photo-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .brand-story .story-photo{aspect-ratio:1.35;box-shadow:none}
 .brand-story .story-photo>figcaption{font-size:10px;line-height:1.5;padding:5px 6px;min-height:25px}
 .brand-story .story-photo>img{height:calc(100% - 25px)}
 .brand-story .story-product-links,.brand-story .story-product-links[data-count="4"]{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:31px}
 .brand-story .story-product-links>a{min-height:87px;padding:15px 46px 16px 17px}
 .brand-story .story-product-links small{font-size:10px;line-height:1.6;margin-bottom:6px}.brand-story .story-product-links strong{font-size:24px;letter-spacing:-.6px}.brand-story .story-product-links>a>span:last-child{right:17px;font-size:23px}
 .brand-story .story-bottom{top:748px;left:20px;right:20px;align-items:flex-end;font-size:9px;gap:18px}
 .brand-story .story-phase-label{font-size:9px;max-width:200px;letter-spacing:.15px;line-height:1.6}.brand-story .story-scroll-cue{font-size:9px;letter-spacing:.1px;gap:9px}
 .meal-analysis-grid{gap:38px}
 .analysis-step-heading{gap:12px;margin-bottom:22px}.analysis-step-heading h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}.analysis-step-heading>span{font-size:11px}
 .serving-pair{gap:15px}.serving-pair>figure{gap:10px}.serving-pair figcaption{font-size:12px}
 .analysis-plate{height:clamp(260px,80vw,350px)}
 .analysis-plate .food-label{font-size:11px}
 .intake-card{padding:21px 18px 23px;border-radius:3px}.intake-card-title>strong{font-size:16px}.intake-card-title>small{font-size:10px}
 .intake-bars{gap:17px}.intake-bars>div{grid-template-columns:minmax(75px,1fr) minmax(0,1.15fr) 36px;gap:10px}.intake-bars label,.intake-bars .label{font-size:12px}.intake-bars>div>span:last-child{font-size:14px}.intake-bars .bar{height:7px}
 .intake-nutrients{gap:9px;padding-top:21px}.intake-nutrients strong{font-size:24px}.intake-nutrients span{font-size:10px}.intake-nutrients small{font-size:11px;line-height:1.5}
 .analysis-note{font-size:11px;line-height:1.85;margin-top:26px}
}
@media(max-width:370px){
 .brand-story .story-meal-background{left:-60%;width:172%;top:350px}.brand-story .story-meal-copy{width:calc(100% - 36px);margin-left:18px;padding-top:43px}
 .brand-story .story-logo-copy{width:calc(100% - 36px);margin-left:18px;padding-top:49px}.brand-story .story-logo-copy h2{font-size:32px}.brand-story .story-logo-background{left:-69%;width:180%}
 .brand-story .story-photo-layer{padding-inline:18px}.brand-story .story-photo-copy h2{font-size:31px}
 .brand-story .story-photo-field{gap:10px}.brand-story .story-photo{aspect-ratio:1.18}.brand-story .story-photo>figcaption{font-size:9px;padding-inline:5px}
 .brand-story .story-product-links strong{font-size:23px}.brand-story .story-bottom{left:18px;right:18px}.brand-story .story-phase-label{font-size:8px;max-width:172px}.brand-story .story-scroll-cue{font-size:8px}
 .analysis-step-heading h3{font-size:21px}.serving-pair{gap:10px}.intake-card{padding-inline:15px}.intake-bars>div{grid-template-columns:minmax(66px,1fr) minmax(0,1.05fr) 33px;gap:8px}.intake-bars label,.intake-bars .label{font-size:11px}.intake-nutrients{gap:7px}.intake-nutrients strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .brand-story *, .brand-story *:before, .brand-story *:after{animation:none!important;transition:none!important}
 .brand-story .story-photo{will-change:auto}
 .intake-bars .bar>i{transition:none!important}
}
/* Compact scope notes stay clear of the animated artwork and product navigation. */
.brand-story .story-operating-note{font-size:11px;line-height:1.75;letter-spacing:.1px;color:#8cae9a;max-width:450px;border-top:1px solid #3b5c4c;padding-top:16px;margin-top:25px}
.brand-story .story-photo-scope{position:relative;z-index:5;font-size:10px;line-height:1.7;letter-spacing:.5px;color:#7e9d8b;text-align:center;margin:24px auto 0;max-width:1000px}
.brand-story .story-scroll-cue i{font-style:normal;font-size:16px;line-height:1}
.brand-story.brand-motion-ready .story-photo-scope{position:absolute;left:6%;right:6%;bottom:42px;margin:0;max-width:none;pointer-events:none}
@media(max-width:700px){.brand-story .story-operating-note{font-size:10px;line-height:1.75;margin-top:22px;padding-top:13px;max-width:345px}.brand-story .story-photo-scope{font-size:10px;line-height:1.8;letter-spacing:.1px;margin-top:20px}}

/* Optional original artwork and the isolated A/B viewer. */
.brand-story.intro-wireframe .story-meal-background,.brand-story.intro-wireframe.brand-motion-ready .story-meal-background{left:auto;right:2%;width:60%;height:100%;object-fit:contain;object-position:center;transform:none}
html.intro-comparison{scroll-behavior:auto}
html.intro-comparison body{overflow:hidden}
html.intro-comparison main>section.brand-story{height:calc(100svh - var(--nav));min-height:0}
html.intro-comparison main>:not(.brand-story),html.intro-comparison .site-footer{display:none}
@media(max-width:700px){.brand-story.intro-wireframe .story-meal-background{left:0;right:auto;top:350px;width:100%;height:auto;aspect-ratio:1672/941}}