:root{--teal:#063c38;--orange:#ff9b20;--cream:#f7f4ed;--sage:#dce9e2;--ink:#193b36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--teal);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #dd7400;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #063c3825}header nav{display:flex;gap:30px;font-size:14px}.brand{font-size:29px;letter-spacing:-1.4px;font-weight:800;line-height:1.1;display:block}.brand>span{display:block;font-size:10px;letter-spacing:5.6px;font-weight:600;margin-top:8px}.dot{color:var(--orange);margin-left:10px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:var(--teal);color:white;border:0;padding:18px 25px;border-radius:7px;font-weight:700;font-size:14px;cursor:pointer}.button:hover{filter:brightness(1.1)}.small{padding:12px 20px}.orange{background:var(--orange);color:var(--teal)}.hero{padding:58px 5% 0}.hero-top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:48px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;margin-bottom:25px}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,8.6vw,132px);line-height:.99;font-weight:750;letter-spacing:-7px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#287367}.hero-side{max-width:420px;justify-self:end}.hero-side>p{font-size:23px;line-height:1.4}.hero-side .sub{font-size:15px;margin:20px 0 26px;color:#4c6660}figure{margin:0;position:relative;border-radius:12px 12px 0 0;overflow:hidden}figure img{width:100%;height:520px;object-fit:cover;display:block}figcaption{background:var(--teal);color:white;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.8px;padding:20px 24px}figcaption span{letter-spacing:.4px;color:#d1e0db}.ticker{background:var(--orange);display:flex;justify-content:space-around;align-items:center;padding:22px 5%;font-size:12px;letter-spacing:2px;font-weight:bold}.ticker b{font-size:22px}.section{padding:95px 7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}h2{font-size:clamp(38px,4.5vw,66px);line-height:1.08;letter-spacing:-2.5px}.large{font-size:25px;line-height:1.45;margin-bottom:24px}.intro p:not(.large){color:#4c6660}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid #b5cbc2;border-radius:99px;font-size:12px;padding:8px 12px}.steps{background:var(--teal);color:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading p{font-size:15px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-grid article{border-top:1px solid #61837a;padding-top:25px}.num{font-family:Georgia,serif;color:var(--orange);font-size:55px}h3{font-size:24px;line-height:1.2;letter-spacing:-.7px}.step-grid h3{margin:28px 0 15px}.step-grid p{color:#c4d5ce;font-size:15px}.space-tabs{display:flex;border-bottom:1px solid #a0bbb1}.space-tabs button{flex:1;border:0;background:none;padding:20px;text-align:left;color:var(--teal);cursor:pointer;font-weight:700}.space-tabs [aria-selected=true]{background:var(--teal);color:white;border-radius:8px 8px 0 0}.space-panel{background:var(--sage);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-radius:0 0 10px 10px}.pill{font-size:10px;letter-spacing:1.5px}.space-panel h3{font-size:40px;margin:24px 0 20px}.space-panel p{font-size:16px;max-width:430px}.space-note{align-self:center}.space-note>span{font-size:11px;font-weight:bold;letter-spacing:2px}.space-note ul{padding:0;list-style:none;margin-top:25px}.space-note li{padding:14px 0;border-bottom:1px solid #a8c0b4;font-size:15px}.selection{background:#e9eee6;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.selection>div>p{margin-top:26px;font-size:15px}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.selection-grid span{font-size:10px;letter-spacing:1.2px;font-weight:bold}.selection-grid h3{margin:18px 0 12px}.selection-grid p{font-size:14px;color:#4c6660}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:8%}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-weight:bold;font-size:14px}.faq .text-link{margin-top:30px}details{border-top:1px solid #bbcac2;padding:22px 0}summary{font-weight:bold;font-size:16px;cursor:pointer}details p{padding-top:18px;font-size:15px;color:#4c6660}.contact{background:var(--teal);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.contact h2{font-size:clamp(37px,4vw,58px)}.contact>div>p{margin:25px 0;color:#c8dbd3}.phone{display:block;margin-top:14px;font-size:14px}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input,textarea,select{width:100%;display:block;border:1px solid #719087;border-radius:5px;background:#ffffff08;color:white;padding:12px;margin-top:8px;resize:vertical}input::placeholder,textarea::placeholder{color:#b1c9be}select option{color:var(--teal);background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{font-size:11px;margin-top:16px;color:#c8dbd3}#form-status{font-size:12px;margin-top:12px}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-family:Georgia,serif;font-style:italic;font-size:21px}footer>a:not(.brand),footer>span{font-size:11px}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:800px){header nav{display:none}header{padding:20px 6%}.brand{font-size:24px}h1{letter-spacing:-4px}.hero{padding:40px 6% 0}.hero-top{grid-template-columns:1fr;gap:28px}.hero-side{justify-self:start;max-width:none}.hero-side>p{font-size:20px}.hero-side .sub{max-width:500px}figure img{height:350px}figcaption{display:block;font-size:9px}figcaption span{display:block;margin-top:7px}.ticker{gap:12px;font-size:9px;letter-spacing:1px;flex-wrap:wrap}.ticker b{font-size:15px}.section{padding:60px 6%}.intro,.selection,.faq,.contact{grid-template-columns:1fr;gap:36px}.section-heading{display:block}.section-heading p{margin-top:22px}.step-grid{grid-template-columns:1fr;gap:30px}.step-grid article{display:grid;grid-template-columns:70px 1fr;gap:0 20px}.step-grid h3{margin:12px 0}.step-grid p{grid-column:2}.num{grid-row:1/3}.space-tabs button{padding:15px 10px;font-size:12px}.space-panel{padding:28px;grid-template-columns:1fr;gap:25px}.space-panel h3{font-size:34px}.selection-grid{gap:30px 20px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editorial motion direction — SmartSnack Markets */
:root{--ease:cubic-bezier(.22,1,.36,1)}html{scroll-padding-top:105px}body{overflow-x:hidden}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(44px,5.8vw,88px);letter-spacing:-3px;line-height:1.04}h3{font-weight:400}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);padding:15px}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--orange);z-index:60}header{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--cream);border-bottom:1px solid #ffffff35;padding:27px 4%;max-width:none}header>.brand{text-align:center}.header-enquire,.menu-toggle{width:120px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.header-enquire span{margin-left:16px}.menu-toggle{border:0;background:none;color:inherit;display:flex;align-items:center;justify-content:flex-end;gap:18px;cursor:pointer;padding:10px 0}.menu-icon{width:25px;display:grid;gap:6px}.menu-icon i{height:1px;background:currentColor;width:100%;transition:transform .4s}.menu-toggle:hover i:first-child{transform:translateX(-5px)}.brand{font-size:27px}.brand>span{font-size:9px}.hero{padding:0;min-height:820px;height:100svh;position:relative;overflow:hidden;color:var(--cream);background:var(--teal)}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{inset:-6%;will-change:transform}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;animation:arrival 2.4s var(--ease) both}.hero-shade{background:linear-gradient(180deg,#041c1ac4 0%,#031d1a35 40%,#041c1abd 100%)}.hero-content{position:relative;padding:210px 7% 100px}.hero h1{font-size:clamp(74px,10.5vw,168px);line-height:1.02;letter-spacing:-6px;font-weight:400;text-transform:uppercase}.title-line{display:block;overflow:hidden;padding-bottom:.08em}.title-line:nth-child(2){margin-left:20%}.title-line>span{display:block;animation:title-in 1.7s var(--ease) both}.title-line:nth-child(2)>span{animation-delay:.18s}h1 em{color:inherit;font-weight:400;text-transform:none}.hero-lede{margin:32px 0 0 51%;max-width:370px;animation-delay:.55s!important}.hero-lede p{font-size:17px;line-height:1.6}.outline-link{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:11px;letter-spacing:1px;border-bottom:1px solid #ffffff60;padding-bottom:12px}.outline-link span{font-size:23px;transition:transform .4s}.outline-link:hover span{transform:translate(4px,-4px)}.hero-enter{animation:fade-in 1.8s .25s var(--ease) both}.hero-bottom{position:absolute;bottom:27px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.6px}.scroll-link{letter-spacing:2px;display:flex;gap:24px;align-items:center}.scroll-link span{font-size:24px;animation:bob 2s ease-in-out infinite}.ticker{display:block;overflow:hidden;padding:23px 0;background:var(--cream);border-bottom:1px solid #063c3825}.ticker-track{display:flex;width:max-content;gap:55px;align-items:center;animation:marquee 38s linear infinite;font-size:11px;letter-spacing:3px}.ticker b{color:#ae6920;font-weight:400}.section{padding:130px 7%}.intro{gap:13%;align-items:start}.intro h2 em{color:#387668}.intro .large{font-family:Georgia,serif;font-size:clamp(25px,2.6vw,38px);line-height:1.4}.tags span{border-radius:0;border-width:0 0 1px;padding:10px 0;margin-right:20px}.steps{position:relative}.steps .section-heading{margin-bottom:80px}.steps h2{font-size:clamp(54px,8vw,120px)}.step-grid article{position:relative;transition:background .5s,transform .5s;padding:30px 16px 28px 0}.step-grid article:hover{transform:translateY(-8px)}.num{font-size:70px;font-weight:400}.step-grid h3{font-family:Georgia,serif;font-size:31px}.step-grid article:after{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 1.5s var(--ease)}.step-grid article.is-visible:after{transform:scaleX(1)}.spaces .section-heading{margin-bottom:65px}.space-tabs{border-bottom:1px solid var(--teal)}.space-tabs button{padding:25px 15px;transition:background .4s,color .4s;font-size:12px;font-weight:400;letter-spacing:1px}.space-tabs [aria-selected=true]{border-radius:0}.space-panel{border-radius:0;background:#e5ebe1;padding:60px;min-height:340px;gap:10%}.space-panel h3{font-family:Georgia,serif;font-size:48px}.market-window{height:85svh;min-height:540px;position:relative;overflow:hidden;background:var(--teal);color:var(--cream)}.window-image{position:absolute;inset:-12% 0;will-change:transform}.window-image img{height:100%;width:100%;object-fit:cover;object-position:center}.market-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#052b26aa,transparent)}.window-copy{position:relative;z-index:1;padding:120px 7%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.window-copy h2{font-size:clamp(55px,8vw,115px)}.concept-note{position:absolute;bottom:20px;font-size:10px}.selection{background:var(--cream);border-bottom:1px solid #063c3825}.selection-grid>div{border-top:1px solid #063c3840;padding-top:25px}.selection-grid h3{font-family:Georgia,serif;font-size:31px}.selection-grid span{font-weight:400;font-size:9px}details{padding:25px 0}summary{font-weight:400;list-style:none;position:relative;padding-right:30px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:24px;top:-5px}details[open] summary:after{content:'−'}details[open] p{animation:fade-in .45s var(--ease)}.contact h2{font-size:clamp(48px,5.4vw,78px)}.contact input,.contact select,.contact textarea{border-radius:0;border-width:0 0 1px;background:transparent;padding:12px 0}.contact label{font-weight:400;letter-spacing:.5px}.button{border-radius:0;font-weight:400;transition:transform .4s,background .4s}.button:hover{transform:translateY(-3px);filter:none;background:#ffb14b}.contact .form-note{line-height:1.7}.contact .text-link{overflow-wrap:anywhere}footer{padding:50px 5%;max-width:none}main{max-width:none}.motion-toggle{position:fixed;z-index:25;right:18px;bottom:15px;padding:8px 12px;background:#f7f4edf2;color:var(--teal);border:1px solid #063c3840;border-radius:20px;font-size:10px;cursor:pointer}.hero-bottom{bottom:55px}dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;margin:0;background:var(--teal);color:var(--cream);padding:0}dialog[open]{animation:menu-in .6s var(--ease)}dialog::backdrop{background:#063c38}.menu-close{position:absolute;right:5%;top:35px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px}.menu-inner{padding:12vh 12% 6vh}.menu-inner nav{display:flex;flex-direction:column;gap:14px;margin:25px 0}.menu-inner nav a{font-family:Georgia,serif;font-size:clamp(36px,6vw,82px);line-height:1.3;transition:color .3s,transform .5s}.menu-inner nav a:hover{color:var(--orange);transform:translateX(16px)}.menu-inner small{font:10px Arial;letter-spacing:1px;vertical-align:middle;margin-right:30px;color:var(--orange)}.js-motion .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1.2s var(--ease);transition-delay:var(--delay,0s)}.js-motion .reveal.is-visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .hero-image,.motion-paused .window-image{transform:none!important}.motion-paused .title-line>span,.motion-paused .hero-enter,.motion-paused .hero-image img{animation:none!important;opacity:1!important;transform:none!important}
@keyframes title-in{from{transform:translateY(115%)}to{transform:none}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes arrival{from{transform:scale(1.14)}to{transform:scale(1)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(min-width:1500px){.hero-content{padding-top:22vh}.hero{min-height:950px}}
@media(max-width:800px){header{padding:22px 6%}.header-enquire,.menu-toggle{width:80px;font-size:9px;letter-spacing:1px}.header-enquire span{margin-left:4px}.menu-toggle{gap:10px}.brand{font-size:23px}.brand>span{font-size:8px;letter-spacing:4px}.hero{min-height:760px;height:100svh}.hero-content{padding:210px 6% 100px}.hero h1{font-size:clamp(57px,11vw,89px);letter-spacing:-3px}.title-line:nth-child(2){margin-left:8%}.hero-lede{margin:38px 0 0 20%;max-width:330px}.hero-lede p{font-size:16px}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-image img{object-position:58% center}.hero-shade{background:linear-gradient(#052820a8,#041d1950,#041c1acb)}.hero-bottom{left:6%;right:6%;font-size:8px;align-items:start;gap:20px}.hero-bottom>span{max-width:140px;text-align:right}.scroll-link{font-size:8px;gap:10px}.section{padding:80px 6%}h2{letter-spacing:-2px}.intro,.selection,.faq,.contact{gap:40px}.steps .section-heading{margin-bottom:40px}.step-grid article{padding-top:22px}.step-grid h3{font-size:26px}.num{font-size:52px}.space-panel{padding:28px;min-height:440px}.space-panel h3{font-size:36px}.space-tabs button{font-size:10px;padding:19px 10px;letter-spacing:0}.market-window{min-height:500px;height:70svh}.window-image img{object-position:65% center}.window-copy{padding:70px 6%}.selection-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.selection-grid h3{font-size:25px}.menu-inner{padding:120px 7% 50px}.menu-inner nav{gap:22px}.menu-inner small{margin-right:15px}.form-row{gap:12px}footer{padding-bottom:75px}.contact h2{font-size:48px}}
@media(max-width:380px){.hero h1{font-size:51px}.hero-lede{margin-left:8%}.selection-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.hero-image,.window-image{transform:none!important}}

/* Original food-and-circuit logo, updated to Markets. */
.brand{flex-shrink:0;line-height:0;letter-spacing:normal}
.brand img{display:block;width:200px;height:auto}
header{gap:32px}header>.brand{background:transparent;padding:0;border-radius:0;text-align:left;margin-right:auto}header>.header-enquire{width:auto;flex-shrink:0}header>.menu-toggle{width:auto;flex-shrink:0}
footer .brand img{width:220px}
@media(max-width:800px){header{gap:20px}header>.brand{padding:0}.brand img{width:144px}footer .brand img{width:190px}}
@media(max-width:380px){header{gap:14px}.brand img{width:120px}}
