:root{--ink:#1a2825;--cream:#f7f5ee;--paper:#fffef9;--muted:#65716c;--line:#d8dbd4;--red:#a72b2a;--red-dark:#681e20;--green:#214d36;--lime:#b7db73;--blue:#9dd7e6;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--serif:'Fraunces',Georgia,serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #63a4af;outline-offset:4px}.wrap{width:min(100% - 64px,1380px);margin-inline:auto}.section-pad{padding:clamp(96px,10vw,156px) 0}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:white;padding:12px 18px}.skip-link:focus{top:16px}.progress{height:3px;position:fixed;z-index:101;top:0;left:0;width:0;background:var(--lime);transition:width .1s linear}.topline{height:30px;padding-inline:32px;background:#1c302b;color:#d5ddd4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--display);font-size:12px;letter-spacing:.14em;font-weight:600}.topline a:hover{color:var(--lime)}.site-header{height:84px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(247,245,238,.96);position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(26,40,37,.1);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand-mark{font-family:var(--display);font-size:46px;font-weight:800;letter-spacing:-.06em;line-height:.8}.brand-dot{color:var(--red)}.brand-name{font-family:var(--display);font-size:12px;line-height:1.05;letter-spacing:.07em;font-weight:600}.brand-name strong{font-size:17px;letter-spacing:.012em}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px);font-size:13px;font-weight:700}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:'';position:absolute;height:2px;width:0;left:0;bottom:4px;background:var(--red);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 19px;border:1px solid var(--ink);font-size:13px;font-weight:700;white-space:nowrap;transition:background .25s,color .25s}.header-cta:hover{background:var(--ink);color:#fff}.header-cta span{font-size:20px;font-weight:400}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px 0}.mobile-nav{position:fixed;z-index:79;top:84px;left:0;right:0;background:var(--cream);padding:20px 32px 32px;box-shadow:0 16px 30px #0002}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:25px;font-weight:700}
.hero{padding-top:clamp(52px,6vw,90px);background:var(--cream)}.hero-copy{display:grid;grid-template-columns:1.3fr .7fr}.hero-kicker{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:var(--red);font-family:var(--display);letter-spacing:.15em;font-size:15px;font-weight:700}.kicker-line{width:38px;height:2px;background:var(--red)}.hero h1{font-family:var(--display);font-size:clamp(70px,10.2vw,160px);font-weight:700;text-transform:uppercase;letter-spacing:-.032em;line-height:.78;margin:32px 0 52px;grid-column:1/-1}.hero h1 em{font-family:var(--serif);font-weight:500;font-size:.68em;text-transform:none;letter-spacing:-.075em;color:var(--red);font-style:italic;line-height:1.2}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;grid-column:1/-1;padding-bottom:28px}.hero-bottom p{max-width:470px;margin:0;color:#4e5a56;font-size:16px;line-height:1.65}.text-arrow{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:0 0 10px;font-size:14px;font-weight:700;white-space:nowrap}.text-arrow span{font-size:25px;line-height:1}.text-arrow:hover{color:var(--red);border-color:var(--red)}.hero-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-tile{height:clamp(450px,46vw,650px);position:relative;overflow:hidden;color:#fff}.store-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.store-tile:hover img{transform:scale(1.06)}.tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,#0001 25%,#0000 46%,#000b 100%)}.store-tile-meat{background:var(--red-dark)}.store-tile-eco{background:var(--green)}.tile-top{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:14px;letter-spacing:.09em;font-weight:700}.tile-content{position:absolute;left:clamp(25px,4vw,60px);bottom:clamp(28px,4vw,58px);right:clamp(25px,4vw,60px)}.tile-eyebrow{display:block;text-transform:uppercase;font-family:var(--display);letter-spacing:.17em;font-weight:700;font-size:14px;margin-bottom:10px}.tile-content strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:clamp(68px,7vw,112px);line-height:.78;letter-spacing:-.02em;font-weight:700}.tile-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffffa6;padding-top:14px;margin-top:35px;font-size:14px;font-weight:700}.tile-action b{font-size:24px;font-weight:400;transition:transform .3s}.store-tile:hover .tile-action b{transform:translate(4px,-4px)}.hero-footer{padding:18px 0 45px;display:flex;justify-content:space-between;color:#6a746e;font-family:var(--display);font-size:13px;letter-spacing:.11em;font-weight:700}
.section-label{font-family:var(--display);font-size:15px;letter-spacing:.15em;font-weight:700}.intro-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:5vw}.intro .section-label{display:flex;justify-content:space-between;align-items:center;height:30px}.label-index{color:var(--red)}.tiny-dot{background:var(--red);width:8px;height:8px;border-radius:50%}.display-title{font-family:var(--display);font-size:clamp(54px,6vw,98px);line-height:.92;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-weight:700}.display-title em{font-family:var(--serif);font-weight:500;font-size:.74em;text-transform:none;letter-spacing:-.065em;font-style:italic}.intro-lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px;border-top:1px solid var(--line);padding-top:20px}.intro-lower p{max-width:410px;margin:0;color:#52615b;font-size:16px;line-height:1.8}.running-band{height:72px;background:var(--red);color:var(--cream);overflow:hidden;display:flex;align-items:center}.running-track{display:flex;align-items:center;gap:34px;white-space:nowrap;font-family:var(--display);font-size:29px;font-weight:700;letter-spacing:.08em;animation:marquee 24s linear infinite}.running-track span{font-size:20px;color:#f4b6a9}@keyframes marquee{to{transform:translateX(-50%)}}
.branch-meat{background:#f0ece5}.branch-eco{background:#eaf3ee}.branch-heading{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:start;padding-bottom:70px}.branch-heading-left{display:flex;flex-direction:column;align-items:start;gap:30px}.branch-logo{object-fit:contain;background:white}.meat-logo{width:210px;aspect-ratio:1;border-radius:50%;object-fit:cover;border:7px solid white;box-shadow:0 8px 30px #49201920}.eco-logo{width:240px;padding:20px;border-radius:6px;box-shadow:0 8px 30px #194d2020}.branch-heading-right .display-title{margin-bottom:25px}.branch-heading-right p{max-width:580px;color:#4c5a55;line-height:1.8;font-size:16px}.branch-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);color:white}.button-red:hover{background:var(--red-dark)}.button-green{background:var(--green);color:white}.button-green:hover{background:#173d2a}.button-outline{border:1px solid #7b8780}.button-outline:hover{background:var(--ink);color:#fff}.branch-photo-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:16px}.feature-photo{margin:0;position:relative;min-height:480px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s}.feature-photo:hover img{transform:scale(1.03)}.feature-photo figcaption{position:absolute;left:24px;right:24px;bottom:24px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-family:var(--display);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.feature-note{background:var(--red);color:white;padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px}.feature-note-mark{font-family:var(--display);font-size:52px;font-weight:800;letter-spacing:-.05em}.feature-note p{font-family:var(--serif);font-style:italic;font-size:clamp(25px,2.5vw,39px);line-height:1.2;margin:0}.feature-note>span:last-child{font-family:var(--display);letter-spacing:.1em;font-size:13px}.products-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:90px 0 30px}.products-head .section-label{color:var(--red)}.branch-eco .products-head .section-label{color:var(--green)}.products-head h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,4.5vw,70px);line-height:.9;letter-spacing:-.025em;margin:15px 0 0}.products-head h3 em{font-family:var(--serif);text-transform:none;font-weight:500;font-size:.75em;letter-spacing:-.06em}.products-head>p{max-width:275px;margin:0;color:#66736b;font-size:13px;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{background:var(--paper);overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 14px 35px #00000012}.product-image{height:260px;background:#e1ddd3;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.06)}.product-info{padding:24px 22px 26px}.product-info>span{font-family:var(--display);color:var(--red);font-size:13px;letter-spacing:.12em;font-weight:700}.product-info h4{font-family:var(--display);font-size:34px;line-height:.95;margin:12px 0 11px;text-transform:uppercase}.product-info p{font-size:13px;line-height:1.55;color:#66716b;margin:0}.branch-eco .product-info>span{color:var(--green)}.branch-foot{display:flex;justify-content:space-between;gap:20px;padding:23px 0 0;color:#65736c;font-size:13px}.branch-foot a{color:var(--ink);font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.branch-foot a:hover{color:var(--red);border-color:var(--red)}.eco-showcase{display:grid;grid-template-columns:1.55fr .45fr;gap:14px}.eco-photo{position:relative;height:500px;overflow:hidden}.eco-photo img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.eco-photo:hover img{transform:scale(1.03)}.eco-photo span{position:absolute;top:25px;left:25px;color:#fff;background:#183c2e;padding:10px 14px;font-family:var(--display);letter-spacing:.12em;font-size:13px;font-weight:700}.eco-message{min-height:500px;background:#b5d46d;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.loop-symbol{font-family:var(--serif);font-size:112px;line-height:.8}.eco-message p{font-family:var(--serif);font-style:italic;font-size:clamp(25px,2.5vw,39px);line-height:1.2;margin:0}.eco-message a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #24432f70;padding-top:17px;font-size:13px;font-weight:700}
.brands-section{background:#152b27;color:#fff}.brands-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 10vw;align-items:end;margin-bottom:45px}.brands-intro .section-label{grid-column:1/-1;color:var(--lime)}.brands-intro h2,.locations-heading h2,.contact h2{font-family:var(--display);font-size:clamp(56px,6vw,95px);line-height:.9;text-transform:uppercase;letter-spacing:-.02em;margin:0}.brands-intro h2 em,.locations-heading h2 em,.contact h2 em{font-family:var(--serif);font-size:.75em;letter-spacing:-.065em;text-transform:none;font-weight:500}.brands-intro p{max-width:380px;color:#c6d2c8;line-height:1.7;margin:0}.brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.brand-card{background:#fff;color:var(--ink);display:grid;grid-template-columns:1fr auto;grid-template-rows:230px 90px;transition:transform .3s}.brand-card:hover{transform:translateY(-7px)}.brand-card img{grid-column:1/-1;width:100%;height:230px;object-fit:contain;background:#faf9f6;padding:12px}.brand-card span{display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.brand-card strong{font-family:var(--display);font-size:25px;text-transform:uppercase;line-height:1}.brand-card small{font-size:11px;color:#69766c;margin-top:7px}.brand-card b{align-self:center;padding-right:20px;font-size:23px;font-weight:400}
.locations{background:#f9f8f3}.locations-heading{display:grid;grid-template-columns:1fr 2fr;gap:20px 6vw;align-items:end;margin-bottom:50px}.locations-heading .section-label{grid-column:1/-1;color:var(--red)}.locations-heading p{max-width:410px;color:#637069;line-height:1.7;margin:0 0 4px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-card{background:#fff;border:1px solid #dfe2da;overflow:hidden}.location-main{padding:35px}.location-tag{display:inline-block;font-family:var(--display);letter-spacing:.12em;font-size:13px;font-weight:700;padding:7px 10px}.meat-tag{color:var(--red);background:#f6e2dd}.eco-tag{color:var(--green);background:#dceec5}.location-card h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(48px,5vw,76px);letter-spacing:-.02em;line-height:.85;margin:30px 0 20px}.location-card p{color:#66726b;line-height:1.6;margin:0 0 25px}.hours{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;padding-top:20px;min-height:115px;font-size:13px}.hours strong{font-family:var(--display);font-size:14px;letter-spacing:.1em}.hours span{display:flex;justify-content:space-between;gap:10px;color:#66716b}.hours b{color:var(--ink);font-weight:700}.location-actions{display:flex;gap:10px;margin-top:25px}.location-actions a{border:1px solid var(--ink);padding:11px 16px;font-size:13px;font-weight:700}.location-actions a:first-child{background:var(--ink);color:#fff}.location-actions a:hover{background:var(--red);border-color:var(--red);color:#fff}.location-card iframe{width:100%;height:260px;border:0;display:block;filter:saturate(.7)}
.contact{background:#c6d987}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.contact-copy .section-label{display:block;margin-bottom:25px}.contact-copy p{max-width:470px;font-size:17px;line-height:1.7;margin:35px 0}.contact-phone{display:inline-flex;align-items:center;gap:40px;border-bottom:2px solid var(--ink);padding-bottom:8px;font-family:var(--display);font-size:clamp(25px,3vw,42px);font-weight:700}.contact-phone span{font-family:var(--body);font-size:25px}.contact-form{background:#f8faf3;padding:35px;display:flex;flex-direction:column;gap:12px}.contact-form label{font-weight:700;font-size:13px}.contact-form select,.contact-form textarea{background:#fff;border:1px solid #c6cec4;padding:14px 15px;color:var(--ink);width:100%;border-radius:0}.contact-form textarea{resize:vertical;min-height:125px}.contact-form button{margin-top:5px;background:var(--ink);color:white;border:0;min-height:52px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.contact-form button:hover{background:var(--green)}.contact-form button span{font-size:22px}.contact-form p{color:#69766d;font-size:11px;margin:0}
.footer{background:#101f1c;color:#f4f5ee;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:65px}.footer-brand{display:flex;align-items:start;gap:20px}.footer-brand .brand-mark{font-size:76px}.footer-brand p{font-family:var(--display);text-transform:uppercase;font-size:25px;line-height:1;margin:0}.footer-links{display:flex;gap:clamp(30px,6vw,100px)}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-family:var(--display);letter-spacing:.13em;color:var(--lime);font-size:13px;margin-bottom:10px}.footer-links a{font-size:13px;color:#d2ddd4}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff3b;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#aab7ac;font-family:var(--display);font-size:13px;letter-spacing:.05em}.footer-bottom a:hover{color:white}.floating-whatsapp{position:fixed;z-index:70;right:23px;bottom:22px;background:#25d366;color:#083b20;border-radius:50px;display:flex;align-items:center;gap:9px;padding:12px 18px;box-shadow:0 10px 28px #0003;font-size:13px;font-weight:700;transition:transform .25s}.floating-whatsapp:hover{transform:translateY(-4px)}.floating-whatsapp svg{width:22px;height:22px}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}.hero-stores .reveal:nth-child(2),.product-grid .reveal:nth-child(2),.brand-cards .reveal:nth-child(2){transition-delay:.12s}.product-grid .reveal:nth-child(3),.brand-cards .reveal:nth-child(3){transition-delay:.22s}.product-grid .reveal:nth-child(4){transition-delay:.32s}
@media(max-width:1050px){.desktop-nav{gap:18px}.brand{min-width:220px}.brand-name strong{font-size:15px}.header-cta{padding:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:300px}.branch-heading{gap:5vw}.eco-showcase{grid-template-columns:1.3fr .7fr}.brand-card{grid-template-rows:180px 90px}.brand-card img{height:180px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1380px)}.section-pad{padding:75px 0}.topline{padding-inline:18px}.topline span:nth-child(2){display:none}.site-header{height:68px;padding:0 18px}.brand{min-width:0}.brand-mark{font-size:39px}.brand-name{font-size:10px}.brand-name strong{font-size:13px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-nav{top:68px}.hero{padding-top:50px}.hero-copy{display:block}.hero-kicker{font-size:12px}.hero h1{font-size:clamp(62px,12.5vw,105px);line-height:.82;margin:28px 0 35px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .text-arrow{margin-top:25px;width:max-content}.hero-stores{grid-template-columns:1fr;gap:10px}.store-tile{height:430px}.tile-content strong{font-size:clamp(73px,15vw,106px)}.hero-footer{font-size:11px}.intro-grid{display:block}.intro .section-label{margin-bottom:30px}.intro .tiny-dot{display:none}.intro-lower{margin-top:35px;gap:20px}.branch-heading{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.branch-heading-left{flex-direction:row;justify-content:space-between;align-items:start}.branch-logo{width:140px}.eco-logo{width:160px;padding:10px}.display-title{font-size:clamp(54px,9vw,78px)}.branch-photo-grid,.eco-showcase{grid-template-columns:1fr}.feature-photo,.eco-photo{min-height:0;height:400px}.feature-note,.eco-message{min-height:260px}.feature-note p,.eco-message p{font-size:28px}.loop-symbol{font-size:75px}.products-head{margin-top:65px}.products-head h3{font-size:clamp(43px,8vw,65px)}.brands-intro,.locations-heading,.contact-grid{grid-template-columns:1fr}.brands-intro .section-label,.locations-heading .section-label{grid-column:auto}.brands-intro h2,.locations-heading h2,.contact h2{font-size:clamp(56px,10vw,80px)}.brands-intro p{max-width:600px}.brand-cards{grid-template-columns:1fr 1fr}.brand-card:last-child{grid-column:1/-1}.location-grid{grid-template-columns:1fr}.contact-grid{gap:45px}.footer-top{display:block}.footer-links{margin-top:45px}.footer-bottom{flex-wrap:wrap}.floating-whatsapp span{display:none}.floating-whatsapp{width:52px;height:52px;justify-content:center;padding:0;border-radius:50%}}
@media(max-width:540px){.topline{font-size:11px}.topline a{font-size:11px}.hero h1{font-size:clamp(54px,13.5vw,78px)}.hero h1 em{font-size:.69em}.hero-footer span:last-child{display:none}.store-tile{height:380px}.tile-top{inset:18px 18px auto;font-size:12px}.tile-content{left:22px;right:22px;bottom:22px}.tile-content strong{font-size:clamp(61px,14vw,82px)}.tile-action{margin-top:22px}.intro-lower{grid-template-columns:1fr}.intro-lower p{font-size:14px}.branch-heading-left .section-label{font-size:12px}.branch-logo{width:110px}.eco-logo{width:125px}.branch-heading-right p{font-size:14px}.feature-photo,.eco-photo{height:300px}.feature-note,.eco-message{padding:25px;min-height:235px}.feature-note p,.eco-message p{font-size:26px}.products-head{display:block}.products-head>p{margin-top:20px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-image{height:180px}.product-info{padding:17px 14px 20px}.product-info h4{font-size:26px}.product-info p{font-size:12px}.branch-foot{display:block}.branch-foot a{display:inline-block;margin-top:13px}.brand-cards{grid-template-columns:1fr}.brand-card:last-child{grid-column:auto}.brand-card{grid-template-rows:200px 80px}.brand-card img{height:200px}.location-main{padding:25px}.location-card h3{font-size:55px}.hours span{display:block;line-height:1.6}.hours b{display:block}.location-actions{flex-wrap:wrap}.contact-form{padding:25px}.footer-links{gap:30px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom>*{display:block;margin-top:10px}.footer-brand .brand-mark{font-size:60px}.footer-brand p{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.running-track{animation:none}.store-tile img,.product-card,.product-image img,.brand-card,.floating-whatsapp{transition:none}}
main section,.store-tile,.location-card{scroll-margin-top:95px}
@media(min-width:761px){.hero{padding-top:55px}.hero h1{font-size:clamp(70px,8.5vw,130px);margin:26px 0 34px}}

/* Version 2: identity and more expressive scroll movement. */
.intro-aside{display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.intro-logos{display:flex;align-items:center;gap:14px;max-width:330px}
.intro-logo-card{flex:1;min-width:0;min-height:185px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:15px;box-shadow:0 12px 28px #18392b0d}
.intro-logo-card img{width:112px;height:112px;object-fit:contain}
.intro-logo-meat img{border-radius:50%}
.intro-logo-card span{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.13em;text-align:center;color:#53615b}
.intro-logo-eco img{width:120px}
.running-band{height:78px}
.running-track{gap:0;animation:marquee 18s linear infinite}
.running-unit{display:flex;align-items:center;gap:28px;flex:none;padding-right:28px}
.running-unit i{font-style:normal;font-size:24px;color:#f4b6a9}
.eco-ticker{margin:28px 0 0;overflow:hidden;background:#174e39;color:#eaf5de;border:1px solid #174e39;transform:rotate(-1deg);width:calc(100% + 18px);margin-left:-9px;box-shadow:0 12px 20px #174e3919}
.eco-ticker-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:eco-march 14s linear infinite}
.eco-ticker-unit{flex:none;padding:14px 0 12px 0;font-family:var(--display);font-size:clamp(28px,3vw,45px);font-weight:700;letter-spacing:.08em}
.eco-ticker-unit i{font-style:normal;color:var(--lime);padding:0 18px}
@keyframes eco-march{to{transform:translateX(-50%)}}
.loop-symbol{width:max-content;transform-origin:50% 50%;animation:loop-turn 18s linear infinite}
@keyframes loop-turn{to{transform:rotate(360deg)}}
.branch-eco .products-head{margin-top:75px}
.branch-meat .product-image{position:relative}
.branch-meat .product-image::after{content:'';position:absolute;right:10px;top:10px;width:46px;height:46px;background:#fff url('./assets/logo-carniceria.png') center/contain no-repeat;border-radius:50%;box-shadow:0 3px 12px #0002}
.js .reveal{opacity:0;transform:translate3d(0,70px,0) scale(.965);filter:blur(3px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:transform,opacity}
.js .reveal.is-visible{opacity:1;transform:none;filter:none}
.js .hero h1.reveal{transform:translate3d(0,45px,0) scale(.97)}
.js .hero h1.reveal.is-visible{transform:none}
.js .intro-content .display-title.reveal{transform:translate3d(-60px,0,0)}
.js .intro-content .display-title.reveal.is-visible{transform:none}
.js .branch-heading-left.reveal{transform:translate3d(-45px,50px,0) rotate(-4deg)}
.js .branch-heading-left.reveal.is-visible{transform:none}
.js .branch-heading-right.reveal{transform:translate3d(55px,25px,0)}
.js .branch-heading-right.reveal.is-visible{transform:none}
.js .intro-logo-card.reveal{transform:translate3d(0,80px,0) rotate(-6deg) scale(.82);transition-duration:1.1s}
.js .intro-logo-card.reveal.is-visible{transform:none}
.js .intro-logo-card:nth-child(2){transition-delay:.16s}
.js .store-tile.reveal{transform:translate3d(0,95px,0) scale(.94)}
.js .store-tile.reveal.is-visible{transform:none}
.js .product-card.reveal{transform:translate3d(0,95px,0) scale(.93)}
.js .product-card.reveal.is-visible{transform:none}
.js .product-card.reveal.is-visible:hover,.js .brand-card.reveal.is-visible:hover{transform:translateY(-8px)}
.js .store-tile.reveal img,.js .feature-photo.reveal img,.js .eco-photo.reveal img{transform:scale(1.09);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.js .store-tile.reveal.is-visible img,.js .feature-photo.reveal.is-visible img,.js .eco-photo.reveal.is-visible img{transform:scale(1)}
.js .store-tile.reveal.is-visible:hover img,.js .feature-photo.reveal.is-visible:hover img,.js .eco-photo.reveal.is-visible:hover img{transform:scale(1.055)}
@media(max-width:760px){.intro-aside{gap:0}.intro-logos{margin:0 0 40px;max-width:340px}.intro-logo-card{min-height:155px}.intro-logo-card img{width:90px;height:90px}.intro-logo-eco img{width:110px}.js .intro-content .display-title.reveal,.js .branch-heading-left.reveal,.js .branch-heading-right.reveal{transform:translate3d(0,65px,0)}.js .intro-content .display-title.reveal.is-visible,.js .branch-heading-left.reveal.is-visible,.js .branch-heading-right.reveal.is-visible{transform:none}.running-band{height:66px}.running-track{font-size:24px}.eco-ticker-unit{font-size:32px}.eco-ticker-unit i{padding:0 12px}}
@media(max-width:540px){.intro-logos{max-width:none}.intro-logo-card{min-height:145px}.intro-logo-card img{width:82px;height:82px}.intro-logo-eco img{width:100px}.eco-ticker{margin-top:18px}.eco-ticker-unit{font-size:30px;padding:10px 0 8px}.branch-eco .products-head{margin-top:58px}}
@media(prefers-reduced-motion:reduce){.js .reveal,.js .hero h1.reveal,.js .intro-content .display-title.reveal,.js .branch-heading-left.reveal,.js .branch-heading-right.reveal,.js .intro-logo-card.reveal,.js .store-tile.reveal,.js .product-card.reveal{opacity:1;transform:none;filter:none;transition:none;will-change:auto}.eco-ticker-track,.running-track,.loop-symbol{animation:none}.js .store-tile.reveal img,.js .feature-photo.reveal img,.js .eco-photo.reveal img{transform:none;transition:none}}

/* Version 3: real local photography and direct contact for each business. */
html{overflow-x:clip}
.store-tile-meat img{object-position:center 58%}
.store-tile-eco img{object-position:center 56%}
.feature-photo img{object-position:center 57%}
.eco-photo img{object-position:center 54%}
.branch-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin-top:24px}
.social-link{min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;background:#fff;border:1px solid #cbd0c8;box-shadow:0 5px 14px #172b1b0a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.social-link:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 9px 22px #172b1b16}
.social-link img{width:36px;height:36px;flex:none;border-radius:9px}
.social-link span{display:flex;flex-direction:column;min-width:0}
.social-link strong{font-size:13px;line-height:1.1}
.social-link small{font-size:11px;line-height:1.2;color:#61716a;margin-top:3px;overflow-wrap:anywhere}
.social-link b{font-size:18px;font-weight:400;margin-left:auto;align-self:flex-start}
.location-card p{margin-bottom:10px}
.location-email{display:inline-flex;gap:8px;max-width:100%;font-size:13px;font-weight:700;color:var(--green);border-bottom:1px solid currentColor;padding-bottom:4px;margin:0 0 24px;overflow-wrap:anywhere}
.location-email:hover{color:var(--red)}
.contact-email{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:24px}
.contact-email>span{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.13em}
.contact-email a{font-size:16px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px;overflow-wrap:anywhere}
.contact-email a:hover{color:var(--green);border-color:var(--green)}
@media(max-width:540px){.branch-socials{grid-template-columns:1fr;gap:8px}.social-link{padding:8px 12px 8px 8px}.social-link img{width:34px;height:34px}.contact-email a{font-size:15px}.location-email{font-size:12px}}
@media(prefers-reduced-motion:reduce){.social-link{transition:none}}

/* Version 4: verified local brand marks and compact product selection. */
.brands-section{overflow:hidden}
.brands-intro{margin-bottom:48px}
.brand-marquees{display:grid;gap:30px}
.brand-lane{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;align-items:center}
.brand-lane-head{display:flex;flex-direction:column;gap:8px;padding-right:15px}
.brand-lane-head strong{font-family:var(--display);font-size:19px;line-height:1.05;letter-spacing:.055em}
.brand-lane-head span{font-size:12px;color:#a6b9ae;line-height:1.4}
.brand-viewport{overflow:hidden;min-width:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-move 36s linear infinite;will-change:transform}
.brand-lane-eco .brand-track{animation-direction:reverse;animation-duration:43s}
.brand-viewport:hover .brand-track{animation-play-state:paused}
.brand-group{display:flex;gap:10px;flex:none;padding-right:10px}
.brand-logo-tile{width:145px;height:80px;flex:none;display:grid;place-items:center;background:#fff;border-radius:3px;padding:12px 17px}
.brand-logo-tile img{width:100%;height:100%;object-fit:contain}
@keyframes brand-move{to{transform:translateX(-50%)}}
.brand-product-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:50px}
.brand-product-note{display:grid;grid-template-columns:150px 1fr;min-height:135px;background:#f7f6f1;color:var(--ink);overflow:hidden}
.brand-product-note img{width:100%;height:100%;object-fit:cover}
.brand-product-note>div{padding:17px 20px}
.brand-product-note span{font-family:var(--display);font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--red)}
.brand-product-note:nth-child(2) span{color:var(--green)}
.brand-product-note h3{font-family:var(--display);font-size:25px;line-height:1;text-transform:uppercase;margin:7px 0 7px}
.brand-product-note p{font-size:12px;line-height:1.5;color:#596860;margin:0}
.product-image{height:225px}
@media(max-width:1050px){.product-image{height:230px}.brand-lane{grid-template-columns:165px minmax(0,1fr)}.brand-product-note{grid-template-columns:110px 1fr}.brand-product-note h3{font-size:22px}}
@media(max-width:760px){.brand-lane{display:block}.brand-lane-head{flex-direction:row;justify-content:space-between;align-items:end;padding:0 0 12px}.brand-logo-tile{width:125px;height:70px;padding:11px 14px}.brand-product-notes{grid-template-columns:1fr;margin-top:38px}.brand-product-note{grid-template-columns:135px 1fr}.product-image{height:190px}}
@media(max-width:540px){.brands-intro{margin-bottom:35px}.brand-marquees{gap:26px}.brand-lane-head strong{font-size:16px}.brand-lane-head span{font-size:10px;text-align:right}.brand-logo-tile{width:108px;height:64px;padding:9px 11px}.brand-product-note{grid-template-columns:110px 1fr;min-height:130px}.brand-product-note>div{padding:14px}.brand-product-note h3{font-size:20px}.brand-product-note p{font-size:11px}.product-image{height:155px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;will-change:auto}.brand-group[aria-hidden="true"]{display:none}.brand-viewport{overflow-x:auto;mask-image:none;scrollbar-width:thin}}

/* Version 6: restore the continuous carousel and give each logo more white space. */
.brand-marquees{grid-template-columns:minmax(0,1fr);min-width:0}
.brand-lane{min-width:0}
.brand-viewport{width:100%;min-width:0;overflow:hidden;scrollbar-width:none}
.brand-track,.brand-lane-eco .brand-track{animation:brand-move 36s linear infinite;transition:none;will-change:transform}
.brand-lane-eco .brand-track{animation-direction:reverse;animation-duration:43s}
.brand-viewport:hover .brand-track{animation-play-state:running}
.brand-logo-tile{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px 20px}
.brand-logo-tile img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}
.brand-logo-tile img[src$="super-pollo.webp"],.brand-logo-tile img[src$="super-cerdo.png"],.brand-logo-tile img[src$="nivea.svg"],.brand-logo-tile img[src$="elite.png"],.brand-logo-tile img[src$="savory.png"]{transform:scale(1.18)}
.brand-logo-tile img[src$="dove.jpg"]{transform:scale(1.28)}
.brand-product-note img{object-fit:contain;background:#fff}
@media(max-width:760px){.brand-logo-tile{padding:13px 17px}}
@media(max-width:540px){.brand-logo-tile{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){
  .brand-track,.brand-lane-eco .brand-track{animation:brand-move 60s linear infinite;will-change:transform}
  .brand-lane-eco .brand-track{animation-direction:reverse;animation-duration:70s}
  .brand-group[aria-hidden="true"]{display:flex}
  .brand-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);scrollbar-width:none}
}
