:root{--black:#101010;--yellow:#ffc105;--white:#f7f7f2;--text-secondary-on-dark:#e5e5df;--text-secondary-on-light:#353530;--text-primary:var(--white);--text-secondary:var(--text-secondary-on-dark);--accent-text:var(--yellow);--muted:var(--text-secondary);--line:#494949;--gutter:clamp(22px,5vw,90px);--max:1440px;font-family:Arial,Helvetica,sans-serif;color:var(--text-primary);background:var(--black);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:var(--text-primary);text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.065em}h1,h2{text-transform:uppercase;line-height:.97}p{line-height:1.6}em{color:var(--accent-text);font-style:normal}ul{list-style:none;padding:0}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}a:hover{transition:color .2s}a.text-link:hover,.footer a:hover,.header-phone:hover{color:var(--yellow)}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:110px}.light{--text-primary:var(--black);--text-secondary:var(--text-secondary-on-light);--accent-text:var(--black);--line:#a0a09b;background:var(--white);color:var(--text-primary);color-scheme:light}.yellow{--text-primary:var(--black);--text-secondary:var(--black);--accent-text:var(--black);--line:#686620;background:var(--yellow);color:var(--text-primary);color-scheme:light}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.section-label{margin-bottom:44px}.button{display:inline-flex;align-items:center;justify-content:center;padding:19px 26px;background:var(--yellow);color:var(--black);font-size:.9rem;font-weight:700;line-height:1.25;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:var(--white);transform:translateY(-2px)}.button-small{padding:16px 19px;font-size:.8rem}.button-dark{background:var(--black);color:var(--white)}.button-dark:hover{background:#303030}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-block:8px;font-size:.9rem;font-weight:700}.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-150%);background:var(--yellow);color:var(--black);padding:15px;z-index:100}.skip-link:focus{transform:none}.header{position:relative;z-index:30;display:flex;align-items:center;gap:30px;padding:22px var(--gutter);background:var(--black);min-height:93px;border-bottom:1px solid #ffffff12}.brand-logo{position:relative;display:block;flex-shrink:0;width:154px;height:64px;overflow:hidden;background:#000}.brand-logo img{position:absolute;width:154px;height:154px;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.desktop-nav{display:flex;gap:24px;margin-inline:auto;font-size:.82rem}.desktop-nav a{padding:12px 0}.desktop-nav a:hover{color:var(--yellow)}.header-actions{display:flex;gap:22px;align-items:center}.header-phone{font-size:.8rem;white-space:nowrap}.menu-toggle{display:none;border:0;background:none;color:inherit;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;background:currentColor;height:2px;margin:7px 0;transition:transform .2s}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--black);padding:20px var(--gutter) 30px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0;font-weight:700}.hero{position:relative;min-height:780px;overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image picture{display:block;width:100%;height:100%}.hero-image img{object-position:75% 45%}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101010 0%,#101010ed 24%,#101010ad 49%,#1010100a 100%),linear-gradient(0deg,#101010 0%,transparent 30%)}.hero-inner{padding-top:70px;padding-bottom:65px}.hero .eyebrow{color:var(--yellow);margin-bottom:28px}.hero h1{font-size:clamp(3.5rem,6.8vw,6.65rem);max-width:820px;letter-spacing:-.065em;line-height:.93}.hero-copy{max-width:455px;font-size:1rem;color:var(--text-secondary);margin-top:30px}.hero-ctas{display:flex;gap:28px;align-items:center;margin-top:30px}.hero-email{display:inline-block;font-size:.85rem;color:var(--text-secondary);margin-top:24px;padding-block:5px}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;color:var(--text-secondary);font-size:.75rem}.hero-bottom a{display:flex;gap:18px;align-items:center}.hero-bottom a span{font-size:1.2rem}.signature{display:flex;justify-content:space-around;gap:20px;border-block:1px solid var(--line);padding:28px var(--gutter);color:var(--yellow);font-size:clamp(1.5rem,3.8vw,3.5rem);font-weight:800;letter-spacing:-.05em;text-transform:uppercase}.section h2{font-size:clamp(2.7rem,5.2vw,5rem)}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:56px}.intro-copy{font-size:1rem;max-width:390px;flex:0 1 390px;letter-spacing:normal}.intro-copy p+p{margin-top:20px;color:var(--text-secondary)}.equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border-block:1px solid #c5c5c0}.equation>div{padding:32px 18px}.equation>div:first-child{padding-left:0}.equation strong{display:block;font-size:1.6rem;letter-spacing:-.05em;line-height:1.1;margin-bottom:14px}.equation span:not(.equation-number){font-size:.8rem;color:var(--text-secondary)}.equation-number{display:block;font-size:.75rem;margin-bottom:35px}.equation>b{font-size:2rem;font-weight:400;align-self:center;margin:0 22px}.equation-mobile{background:var(--yellow)}.benefits h2{font-size:clamp(3.2rem,6.4vw,6rem)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:70px}.benefit-grid article{border-top:1px solid #10101060;padding-top:20px}.benefit-grid article>span{font-size:.8rem}.benefit-grid h3{font-size:1.65rem;letter-spacing:-.05em;margin-top:32px;margin-bottom:12px}.benefit-grid p{font-size:.95rem;max-width:255px}.solutions .intro-copy,.references .intro-copy{color:var(--text-secondary)}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#252525}.solution-media img{transition:transform .5s;object-position:50% 35%}.solution-card:hover img{transform:scale(1.035)}.media-number{position:absolute;top:22px;left:22px;font-size:.8rem;background:var(--black);color:var(--yellow);padding:8px 10px}.solution-card h3{font-size:2.25rem;margin-block:26px 16px}.solution-card p{color:var(--text-secondary);font-size:.95rem}.solution-caption{display:block;font-size:.85rem;margin-top:24px}.solution-card .text-link{margin-top:16px}.food-placeholder{background:var(--yellow);color:var(--black);padding:100px 28px 34px;display:flex;flex-direction:column;justify-content:space-between}.placeholder-title{font-size:clamp(2.7rem,4.5vw,4.9rem);font-weight:900;line-height:.93;letter-spacing:-.08em}.placeholder-note{font-size:.75rem;border-top:1px solid #10101065;padding-top:16px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.action-photo{position:relative;min-height:720px;height:100%;overflow:hidden}.action-photo img{object-position:center}.action-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 25px 25px;background:linear-gradient(transparent,#0009);color:var(--white);font-size:.8rem}.action-content>p{max-width:400px;margin-block:28px 35px;color:var(--text-secondary)}.process{list-style:none;padding:0;margin:0}.process li{display:flex;gap:24px;border-top:1px solid #c5c5c0;padding:22px 0}.process li>span{font-size:.8rem;padding-top:3px}.process h3{font-size:1.3rem;letter-spacing:-.04em;margin-bottom:6px}.process p{font-size:.9rem;color:var(--text-secondary)}.reference-list article{display:grid;grid-template-columns:150px 1fr 210px;align-items:center;gap:20px;padding-block:34px;border-top:1px solid var(--line)}.reference-list article:last-child{border-bottom:1px solid var(--line)}.ref-type{font-size:.8rem;color:var(--text-secondary)}.reference-list h3{font-size:clamp(1.55rem,2.8vw,2.5rem);letter-spacing:-.05em;line-height:1.1}.reference-list strong{font-size:2rem;font-weight:500;letter-spacing:-.04em;display:block;line-height:1.2;color:var(--yellow)}.reference-list p span{font-size:.8rem;color:var(--text-secondary)}.ref-detail{font-size:.9rem;color:var(--text-secondary)}.reference-note{font-size:.75rem;color:var(--text-secondary);margin-top:24px;max-width:650px}.brands{position:relative;isolation:isolate;min-height:780px;overflow:hidden}.brand-photo{position:absolute;inset:0;z-index:-2}.brand-photo img{object-position:75% 50%}.brands:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101010f7 0%,#101010de 35%,#10101088 65%,#10101025)}.brand-content{padding-block:100px}.brands h2{font-size:clamp(3.2rem,6.5vw,6.3rem);margin-block:40px 30px}.brands p:not(.eyebrow){max-width:380px;color:var(--text-secondary)}.brand-tags{display:flex;flex-wrap:wrap;gap:9px;max-width:430px;margin-block:28px 36px}.brand-tags li{font-size:.75rem;border:1px solid #ffffff70;padding:9px 12px}.contact h2{font-size:clamp(3.2rem,7.8vw,7.6rem)}.contact-outline{-webkit-text-stroke:0;color:var(--text-primary);text-decoration:underline;text-decoration-thickness:.025em;text-underline-offset:.1em}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:60px}.contact-bottom>p{max-width:380px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.contact-email{font-size:clamp(1.5rem,2.7vw,2.5rem);font-weight:700;letter-spacing:-.04em;border-bottom:2px solid}.contact-phone{font-size:1.3rem}.footer{padding-block:65px 28px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:65px}.footer-top>p{font-size:.9rem;color:var(--text-secondary);max-width:220px}.footer-top>div a{display:block;font-size:.9rem;margin-bottom:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:var(--text-secondary);font-size:.75rem}.footer-bottom>div{display:flex;gap:25px}.mobile-call{display:none}.legal{min-height:70vh;padding-block:80px;max-width:980px}.legal h1{font-size:clamp(2.8rem,6vw,5rem);margin-bottom:45px}.legal h2{font-size:1.35rem;letter-spacing:-.03em;line-height:1.3;margin-block:35px 15px}.legal p{color:var(--text-secondary);margin-bottom:20px}.legal a{border-bottom:1px solid}.legal-note{border:1px solid var(--yellow);padding:25px}.not-found{padding-block:100px}.not-found h1{font-size:7rem;color:var(--yellow);margin-bottom:30px}.not-found p{margin-bottom:25px}.reveal{opacity:1}.motion-ready .reveal{opacity:1;transform:translateY(10px);transition:transform .5s ease}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.hero h1{font-size:7rem}.hero{min-height:860px}.hero-inner{padding-top:85px}}
@media(max-width:1200px){.header{gap:22px}.header-phone{display:none}.desktop-nav{gap:18px}.header .brand-logo{width:140px;height:60px}.header .brand-logo img{width:140px;height:140px}.section{padding-block:90px}.action-grid{gap:45px}.action-photo{min-height:650px}.hero h1{font-size:6.7vw}.hero{min-height:740px}}
@media(max-width:900px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.header{padding-block:16px;min-height:80px}.section-intro{display:block}.intro-copy{margin-top:30px}.section{padding-block:75px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:40px}.solution-grid{gap:18px}.solution-card h3{font-size:1.8rem}.food-placeholder{padding:85px 20px 25px}.placeholder-title{font-size:3.5vw}.action-grid{gap:35px}.action-photo{min-height:620px}.section h2{font-size:4.8vw}.hero h1{font-size:8vw}.hero:before{background:linear-gradient(90deg,#101010f2,#101010b5 55%,#10101030),linear-gradient(0deg,#101010,transparent 40%)}.hero-copy{max-width:390px}.reference-list article{grid-template-columns:100px 1fr 170px}.reference-list strong{font-size:1.7rem}.equation strong{font-size:1.3rem}.equation>b{margin:0 10px}.contact h2{font-size:8vw}}
@media(max-width:640px){html{scroll-padding-top:20px}.header{gap:12px}.header .brand-logo{width:128px;height:54px}.header .brand-logo img{width:128px;height:128px}.header-actions .button{font-size:.7rem;padding:12px;min-height:44px;max-width:138px}.menu-toggle{flex-shrink:0}.hero{min-height:780px}.hero-inner{padding-top:48px;padding-bottom:35px}.hero .eyebrow{font-size:.7rem;max-width:270px;margin-bottom:34px}.hero h1{font-size:clamp(2.9rem,10.5vw,4.6rem);max-width:510px;line-height:.98}.hero-copy{font-size:.95rem;max-width:340px;margin-top:28px}.hero-image img{object-position:60% 20%}.hero:before{background:linear-gradient(90deg,#101010dc,#10101066),linear-gradient(0deg,#101010 0%,#101010b8 45%,#10101020 100%)}.hero-ctas{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px}.hero .button{padding:18px 22px}.hero-email{margin-top:14px}.hero-bottom{padding-block:18px;font-size:.7rem}.hero-bottom>span:nth-child(2){display:none}.signature{padding-block:24px;gap:12px;font-size:1.55rem}.section{padding-block:65px}.section-label{margin-bottom:34px;font-size:.72rem}.section h2{font-size:clamp(2.4rem,8.7vw,3.5rem);line-height:1.02}.section-intro{margin-bottom:38px}.intro-copy{font-size:.95rem;max-width:100%;margin-top:24px}.equation{grid-template-columns:1fr;gap:0;border:0}.equation>div{padding:25px!important;border:1px solid #c5c5c0;display:grid;grid-template-columns:35px 1fr;column-gap:12px}.equation strong{font-size:1.7rem}.equation .equation-number{grid-row:1/3;margin-bottom:0}.equation span:not(.equation-number){grid-column:2}.equation>b{margin:12px 0;text-align:center;line-height:1}.benefits h2{font-size:clamp(2.6rem,10vw,4rem)}.benefit-grid{gap:36px 24px;margin-top:44px}.benefit-grid h3{font-size:1.4rem;margin-top:22px}.benefit-grid p{font-size:.88rem}.solution-grid{grid-template-columns:1fr;gap:50px}.solution-media{aspect-ratio:5/4}.solution-media img{object-position:50% 35%}.food-placeholder{padding:80px 26px 24px}.placeholder-title{font-size:3.6rem}.solution-card h3{font-size:2.25rem;margin-block:22px 12px}.solution-card p{font-size:.95rem}.solution-caption{margin-top:18px}.action-grid{display:flex;flex-direction:column;gap:38px}.action-photo{height:450px;min-height:0;max-height:120vw}.action-content>p{margin-block:24px 30px}.reference-list article{grid-template-columns:1fr auto;gap:14px;padding-block:27px}.ref-type{grid-column:1/-1;font-size:.7rem}.reference-list h3{font-size:1.5rem}.reference-list strong{font-size:1.5rem}.reference-list p{max-width:135px}.reference-list p span{font-size:.7rem;line-height:1.3;display:block;margin-top:5px}.ref-detail{font-size:.75rem}.reference-note{font-size:.72rem}.brands{min-height:710px}.brand-content{padding-block:65px}.brands h2{font-size:clamp(3rem,11vw,4.7rem);margin-block:35px 30px}.brands:before{background:linear-gradient(90deg,#101010ed,#10101075),linear-gradient(0deg,#101010b5,transparent)}.brand-photo img{object-position:62% 50%}.brand-content>p:not(.eyebrow){font-size:.95rem;max-width:315px}.brand-tags{gap:8px;max-width:330px}.brand-tags li{font-size:.7rem}.contact h2{font-size:clamp(2.6rem,10.5vw,4.5rem)}.contact-bottom{grid-template-columns:1fr;gap:35px;margin-top:35px}.contact-bottom>p{font-size:.95rem}.contact-email{font-size:clamp(1.5rem,7vw,2.4rem)}.contact-phone{font-size:1.3rem}.footer{padding-top:45px;padding-bottom:95px}.footer-top{display:grid;gap:28px;padding-bottom:35px}.footer-top>p{max-width:300px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:.7rem}.footer-bottom>div{gap:18px}.footer-bottom>span:last-child{display:none}.mobile-call{display:flex;align-items:center;gap:9px;position:fixed;bottom:20px;right:20px;z-index:25;background:var(--black);color:var(--yellow);border:1px solid var(--yellow);box-shadow:0 5px 20px #0003;padding:12px 17px;font-size:.85rem;font-weight:700}.mobile-call svg{width:20px;height:20px}.legal{padding-block:55px}.legal h1{font-size:2.7rem}.legal h2{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1;transform:none}}
/* Keep the portrait hero photograph immersive without stretching it across the page. */
@media(min-width:901px){.hero-image{left:38%}.hero-image img{object-position:50% 47%}.brand-photo{left:35%}.brand-photo img{object-position:50% 60%}}
/* Baseline menu remains available when JavaScript is disabled. */
.cta-short{display:none}
@media(max-width:640px){.header .cta-full{display:none}.header .cta-short{display:inline}.header-actions .button{max-width:none;white-space:nowrap}.header{gap:10px}.header .brand-logo{width:112px;height:48px}.header .brand-logo img{width:112px;height:112px}.hero h1{font-size:clamp(2.15rem,10.5vw,4.6rem)}.section h2{font-size:clamp(1.75rem,7.3vw,3.5rem)}.benefits h2{font-size:clamp(1.9rem,8.6vw,4rem)}.contact h2{font-size:clamp(2rem,9.6vw,4.5rem)}}

/* Theme boundaries: foreground always follows the surface, including overlays. */
.header,.footer,.mobile-nav,.hero,.brands{--text-primary:var(--white);--text-secondary:var(--text-secondary-on-dark);--accent-text:var(--yellow);color:var(--text-primary)}
.header,.footer{background:#000}
.equation-mobile,.food-placeholder{--text-primary:var(--black);--text-secondary:var(--black);color:var(--text-primary)}
.media-number{--text-primary:var(--yellow);color:var(--text-primary)}
.action-photo figcaption{--text-secondary:var(--text-secondary-on-dark);background:linear-gradient(transparent,#101010 72%);color:var(--white)}
.text-link:hover{color:var(--accent-text)}
.light .text-link:hover,.yellow .text-link:hover{color:var(--black);text-decoration:underline}
.button,.button:hover,.button:active{color:var(--black)}
.button-dark,.button-dark:hover,.button-dark:active{color:var(--white)}
.hero:before{background:linear-gradient(90deg,#101010 0%,#101010f5 28%,#101010dc 48%,#10101045 75%,#10101020 100%),linear-gradient(0deg,#101010 0%,transparent 35%)}
.brands:before{background:linear-gradient(90deg,#101010 0%,#101010f5 32%,#101010ed 48%,#1010104d 75%,#10101020 100%)}


.brand-tags li{border-color:#b5b5ae}
.solution-media.branding-demo{background:#f7f7f2}.solution-media.branding-demo img{object-position:50% 50%;object-fit:contain}
.brand-photo{background:#efefeb}.brand-photo img{object-fit:contain;object-position:100% 50%}
.brands .brand-content>p,.brands .brand-content>h2,.hero h1{position:relative}
@media(max-width:900px){.hero:before{background:linear-gradient(90deg,#101010f7,#101010e6 58%,#10101050),linear-gradient(0deg,#101010,transparent 40%)}}
@media(max-width:640px){.hero:before{background:linear-gradient(90deg,#101010f0,#101010c9),linear-gradient(0deg,#101010,#1010108c)}.brands:before{background:linear-gradient(90deg,#101010f2,#101010dd),linear-gradient(0deg,#101010,transparent)}.brand-photo img{object-position:65% 50%}.header .brand-logo{margin-left:-4px}.solution-media.branding-demo{aspect-ratio:4/5}.hero .eyebrow{max-width:310px;line-height:1.6}.header .button{font-size:.75rem}}
.brand-content .brand-demo-caption{font-size:.8125rem;margin-top:18px;color:var(--text-secondary);max-width:380px}
.action-photo img{object-position:50% 85%}
.button:focus-visible{outline-color:var(--text-primary)}
.branding-demo .media-number{background:var(--black);color:var(--yellow)}
body{color:var(--text-primary);background:var(--black)}
h1,h2,h3{color:var(--text-primary)}

/* V3 — editorial polish: shared spacing, single photographic overlays, calm proportions. */
:root{--section-space:clamp(88px,8.5vw,132px);--intro-space:clamp(38px,4.7vw,68px)}
.section{padding-block:var(--section-space)}
.section-label{margin-bottom:50px}
.section-intro{gap:60px;margin-bottom:var(--intro-space)}
h1,h2{letter-spacing:-.058em}
.header{min-height:100px;padding-block:18px;gap:34px}
.header .brand-logo{width:152px;height:64px;margin-left:-12px}
.header .brand-logo img{width:152px;height:152px}
.desktop-nav{gap:28px;font-size:.875rem}
.header-actions{gap:26px}
.hero-inner{padding-top:78px;padding-bottom:72px}
.hero .eyebrow{margin-bottom:32px;max-width:none}
.hero-copy{margin-top:34px;max-width:455px}
.hero-ctas{margin-top:34px;gap:30px}
.hero-email{margin-top:25px}
.hero:before{background:linear-gradient(90deg,#101010 0%,#101010fa 30%,#101010f2 45%,#101010e6 62%,#101010c7 74%,#10101047 100%),linear-gradient(0deg,#101010 0%,#101010b3 12%,#10101000 42%)}
.hero-copy,.hero-email,.hero .eyebrow,.brands p,.brand-content>.eyebrow{background:none}
.benefits .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 clamp(54px,6vw,88px)}
.benefits .section-label{grid-column:1/-1;margin-bottom:60px}
.benefits h2{font-size:clamp(3.2rem,5.6vw,5.5rem);line-height:1.03;align-self:start}
.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 34px;margin-top:12px}
.benefit-grid article{padding-top:18px}
.benefit-grid h3{font-size:1.5rem;margin-block:24px 12px}
.benefit-grid p{font-size:.9375rem;max-width:230px;line-height:1.65}
.solution-grid{gap:28px}
.solution-media,.solution-media.branding-demo{aspect-ratio:4/5}
.solution-media img,.action-photo img{filter:brightness(.96) contrast(1.035) saturate(.9)}
.solution-card:first-child .solution-media img{object-position:50% 62%}
.solution-media.branding-demo{background:#ececea}
.solution-media.branding-demo img{position:absolute;width:200%;height:auto;max-width:none;left:0;bottom:0;object-fit:initial;filter:brightness(.94) contrast(1.035) saturate(.9)}
.solution-card:hover .branding-demo img{transform:none}
.solution-card h3{font-size:2.25rem;margin-top:30px;margin-bottom:16px}
.solution-card p{max-width:350px;line-height:1.65}
.media-number{top:20px;left:20px;padding:8px 10px}
.food-placeholder{padding:90px 28px 28px;background:var(--yellow)}
.placeholder-title{font-size:clamp(2.7rem,4.3vw,4.9rem)}
.placeholder-note{font-size:.8125rem}
.action-grid{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:clamp(48px,6vw,84px);align-items:center}
.action-photo{height:760px;min-height:0;max-height:none}
.action-photo img{object-position:50% 82%}
.action-photo figcaption{padding:65px 28px 26px;background:linear-gradient(0deg,#101010f5 0%,#101010cc 35%,#10101000 100%);font-size:.8125rem}
.action-content h2{font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.01}
.action-content>p{margin-block:28px 30px;max-width:370px;font-size:.9375rem}
.process li{padding:17px 0;gap:20px}
.process h3{font-size:1.25rem;margin-bottom:4px}
.process p{max-width:360px;font-size:.875rem;line-height:1.6}
.brands{min-height:830px}
.brand-photo{left:48%;background:#ececea}
.brand-campaign-crop{position:absolute;inset:0;overflow:hidden}
.brand-photo img{position:absolute;width:200%;height:auto;max-width:none;top:0;right:0;object-fit:initial;object-position:initial;filter:brightness(.97) contrast(1.03) saturate(.9)}
.brands:before{background:linear-gradient(90deg,#101010 0%,#101010 32%,#101010f7 43%,#101010e0 62%,#10101052 100%)}
.brand-content{padding-block:112px}
.brands h2{font-size:clamp(3.4rem,6.7vw,6.5rem);line-height:.98;margin-block:42px 34px;max-width:820px}
.brands p:not(.eyebrow){max-width:350px}
.brand-content .brand-demo-caption{font-size:.8125rem;margin-top:22px;margin-bottom:38px;color:var(--text-secondary)}
.contact h2{font-size:clamp(3rem,6.6vw,6.4rem);line-height:1.02}
.contact-bottom{margin-top:56px;gap:84px;align-items:start}
.contact-links{gap:22px}
.footer-top{padding-bottom:60px}
@media(min-width:1600px){.brands{min-height:880px}.action-photo{height:800px}}
@media(max-width:1200px){.header{gap:26px}.desktop-nav{gap:22px}.header-actions{gap:20px}.hero-inner{padding-top:68px}.benefits h2{font-size:5.5vw}.benefit-grid{gap:34px 24px}.action-photo{height:690px}.brands{min-height:790px}}
@media(max-width:1000px){.desktop-nav{gap:18px;font-size:.8125rem}.header .button-small{padding:15px 16px}.header{gap:22px}}
@media(max-width:900px){.header{min-height:92px;padding-block:17px}.header .brand-logo{width:144px;height:60px}.header .brand-logo img{width:144px;height:144px}.hero-inner{padding-top:60px}.hero:before{background:linear-gradient(90deg,#101010fa 0%,#101010f2 40%,#101010e3 66%,#101010bf 100%),linear-gradient(0deg,#101010 0%,#10101000 50%)}.benefits .wrap{display:block}.benefits .section-label{margin-bottom:48px}.benefits h2{font-size:clamp(2.8rem,7.3vw,4.6rem);max-width:680px}.benefit-grid{margin-top:68px;gap:42px 45px}.benefit-grid p{max-width:280px}.solution-grid{gap:20px}.food-placeholder{padding:85px 20px 25px}.placeholder-title{font-size:3.5vw}.action-grid{gap:40px}.action-photo{height:650px}.action-content h2{font-size:4.5vw}.brands{min-height:790px}.brand-photo{left:43%}.brand-content{padding-block:94px}.brands h2{font-size:7vw}.brands:before{background:linear-gradient(90deg,#101010 0%,#101010f7 40%,#101010e6 67%,#10101080 100%)}.contact h2{font-size:7.6vw}}
@media(max-width:640px){:root{--section-space:82px;--intro-space:42px}.header{min-height:82px;padding-block:15px;gap:16px}.header .brand-logo{width:112px;height:48px;margin-left:-8px}.header .brand-logo img{width:112px;height:112px}.header-actions{margin-left:auto}.header .button-small{padding:13px 14px;font-size:.75rem;min-height:44px}.menu-toggle{width:44px;padding:10px}.hero{min-height:790px}.hero-inner{padding-top:48px;padding-bottom:42px}.hero .eyebrow{font-size:.75rem;max-width:315px;margin-bottom:30px;line-height:1.55}.hero h1{font-size:clamp(2.1rem,10.5vw,4.6rem);line-height:1.01}.hero-copy{margin-top:30px;max-width:330px}.hero-ctas{margin-top:28px;gap:16px}.hero-email{margin-top:20px}.hero:before{background:linear-gradient(90deg,#101010f5 0%,#101010eb 40%,#101010de 70%,#101010d6 100%),linear-gradient(0deg,#101010 0%,#10101000 50%)}.hero-bottom{padding-block:20px}.section-label{margin-bottom:38px}.signature{padding-block:28px;font-size:clamp(1.2rem,5.4vw,1.8rem);gap:12px}.section-intro{margin-bottom:42px}.benefits .section-label{margin-bottom:44px}.benefits h2{font-size:clamp(1.9rem,8.6vw,3.5rem);line-height:1.08}.benefit-grid{margin-top:52px;gap:36px 24px}.benefit-grid h3{font-size:1.35rem;margin-block:24px 12px}.benefit-grid p{font-size:.9375rem;line-height:1.6}.solution-grid{gap:56px}.solution-media,.solution-media.branding-demo{aspect-ratio:4/5}.solution-card h3{margin-top:25px;margin-bottom:14px}.food-placeholder{padding:90px 26px 27px}.placeholder-title{font-size:3.7rem}.action-grid{gap:40px}.action-photo{width:100%;height:auto;max-height:none;aspect-ratio:4/5}.action-photo img{object-position:50% 82%}.action-content h2{font-size:clamp(2.2rem,8.5vw,3.4rem)}.action-content>p{margin-block:25px 28px;max-width:340px}.process li{padding:18px 0}.process p{font-size:.9375rem}.brands{min-height:0;padding-top:410px}.brand-photo{left:0;right:0;top:0;height:540px}.brand-photo img{width:200%;height:auto;top:0;right:0}.brands:before{background:linear-gradient(0deg,#101010 0%,#101010 45%,#101010e6 60%,#1010101a 85%,#10101000 100%)}.brand-content{padding-top:38px;padding-bottom:82px}.brands h2{font-size:clamp(2.8rem,10.6vw,4.6rem);margin-block:28px 28px;line-height:1.01}.brands p:not(.eyebrow){max-width:335px}.brand-content .brand-demo-caption{margin-top:20px;margin-bottom:30px}.contact h2{font-size:clamp(1.9rem,8.2vw,3.6rem);line-height:1.1}.contact-bottom{margin-top:38px;gap:36px}.contact-links{gap:22px}.footer{padding-top:52px}.footer-top{gap:30px;padding-bottom:40px}}
@media(max-width:360px){.header{gap:12px}.header .brand-logo{width:104px;height:46px}.header .brand-logo img{width:104px;height:104px}.header .button-small{padding:12px}.hero .eyebrow{font-size:.7rem}.benefit-grid{gap:34px 20px}}

/* V4 — brand color and explicit surface themes.
   Each dark surface declares its foreground; no dark section inherits a light theme.
   Text remains visible before, during and after the scroll enhancement. */
body{--brand-yellow:#ffc105;--yellow:var(--brand-yellow);--black:#101010;--white:#f7f7f2;--text-primary-on-dark:#fff;--text-secondary-on-dark:#e5e5df;--text-secondary-on-light:#353530;--text-primary:var(--text-primary-on-dark);--text-secondary:var(--text-secondary-on-dark);--accent-text:var(--brand-yellow);background:var(--black);color:var(--text-primary)}
.header,.footer,.mobile-nav,.hero,.solutions,.references,.brands,.signature,.legal{--text-primary:var(--text-primary-on-dark);--text-secondary:var(--text-secondary-on-dark);--accent-text:var(--brand-yellow);color:var(--text-primary)}
.solutions,.references,.legal{background:var(--black)}
.signature{color:var(--brand-yellow)}
.light{--text-primary:var(--black);--text-secondary:var(--text-secondary-on-light);--accent-text:var(--black);background:var(--white);color:var(--text-primary)}
.yellow,.food-placeholder,.equation-mobile{--text-primary:var(--black);--text-secondary:var(--black);--accent-text:var(--black);color:var(--text-primary);background:var(--brand-yellow)}
.references .intro-copy,.references .ref-type,.references .ref-detail,.references .reference-note,.reference-list p span,.solutions .intro-copy,.solution-card p,.solution-caption,.footer-top>p,.footer-bottom,.hero-copy,.hero-email,.hero-bottom,.brands p:not(.eyebrow),.legal p{color:var(--text-secondary)}
.reference-list h3,.references h2,.solutions h2,.solution-card h3,.brands h2,.hero h1,.footer a,.mobile-nav a,.desktop-nav a,.header-phone{color:var(--text-primary)}
.reference-list strong,.hero .eyebrow,.media-number,.mobile-call{color:var(--brand-yellow)}
.button{background:var(--brand-yellow);color:var(--black)}
.button:hover{background:var(--white);color:var(--black)}
.button-dark{background:var(--black);color:var(--white)}
.button-dark:hover{background:#303030;color:var(--white)}
.header-phone:hover,.desktop-nav a:hover,.mobile-nav a:hover,.footer a:hover,.hero-email:hover,.text-link:hover{color:var(--accent-text)}
.light .text-link:hover,.yellow .text-link:hover{color:var(--black)}
.branding-demo .media-number{--text-primary:var(--brand-yellow);color:var(--brand-yellow);background:var(--black)}
.menu-toggle{color:var(--text-primary)}
.mobile-call{background:var(--black);border-color:var(--brand-yellow)}
.skip-link{background:var(--brand-yellow);color:var(--black)}
.reference-note,.footer-bottom{font-size:.8125rem}
.ref-type,.reference-list p span{font-size:.875rem}
.hero-email{font-size:.9375rem}
.reveal,.motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1}