/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*,:before,:after,::backdrop {
--tw-blur:initial;
--tw-brightness:initial;
--tw-contrast:initial;
--tw-grayscale:initial;
--tw-hue-rotate:initial;
--tw-invert:initial;
--tw-opacity:initial;
--tw-saturate:initial;
--tw-sepia:initial;
--tw-drop-shadow:initial;
--tw-drop-shadow-color:initial;
--tw-drop-shadow-alpha:100%;
--tw-drop-shadow-size:initial
}
}
}

@layer theme {:root,:host {
--font-sans:ui-sans-serif,system-ui,sans-serif, "Apple Color Emoji ", "Segoe UI Emoji ", "Segoe UI Symbol ", "Noto Color Emoji ";
--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas, "Liberation Mono ", "Courier New ",monospace;
--spacing:.25rem;
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono)
}
}

@layer base {
*,:after,:before,::backdrop {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}::file-selector-button {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0
}

html,:host {
-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif, "Apple Color Emoji ", "Segoe UI Emoji ", "Segoe UI Symbol ", "Noto Color Emoji ");
font-feature-settings:var(--default-font-feature-settings,normal);
font-variation-settings:var(--default-font-variation-settings,normal);
-webkit-tap-highlight-color:transparent
}

hr {
height:0;
color:inherit;
border-top-width:1px
}

abbr:where( [title ]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:inherit
}

a {
color:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit
}

b,strong {
font-weight:bolder
}

code,kbd,samp,pre {
font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas, "Liberation Mono ", "Courier New ",monospace);
font-feature-settings:var(--default-mono-font-feature-settings,normal);
font-variation-settings:var(--default-mono-font-variation-settings,normal);
font-size:1em
}

small {
font-size:80%
}

sub,sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}

sub {
bottom:-.25em
}

sup {
top:-.5em
}

table {
text-indent:0;
border-color:inherit;
border-collapse:collapse
}:-moz-focusring {
outline:auto
}

progress {
vertical-align:baseline
}

summary {
display:list-item
}

ol,ul,menu {
list-style:none
}

img,svg,video,canvas,audio,iframe,embed,object {
vertical-align:middle;
display:block
}

img,video {
max-width:100%;
height:auto
}

button,input,select,optgroup,textarea {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}::file-selector-button {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0
}:where(select:is( [multiple ], [size ])) optgroup {
font-weight:bolder
}:where(select:is( [multiple ], [size ])) optgroup option {
padding-inline-start:20px
}::file-selector-button {
margin-inline-end:4px
}::placeholder {
opacity:1
}

@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {::placeholder {
color:currentColor
}

@supports (color:color-mix(in lab,red,red)) {::placeholder {
color:color-mix(in oklab,currentcolor 50%,transparent)
}
}
}

textarea {
resize:vertical
}::-webkit-search-decoration {
-webkit-appearance:none
}::-webkit-date-and-time-value {
min-height:1lh;
text-align:inherit
}::-webkit-datetime-edit {
display:inline-flex
}::-webkit-datetime-edit-fields-wrapper {
padding:0
}::-webkit-datetime-edit {
padding-block:0
}::-webkit-datetime-edit-year-field {
padding-block:0
}::-webkit-datetime-edit-month-field {
padding-block:0
}::-webkit-datetime-edit-day-field {
padding-block:0
}::-webkit-datetime-edit-hour-field {
padding-block:0
}::-webkit-datetime-edit-minute-field {
padding-block:0
}::-webkit-datetime-edit-second-field {
padding-block:0
}::-webkit-datetime-edit-millisecond-field {
padding-block:0
}::-webkit-datetime-edit-meridiem-field {
padding-block:0
}::-webkit-calendar-picker-indicator {
line-height:1
}:-moz-ui-invalid {
box-shadow:none
}

button,input:where( [type=button ], [type=reset ], [type=submit ]) {
appearance:button
}::file-selector-button {
appearance:button
}::-webkit-inner-spin-button {
height:auto
}::-webkit-outer-spin-button {
height:auto
} [hidden ]:where(:not( [hidden=until-found ])) {
display:none!important
}
}

@layer components;
@layer utilities {
.visible {
visibility:visible
}

.sr-only {
clip-path:inset(50%);
white-space:nowrap;
border-width:0;
width:1px;
height:1px;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}

.relative {
position:relative
}

.start {
inset-inline-start:var(--spacing)
}

.block {
display:block
}

.table {
display:table
}

.antialiased {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.filter {
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
}
}:root {
--burgundy:#b87345;
--burgundy-dark:#071d33;
--cream:#eef2f4;
--ivory:#f8f7f3;
--gold:#c98a5a;
--charcoal:#10283d;
--line:#071d3329
}

* {
box-sizing:border-box
}

html {
scroll-behavior:smooth
}

body {
background:var(--ivory);
color:var(--charcoal);
margin:0;
font-family:Arial,Helvetica,sans-serif
}

a {
color:inherit;
text-decoration:none
}

button {
font:inherit
}

.utility {
background:var(--burgundy-dark);
color:#fff;
letter-spacing:.03em;
justify-content:space-between;
align-items:center;
height:38px;
padding:0 4vw;
font-size:12px;
display:flex
}

.languages {
gap:12px;
display:flex
}

.languages button {
color:#ffffffb3;
cursor:pointer;
background:0 0;
border:0;
padding:4px
}

.languages button.active {
color:#e3bd74
}

.header {
border-bottom:1px solid var(--line);
z-index:20;
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
background:#fcf9f3f5;
grid-template-columns:auto 1fr auto;
align-items:center;
min-height:90px;
padding:0 4vw;
display:grid;
position:sticky;
top:0
}

.brand {
letter-spacing:.06em;
white-space:nowrap;
align-items:baseline;
gap:10px;
font-family:Georgia,Times New Roman,serif;
font-size:30px;
display:flex
}

.brand span {
color:var(--burgundy);
letter-spacing:-.07em;
font-size:38px
}

.nav {
justify-content:center;
gap:clamp(18px,2.2vw,36px);
display:flex
}

.nav a {
font-size:14px;
position:relative
}

.nav a:after {
background:var(--gold);
content: " ";
transform-origin:0;
width:100%;
height:2px;
transition:transform .2s;
position:absolute;
bottom:-8px;
left:0;
transform:scaleX(0)
}

.nav a:hover:after {
transform:scaleX(1)
}

.header-actions,.hero-actions {
gap:14px;
display:flex
}

.button {
border:1px solid var(--burgundy);
justify-content:center;
align-items:center;
min-height:50px;
padding:0 25px;
font-size:14px;
font-weight:700;
transition:all .2s;
display:inline-flex
}

.button-primary {
background:var(--burgundy);
color:#fff
}

.button-primary:hover {
background:var(--burgundy-dark);
transform:translateY(-2px)
}

.button-outline {
color:var(--burgundy);
background:0 0
}

.button-outline:hover {
background:#6d1f2a0f;
transform:translateY(-2px)
}

.menu-toggle {
display:none
}

.hero {
grid-template-columns:45% 55%;
min-height:650px;
display:grid
}

.hero-copy {
background:var(--ivory);
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:70px 4vw;
display:flex
}

.eyebrow {
color:var(--gold);
letter-spacing:.16em;
text-transform:uppercase;
margin:0 0 25px;
font-size:13px;
font-weight:700
}

h1,h2 {
letter-spacing:-.045em;
font-family:Georgia,Times New Roman,serif;
font-weight:400
}

h1 {
max-width:720px;
margin:0;
font-size:clamp(55px,5vw,82px);
line-height:.98
}

.hero-text {
max-width:560px;
margin:28px 0;
font-size:19px;
line-height:1.55
}

.reach {
align-items:center;
gap:12px;
margin:35px 0 0;
font-size:16px;
display:flex
}

.reach span {
color:var(--gold);
font-size:28px
}

.reach b {
color:var(--gold)
}

.hero-image {
background:url(https://website2026.tapereira.com/public/hero-food.png) 50%/cover no-repeat;
min-height:650px
}

.category-rail {
background:var(--burgundy-dark);
border-top:1px solid #ffffff1f;
border-bottom:1px solid #ffffff1f;
grid-template-columns:repeat(6,1fr);
gap:1px;
padding:1px;
display:grid
}

.category-rail a {
background:var(--burgundy-dark);
color:#fff;
align-items:flex-end;
gap:14px;
min-height:235px;
padding:30px 22px 24px;
transition:transform .25s;
display:flex;
position:relative;
overflow:hidden
}

.category-rail a:last-child {
border:0
}

.category-rail a:after {
content: " ";
z-index:1;
background:linear-gradient(#03121f0f 15%,#03121feb 100%);
position:absolute;
inset:0
}

.category-rail a:hover {
z-index:2;
transform:translateY(-4px)
}

.category-media {
background-color:var(--burgundy-dark);
z-index:0;
background-repeat:no-repeat;
background-size:cover;
transition:transform .5s;
position:absolute;
inset:0;
transform:scale(1.01)
}

.category-rail a:hover .category-media {
transform:scale(1.07)
}

.category-index {
color:var(--gold);
letter-spacing:.14em;
z-index:2;
font:700 11px/1 Arial,sans-serif;
position:absolute;
top:22px;
left:22px
}

.category-copy {
z-index:2;
flex-direction:column;
flex:1;
gap:8px;
display:flex;
position:relative
}

.category-copy strong {
font-family:Georgia,Times New Roman,serif;
font-size:21px;
font-weight:400;
line-height:1.1
}

.category-copy small {
color:#ffffffb8;
font:400 12px/1.45 Arial,sans-serif
}

.category-arrow {
color:var(--gold);
opacity:.85;
z-index:2;
border:1px solid #ffffff61;
border-radius:50%;
justify-content:center;
align-items:center;
width:28px;
height:28px;
font:400 13px/1 Arial,sans-serif;
transition:all .2s;
display:flex;
position:relative
}

.category-rail a:hover .category-arrow {
border-color:#ffffff59;
transform:translate(2px,-2px)
}

.section {
padding:110px max(4vw,50vw - 660px)
}

.intro {
grid-template-columns:1fr 1fr;
gap:8vw;
display:grid
}

h2 {
margin:0;
font-size:clamp(44px,4.5vw,70px);
line-height:1.03
}

.intro-copy {
max-width:620px;
padding-top:38px;
font-size:18px;
line-height:1.7
}

.intro-copy p {
margin:0 0 18px
}

.text-link {
color:var(--burgundy);
gap:10px;
margin-top:15px;
font-weight:700;
display:inline-flex
}

.section-heading {
justify-content:space-between;
align-items:end;
margin-bottom:55px;
display:flex
}

.product-grid {
border:1px solid var(--line);
background:#6d1f2a2e;
grid-template-columns:repeat(4,1fr);
gap:1px;
display:grid
}

.product-card {
background:var(--ivory);
flex-direction:column;
min-height:430px;
padding:0;
transition:all .25s;
display:flex;
overflow:hidden
}

.product-card:hover {
z-index:1;
background:#fff;
transform:translateY(-4px);
box-shadow:0 18px 40px #071d331f
}

.product-card.feature {
grid-column:span 2
}

.product-card-media {
background-color:var(--burgundy-dark);
background-repeat:no-repeat;
background-size:cover;
width:100%;
min-height:205px;
transition:transform .55s;
display:block;
position:relative;
transform:scale(1.01)
}

.product-card-media:after {
background:linear-gradient(90deg,var(--burgundy),var(--gold));
content: " ";
height:4px;
position:absolute;
bottom:0;
left:0;
right:0
}

.product-card:hover .product-card-media {
transform:scale(1.045)
}

.product-card >p {
color:var(--burgundy);
letter-spacing:.16em;
margin:25px 30px 0;
font-size:11px;
font-weight:700
}

.product-card h3 {
color:var(--burgundy-dark);
margin:14px 30px 20px;
font-family:Georgia,serif;
font-size:35px;
font-weight:400
}

.card-bottom {
justify-content:space-between;
align-items:end;
gap:20px;
margin-top:auto;
padding:0 30px 30px;
display:flex
}

.card-bottom span {
color:#655f5a;
max-width:260px;
font-size:14px;
line-height:1.5
}

.card-bottom a {
border:1px solid var(--line);
color:var(--burgundy);
border-radius:50%;
flex:0 0 38px;
place-items:center;
height:38px;
display:grid
}

.catalogue-showcase {
border-top:1px solid var(--line);
margin-top:95px;
padding-top:85px
}

.catalogue-heading {
grid-template-columns:1.15fr .85fr;
align-items:end;
gap:7vw;
display:grid
}

.catalogue-heading >p {
color:#655f5a;
margin:0 0 8px;
line-height:1.7
}

.filter-row {
flex-wrap:wrap;
gap:9px;
margin:45px 0 28px;
display:flex
}

.filter-row button {
border:1px solid var(--line);
color:var(--charcoal);
cursor:pointer;
background:0 0;
min-height:42px;
padding:0 18px;
font-size:13px;
font-weight:700;
transition:all .2s
}

.filter-row button:hover,.filter-row button.active {
background:var(--burgundy);
border-color:var(--burgundy);
color:#fff
}

.catalogue-search {
min-width:min(100%,280px);
margin-left:auto
}

.catalogue-search input {
background:var(--ivory);
border:1px solid var(--line);
color:var(--charcoal);
font:inherit;
outline:none;
width:100%;
height:42px;
padding:0 14px
}

.result-count {
color:#766f68;
margin:-12px 0 20px;
font-size:12px
}

.sr-only {
clip:rect(0,0,0,0);
width:1px;
height:1px;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}

.catalogue-grid {
grid-template-columns:repeat(3,1fr);
gap:16px;
display:grid
}

.catalogue-card {
background:var(--ivory);
border:1px solid var(--line);
flex-direction:column;
min-height:430px;
padding:0 28px 28px;
transition:all .2s;
display:flex
}

.catalogue-card:hover {
border-color:#6d1f2a6b;
transform:translateY(-3px)
}

.catalogue-image {
aspect-ratio:4/3;
object-fit:cover;
width:calc(100% + 56px);
margin:0 -28px 24px;
display:block
}

.catalogue-image-placeholder {
color:#6d1f2a94;
background:radial-gradient(circle at 25% 25%,#b9924b2e,#0000 35%),linear-gradient(135deg,#eee4d4,#f8f3e9);
justify-content:center;
align-items:center;
display:flex
}

.catalogue-image-placeholder span {
font-size:44px
}

.catalogue-tag {
color:var(--gold);
letter-spacing:.14em;
text-transform:uppercase;
font-size:11px;
font-weight:700
}

.catalogue-card h3 {
margin:24px 0;
font-family:Georgia,serif;
font-size:28px;
font-weight:400;
line-height:1.12
}

.catalogue-card dl {
border-top:1px solid var(--line);
margin:auto 0 20px;
padding-top:14px
}

.catalogue-card dl div {
justify-content:space-between;
padding:5px 0;
font-size:13px;
display:flex
}

.catalogue-card dt {
color:#766f68
}

.catalogue-card dd {
text-align:right;
margin:0;
font-weight:700
}

.catalogue-card >a {
color:var(--burgundy);
font-size:13px;
font-weight:700
}

.catalogue-card >a span {
margin-left:6px
}

.catalogue-empty {
background:var(--ivory);
text-align:center;
border:1px dashed #6d1f2a4d;
flex-direction:column;
justify-content:center;
align-items:center;
gap:16px;
min-height:220px;
padding:35px;
display:flex
}

.catalogue-empty p {
color:#655f5a;
margin:0;
font-size:17px
}

.catalogue-empty button {
border:0;
border-bottom:1px solid var(--burgundy);
color:var(--burgundy);
cursor:pointer;
font:inherit;
background:0 0;
padding:4px 0;
font-size:13px;
font-weight:700
}

.load-more {
border:1px solid var(--burgundy);
color:var(--burgundy);
cursor:pointer;
font:inherit;
background:0 0;
justify-content:center;
align-items:center;
gap:18px;
min-height:52px;
margin:34px auto 0;
padding:0 24px;
font-size:14px;
font-weight:700;
transition:all .2s;
display:flex
}

.load-more span {
color:var(--gold);
font-size:12px
}

.load-more:hover {
background:var(--burgundy);
color:#fff;
transform:translateY(-2px)
}

.audience {
background:var(--burgundy-dark);
color:#fff;
grid-template-columns:1fr 1fr;
gap:8vw;
display:grid
}

.audience-list article {
border-top:1px solid #ffffff2e;
grid-template-columns:40px 1fr;
gap:30px;
padding:25px 0;
display:grid
}

.audience-list article >span {
color:var(--gold);
font-size:12px
}

.audience-list h3 {
margin:0 0 8px;
font-family:Georgia,serif;
font-size:28px;
font-weight:400
}

.audience-list p {
color:#ffffffb8;
margin:0;
line-height:1.5
}

.export {
color:#fff;
background:linear-gradient(110deg,#1e1210eb,#52161fe0),url(https://website2026.tapereira.com/public/hero-food.png) 50%/cover;
min-height:650px
}

.export h2 {
max-width:800px;
font-size:clamp(54px,6vw,90px)
}

.export >p:not(.eyebrow) {
max-width:620px;
font-size:18px;
line-height:1.7
}

.button-light {
border-color:var(--cream);
color:var(--cream);
margin-top:20px
}

.contact {
grid-template-columns:1fr 1fr;
gap:7vw;
display:grid
}

.contact-card {
border-left:1px solid var(--gold);
flex-direction:column;
gap:13px;
padding-left:55px;
display:flex
}

.contact-card p {
max-width:520px;
margin:0 0 10px;
font-size:18px;
line-height:1.6
}

.contact-card .button {
align-self:flex-start;
margin-bottom:12px
}

.contact-card >a:not(.button) {
font-size:17px;
font-weight:700
}

.contact-card span {
color:#6c655e;
margin-top:7px
}

footer {
color:#fff;
background:#211817;
grid-template-columns:1.1fr 1.5fr 1fr;
gap:25px;
padding:70px 4vw 30px;
display:grid
}

footer p {
color:#ffffffa6;
margin:10px 0
}

footer .footer-links {
justify-content:flex-end;
align-items:center;
gap:25px;
display:flex
}

footer .social-link {
border:1px solid #ffffff47;
border-radius:50%;
justify-content:center;
align-items:center;
width:40px;
height:40px;
transition:all .2s;
display:inline-flex
}

footer .social-link:hover {
background:var(--gold);
border-color:var(--gold);
transform:translateY(-2px)
}

footer .social-link svg {
fill:none;
stroke:currentColor;
stroke-width:1.8px;
width:20px;
height:20px
}

footer .social-link .instagram-dot,footer .social-link [aria-label*=Facebook ]svg {
fill:currentColor;
stroke:none
}

footer small {
color:#ffffff80;
border-top:1px solid #ffffff1f;
grid-column:1/-1;
padding-top:25px
}

.whatsapp {
color:#fff;
z-index:30;
background:#235d47;
border:1px solid #ffffff59;
align-items:center;
gap:10px;
min-height:48px;
padding:0 18px;
font-size:13px;
font-weight:700;
transition:all .2s;
display:flex;
position:fixed;
bottom:22px;
right:22px;
box-shadow:0 10px 30px #14141438
}

.whatsapp:hover {
background:#174734;
transform:translateY(-2px)
}

@media (width <=1050px) {
.header {
grid-template-columns:1fr auto
}

.header-actions {
display:none
}

.menu-toggle {
background:0 0;
border:0;
gap:7px;
padding:14px;
display:grid
}

.menu-toggle i {
background:var(--burgundy);
width:28px;
height:2px;
display:block
}

.nav {
background:var(--ivory);
border-bottom:1px solid var(--line);
flex-direction:column;
grid-column:1/-1;
padding:25px 4vw;
display:none;
position:absolute;
top:90px;
left:0;
right:0
}

.nav.open {
display:flex
}

.hero {
grid-template-columns:1fr
}

.hero-copy {
min-height:610px
}

.hero-image {
min-height:520px
}

.category-rail {
grid-template-columns:repeat(2,1fr)
}

.category-rail a {
min-height:220px
}

.category-rail a:last-child {
grid-column:1/-1
}

.product-grid,.catalogue-grid {
grid-template-columns:repeat(2,1fr)
}
}

@media (width <=680px) {
.utility {
font-size:10px
}

.header {
min-height:76px
}

.brand {
font-size:22px
}

.brand span {
font-size:29px
}

.nav {
top:76px
}

.hero-copy {
min-height:auto;
padding:75px 6vw 60px
}

h1 {
font-size:49px
}

.hero-actions {
flex-direction:column;
align-items:stretch;
width:100%
}

.hero-actions .button {
width:100%
}

.hero-image {
min-height:420px
}

.category-rail {
padding:0;
display:flex;
overflow-x:auto
}

.category-rail a {
flex:0 0 270px;
min-height:210px;
padding:26px 20px 22px
}

.category-rail a:last-child {
grid-column:auto
}

.section {
padding:80px 6vw
}

.intro,.audience,.contact {
grid-template-columns:1fr;
gap:45px
}

.intro-copy {
padding-top:0
}

.section-heading {
flex-direction:column;
align-items:flex-start;
gap:30px
}

.product-grid {
grid-template-columns:1fr
}

.product-card.feature {
grid-column:span 1
}

.catalogue-heading {
grid-template-columns:1fr;
align-items:start;
gap:25px
}

.catalogue-search {
flex-basis:100%;
margin-left:0
}

.catalogue-grid {
grid-template-columns:1fr
}

.export {
min-height:620px
}

.contact-card {
padding-left:25px
}

footer {
grid-template-columns:1fr
}

footer .footer-links {
justify-content:flex-start
}

footer small {
grid-column:1
}

.whatsapp span {
display:none
}

.whatsapp {
border-radius:50%;
justify-content:center;
width:50px;
height:50px;
padding:0;
bottom:16px;
right:16px
}
}

@media (prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto
}

*,:before,:after {
transition-duration:.01ms!important
}
}

body {
background:var(--ivory);
color:var(--charcoal)
}

.utility {
background:linear-gradient(90deg,#9f5d35,var(--gold));
color:#fff;
height:40px
}

.languages button.active {
color:#fff;
border-bottom:1px solid #fff
}

.header {
color:#fff;
background:#071d33f5;
border-bottom-color:#ffffff1c;
min-height:96px
}

.brand {
letter-spacing:.08em;
font-size:32px
}

.brand span {
color:#fff
}

.nav a {
letter-spacing:.02em;
font-size:14px
}

.nav a:after {
background:var(--gold)
}

.header .button-primary {
border-color:var(--gold);
color:var(--gold);
background:0 0
}

.header .button-primary:hover {
background:var(--gold);
color:#fff
}

.header .button-outline {
color:#fff;
border-color:#ffffff8c
}

.header .button-outline:hover {
background:#ffffff14
}

.button {
letter-spacing:.06em;
text-transform:uppercase;
border-radius:3px
}

.button-primary {
background:var(--burgundy);
border-color:var(--burgundy)
}

.button-primary:hover {
background:var(--gold);
border-color:var(--gold)
}

.button-outline {
border-color:var(--burgundy-dark);
color:var(--burgundy-dark)
}

.button-outline:hover {
background:#071d330f
}

.hero {
background:var(--burgundy-dark);
color:#fff;
min-height:700px;
display:block;
position:relative;
overflow:hidden
}

.hero:after {
content: " ";
z-index:1;
background:linear-gradient(90deg,#03121ffa 0%,#03121fd6 38%,#03121f45 68%,#03121f14 100%);
position:absolute;
inset:0
}

.hero-copy {
z-index:2;
background:0 0;
width:56%;
min-height:700px;
padding:84px 4vw 118px;
position:relative
}

.hero-image {
background-position:50%;
width:100%;
min-height:700px;
position:absolute;
inset:0;
transform:scale(1.01)
}

.eyebrow {
color:var(--gold)
}

h1 {
font-size:clamp(62px,5.7vw,88px);
line-height:.95
}

.hero-text {
color:#ffffffdb;
max-width:545px
}

.hero .button-outline {
color:#fff;
border-color:#ffffffa6
}

.hero .button-outline:hover {
background:#ffffff1a
}

.reach {
border-left:4px solid var(--gold);
color:var(--burgundy-dark);
z-index:3;
background:#f8f7f3f5;
min-height:78px;
margin:0;
padding:0 28px;
position:absolute;
bottom:0;
left:4vw
}

.reach span,.reach b {
color:var(--burgundy)
}

.category-rail {
background:var(--burgundy-dark);
border-color:#ffffff1f
}

.section {
border-bottom:1px solid #071d3312
}

.intro {
background:var(--ivory)
}

.text-link {
color:var(--burgundy)
}

.products {
background:#eef2f4
}

.product-grid {
background:#071d3321
}

.product-card,.catalogue-card,.catalogue-empty {
background:#fff
}

.product-icon,.product-card >p,.catalogue-tag,.catalogue-card >a {
color:var(--burgundy)
}

.product-card h3,.catalogue-card h3 {
color:var(--burgundy-dark)
}

.filter-row button:hover,.filter-row button.active {
background:var(--burgundy-dark);
border-color:var(--burgundy-dark)
}

.catalogue-search input {
background:#fff
}

.catalogue-search input:focus {
border-color:var(--burgundy);
box-shadow:0 0 0 2px #b873451f
}

.catalogue-card:hover {
border-color:#b87345b3;
box-shadow:0 14px 34px #071d3314
}

.load-more {
border-color:var(--burgundy-dark);
color:var(--burgundy-dark)
}

.load-more:hover,.audience {
background:var(--burgundy-dark)
}

.audience-list article >span {
color:var(--gold)
}

.export {
background:linear-gradient(90deg,#041626f7,#071d33b8),url(https://website2026.tapereira.com/public/hero-food.png) 50%/cover
}

.button-light {
border-color:var(--gold);
color:#fff
}

.button-light:hover {
background:var(--gold);
color:#fff
}

.contact {
background:var(--ivory)
}

.contact-card {
border-left-color:var(--burgundy)
}

footer {
background:#041525
}

.brand.light span {
color:var(--gold)
}

@media (width <=1050px) {
.menu-toggle i {
background:#fff
}

.nav {
background:var(--burgundy-dark);
border-color:#ffffff1f
}

.hero-copy {
width:72%
}
}

@media (width <=680px) {
.header {
min-height:78px
}

.nav {
top:78px
}

.hero,.hero-copy,.hero-image {
min-height:650px
}

.hero-copy {
width:100%;
padding:68px 6vw 118px
}

.hero:after {
background:linear-gradient(90deg,#03121ff5,#03121fa1)
}

.reach {
padding:0 18px;
left:6vw;
right:6vw
}
}

@property --tw-blur {
syntax: "* ";
inherits:false
}

@property --tw-brightness {
syntax: "* ";
inherits:false
}

@property --tw-contrast {
syntax: "* ";
inherits:false
}

@property --tw-grayscale {
syntax: "* ";
inherits:false
}

@property --tw-hue-rotate {
syntax: "* ";
inherits:false
}

@property --tw-invert {
syntax: "* ";
inherits:false
}

@property --tw-opacity {
syntax: "* ";
inherits:false
}

@property --tw-saturate {
syntax: "* ";
inherits:false
}

@property --tw-sepia {
syntax: "* ";
inherits:false
}

@property --tw-drop-shadow {
syntax: "* ";
inherits:false
}

@property --tw-drop-shadow-color {
syntax: "* ";
inherits:false
}

@property --tw-drop-shadow-alpha {
syntax: " <percentage > ";
inherits:false;
initial-value:100%
}

@property --tw-drop-shadow-size {
syntax: "* ";
inherits:false
}