/*
Theme Name: ALPHATRADE
Description: ALPHATRADE website theme, aligned to the Full Brand Identity Standard v1.1 (EB Garamond / Source Sans 3, navy #0B1A2B, gold #C8A256).
Version: 1.10.0
Text Domain: alphatrade-e2e
*/

:root {
  --font-display: "EB Garamond", Georgia, serif;
  --font-body: "Source Sans 3", Arial, sans-serif;
  --at-navy: #0B1A2B;
  --at-gold: #C8A256;
  --at-gold-strong: #8A672B;
  --at-ivory: #F7F3E8;
  --at-charcoal: #1A2433;
  --at-grey: #EEF1F4;
  --at-white: #FFFFFF;
  --at-content: 76rem;
  --brand-navy: #0B1A2B;
  --brand-gold: #C8A256;
  --brand-cream: #F7F3E8;
  --brand-white: #FFFFFF;
  --text-primary: #1A2433;
  --text-muted: #5D6875;
  --border-light: rgba(11,26,43,.14);
  --section-space: clamp(4rem, 7vw, 6.25rem);
}

* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
body { margin: 0; color: var(--at-charcoal); background: var(--at-white); font: 400 16px/1.65 var(--font-body); }
a { color: inherit; }
.at-wrap { width: min(82.5rem, calc(100% - 5rem)); margin-inline: auto; }
.at-header { position: absolute; top: 0; left: 0; right: 0; z-index: 10; background: linear-gradient(180deg, rgba(11,26,43,.68) 0%, rgba(11,26,43,.52) 52%, rgba(11,26,43,.24) 76%, rgba(11,26,43,0) 100%); backdrop-filter: blur(4px); color: var(--brand-white); }
.at-header__inner { min-height: 4.875rem; display: flex; align-items: center; gap: 1.5rem; justify-content: space-between; }
.at-logo { display: inline-flex; width: 18rem; }
.at-logo img { display: block; width: 100%; height: auto; }
.at-nav { display: flex; gap: 1.1rem; align-items: center; font-size: .875rem; font-weight: 500; }
.at-nav a { text-decoration: none; }
.at-nav a:hover { color: var(--at-gold); }
.at-nav a:focus-visible, .at-footer a:focus-visible, .at-button:focus-visible, .at-language:focus-visible { outline: 2px solid var(--at-gold); outline-offset: 3px; }
.at-actions { display: flex; align-items: center; gap: 1rem; white-space: nowrap; }
.at-language { font-size: .86rem; text-decoration: none; }
.at-language [aria-current="page"] { font-weight: 600; }
.at-language [aria-disabled="true"] { opacity: .72; cursor: default; }
.at-mobile-menu { display: none; }
.at-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: .65rem 1.2rem; border: 1px solid var(--at-gold); background: var(--at-gold); color: var(--at-navy); font-size: .875rem; font-weight: 600; letter-spacing: .01em; text-decoration: none; }
.at-button--outline { background: transparent; color: var(--at-white); border-color: var(--at-white); }
.at-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 42rem; display: grid; align-items: center; padding-block: 9.25rem 5.75rem; color: var(--at-white); background-color: var(--at-navy); background-image: linear-gradient(90deg, rgba(7,23,37,.82) 0%, rgba(7,23,37,.70) 40%, rgba(7,23,37,.40) 62%, rgba(7,23,37,.16) 100%), image-set(url('hero-food-supply-temporary-v2.avif') type('image/avif') 1x, url('hero-food-supply-temporary-v2.webp') type('image/webp') 1x, url('hero-food-supply-temporary-v2.png') type('image/png') 1x); background-position: center, 68% center; background-size: auto, cover; background-repeat: no-repeat; }
.at-hero__texture { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(200,162,86,.08), transparent 50%); }
.at-hero__texture::after { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(200,162,86,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(200,162,86,.15) 1px, transparent 1px); background-size: 3.6rem 3.6rem; mask-image: linear-gradient(90deg, #000, transparent 65%); }
.at-hero__layout { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
.at-hero__content { max-width: 55rem; padding-block: .5rem; }
.at-eyebrow { margin: 0 0 1.25rem; color: var(--brand-gold); font: 600 .72rem/1.3 var(--font-body); letter-spacing: .15em; text-transform: uppercase; }
h1, h2, h3 { margin: 0; color: var(--at-navy); font-family: var(--font-display); font-weight: 600; line-height: 1.12; }
.at-hero h1 { color: var(--at-white); font-size: clamp(2.375rem, 4.5vw, 3.625rem); line-height: 1.05; letter-spacing: -.02em; }
.at-hero .at-lead { max-width: 46rem; font-size: clamp(1.125rem, 1.4vw, 1.1875rem); font-weight: 500; line-height: 1.4; }
.at-hero__content > p:not(.at-eyebrow):not(.at-lead) { max-width: 44rem; font-size: 1.0625rem; line-height: 1.6; }
.at-hero__visual { display: none; }
.at-inner-hero { position: relative; isolation: isolate; height: 31.25rem; min-height: 31.25rem; display: grid; align-items: end; overflow: hidden; padding: 8.75rem 0 4.5rem; color: var(--at-white); background: var(--at-navy); }
.at-inner-hero__media, .at-inner-hero__media .at-responsive-media, .at-inner-hero__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.at-inner-hero__media { z-index: 0; }
.at-inner-hero__image { object-fit: cover; object-position: center; }
.at-inner-hero__overlay { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(7,23,37,.82) 0%, rgba(7,23,37,.7) 40%, rgba(7,23,37,.4) 63%, rgba(7,23,37,.16) 100%); }
.at-about-hero .at-inner-hero__content { max-width: 56rem; padding-block: .25rem; }
.at-inner-hero__secondary { max-width: 40rem; margin: 1rem 0 0; color: rgba(255,255,255,.9); font-size: .95rem; line-height: 1.55; }
.at-inner-hero__content { position: relative; z-index: 2; max-width: 56rem; padding-block: .25rem; }
.at-inner-hero .at-breadcrumbs { margin: 0 0 1.1rem; color: rgba(255,255,255,.84); font-size: .8125rem; }
.at-inner-hero .at-breadcrumbs a { text-decoration: none; }
.at-inner-hero .at-breadcrumbs span { margin-inline: .35rem; }
.at-inner-hero h1 { color: var(--at-white); font-size: clamp(2.375rem, 4vw, 3.375rem); line-height: 1.05; letter-spacing: -.02em; }
.at-inner-hero .at-lead { margin: 1.1rem 0 0; font-size: clamp(1.125rem, 1.4vw, 1.1875rem); font-weight: 500; line-height: 1.4; }
.at-inner-hero__content > p:last-child { max-width: 43rem; margin-bottom: 0; font-size: 1rem; line-height: 1.6; }
.at-about-company__layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 7vw, 7rem); }
.at-about-company h2 { max-width: 31rem; }
.at-about-company__layout > div:last-child { max-width: 42rem; padding-left: clamp(1.25rem, 2.5vw, 2.5rem); border-left: 1px solid var(--at-gold); }
.at-about-company__layout p { margin: 0; font-size: 1rem; line-height: 1.7; }
.at-about-company__layout p + p { margin-top: 1.1rem; }
.at-about-products .at-section__heading, .at-about-role .at-section__heading { grid-template-columns: minmax(0, 1fr); margin-bottom: 2.2rem; }
.at-about-products__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border-light); border-left: 1px solid var(--border-light); }
.at-about-product { display: flex; min-width: 0; min-height: 7.5rem; flex-direction: column; justify-content: space-between; padding: 1.15rem 1.2rem 1.2rem; border-right: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light); color: var(--at-navy); text-decoration: none; background: rgba(255,255,255,.7); transition: background-color .25s ease, transform .25s ease; }
.at-about-product__number { color: var(--at-gold-strong); font-family: var(--font-body); font-size: .72rem; font-weight: 600; letter-spacing: .14em; line-height: 1; }
.at-about-product__name { display: flex; align-items: end; justify-content: space-between; gap: .75rem; font-family: var(--font-display); font-size: 1.2rem; font-weight: 600; line-height: 1.2; }
.at-about-product__name > span { color: var(--at-gold-strong); font-family: var(--font-body); font-size: 1.05rem; transition: transform .25s ease; }
.at-about-product:hover { background: var(--at-white); transform: translateY(-2px); }
.at-about-product:hover .at-about-product__name > span { transform: translateX(3px); }
.at-about-products__grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.at-about-products__grid--compact .at-about-product { min-height: 4.75rem; padding: .95rem 1.05rem; justify-content: center; }
.at-about-products__grid--compact .at-about-product__name { align-items: center; font-size: 1.08rem; }
.at-about-role__grid article:last-child:nth-child(odd) { grid-column: 1 / -1; }
.at-about-role__layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
.at-about-role__image { min-height:31rem; margin:0; overflow:hidden; background:var(--at-charcoal); }
.at-about-role__image .at-responsive-media,.at-about-role__image-file { display:block; width:100%; height:100%; }
.at-about-role__image-file { object-fit:cover; }
.at-about-editorial__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.at-about-editorial__content { max-width:39rem; }
.at-about-editorial__content p:not(.at-eyebrow) { margin:1.2rem 0 0; font-size:1rem; line-height:1.7; }
.at-about-editorial__image { min-height:25rem; margin:0; overflow:hidden; background:var(--at-charcoal); }
.at-about-editorial__image .at-responsive-media,.at-about-editorial__image-file { width:100%;height:100%;display:block; }
.at-about-editorial__image-file { object-fit:cover; }
.at-about-control .at-section__heading { grid-template-columns:1fr; margin-bottom:2.25rem; }
.at-about-control__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--border-light); border-left:1px solid var(--border-light); }
.at-about-control__grid article { min-height:11.5rem; padding:1.4rem; border-right:1px solid var(--border-light); border-bottom:1px solid var(--border-light); }
.at-about-control__grid h3 { color:var(--at-navy); font-size:1.3125rem; line-height:1.2; }
.at-about-control__grid p { margin:.75rem 0 0; font-size:.94rem; line-height:1.55; }
.at-about-categories h2 { margin-bottom:1.6rem; }
.at-about-categories__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--border-light); }
.at-about-categories__links a { display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:1rem 0; color:var(--at-navy); border-bottom:1px solid var(--border-light); text-decoration:none; font:600 1.15rem/1.2 var(--font-display); }
.at-about-categories__links a:nth-child(odd){padding-right:1.5rem}.at-about-categories__links a:nth-child(even){padding-left:1.5rem;border-left:1px solid var(--border-light)}
.at-about-categories__links span { color:var(--at-gold-strong); font-family:var(--font-body); }
@media(max-width:70rem){.at-about-editorial__layout{grid-template-columns:1fr}.at-about-editorial__image{min-height:21rem}.at-about-control__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.at-about-categories__links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:42rem){.at-about-control__grid,.at-about-categories__links{grid-template-columns:1fr}.at-about-categories__links a,.at-about-categories__links a:nth-child(even),.at-about-categories__links a:nth-child(odd){padding-left:0;padding-right:0;border-left:0}.at-about-control__grid article{min-height:0}.at-about-editorial__image{min-height:18rem}}
.at-about-role__layout .at-section__heading { margin-bottom:2rem; }
.at-about-products__grid--compact .at-about-product { position:relative; min-height:12rem; padding:0; overflow:hidden; background:var(--at-charcoal); }
.at-about-products__grid--compact .at-about-product .at-responsive-media,.at-about-products__grid--compact .at-about-product__image { width:100%; height:100%; }
.at-about-products__grid--compact .at-about-product__image { object-fit:cover; filter:brightness(1.08); }
.at-about-products__grid--compact .at-about-product__name { position:absolute; inset:auto 0 0; padding:1rem; color:var(--at-white); background:linear-gradient(transparent,rgba(7,23,37,.85)); }
@media(max-width:70rem){.at-about-role__layout{grid-template-columns:1fr}.at-about-role__image{min-height:22rem}.at-about-products__grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
.at-about-products__link { display: inline-block; margin-top: 1.5rem; color: var(--at-navy); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-about-products__link span { color: var(--at-gold); font-size: 1.3rem; vertical-align: -1px; }
.at-about-method .at-section__heading { grid-template-columns: minmax(0, 1fr); margin-bottom: 2.35rem; }
.at-about-method__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; border-top: 1px solid rgba(200,162,86,.7); list-style: none; }
.at-about-method__steps li { position:relative; min-height: 11.25rem; padding: 1.65rem 1.45rem 1.4rem; border-bottom: 1px solid var(--border-light); background: transparent; }
.at-about-method__steps li::before { content:""; position:absolute; top:-.32rem; left:0; width:.62rem; height:.62rem; border-radius:50%; background:var(--at-gold); box-shadow:0 0 0 .22rem var(--at-ivory); }
.at-about-method__steps span { display:block; color: var(--at-gold-strong); font:600 .72rem/1 var(--font-body); letter-spacing:.14em; }
.at-about-method__steps strong { display:block; margin-top: 1.15rem; color:var(--at-navy); font:600 1.28rem/1.2 var(--font-display); }
.at-about-method__steps p { margin:.65rem 0 0; font-size:.9375rem; line-height:1.55; }
.at-about-development__layout, .at-about-verification__layout { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(2rem,7vw,7rem); align-items:start; }
.at-about-development h2, .at-about-verification h2 { max-width:35rem; }
.at-about-development__points { border-top:1px solid var(--border-light); }
.at-about-development__points article { padding:1.35rem 0; border-bottom:1px solid var(--border-light); }
.at-about-development__points h3 { color:var(--at-navy); font-size:clamp(1.3125rem,1.6vw,1.4375rem); }
.at-about-development__points p { margin:.55rem 0 0; font-size:.96875rem; line-height:1.6; }
.at-about-verification__layout > div:last-child { padding:1.5rem 0 0 clamp(1.25rem,3vw,3rem); border-left:1px solid var(--at-gold); }
.at-about-verification__layout > div:last-child > p { margin:0; font-size:1rem; line-height:1.7; }
.at-about-verification ul { display:grid; gap:.75rem; margin:1.5rem 0 0; padding:1.1rem 0 0; border-top:1px solid var(--border-light); list-style:none; }
.at-about-verification li { position:relative; padding-left:1.15rem; font-size:.9375rem; }
.at-about-verification li::before { content:""; position:absolute; left:0; top:.55rem; width:.38rem; height:.38rem; border-radius:50%; background:var(--at-gold); }
.at-about-role__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); counter-reset: about-role; border-top: 1px solid var(--border-light); }
.at-about-role__grid article { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); column-gap: 1rem; padding: 1.85rem clamp(1.2rem, 3vw, 3rem) 1.85rem 0; border-bottom: 1px solid var(--border-light); }
.at-about-role__grid article:nth-child(even) { padding-left: clamp(1.2rem, 3vw, 3rem); padding-right: 0; border-left: 1px solid var(--border-light); }
.at-about-role__grid article::before { content: counter(about-role, decimal-leading-zero); counter-increment: about-role; color: var(--at-gold-strong); font: 600 .72rem/1.3 var(--font-body); letter-spacing: .14em; }
.at-about-role__grid h3 { grid-column: 2; color: var(--at-navy); font-size: clamp(1.3125rem, 1.6vw, 1.4375rem); line-height: 1.2; }
.at-about-role__grid p { grid-column: 2; margin: .75rem 0 0; font-size: .96875rem; line-height: 1.6; }
.at-about-buyers .at-section__heading { grid-template-columns: minmax(0, 1fr); margin-bottom: 2.2rem; }
.at-about-buyers__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 6vw, 6rem); border-top: 1px solid var(--border-light); }
.at-about-buyers__grid article { display: grid; grid-template-columns: minmax(9rem, .78fr) minmax(0, 1.22fr); gap: 1.25rem; align-items: start; padding: 1.65rem 0; border-bottom: 1px solid var(--border-light); }
.at-about-buyers__grid h3 { color: var(--at-navy); font-size: clamp(1.3125rem, 1.6vw, 1.4375rem); line-height: 1.2; }
.at-about-buyers__grid p { margin: 0; font-size: .96875rem; line-height: 1.6; }
.at-about-production__layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.at-about-production__image { position: relative; min-height: 24rem; margin: 0; overflow: hidden; background: var(--at-charcoal); }
.at-about-production__image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(11,26,43,.04), rgba(11,26,43,.3)); }
.at-about-production__image .at-responsive-media, .at-about-production__image-file { display: block; width: 100%; height: 100%; }
.at-about-production__image-file { object-fit: cover; }
.at-about-production__content { max-width: 43rem; }
.at-about-production__content h2 { margin-bottom: 1.25rem; }
.at-about-production__content > p:last-child { margin: 0; font-size: 1rem; line-height: 1.7; }
.at-about-identity__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; }
.at-about-identity h2 { margin-bottom: .75rem; }
.at-about-identity__layout > div > p:last-child { margin: 0; font-size: 1rem; }
.at-about-identity dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--border-light); }
.at-about-identity dl div { padding: .9rem 0; border-bottom: 1px solid var(--border-light); }
.at-about-identity dt { color: var(--at-gold-strong); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.at-about-identity dd { margin: .35rem 0 0; font-size: .9375rem; }
.at-about-cta { background: var(--at-gold); }
.at-about-cta__content { max-width: 48rem; }
.at-about-cta .at-eyebrow { color: var(--at-navy); }
.at-about-cta h2 { max-width: 34rem; }
.at-about-cta__content > p:not(.at-eyebrow) { max-width: 43rem; margin: 1rem 0 0; font-size: 1rem; line-height: 1.65; }
.at-about-cta__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.7rem; }
.at-button--navy { border-color: var(--at-navy); background: var(--at-navy); color: var(--at-white); }
.at-button--navy-outline { border-color: var(--at-navy); background: transparent; color: var(--at-navy); }
.at-about-cta__links { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2.2rem; padding-top: 1.1rem; border-top: 1px solid rgba(11,26,43,.24); }
.at-about-cta__links a { color: var(--at-navy); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-contact-routes__heading { max-width: 42rem; margin-bottom: 3rem; }
.at-contact-routes h2, .at-general-enquiry h2 { font-size: clamp(1.875rem, 2.8vw, 2.5rem); }
.at-contact-routes__heading > p:last-child { margin: 1rem 0 0; font-size: 1rem; }
.at-contact-routes__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.at-contact-route { display: flex; min-height: 16.625rem; flex-direction: column; padding: 1.33rem 1.425rem; border: 1px solid var(--border-light); border-top: .2rem solid var(--at-gold); background: var(--at-white); }
.at-contact-route--primary { border-color: var(--at-gold); background: var(--at-navy); color: var(--at-white); }
.at-contact-route .at-eyebrow { margin-bottom: .9rem; color: var(--at-gold-strong); }
.at-contact-route--primary .at-eyebrow { color: var(--at-gold); }
.at-contact-route h3 { font-size: clamp(1.3125rem, 1.5vw, 1.4375rem); line-height: 1.2; }
.at-contact-route--primary h3 { color: var(--at-white); }
.at-contact-route > p:not(.at-eyebrow) { margin: .8rem 0 1.15rem; font-size: .96875rem; line-height: 1.6; }
.at-contact-route .at-button { align-self: flex-start; margin-top: auto; }
.at-contact-route:not(.at-contact-route--primary) .at-button { color: var(--at-navy); border-color: var(--at-navy); background: transparent; }
.at-contact-route:not(.at-contact-route--primary) .at-button:hover { background: var(--at-navy); color: var(--at-white); }
.at-contact-route__link { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: var(--at-navy); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-contact-route__link span { color: var(--at-gold); font-size: 1.2rem; transition: transform .25s ease; }
.at-general-enquiry__layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: start; }
.at-general-enquiry__intro > p:nth-of-type(2) { max-width: 31rem; font-size: 1rem; line-height: 1.65; }
.at-general-enquiry__guidance { display: grid; gap: 0; max-width: 29rem; margin: 2.25rem 0 0; }
.at-general-enquiry__guidance > div { padding: .9rem 0; border-top: 1px solid rgba(200,162,86,.55); }
.at-general-enquiry__guidance > div:last-child { border-bottom: 1px solid rgba(200,162,86,.55); }
.at-general-enquiry__guidance dt { margin: 0 0 .22rem; color: var(--at-gold-strong); font: 600 .72rem/1.3 var(--font-body); letter-spacing: .14em; text-transform: uppercase; }
.at-general-enquiry__guidance dd { margin: 0; color: var(--at-navy); font-size: .9375rem; line-height: 1.5; }
.at-general-enquiry__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.at-general-enquiry__form label { display: grid; gap: .5rem; color: var(--at-navy); font-size: .875rem; font-weight: 600; }
.at-general-enquiry__form input, .at-general-enquiry__form textarea, .at-general-enquiry__form select { width: 100%; border: 1px solid rgba(11,26,43,.42); border-radius: 0; background: rgba(255,255,255,.92); color: var(--at-navy); font: 400 1rem/1.5 var(--font-body); }
.at-general-enquiry__form input, .at-general-enquiry__form select { min-height: 3rem; padding: .65rem .75rem; }
.at-general-enquiry__form textarea { min-height: 8.5rem; padding: .7rem .75rem; resize: vertical; }
.at-general-enquiry__form input:focus, .at-general-enquiry__form textarea:focus, .at-general-enquiry__form select:focus { outline: 2px solid var(--at-gold); outline-offset: 2px; border-color: var(--at-navy); }
.at-file-upload { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .45rem .75rem; min-height: 4.1rem; padding: .65rem .75rem; border: 1px solid rgba(11,26,43,.42); background: rgba(255,255,255,.92); cursor: pointer; }
.at-file-upload input[type="file"] { position: absolute; inset: 0; z-index: 1; min-height: 100%; padding: 0; opacity: 0; cursor: pointer; }
.at-file-upload__button { color: var(--at-navy); border: 1px solid var(--at-navy); padding: .48rem .7rem; font-size: .875rem; font-weight: 600; line-height: 1.2; }
.at-file-upload__formats, .at-file-upload__name { font-size: .8125rem; font-weight: 400; line-height: 1.35; }
.at-file-upload__formats { color: var(--text-muted); }
.at-file-upload__name { grid-column: 1 / -1; color: var(--at-navy); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.at-file-upload:focus-within { outline: 2px solid var(--at-gold); outline-offset: 2px; border-color: var(--at-navy); }
.at-general-enquiry__form--full { grid-column: 1 / -1; }
.at-form-optional { color: var(--text-muted); font-size: .75rem; font-weight: 400; }
.at-general-enquiry__note { margin: .25rem 0 0; color: var(--text-muted); font-size: .8125rem; line-height: 1.55; }
.at-actions-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.at-section { padding-block: var(--section-space); }
.at-section--ivory { background: var(--at-ivory); }
.at-section__heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 4rem; margin-bottom: 3rem; }
.at-section h2 { font-size: clamp(1.9rem, 3vw, 2.625rem); font-weight: 500; line-height: 1.12; }
main > .at-section:not(.at-section--dark):not(.at-contact) .at-eyebrow { color: var(--at-gold-strong); }
.at-route-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.at-route { padding: 1.75rem; border-top: .25rem solid var(--brand-gold); background: var(--brand-white); }
.at-supply-route { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0 0 2.5rem; padding: 0; border-top: 1px solid rgba(200,162,86,.36); border-bottom: 1px solid rgba(200,162,86,.28); background: linear-gradient(180deg, transparent calc(50% - .5px), rgba(200,162,86,.22) calc(50% - .5px), rgba(200,162,86,.22) calc(50% + .5px), transparent calc(50% + .5px)); list-style: none; }
.at-flow-label { margin: 0 0 .7rem; color: var(--at-gold); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.at-supply-summary { max-width: 52rem; margin: 1.5rem 0 0; color: var(--at-charcoal); font-size: 1rem; line-height: 1.65; }
.at-supply-chain-link { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; color: var(--at-navy); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-supply-chain-link span { color: var(--at-gold); font-size: 1.2rem; }
main > .at-section:nth-of-type(3) { padding-bottom: calc(var(--section-space) * .87); }
.at-supply-route li { position: relative; min-height: 4.75rem; display: flex; align-items: center; padding: 1rem 1.25rem 1rem 1.5rem; color: var(--at-navy); font-size: .8125rem; font-weight: 600; line-height: 1.3; text-transform: uppercase; letter-spacing: .06em; }
.at-supply-route li::before { content: ""; position: absolute; left: 0; top: 50%; width: .5rem; height: .5rem; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; background: var(--at-gold); box-shadow: 0 0 0 .2rem rgba(200,162,86,.12); transform: translate(-50%, -50%); }
.at-supply-route li:not(:last-child)::after { content: "→"; position: absolute; right: -.3rem; top: 50%; color: var(--at-gold); font-size: 1rem; transform: translateY(-50%); }
.at-route__number { color: var(--at-gold); font-weight: 700; }
.at-route h3 { margin-top: 1rem; font-size: clamp(1.3125rem, 1.5vw, 1.4375rem); line-height: 1.2; }
.at-route p { font-size: .96875rem; line-height: 1.6; }
.at-programme-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.at-programme { position: relative; min-height: 20rem; display: flex; flex-direction: column; overflow: hidden; background: var(--at-white); border: 1px solid rgba(11,26,43,.11); box-shadow: 0 .5rem 1.6rem rgba(11,26,43,.08); transition: box-shadow .25s ease; }
.at-programme:hover { box-shadow: 0 .75rem 1.75rem rgba(11,26,43,.12); }
.at-programme:nth-child(5) { grid-column: auto; }
.at-programme__image { height: 7.5rem; margin: 0; overflow: hidden; background: var(--at-grey); }
.at-programme__image .at-responsive-media, .at-programme__image-file { display: block; width: 100%; height: 100%; }
.at-programme__image-file { object-fit: cover; object-position: center; transition: transform .35s ease; }
.at-programme__body { display: flex; flex: 1; flex-direction: column; padding: 1.35rem 1.7rem 1.55rem; }
.at-programme h3 { font-size: clamp(1.3125rem, 2vw, 1.4375rem); line-height: 1.2; }
.at-programme p { font-size: .96875rem; line-height: 1.55; }
.at-programme a { margin-top: auto; color: var(--at-navy); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-programme a span { display: inline-block; color: var(--at-gold); font-size: 1.35rem; transition: transform .25s ease; }
.at-text-link { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.25rem; color: var(--at-white); font-size: .875rem; font-weight: 600; text-decoration: none; }
.at-text-link span { color: var(--at-gold); font-size: 1.2rem; }
.at-kicker { margin: 0 0 .8rem; color: var(--at-gold); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.at-programme::before, .at-programme::after { display: none; }
.at-responsive-media { display: block; overflow: hidden; }
.at-buyer-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 3rem; border-top: 1px solid var(--border-light); }
.at-buyer-values article { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.7rem 0; border-bottom: 1px solid var(--border-light); }
.at-buyer-values .at-route__number { padding-top: .2rem; }
.at-buyer-values h3 { font-size: clamp(1.3125rem, 1.5vw, 1.4375rem); line-height: 1.2; }
.at-buyer-values p { margin-bottom: 0; font-size: .96875rem; line-height: 1.6; }
.at-buyers-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; }
.at-buyers-layout__image, .at-private-label-layout__image { min-height: 29rem; margin: 0; overflow: hidden; background: var(--at-charcoal); }
.at-buyers-layout__image .at-responsive-media, .at-buyers-layout__image-file, .at-private-label-layout__image .at-responsive-media, .at-private-label-layout__image-file { display: block; width: 100%; height: 100%; }
.at-buyers-layout__image-file, .at-private-label-layout__image-file { object-fit: cover; object-position: center; }
.at-buyers-layout__content { display: flex; flex-direction: column; justify-content: center; }
.at-buyers-layout__content > div:first-child > p:last-child { max-width: 43rem; margin-bottom: 2rem; font-size: 1rem; line-height: 1.65; }
.at-buyers-layout .at-buyer-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.at-buyers-layout .at-buyer-values article { grid-template-columns: 1fr; }
.at-private-label-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.at-private-label-layout__content { max-width: 37rem; }
.at-private-label-layout__content > p:not(.at-eyebrow) { max-width: 34rem; font-size: 1rem; line-height: 1.65; }
.at-private-label-layout__image { min-height: 22rem; }
.at-custom-program { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto; align-items: center; gap: 2rem; margin-top: 1.5rem; padding: 1.5rem 1.7rem; border-top: .2rem solid var(--at-gold); border-bottom: 1px solid var(--border-light); background: var(--at-white); }
.at-custom-program .at-eyebrow { grid-column: 1 / -1; margin-bottom: -.75rem; }
.at-custom-program h3 { font-size: clamp(1.3125rem, 2vw, 1.4375rem); line-height: 1.2; }
.at-custom-program p { margin: 0; font-size: .96875rem; line-height: 1.55; }
.at-custom-program .at-button--dark-outline { color: var(--at-navy); border-color: var(--at-navy); }
.at-method { display: grid; grid-template-columns: .9fr 1.1fr; gap: 5rem; }
.at-method__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; padding: 0; margin: 0; background: transparent; list-style: none; }
.at-method__steps li { min-height: 8.6rem; padding: 1.25rem; border: 1px solid var(--border-light); background: var(--at-white); }
.at-method__steps span, .at-method__steps small { display: block; }
.at-method__steps span { color: var(--at-gold); font-size: .78rem; font-weight: 700; }
.at-method__steps strong { display: block; margin: .45rem 0 .3rem; font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; line-height: 1.2; }
.at-method__steps small { font-size: .9375rem; line-height: 1.5; }
.at-method__steps li:nth-child(4) { grid-column: 1 / 2; }
.at-method__steps li:nth-child(5) { grid-column: 2 / 3; }
.at-section--dark { background: var(--at-navy); color: var(--at-white); }
.at-section--dark h2 { color: var(--at-white); }
.at-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; }
.at-assurance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 3rem; border-top: 1px solid rgba(11,26,43,.2); }
.at-assurance-grid article { padding: 1.5rem 1.5rem 1.5rem 0; border-bottom: .24rem solid var(--at-gold); }
.at-assurance-grid article + article { padding-left: 1.5rem; border-left: 1px solid rgba(11,26,43,.2); }
.at-assurance-grid h3 { font-size: clamp(1.3125rem, 1.5vw, 1.4375rem); line-height: 1.2; }
.at-assurance-grid p { font-size: .96875rem; line-height: 1.6; }
.at-contact { padding-block: clamp(4.5rem, 7vw, 6.5rem); background: var(--at-gold); }
.at-contact .at-eyebrow { color: var(--at-navy); }
.at-rfq { display: grid; grid-template-columns: minmax(0, 52rem); align-items: start; }
.at-contact .at-actions-row { gap: .875rem; margin-top: 2.125rem; }
.at-contact .at-button { min-height: 2.75rem; padding-inline: 1.35rem; }
.at-contact .at-actions-row > .at-button:first-child { border-color: var(--at-navy); background: var(--at-navy); color: var(--at-white); }
.at-contact .at-actions-row > .at-button--dark-outline { border-color: var(--at-navy); background: transparent; color: var(--at-navy); }
.at-rfq__meeting { margin-top: 1.5rem; font-size: .9375rem; }
.at-rfq__meeting a { font-weight: 600; }
.at-rfq__message { margin: 0 0 1rem; padding: .75rem 1rem; border: 1px solid rgba(11,26,43,.45); font-size: .9375rem; }
.at-rfq__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.at-rfq__form label { display: grid; gap: .4rem; color: var(--at-navy); font-size: .8125rem; font-weight: 600; }
.at-rfq__form input, .at-rfq__form textarea, .at-rfq__form select { width: 100%; border: 1px solid rgba(11,26,43,.42); border-radius: 0; background: rgba(255,255,255,.92); color: var(--at-navy); font: 400 1rem/1.5 var(--font-body); }
.at-rfq__form input, .at-rfq__form select { min-height: 2.75rem; padding: .6rem .7rem; }
.at-rfq__form textarea { min-height: 7rem; padding: .6rem .7rem; resize: vertical; }
.at-rfq__form input[type="file"] { padding: .45rem; font-size: .8125rem; }
.at-rfq__form--full { grid-column: 1 / -1; }
.at-rfq__file-help { grid-column: 1 / -1; margin: -.5rem 0 0; color: rgba(11,26,43,.76); font-size: .8125rem; line-height: 1.45; }
.at-rfq__honeypot { position: absolute; left: -9999px; }
.at-button--dark-outline { color: var(--at-navy); border-color: var(--at-navy); background: transparent; }
.at-footer { padding: clamp(4rem, 6vw, 5rem) 0 1.75rem; background: var(--brand-navy); color: var(--brand-white); }.at-footer .at-logo { width: 17.5rem; }
.at-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 2.5rem; }
.at-footer h2 { color: var(--at-gold); font: 600 .6875rem/1.3 var(--font-body); text-transform: uppercase; letter-spacing: .15em; }
.at-footer a { text-decoration: none; }
.at-footer p { font-size: .875rem; line-height: 1.55; }
.at-footer__grid > div:first-child > p { font-size: .96875rem; }
.at-footer__grid p { display: flex; flex-direction: column; gap: .65rem; margin: .95rem 0 0; }
.at-footer__grid p a { display: block; font-size: .875rem; font-weight: 400; }
.at-footer__legal { display:flex; justify-content:space-between; gap:2rem; margin-top:3.25rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.78); font:400 .75rem/1.55 var(--font-body); }
.at-footer__language { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
@media (max-width: 42rem) { .at-eyebrow { font-size: .6875rem; } .at-footer .at-logo { width: 12.5rem; } .at-contact { padding-block: 4.25rem; } }
@media (max-width: 70rem) { .at-buyers-layout, .at-private-label-layout { grid-template-columns: 1fr; gap: 2rem; } .at-buyers-layout__image, .at-private-label-layout__image { min-height: 22rem; } .at-buyers-layout__content { display: block; } }
@media (max-width: 42rem) { .at-buyers-layout .at-buyer-values { grid-template-columns: 1fr; } .at-buyers-layout__image, .at-private-label-layout__image { min-height: 19rem; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }
@media (hover: hover) and (pointer: fine) { .at-programme:hover .at-programme__image-file { transform: scale(1.025); } .at-programme:hover a span { transform: translateX(.22rem); } }
@media (hover: hover) and (pointer: fine) { .at-contact-route:hover .at-contact-route__link span { transform: translateX(.22rem); } }
html.at-motion-ready .at-supply-route li { opacity: 0; transform: translateX(-.35rem); transition: opacity .42s ease, transform .42s ease; }
html.at-motion-ready .at-supply-route li::before { opacity: 0; transform: translate(-50%, -50%) scale(.6); transition: opacity .35s ease, transform .35s ease; }
html.at-motion-ready .at-supply-route li:not(:last-child)::after { opacity: 0; transform: translateY(-50%) translateX(-.25rem); transition: opacity .35s ease, transform .35s ease; }
html.at-motion-ready .at-supply-route.is-revealed li, html.at-motion-ready .at-supply-route.is-revealed li::before, html.at-motion-ready .at-supply-route.is-revealed li:not(:last-child)::after { opacity: 1; }
html.at-motion-ready .at-supply-route.is-revealed li { transform: none; }
html.at-motion-ready .at-supply-route.is-revealed li::before { transform: translate(-50%, -50%) scale(1); }
html.at-motion-ready .at-supply-route.is-revealed li:not(:last-child)::after { transform: translateY(-50%) translateX(0); }
html.at-motion-ready .at-supply-route li:nth-child(2), html.at-motion-ready .at-supply-route li:nth-child(2)::before, html.at-motion-ready .at-supply-route li:nth-child(2)::after { transition-delay: .08s; }
html.at-motion-ready .at-supply-route li:nth-child(3), html.at-motion-ready .at-supply-route li:nth-child(3)::before, html.at-motion-ready .at-supply-route li:nth-child(3)::after { transition-delay: .16s; }
html.at-motion-ready .at-supply-route li:nth-child(4), html.at-motion-ready .at-supply-route li:nth-child(4)::before, html.at-motion-ready .at-supply-route li:nth-child(4)::after { transition-delay: .24s; }
html.at-motion-ready .at-supply-route li:nth-child(5), html.at-motion-ready .at-supply-route li:nth-child(5)::before, html.at-motion-ready .at-supply-route li:nth-child(5)::after { transition-delay: .32s; }
html.at-motion-ready .at-supply-route li:nth-child(6), html.at-motion-ready .at-supply-route li:nth-child(6)::before, html.at-motion-ready .at-supply-route li:nth-child(6)::after { transition-delay: .40s; }
@media (max-width: 70rem) { .at-contact-routes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .at-general-enquiry__layout { grid-template-columns: 1fr; gap: 2rem; } }
@media (max-width: 70rem) { .at-about-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .at-about-role__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .at-about-role__grid article:nth-child(odd) { padding-left: 0; } .at-about-role__grid article:nth-child(even) { border-right: 0; padding-right: 0; } .at-about-role__grid article:nth-child(-n+2) { border-bottom: 1px solid var(--border-light); } }
@media (max-width: 70rem) { .at-about-buyers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .at-about-buyers__grid article:nth-child(odd) { padding-left: 0; } .at-about-buyers__grid article:nth-child(even) { border-right: 0; padding-right: 0; } .at-about-buyers__grid article:nth-child(-n+2) { border-bottom: 1px solid var(--border-light); } .at-about-production__layout { grid-template-columns: 1fr; gap: 2rem; } .at-about-production__image { min-height: 20rem; } }
@media (max-width: 42rem) { .at-inner-hero { height: auto; min-height: 29rem; padding-block: 7.25rem 3.5rem; } .at-inner-hero__overlay { background: linear-gradient(90deg, rgba(7,23,37,.86), rgba(7,23,37,.56)); } .at-contact-routes__grid, .at-general-enquiry__form { grid-template-columns: 1fr; } .at-general-enquiry__form--full { grid-column: auto; } }
@media (max-width: 42rem) { .at-about-hero .at-inner-hero__content { width: auto; max-width: 100%; padding-bottom: .25rem; } .at-about-hero .at-inner-hero__overlay { background: linear-gradient(90deg, rgba(7,23,37,.84), rgba(7,23,37,.52)); } }
@media (max-width: 42rem) { .at-about-company__layout { grid-template-columns: 1fr; gap: 1.5rem; } .at-about-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .at-about-product { min-height: 6.7rem; padding: .95rem; } .at-about-product__name { font-size: 1.05rem; } .at-about-role__grid { grid-template-columns: 1fr; } .at-about-role__grid article, .at-about-role__grid article:first-child, .at-about-role__grid article:last-child { padding: 1.25rem 0; border-right: 0; border-bottom: 1px solid var(--border-light); } .at-about-role__grid article:last-child { border-bottom: 0; } }
@media (max-width: 42rem) { .at-about-buyers__grid { grid-template-columns: 1fr; } .at-about-buyers__grid article, .at-about-buyers__grid article:first-child, .at-about-buyers__grid article:last-child { padding: 1.25rem 0; border-right: 0; border-bottom: 1px solid var(--border-light); } .at-about-buyers__grid article:last-child { border-bottom: 0; } .at-about-production__image { min-height: 17rem; } .at-about-identity__layout { grid-template-columns: 1fr; gap: 1.75rem; } .at-about-identity dl { grid-template-columns: 1fr; } }
@media (max-width: 70rem) { .at-about-method__steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .at-about-development__layout, .at-about-verification__layout { grid-template-columns:1fr; gap:2rem; } }
@media (max-width: 42rem) { .at-about-method__steps { grid-template-columns:1fr; } .at-about-method__steps li { min-height:0; } .at-about-verification__layout > div:last-child { padding-left:1rem; } }
@media (max-width: 42rem) { .at-about-company__layout > div:last-child { padding-left: 1rem; } .at-about-role__grid article, .at-about-role__grid article:nth-child(even) { padding: 1.25rem 0; border-left: 0; border-right: 0; } .at-about-buyers__grid article { grid-template-columns: 1fr; gap: .6rem; } }
@media (max-width: 70rem) { .at-wrap { width: calc(100% - 3rem); } .at-nav { display: none; } .at-mobile-menu { position: relative; display: block; } .at-mobile-menu summary { display: grid; width: 2.75rem; height: 2.75rem; place-content: center; gap: .28rem; border: 1px solid rgba(255,255,255,.55); cursor: pointer; list-style: none; } .at-mobile-menu summary::-webkit-details-marker { display: none; } .at-mobile-menu summary span { display: block; width: 1.1rem; height: 1px; background: var(--at-white); } .at-mobile-menu nav { position: absolute; top: calc(100% + .6rem); right: 0; z-index: 20; display: flex; min-width: 15rem; flex-direction: column; padding: 1rem; border: 1px solid rgba(255,255,255,.14); background: var(--at-navy); box-shadow: 0 1rem 2rem rgba(0,0,0,.25); } .at-mobile-menu nav a { padding: .65rem .4rem; color: var(--at-white); font-size: .875rem; font-weight: 500; text-decoration: none; } .at-mobile-menu nav a:last-child { margin-top: .4rem; color: var(--at-gold); border-top: 1px solid rgba(255,255,255,.16); } .at-hero__layout, .at-method, .at-split, .at-rfq { grid-template-columns: 1fr; gap: 2rem; } .at-hero__visual { min-height: 20rem; max-width: 30rem; } .at-route-grid, .at-assurance-grid { grid-template-columns: repeat(2, 1fr); } .at-programme-grid { grid-template-columns: repeat(2, 1fr); } .at-custom-program { grid-template-columns: 1fr; gap: 1rem; } .at-custom-program .at-eyebrow { grid-column: auto; margin-bottom: 0; } .at-supply-route { grid-template-columns: repeat(3, 1fr); } .at-buyer-values { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 42rem) { body { font-size: 16px; } .at-wrap { width: calc(100% - 2.5rem); } .at-header__inner { min-height: 4.25rem; gap: .65rem; } .at-logo { width: 9.5rem; } .at-actions .at-language, .at-actions .at-button { display: none; } .at-hero { min-height: auto; padding-block: 7rem 4rem; } .at-hero__visual { min-height: 17rem; } .at-hero__frame { width: 17rem; } .at-section__heading, .at-footer__grid, .at-rfq__form { grid-template-columns: 1fr; gap: 1.5rem; } .at-route-grid, .at-programme-grid, .at-assurance-grid, .at-method__steps, .at-supply-route { grid-template-columns: 1fr; } .at-programme:nth-child(5), .at-method__steps li:nth-child(4), .at-method__steps li:nth-child(5) { grid-column: auto; } .at-supply-route { margin-bottom: 2rem; } .at-supply-route li { min-height: 3.5rem; padding-left: 1.5rem; } .at-supply-route li:not(:last-child)::after { content: "↓"; right: auto; left: -.2rem; top: auto; bottom: -.6rem; } .at-rfq__form--full { grid-column: auto; } .at-assurance-grid article + article { padding-left: 0; border-left: 0; } .at-footer__legal { flex-direction: column; gap: .75rem; margin-top: 2rem; } }


/* ALPHATRADE about-contact launch refinement */
.at-about-control__grid article, .at-contact-route { position: relative; overflow: hidden; border: 1px solid rgba(26,43,66,.12); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.at-about-control__grid article::before, .at-contact-route::before { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; margin-bottom: 1.25rem; border: 1px solid #c9a84c; color: #1a2b42; font: 600 .78rem/1 var(--font-body); letter-spacing: .08em; }
.at-about-control__grid article:nth-child(1)::before { content: "01"; } .at-about-control__grid article:nth-child(2)::before { content: "02"; } .at-about-control__grid article:nth-child(3)::before { content: "03"; } .at-about-control__grid article:nth-child(4)::before { content: "04"; } .at-about-control__grid article:nth-child(5)::before { content: "05"; } .at-about-control__grid article:nth-child(6)::before { content: "06"; }
.at-contact-route:nth-child(1)::before { content: "RFQ"; } .at-contact-route:nth-child(2)::before { content: "SUP"; } .at-contact-route:nth-child(3)::before { content: "MEET"; } .at-contact-route:nth-child(4)::before { content: "GEN"; }
.at-about-control__grid article:hover, .at-contact-route:hover { transform: translateY(-4px); border-color: #c9a84c; box-shadow: 0 1rem 2.4rem rgba(26,43,66,.10); }
.at-about-company__layout > div:first-child, .at-contact-routes__heading { position: relative; }
.at-about-company__layout > div:first-child::after, .at-contact-routes__heading::after { content: ""; display: block; width: 4rem; height: 2px; margin-top: 1.25rem; background: #c9a84c; }
@media (prefers-reduced-motion: reduce) { .at-about-control__grid article, .at-contact-route { transition: none; } .at-about-control__grid article:hover, .at-contact-route:hover { transform: none; } }

/* ALPHATRADE buyer-intent pages */
.at-buyer-intent__hero { padding: clamp(5rem, 10vw, 9rem) 0 4.5rem; background: linear-gradient(120deg, #10243b, #1a2b42 62%, #263f5f); color: #fff; }
.at-buyer-intent__hero .at-breadcrumbs, .at-buyer-intent__hero .at-breadcrumbs a { color: rgba(255,255,255,.72); }
.at-buyer-intent__hero .at-eyebrow, .at-buyer-intent .at-eyebrow { color: #c9a84c; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .76rem; }
.at-buyer-intent__hero h1 { max-width: 15ch; margin: .7rem 0 1rem; }
.at-buyer-intent__lead { max-width: 44rem; font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.55; color: rgba(255,255,255,.88); }
.at-buyer-intent__intro { max-width: 51rem; }
.at-buyer-intent__intro h2, .at-buyer-intent__faq h2, .at-buyer-intent__cta h2 { max-width: 24ch; }
.at-buyer-intent__process { background: #f4f1ea; }
.at-buyer-intent__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.at-buyer-intent__steps article { background: #fff; padding: 2rem; border: 1px solid rgba(26,43,66,.12); }
.at-buyer-intent__steps span { display: inline-grid; place-items:center; width: 2.5rem; height: 2.5rem; border: 1px solid #c9a84c; color: #1a2b42; font-weight: 700; }
.at-buyer-intent__steps h2 { font-size: 1.25rem; margin: 1.25rem 0 .6rem; }
.at-buyer-intent__fit ul { margin: 1.25rem 0 0; padding: 0; list-style: none; display: grid; gap: .7rem; }
.at-buyer-intent__fit li::before { content: "—"; color: #c9a84c; margin-right: .7rem; }
.at-buyer-intent__faq { background: #f4f1ea; }
.at-buyer-intent__faq details { max-width: 52rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(26,43,66,.17); }
.at-buyer-intent__faq summary { cursor: pointer; color: #1a2b42; font-weight: 700; }
.at-buyer-intent__faq details p { max-width: 47rem; margin: .8rem 0 0; }
.at-buyer-intent__cta { background: #1a2b42; color: #fff; }
.at-buyer-intent__cta h2 { color: #fff; }
.at-buyer-intent__cta .at-button--ghost { margin-left: .65rem; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.65); }
@media (max-width: 760px) { .at-buyer-intent__steps { grid-template-columns: 1fr; } .at-buyer-intent__cta .at-button--ghost { margin: .7rem 0 0; } }
/* ALPHATRADE service-page completion */
.at-service-page__hero { padding: clamp(5rem, 10vw, 8.25rem) 0 4.5rem; background: linear-gradient(120deg, #10243b, #1a2b42 64%, #263f5f); color: #fff; }
.at-service-page__hero .at-breadcrumbs, .at-service-page__hero .at-breadcrumbs a { color: rgba(255,255,255,.72); }
.at-service-page .at-eyebrow { color: #c9a84c; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.at-service-page__hero h1 { max-width: 16ch; margin: .7rem 0 1rem; color: #fff; }
.at-service-page__lead { max-width: 47rem; color: rgba(255,255,255,.88); font-size: clamp(1.12rem, 2vw, 1.45rem); line-height: 1.55; }
.at-service-page__intro { max-width: 52rem; }
.at-service-page__intro h2, .at-service-page__questions h2, .at-service-page__cta h2 { max-width: 27ch; }
.at-service-page__process, .at-service-page__questions { background: #f4f1ea; }
.at-service-page__cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.2rem; }
.at-service-page__cards article { padding: 2rem; background: #fff; border: 1px solid rgba(26,43,66,.12); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.at-service-page__cards article:hover { transform: translateY(-4px); border-color: #c9a84c; box-shadow: 0 1rem 2.4rem rgba(26,43,66,.1); }
.at-service-page__cards span { display:inline-grid; place-items:center; width:2.45rem; height:2.45rem; border:1px solid #c9a84c; color:#1a2b42; font-weight:700; }
.at-service-page__cards h2 { margin: 1.25rem 0 .6rem; font-size: 1.25rem; }
.at-service-page__questions details { max-width: 52rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(26,43,66,.17); }
.at-service-page__questions summary { cursor:pointer; font-weight:700; color:#1a2b42; }
.at-service-page__questions details p { max-width: 47rem; margin:.8rem 0 0; }
.at-service-page__cta { background: #1a2b42; color: #fff; }
.at-service-page__cta h2 { color: #fff; }
@media (max-width: 760px) { .at-service-page__cards { grid-template-columns: 1fr; } .at-service-page__cards article:hover { transform: none; } }

/* Keep service-page CTAs fully visible inside the shared inner-hero frame. */
.at-service-page__hero { height: auto; min-height: 590px; padding: clamp(6rem, 10vw, 8.25rem) 0 5.75rem; }
.at-service-page__hero .at-button { margin-top: .35rem; }
@media (max-width: 760px) { .at-service-page__hero { min-height: 0; padding: 5.5rem 0 4.25rem; } }

/* ALPHATRADE service-page visual layer */
.at-service-page__hero { position: relative; isolation: isolate; background: linear-gradient(120deg, #10243b, #1a2b42 64%, #263f5f); }
.at-service-page__hero::before { content: ''; position: absolute; inset: 0; z-index: -2; background: var(--at-hero-image) center/cover no-repeat; opacity: .42; }
.at-service-page__hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(10,29,49,.96) 0%, rgba(17,40,67,.86) 43%, rgba(17,40,67,.42) 100%); }
.at-service-page__visual-section { padding-top: 0; }
.at-service-page__visual-layout { display:grid; grid-template-columns: minmax(0,1.05fr) minmax(18rem,.85fr); gap: clamp(2rem,5vw,5rem); align-items:center; }
.at-service-page__visual { margin:0; overflow:hidden; background:#eae6dd; }
.at-service-page__visual .at-responsive-media, .at-service-page__visual img { display:block; width:100%; height:100%; }
.at-service-page__visual img { aspect-ratio:8 / 5; object-fit:cover; }
.at-service-page__visual-copy { padding:1rem 0; }
.at-service-page__visual-copy h2 { max-width:18ch; }
.at-service-page__visual-copy ul { padding:0; margin:1.35rem 0 0; list-style:none; }
.at-service-page__visual-copy li { padding:.7rem 0; border-bottom:1px solid rgba(26,43,66,.15); }
.at-service-page__visual-copy li::before { content:'—'; color:#c9a84c; margin-right:.65rem; }
@media (max-width:760px) { .at-service-page__visual-layout { grid-template-columns:1fr; } }

/* ALPHATRADE stronger service-page hero composition */
.at-service-page__hero { min-height: 660px; padding: clamp(6.5rem, 11vw, 9.5rem) 0 6.5rem; background-color: #081c31; }
.at-service-page__hero::before { opacity: .78; background-position: 76% center; transform: scale(1.015); }
.at-service-page__hero::after { background: linear-gradient(90deg, rgba(6,22,39,.98) 0%, rgba(9,30,51,.94) 35%, rgba(12,35,58,.56) 63%, rgba(12,35,58,.13) 100%); }
.at-service-page__hero .at-wrap { position: relative; }
.at-service-page__hero .at-wrap::after { content: ''; display: block; width: 4.8rem; height: 2px; margin-top: 2rem; background: #c9a84c; }
.at-service-page__hero h1 { max-width: 13ch; font-size: clamp(2.7rem, 5.1vw, 5.15rem); line-height: .98; letter-spacing: -.035em; }
.at-service-page__lead { max-width: 39rem; font-size: clamp(1.12rem, 1.85vw, 1.42rem); }
.at-service-page__hero .at-button { margin-top: 1.35rem; }
@media (max-width: 760px) { .at-service-page__hero { min-height: 560px; padding: 6rem 0 5rem; } .at-service-page__hero::before { opacity:.42; background-position: 68% center; } .at-service-page__hero::after { background:linear-gradient(90deg,rgba(6,22,39,.97),rgba(9,30,51,.78)); } }

/* Quality and documentation commercial detail */
.at-service-page__value-strip { background:#102842; color:#fff; }
.at-service-page__value-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.at-service-page__value-grid article { padding:2rem 1.55rem; border-right:1px solid rgba(255,255,255,.14); }
.at-service-page__value-grid article:last-child { border-right:0; }
.at-service-page__value-grid span,.at-service-page__timeline span { color:#c9a84c; font-weight:700; letter-spacing:.08em; }
.at-service-page__value-grid h2 { margin:.8rem 0 .45rem; color:#fff; font:600 1.05rem/1.3 var(--font-display); }
.at-service-page__value-grid p { margin:0; color:rgba(255,255,255,.76); font-size:.92rem; }
.at-service-page__timeline { background:#f4f1ea; }
.at-service-page__timeline ol { display:grid; grid-template-columns:repeat(5,1fr); gap:0; padding:0; margin:2rem 0 0; list-style:none; border-top:1px solid rgba(26,43,66,.18); }
.at-service-page__timeline li { padding:1.25rem 1.15rem 0 0; position:relative; }
.at-service-page__timeline li:not(:last-child)::after { content:''; position:absolute; top:-1px; right:.5rem; width:7px; height:7px; border-radius:50%; background:#c9a84c; }
.at-service-page__timeline strong { display:block; margin:.65rem 0 .4rem; color:#1a2b42; }
.at-service-page__timeline p { font-size:.9rem; margin:0; }
.at-service-page__rfq-prep { background:#fff; }
.at-service-page__rfq-prep > .at-wrap { max-width:760px; }
.at-service-page__rfq-prep ul { columns:2; padding:0; list-style:none; margin:1.25rem 0 1.7rem; }
.at-service-page__rfq-prep li { padding:.52rem 0; border-bottom:1px solid rgba(26,43,66,.14); break-inside:avoid; }
.at-service-page__rfq-prep li::before { content:'—'; color:#c9a84c; margin-right:.55rem; }
@media(max-width:760px){.at-service-page__value-grid,.at-service-page__timeline ol{grid-template-columns:1fr}.at-service-page__value-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.at-service-page__timeline li{padding:1rem 0;border-bottom:1px solid rgba(26,43,66,.14)}.at-service-page__timeline li::after{display:none}.at-service-page__rfq-prep ul{columns:1}}

/* Quality page editorial-grid refinement */
.at-service-page__coordination{background:#f4f1ea}.at-service-page__coordination-grid{gap:1rem;background:none}.at-service-page__coordination-grid article{position:relative;min-height:220px;padding:2.5rem 2.25rem;border:1px solid rgba(26,43,66,.12)}.at-service-page__coordination-grid article::before{display:block;margin-bottom:1rem;color:#c9a84c;font-weight:700;letter-spacing:.1em}.at-service-page__coordination-grid article:nth-child(1)::before{content:'01'}.at-service-page__coordination-grid article:nth-child(2)::before{content:'02'}.at-service-page__coordination-grid article:nth-child(3)::before{content:'03'}.at-service-page__coordination-grid article:nth-child(4)::before{content:'04'}.at-service-page__coordination-grid article:nth-child(2){background:#ebe7de}.at-service-page__coordination-grid article:nth-child(3){background:linear-gradient(rgba(255,255,255,.91),rgba(255,255,255,.91)),url('https://alphatradecorp.com/wp-content/uploads/2026/08/exec-323fd27a-844b-4403-abac-72db3913fad3.webp') center/cover}.at-service-page__coordination-grid article:nth-child(4){background:#102842;color:#fff}.at-service-page__coordination-grid article:nth-child(4) h3{color:#fff}.at-service-page__coordination-grid article h3::after{content:'';display:block;width:2.8rem;height:1px;background:#c9a84c;margin-top:1rem}.at-service-page__products{background:#102842}.at-service-page__products>div>p:not(.at-eyebrow){max-width:45rem;color:rgba(255,255,255,.82);font-size:1.05rem}.at-service-page__product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.at-service-page__product-grid article{overflow:hidden;min-height:360px;background:#fff;color:#1a2b42}.at-service-page__product-grid img,.at-service-page__product-texture{display:block;width:100%;height:165px;object-fit:cover}.at-service-page__product-texture{background:linear-gradient(135deg,#c9a84c,#ead9a8 50%,#f4f1ea)}.at-service-page__product-grid h3,.at-service-page__product-grid p{margin-left:1.4rem;margin-right:1.4rem}.at-service-page__product-grid h3{font:600 1.35rem/1.2 Georgia,serif}.at-service-page__product-grid p{font-size:1rem;line-height:1.55}.at-service-page__value-grid p,.at-service-page__timeline p,.at-service-page__rfq-prep li,.at-service-page__questions summary{font-size:1rem;line-height:1.55}.at-service-page__questions summary{padding:.2rem 0}@media(max-width:760px){.at-service-page__coordination-grid,.at-service-page__product-grid{grid-template-columns:1fr}.at-service-page__coordination-grid article{min-height:0;padding:1.75rem}.at-service-page__product-grid article{min-height:0}.at-service-page__product-grid p{font-size:1rem}}

/* Quality page final section correction */
.at-service-page__coordination-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.25rem!important;background:none!important}.at-service-page__coordination-grid article{min-height:225px!important;padding:2rem!important;border:1px solid rgba(26,43,66,.12)!important}.at-service-page__coordination-grid article:nth-child(1),.at-service-page__coordination-grid article:nth-child(3){background:#fff!important}.at-service-page__coordination-grid article:nth-child(2){background:#eee9df!important}.at-service-page__coordination-grid article:nth-child(3){background:#f8f6f1!important}.at-service-page__coordination-grid article:nth-child(3){background-image:none!important}.at-service-page__coordination-grid article:nth-child(4){background:#102842!important;color:#fff}.at-service-page__coordination-grid article:nth-child(4) h3{color:#fff!important}.at-service-page__products .at-eyebrow{color:#c9a84c!important}.at-service-page__products h2{color:#fff!important}.at-service-page__products>div>p:not(.at-eyebrow){color:rgba(255,255,255,.9)!important}.at-service-page__product-grid article{min-height:365px!important;display:flex;flex-direction:column}.at-service-page__product-grid img,.at-service-page__product-texture{height:170px!important;object-fit:cover!important}.at-service-page__product-texture{background:url('https://alphatradecorp.com/wp-content/uploads/2026/08/exec-323fd27a-844b-4403-abac-72db3913fad3.webp') center/cover no-repeat!important}.at-service-page__product-grid h3,.at-service-page__product-grid p{color:#1a2b42!important}@media(max-width:760px){.at-service-page__coordination-grid{grid-template-columns:1fr!important;gap:1rem!important}.at-service-page__coordination-grid article{min-height:0!important;padding:1.8rem!important}.at-service-page__product-grid article{min-height:0!important}}
/* Quality page: align the service hero with the established About and Contact frame. */
@media (min-width: 761px) {
  .at-service-page__hero {
    min-height: 500px !important;
    height: 500px;
    padding: 4.35rem 0 3.15rem !important;
  }

  .at-service-page__hero h1 {
    max-width: 15ch;
    font-size: clamp(2.55rem, 3.75vw, 3.375rem) !important;
    line-height: 1.03;
  }

  .at-service-page__lead {
    max-width: 38rem;
    font-size: 1.08rem;
    line-height: 1.5;
  }

  .at-service-page__hero .at-wrap::after { margin-top: 1.25rem; }
  .at-service-page__hero .at-button { margin-top: .9rem; }
}

@media (max-width: 760px) {
  .at-service-page__hero {
    min-height: 0 !important;
    height: auto;
    padding: 5.25rem 0 4.5rem !important;
  }

  .at-service-page__hero h1 {
    font-size: clamp(2.35rem, 10vw, 3.05rem) !important;
    line-height: 1.04;
  }

  .at-service-page__lead { font-size: 1.03rem; line-height: 1.5; }
}
/* Products directory and Pasta program */
.at-products-hero,.at-pasta-hero{background:#102842;color:#fff}.at-products-hero{min-height:520px}.at-pasta-hero{min-height:560px;background:linear-gradient(120deg,#071b30,#193959)}.at-products-hero h1,.at-pasta-hero h1{color:#fff;max-width:14ch}.at-products-hero .at-lead,.at-pasta-hero .at-lead{max-width:44rem}.at-product-search{display:block;max-width:42rem;margin-top:2rem}.at-product-search input{width:100%;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.35);background:#fff;color:#102842;font:500 1rem var(--font-body)}.at-category-grid,.at-sku-grid,.at-four-grid,.at-three-grid{display:grid;gap:1.2rem}.at-category-grid{grid-template-columns:repeat(3,1fr);margin-top:2rem}.at-category-card{min-height:245px;padding:2rem;background:#f4f1ea;border:1px solid rgba(26,43,66,.12);display:flex;flex-direction:column}.at-category-card:nth-child(2n){background:#fff}.at-category-card span,.at-sku-card p{color:#8a672b;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.at-category-card h3{margin:.8rem 0}.at-category-card a{margin-top:auto;color:#102842;font-weight:700;text-decoration:none}.at-products-az{background:#102842;color:#fff}.at-products-az h2{color:#fff}.at-az-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin:2rem 0}.at-az-nav a{color:#fff;text-decoration:none;font-weight:700}.at-az-nav .is-muted{opacity:.28;pointer-events:none}.at-az-list{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.at-az-list h3{color:#c9a84c}.at-az-list a{color:#fff}.at-sku-grid{grid-template-columns:repeat(4,1fr);margin-top:2rem}.at-sku-card{padding:1.1rem;background:#fff;border:1px solid rgba(26,43,66,.13)}.at-sku-image{height:115px;margin:-1.1rem -1.1rem 1.2rem;background:radial-gradient(circle at 55% 45%,#e8c669 0 3%,transparent 3.5%),radial-gradient(circle at 42% 56%,#d8af50 0 7%,transparent 7.5%),#f3eee2}.at-sku-card h3{font-size:1.35rem}.at-sku-card strong,.at-sku-card span{display:block;margin-top:.5rem}.at-sku-card span{font-size:.9rem;line-height:1.45}.at-sku-toggle{margin-top:1.2rem;padding:0;background:none;border:0;color:#102842;font-weight:700;cursor:pointer}.at-sku-card.is-open{outline:2px solid #c9a84c}.at-pasta-options{background:#f4f1ea}.at-four-grid{grid-template-columns:repeat(4,1fr)}.at-three-grid{grid-template-columns:repeat(3,1fr)}.at-four-grid article,.at-three-grid article,.at-two-grid article{padding:1.8rem;background:#fff;border-top:2px solid #c9a84c}.at-pasta-private,.at-final-cta{background:#102842;color:#fff}.at-pasta-private h2,.at-final-cta h2{color:#fff;max-width:45rem}.at-workflow{display:flex;flex-wrap:wrap;gap:.7rem;padding:0;margin:2rem 0;list-style:none}.at-workflow li{padding:.7rem 1rem;border:1px solid rgba(255,255,255,.3)}.at-two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.at-note{max-width:44rem;margin-top:1.5rem;font-style:italic}.at-cta-row{display:flex;gap:.8rem;margin-top:1.6rem}@media(max-width:760px){.at-category-grid,.at-sku-grid,.at-four-grid,.at-three-grid,.at-two-grid{grid-template-columns:1fr}.at-az-list{grid-template-columns:repeat(2,1fr)}.at-products-hero,.at-pasta-hero{min-height:0;padding:7rem 0 5rem}.at-cta-row{flex-direction:column;align-items:flex-start}}
/* Products mobile touch targets */
.at-products-page .at-button{min-height:3rem}.at-products-page .at-sku-toggle{min-height:2.75rem;text-align:left}
/* Controlled product imagery for the Products and Pasta routes */
.at-pasta-hero{background-image:linear-gradient(90deg,rgba(7,23,40,.97) 0%,rgba(10,31,53,.9) 44%,rgba(10,31,53,.32) 100%),url('https://alphatradecorp.com/wp-content/uploads/2026/08/exec-c60d9760-0ab9-4980-9deb-828175d931fb.webp');background-size:cover;background-position:center}.at-category-card:nth-child(1){background:linear-gradient(140deg,rgba(244,241,234,.94),rgba(244,241,234,.84)),url('https://alphatradecorp.com/wp-content/uploads/2026/08/exec-c60d9760-0ab9-4980-9deb-828175d931fb.webp') center/cover}.at-category-card:nth-child(2){background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(255,255,255,.84)),url('https://alphatradecorp.com/wp-content/uploads/2026/08/exec-69781c76-4964-48c6-be00-2f318ffc4527.webp') center/cover}.at-sku-image{background:radial-gradient(ellipse at 57% 45%,#e1ba55 0 7%,transparent 7.5%),radial-gradient(ellipse at 40% 58%,#c99634 0 10%,transparent 10.5%),linear-gradient(135deg,#fff9e8,#e5d7ba)}.at-sku-card:nth-child(3n) .at-sku-image{background:repeating-radial-gradient(ellipse at center,#d1a340 0 4px,#f4e8c8 5px 13px)}
/* Directory control and Pasta editorial organization */
.at-products-hero{min-height:620px}.at-products-hero__content{text-align:center;margin-inline:auto;max-width:68rem}.at-products-hero__content h1,.at-products-hero__content .at-lead{margin-inline:auto}.at-products-hero__content .at-breadcrumbs{text-align:left}.at-directory-control{width:min(100%,56rem);margin:2rem auto 0;padding:1.2rem;background:rgba(7,23,40,.48);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}.at-product-search{margin:0;max-width:none}.at-az-nav--hero{justify-content:center;margin:1.1rem 0 0;gap:.82rem}.at-az-nav--hero a{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-bottom:1px solid transparent}.at-az-nav--hero a:not(.is-muted):hover,.at-az-nav--hero a:focus-visible{color:#c9a84c;border-color:#c9a84c}.at-pasta-intro{background:#fff}.at-pasta-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:5rem;align-items:center}.at-pasta-intro h2{max-width:34rem}.at-pasta-intro p:not(.at-eyebrow){max-width:38rem;font-size:1.06rem}.at-pasta-intro img{display:block;width:100%;min-height:300px;object-fit:cover;box-shadow:0 14px 34px rgba(7,23,40,.16)}.at-pasta-catalog{background:#f4f1ea}.at-sku-card{transition:transform .2s ease,box-shadow .2s ease}.at-sku-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(7,23,40,.1)}@media(max-width:760px){.at-products-hero{min-height:0}.at-products-hero__content{text-align:left}.at-products-hero__content h1,.at-products-hero__content .at-lead{margin-inline:0}.at-directory-control{margin-inline:0}.at-az-nav--hero{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.3rem}.at-pasta-intro__grid{grid-template-columns:1fr;gap:2rem}.at-pasta-intro img{min-height:220px}}

/* Homepage hero standard across active page templates */
.at-about-hero .at-inner-hero__content,.at-contact-hero .at-inner-hero__content{max-width:none!important;margin-left:0!important;padding-left:3rem!important;padding-top:7.5rem!important;padding-bottom:6rem!important}.at-about-hero,.at-contact-hero{min-height:660px!important}.at-about-hero h1,.at-contact-hero h1{max-width:15ch!important;font-size:clamp(2.8rem,5vw,5rem)!important;line-height:.98!important}.at-about-hero .at-lead,.at-contact-hero .at-lead{max-width:42rem!important;font-size:clamp(1.12rem,1.8vw,1.42rem)!important}@media(max-width:760px){.at-about-hero .at-inner-hero__content,.at-contact-hero .at-inner-hero__content{padding-left:1.4rem!important;padding-right:1.4rem!important;padding-top:6rem!important;padding-bottom:5rem!important}.at-about-hero,.at-contact-hero{min-height:560px!important}}

/* Products hero aligned to the global Contact hero standard */
.at-products-hero{min-height:660px!important;height:660px!important;padding:7.5rem 0 6rem!important;background-position:78% center!important}.at-products-hero__content{max-width:42rem!important;margin-left:0!important;margin-right:auto!important;padding-left:3rem!important;text-align:left!important}.at-products-hero__content h1,.at-products-hero__content .at-lead{margin-left:0!important;margin-right:0!important}.at-products-hero .at-directory-control{margin:1.6rem auto 0!important;max-width:34rem!important}.at-products-hero .at-az-nav--hero{justify-content:center!important}@media(max-width:760px){.at-products-hero{height:auto!important;min-height:560px!important;padding:6rem 0 5rem!important}.at-products-hero__content{padding-left:1.4rem!important;padding-right:1.4rem!important}}

/* HOME SYSTEM */ .at-inner-hero{min-height:660px!important;padding:7.5rem 0 6rem!important}.at-inner-hero .at-inner-hero__content{max-width:none!important;margin-left:0!important;padding-left:3rem!important}.at-inner-hero h1{max-width:15ch!important;font-size:clamp(2.8rem,5vw,5rem)!important;line-height:.98!important}.at-inner-hero .at-lead{max-width:42rem!important;font-size:clamp(1.12rem,1.8vw,1.42rem)!important}.at-inner-hero::before{background-position:78% center!important}.at-inner-hero::after{background:linear-gradient(90deg,rgba(6,22,39,.98),rgba(9,30,51,.93) 42%,rgba(12,35,58,.08))!important}@media(max-width:760px){.at-inner-hero{min-height:560px!important;padding:6rem 0 5rem!important}.at-inner-hero .at-inner-hero__content{padding-left:1.4rem!important;padding-right:1.4rem!important}}
/* Unified homepage hero system */
.at-inner-hero{min-height:660px!important;padding:7.5rem 0 6rem!important}.at-inner-hero .at-inner-hero__content{max-width:none!important;margin-left:0!important;padding-left:3rem!important}.at-inner-hero h1{max-width:15ch!important;font-size:clamp(2.8rem,5vw,5rem)!important;line-height:.98!important}.at-inner-hero .at-lead{max-width:42rem!important;font-size:clamp(1.12rem,1.8vw,1.42rem)!important}.at-inner-hero::before{background-position:78% center!important}.at-inner-hero::after{background:linear-gradient(90deg,rgba(6,22,39,.98) 0%,rgba(9,30,51,.93) 42%,rgba(12,35,58,.48) 68%,rgba(12,35,58,.08) 100%)!important}@media(max-width:760px){.at-inner-hero{min-height:560px!important;padding:6rem 0 5rem!important}.at-inner-hero .at-inner-hero__content{padding-left:1.4rem!important;padding-right:1.4rem!important}.at-inner-hero::after{background:linear-gradient(90deg,rgba(6,22,39,.97),rgba(9,30,51,.74))!important}}

/* Products: exact homepage hero treatment */
.at-products-hero::before{opacity:1!important;background-position:78% center!important}.at-products-hero::after{background:linear-gradient(90deg,rgba(6,22,39,.96) 0%,rgba(7,25,43,.84) 42%,rgba(7,25,43,.28) 66%,rgba(7,25,43,.04) 100%)!important}.at-products-hero .at-inner-hero__content{max-width:none!important;margin-left:0!important;padding-left:3rem!important;padding-top:7.5rem!important;padding-bottom:6rem!important}.at-products-hero h1{max-width:15ch!important}.at-products-az-banner{background:#102a45;color:#fff;padding:1.4rem 0}.at-products-az-banner nav{display:flex;gap:1.4rem}.at-products-az-banner a{color:#d5b158;font-weight:700;font-size:1.1rem}
.at-products-hero .at-inner-hero__overlay{background:linear-gradient(90deg,rgba(6,22,39,.96) 0%,rgba(7,25,43,.84) 42%,rgba(7,25,43,.28) 66%,rgba(7,25,43,.04) 100%)!important;opacity:1!important}.at-products-hero .at-inner-hero__media{opacity:1!important;filter:none!important}
/* Products hero correction */
.at-products-hero .at-inner-hero__overlay{background:linear-gradient(90deg,#071b2e 0%,rgba(7,27,46,.92) 42%,rgba(7,27,46,.42) 66%,rgba(7,27,46,.06) 100%)!important}.at-products-hero h1,.at-products-hero .at-lead,.at-products-hero .at-breadcrumbs{color:#fff!important}.at-products-hero .at-eyebrow{color:#d5b158!important}.at-products-az-banner nav{display:grid!important;grid-template-columns:repeat(26,1fr)!important;gap:.25rem!important}.at-products-az-banner a{display:grid!important;place-items:center!important;min-height:2.2rem!important}.at-products-az-banner a.is-disabled{opacity:.35!important;pointer-events:none!important}
.at-products-home-hero{position:relative;min-height:660px;overflow:hidden;background:#071b2e;color:#fff}.at-products-home-hero__media{position:absolute;inset:0;background:url(https://alphatradecorp.com/wp-content/uploads/2026/08/exec-1b258e05-41c3-431c-afa0-a79f5ea3407c.webp) 78% center/cover no-repeat}.at-products-home-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#071b2e 0%,rgba(7,27,46,.92) 42%,rgba(7,27,46,.35) 66%,rgba(7,27,46,.04) 100%)}.at-products-home-hero__content{position:relative;z-index:1;max-width:42rem;padding:7.5rem 3rem 6rem}.at-products-home-hero__content h1{max-width:15ch;font-size:clamp(2.8rem,5vw,5rem);line-height:.98}.at-products-home-hero__content p{font-size:clamp(1.12rem,1.8vw,1.42rem);line-height:1.5}.at-products-home-hero__content .at-eyebrow{color:#d5b158}@media(max-width:760px){.at-products-home-hero{min-height:560px}.at-products-home-hero__content{padding:6rem 1.4rem 5rem}.at-products-home-hero__overlay{background:linear-gradient(90deg,rgba(7,27,46,.97),rgba(7,27,46,.72))}}

/* Brighter editorial hero treatment: retain copy contrast while restoring product colour and detail. */
.at-inner-hero__image{filter:brightness(1.12) saturate(1.1) contrast(1.03)}
.at-inner-hero__overlay{background:linear-gradient(90deg,rgba(7,23,37,.7) 0%,rgba(7,23,37,.58) 40%,rgba(7,23,37,.28) 63%,rgba(7,23,37,.08) 100%)!important}
.at-about-hero .at-inner-hero__overlay,.at-contact-hero .at-inner-hero__overlay{background:linear-gradient(90deg,rgba(7,23,37,.68),rgba(7,23,37,.22) 72%,rgba(7,23,37,.06))!important}
.at-products-home-hero__media{filter:brightness(1.12) saturate(1.08)}.at-products-hero .at-inner-hero__overlay,.at-products-home-hero__overlay{background:linear-gradient(90deg,rgba(7,27,46,.60) 0%,rgba(7,27,46,.38) 42%,rgba(7,27,46,.14) 66%,rgba(7,27,46,0) 100%)!important}@media(max-width:760px){.at-products-home-hero__overlay{background:linear-gradient(90deg,rgba(7,27,46,.82),rgba(7,27,46,.52))!important}}

/* ALPHATRADE: brighter shared hero treatment */
.at-hero__media,.at-inner-hero__image,.at-products-home-hero__media{filter:brightness(1.2) saturate(1.1) contrast(1.02)!important}
.at-hero__overlay,.at-inner-hero__overlay{background:linear-gradient(90deg,rgba(7,23,37,.53) 0%,rgba(7,23,37,.32) 42%,rgba(7,23,37,.10) 68%,rgba(7,23,37,0) 100%)!important}
.at-about-hero .at-inner-hero__overlay,.at-contact-hero .at-inner-hero__overlay{background:linear-gradient(90deg,rgba(7,23,37,.50) 0%,rgba(7,23,37,.20) 64%,rgba(7,23,37,0) 100%)!important}
.at-products-hero .at-inner-hero__overlay,.at-products-home-hero__overlay{background:linear-gradient(90deg,rgba(7,27,46,.48) 0%,rgba(7,27,46,.27) 42%,rgba(7,27,46,.08) 68%,rgba(7,27,46,0) 100%)!important}
@media(max-width:760px){.at-hero__overlay,.at-inner-hero__overlay,.at-products-home-hero__overlay{background:linear-gradient(90deg,rgba(7,23,37,.70),rgba(7,23,37,.38))!important}}

/* v1.4.0 brand v1.1 additions: capability line under the hero, RFQ page layout. */
.at-hero__capabilities { margin: 1.6rem 0 0; color: rgba(255,255,255,.86); font: 600 .78rem/1.5 var(--font-body); letter-spacing: .12em; text-transform: uppercase; }
.at-hero__capabilities span { color: var(--at-gold); margin-inline: .35rem; }
.at-hero .at-actions-row .at-button--primary, .at-actions-row .at-button--primary { background: var(--at-gold); border-color: var(--at-gold); color: var(--at-navy); }
.at-rfq-page__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.at-rfq-page__guide h2 { font-size: clamp(1.5rem, 2.2vw, 1.875rem); line-height: 1.15; }
.at-rfq-page__guide > p { max-width: 34rem; }
.at-rfq-page__guide ul { margin: 1.25rem 0 0; padding: 0; list-style: none; display: grid; gap: .55rem; }
.at-rfq-page__guide li { position: relative; padding-left: 1.3rem; font-size: .96875rem; line-height: 1.5; }
.at-rfq-page__guide li::before { content: ""; position: absolute; left: 0; top: .6rem; width: .42rem; height: .42rem; border-radius: 50%; background: var(--at-gold); }
.at-rfq-page__entry { margin: 1.75rem 0 0; padding: 1.15rem 1.3rem; border-left: 3px solid var(--at-gold); background: var(--at-white); color: var(--at-navy); font: 600 1.0625rem/1.45 var(--font-display); }
.at-rfq-page__appointment { margin: 1.5rem 0 0; font-size: .9375rem; }
.at-rfq-page__appointment a { font-weight: 600; color: var(--at-navy); }
.at-rfq-page__form-wrap { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--border-light); background: var(--at-white); }
.at-rfq__form .at-file-upload { grid-column: 1 / -1; }
.at-rfq__form .at-button { justify-self: start; }
.at-rfq__note { grid-column: 1 / -1; margin: 0; color: var(--text-muted); font-size: .8125rem; line-height: 1.5; }
.at-rfq__message--ok { border-color: var(--at-gold); background: var(--at-ivory); }
@media (max-width: 60rem) { .at-rfq-page__layout { grid-template-columns: 1fr; } }
@media (max-width: 42rem) { .at-rfq__form { grid-template-columns: 1fr; } .at-rfq__form--full { grid-column: auto; } .at-hero__capabilities { font-size: .7rem; letter-spacing: .09em; } }

/* v1.5.0: /legal/ page */
.at-legal__wrap { max-width: 54rem; }
.at-legal__toc { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: 0 0 2.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-light); font-size: .875rem; font-weight: 600; }
.at-legal__toc a { color: var(--at-navy); text-decoration: none; }
.at-legal__toc a:hover { color: var(--at-gold-strong); }
.at-legal h2 { margin: 2.75rem 0 .9rem; font-size: clamp(1.5rem, 2.2vw, 1.875rem); line-height: 1.15; }
.at-legal h2:first-of-type { margin-top: 0; }
.at-legal h3 { margin: 1.75rem 0 .5rem; font-size: 1.1875rem; }
.at-legal p, .at-legal li, .at-legal dd, .at-legal td { line-height: 1.65; }
.at-legal ul { padding-left: 1.2rem; }
.at-legal__fr { color: var(--text-muted); font-weight: 500; font-size: .8em; }
.at-legal__facts { display: grid; gap: .6rem; margin: 1.25rem 0; }
.at-legal__facts div { display: grid; grid-template-columns: 11rem 1fr; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--border-light); }
.at-legal__facts dt { color: var(--at-gold-strong); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; padding-top: .25rem; }
.at-legal__facts dd { margin: 0; }
.at-legal__table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.25rem; font-size: .9375rem; }
.at-legal__table th, .at-legal__table td { padding: .7rem .6rem; border-bottom: 1px solid var(--border-light); text-align: left; vertical-align: top; }
.at-legal__table th { color: var(--at-navy); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.at-legal__updated { margin-top: 2rem; color: var(--text-muted); font-size: .875rem; }
.at-footer__legal a { color: inherit; }
@media (max-width: 42rem) { .at-legal__facts div { grid-template-columns: 1fr; gap: .2rem; } .at-legal__table { display: block; overflow-x: auto; } }

/* ---- v1.5.1 hero clarity (2026-09-11) ----
   Ahmed: "all the heroes crisp, just fading a little where the text is placed."
   Photos now render at full opacity with no filters/scaling; the only darkening is a soft
   left-side scrim that fades out by ~70% of the width (behind the text block), plus a light
   text-shadow. On phones the text spans the full width, so a gentle vertical scrim is used. */
.at-hero { background-image: linear-gradient(90deg, rgba(7,23,37,.66) 0%, rgba(7,23,37,.42) 30%, rgba(7,23,37,.12) 54%, rgba(7,23,37,0) 68%), image-set(url('hero-food-supply-temporary-v2.avif') type('image/avif') 1x, url('hero-food-supply-temporary-v2.webp') type('image/webp') 1x, url('hero-food-supply-temporary-v2.png') type('image/png') 1x) !important; background-position: center, 68% center !important; background-size: auto, cover !important; background-repeat: no-repeat !important; }
.at-hero__texture { display: none !important; }
.at-hero h1, .at-hero .at-lead, .at-hero__content > p, .at-hero .at-eyebrow,
.at-inner-hero h1, .at-inner-hero .at-lead, .at-inner-hero__content p, .at-inner-hero .at-breadcrumbs,
.at-service-page__hero h1, .at-service-page__hero p, .at-service-page__hero .at-breadcrumbs,
.at-products-home-hero__content h1, .at-products-home-hero__content p { text-shadow: 0 1px 2px rgba(3,12,22,.38); }
/* About, Contact, Pasta (inner heroes with a real <img>) */
.at-inner-hero__image { filter: none !important; transform: none !important; }
.at-inner-hero__overlay, .at-about-hero .at-inner-hero__overlay, .at-contact-hero .at-inner-hero__overlay, .at-products-hero .at-inner-hero__overlay { background: linear-gradient(90deg, rgba(7,23,37,.62) 0%, rgba(7,23,37,.38) 32%, rgba(7,23,37,.10) 56%, rgba(7,23,37,0) 70%) !important; }
.at-inner-hero.at-pasta-hero { background-image: url('https://alphatradecorp.com/wp-content/uploads/2026/08/pasta-range-hero-v1.webp') !important; background-size: cover !important; }
/* Service pages (Supply Chain, Private Label, Quality, RFQ, Legal, 404, product sub-pages) */
.at-service-page__hero::before { opacity: 1 !important; transform: none !important; filter: none !important; }
.at-service-page__hero::after, .at-products-hero::after { background: linear-gradient(90deg, rgba(6,22,39,.72) 0%, rgba(6,22,39,.46) 34%, rgba(6,22,39,.12) 58%, rgba(6,22,39,0) 72%) !important; }
.at-products-hero::before { opacity: 1 !important; }
/* Products directory page */
.at-products-home-hero__media { filter: none !important; transform: none !important; }
.at-products-home-hero__overlay { background: linear-gradient(90deg, rgba(7,27,46,.62) 0%, rgba(7,27,46,.38) 34%, rgba(7,27,46,.10) 58%, rgba(7,27,46,0) 72%) !important; }
@media (max-width: 760px) {
  .at-hero { background-image: linear-gradient(180deg, rgba(7,23,37,.46) 0%, rgba(7,23,37,.62) 100%), image-set(url('hero-food-supply-temporary-v2.avif') type('image/avif') 1x, url('hero-food-supply-temporary-v2.webp') type('image/webp') 1x, url('hero-food-supply-temporary-v2.png') type('image/png') 1x) !important; }
  .at-inner-hero__overlay, .at-about-hero .at-inner-hero__overlay, .at-contact-hero .at-inner-hero__overlay, .at-products-hero .at-inner-hero__overlay, .at-products-home-hero__overlay { background: linear-gradient(180deg, rgba(7,23,37,.46), rgba(7,23,37,.62)) !important; }
  .at-service-page__hero::before, .at-products-hero::before { opacity: 1 !important; }
  .at-service-page__hero::after, .at-products-hero::after { background: linear-gradient(180deg, rgba(6,22,39,.48), rgba(6,22,39,.64)) !important; }
}

/* ---- v1.5.3 language control: EN | Auto (segmented pill, header + mobile menu + footer) ---- */
.at-lang-seg { display: inline-flex; align-items: center; padding: 3px; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; background: rgba(11,26,43,.35); }
.at-lang-seg button { display: inline-flex; align-items: center; gap: .35rem; height: 1.75rem; padding: 0 .7rem; border: 0; border-radius: 999px; background: transparent; color: rgba(255,255,255,.84); font: 600 .8125rem/1 var(--font-body); letter-spacing: .03em; cursor: pointer; transition: background-color 150ms ease, color 150ms ease, transform 160ms ease; }
.at-lang-seg button:active { transform: scale(.97); }
.at-lang-seg button[aria-pressed="true"] { background: var(--at-gold); color: var(--at-navy); }
.at-lang-seg button:hover:not([aria-pressed="true"]) { color: var(--at-white); }
.at-lang-seg button:focus-visible { outline: 2px solid var(--at-gold); outline-offset: 2px; }
.at-lang-seg svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.at-mobile-menu nav .at-lang-seg { margin-top: .75rem; align-self: flex-start; }
.at-footer__language.at-lang-seg { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
/* Google Translate chrome stays hidden; only the page text changes */
.goog-te-banner-frame, .skiptranslate, #goog-gt-tt, .goog-te-balloon-frame, .goog-te-spinner-pos { display: none !important; }
body { top: 0 !important; }
/* v1.5.5 nav no-wrap: seven items + language pill + button must stay on one line down to the mobile breakpoint */
.at-nav { flex-wrap: nowrap; white-space: nowrap; }
.at-header__inner { flex-wrap: nowrap; }
@media (max-width: 82rem) { .at-nav { gap: .8rem; font-size: .8125rem; } .at-actions { gap: .6rem; } .at-actions .at-button { padding-inline: .9rem; } .at-logo { width: 15rem; } }
@media (max-width: 76rem) { .at-nav { gap: .6rem; font-size: .78rem; } .at-logo { width: 13.5rem; } }

/* ---- v1.6.0 Origins & Markets block (home + about) ---- */
.at-markets__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); margin-top: 2rem; }
.at-markets__grid article { padding: 1.4rem 1.5rem; border-top: .2rem solid var(--at-gold); background: var(--at-ivory); }
.at-about-markets .at-markets__grid article { background: var(--at-white); border: 1px solid var(--border-light); border-top: .2rem solid var(--at-gold); }
.at-markets__grid h3 { margin: 0 0 .5rem; font-size: 1.25rem; line-height: 1.2; }
.at-markets__grid p { margin: 0; font-size: .96875rem; line-height: 1.55; }
@media (max-width: 60rem) { .at-markets__grid { grid-template-columns: 1fr; } }

/* ==== v1.7.0 HERO SYSTEM: three tiers, one type scale, one left edge (overrides all earlier hero sizing) ==== */
/* Tier 1 - Home */
.at-hero { min-height: 42rem !important; padding-block: 9rem 5.5rem !important; }
/* Tier 2 - Section pages: Products, Pasta, Private Label, How We Work, About, product sub-pages */
main .at-inner-hero, main .at-service-page__hero, main .at-products-home-hero, main .at-pasta-hero, main .at-products-hero { height: auto !important; min-height: 30rem !important; padding: 8.25rem 0 3.25rem !important; display: grid !important; align-items: end !important; }
/* Tier 3 - Utility pages: RFQ, Contact, Legal, 404 */
main.at-rfq-page .at-service-page__hero, main.at-legal .at-service-page__hero, main.at-not-found .at-service-page__hero, main .at-contact-hero { min-height: 22.5rem !important; padding: 7rem 0 2.75rem !important; }
/* One left edge: every hero text block sits on the standard page grid, no page-specific offsets */
.at-inner-hero .at-wrap, .at-inner-hero__content, .at-service-page__hero .at-wrap, main .at-products-home-hero__content { position: relative; z-index: 2; box-sizing: border-box; width: min(82.5rem, calc(100% - 5rem)) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; }
.at-inner-hero .at-breadcrumbs, .at-service-page__hero .at-breadcrumbs, .at-products-home-hero .at-breadcrumbs { margin: 0 0 .9rem !important; }
/* Type scale */
.at-inner-hero .at-eyebrow, .at-service-page__hero .at-eyebrow, .at-products-home-hero .at-eyebrow { margin-bottom: .9rem !important; }
.at-inner-hero h1, .at-service-page__hero h1, .at-products-home-hero h1, .at-pasta-hero h1, .at-products-hero h1, .at-about-hero h1, .at-contact-hero h1 { font-size: clamp(2.1rem, 3.2vw, 2.75rem) !important; line-height: 1.06 !important; letter-spacing: -.015em !important; max-width: 17ch !important; margin: 0 0 .9rem !important; }
main.at-rfq-page .at-service-page__hero h1, main.at-legal .at-service-page__hero h1, main.at-not-found .at-service-page__hero h1, main .at-contact-hero h1 { font-size: clamp(1.9rem, 2.8vw, 2.5rem) !important; }
.at-inner-hero .at-lead, .at-service-page__lead, .at-inner-hero__content > p:not(.at-eyebrow):not(.at-lead), .at-products-home-hero__content > p:not(.at-eyebrow), .at-service-page__hero .at-wrap > p:not(.at-eyebrow) { font-size: 1.125rem !important; line-height: 1.5 !important; max-width: 40rem !important; margin: 0 0 1.1rem !important; }
.at-inner-hero .at-button, .at-service-page__hero .at-button, .at-products-home-hero .at-button { margin-top: .5rem !important; }
.at-inner-hero__content .at-actions-row, .at-pasta-hero .at-actions-row { margin-top: 1.25rem !important; }
@media (max-width: 760px) {
  .at-hero { min-height: 0 !important; padding-block: 6.75rem 3.25rem !important; }
  main .at-inner-hero, main .at-service-page__hero, main .at-products-home-hero, main .at-pasta-hero, main .at-products-hero { min-height: 27.5rem !important; padding: 6.5rem 0 2.5rem !important; }
  main.at-rfq-page .at-service-page__hero, main.at-legal .at-service-page__hero, main.at-not-found .at-service-page__hero, main .at-contact-hero { min-height: 18.75rem !important; padding: 6rem 0 2.25rem !important; }
  .at-inner-hero .at-wrap, .at-inner-hero__content, .at-service-page__hero .at-wrap, main .at-products-home-hero__content { width: calc(100% - 2.5rem) !important; }
  .at-inner-hero h1, .at-service-page__hero h1, .at-products-home-hero h1, .at-pasta-hero h1, .at-products-hero h1 { font-size: 2rem !important; }
  .at-inner-hero .at-lead, .at-service-page__lead, .at-inner-hero__content > p:not(.at-eyebrow):not(.at-lead), .at-products-home-hero__content > p:not(.at-eyebrow) { font-size: 1.0625rem !important; }
}

/* v1.7.1 type priority: outrank the Customizer heading rule (same selectors, higher specificity) */
body main .at-inner-hero h1, body main .at-service-page__hero h1, body main .at-products-home-hero h1, body main .at-pasta-hero h1, body main .at-products-hero h1 { font-size: clamp(2.1rem, 3.2vw, 2.75rem) !important; line-height: 1.06 !important; }
body main.at-rfq-page .at-service-page__hero h1, body main.at-legal .at-service-page__hero h1, body main.at-not-found .at-service-page__hero h1, body main .at-contact-hero h1 { font-size: clamp(1.9rem, 2.8vw, 2.5rem) !important; }
body .at-hero h1 { font-size: clamp(2.375rem, 4.5vw, 3.125rem) !important; }
@media (max-width: 760px) { body main .at-inner-hero h1, body main .at-service-page__hero h1, body main .at-products-home-hero h1, body main .at-pasta-hero h1 { font-size: 2rem !important; } body main.at-rfq-page .at-service-page__hero h1, body main.at-legal .at-service-page__hero h1, body main .at-contact-hero h1 { font-size: 1.8rem !important; } body .at-hero h1 { font-size: 2.2rem !important; } }

/* v1.7.2 id-level priority for the hero type scale (the Customizer rule uses two classes; only an ID outranks it). Eyebrow gold corrected to brand #C8A256. */
#content .at-inner-hero h1, #content .at-service-page__hero h1, #content .at-products-home-hero h1, #content .at-pasta-hero h1, #content .at-products-hero h1 { font-size: clamp(2.1rem, 3.2vw, 2.75rem) !important; line-height: 1.06 !important; letter-spacing: -.015em !important; }
#content.at-rfq-page .at-service-page__hero h1, #content.at-legal .at-service-page__hero h1, #content.at-not-found .at-service-page__hero h1, #content .at-contact-hero h1 { font-size: clamp(1.9rem, 2.8vw, 2.5rem) !important; }
#content .at-hero h1 { font-size: clamp(2.375rem, 4.5vw, 3.125rem) !important; }
#content .at-hero { padding-block: 8.5rem 5rem !important; }
body .at-eyebrow, #content .at-eyebrow { color: var(--at-gold) !important; }
.at-section--dark .at-eyebrow, .at-hero .at-eyebrow, .at-inner-hero .at-eyebrow, .at-service-page__hero .at-eyebrow, .at-products-home-hero .at-eyebrow { color: var(--at-gold) !important; }
@media (max-width: 760px) { #content .at-inner-hero h1, #content .at-service-page__hero h1, #content .at-products-home-hero h1, #content .at-pasta-hero h1 { font-size: 2rem !important; } #content.at-rfq-page .at-service-page__hero h1, #content.at-legal .at-service-page__hero h1, #content .at-contact-hero h1 { font-size: 1.8rem !important; } #content .at-hero h1 { font-size: 2.2rem !important; } #content .at-hero { padding-block: 6.5rem 3rem !important; } }

/* ==== v1.8.1 FULL-PHOTO HEROES (2026-09-11) ====
   Ahmed: "we lose parts of the images, it looks cut off; show the full image with the products, keep the size."
   Every hero photo was shot with empty space on the left and the products on the right. Instead of stretching the
   photo across the whole band (which hid ~half of it), the photo now sits at full hero height on the right, complete,
   and the headline sits on plain navy to its left. Its left edge fades into the navy. Tier heights are unchanged.
   --at-hero-ratio = photo width/height (3:2 = 1.5, 16:9 = 1.7778). The box takes the hero's real height and derives its width
   from the ratio, so the photo is complete whatever the text makes the band; when capped at 64% only empty left space is lost. */
#content .at-hero, #content .at-inner-hero, #content .at-service-page__hero, #content .at-products-home-hero {
  --at-hero-ratio: 1.5;
  background-color: var(--at-navy) !important; background-image: none !important;
}
#content .at-pasta-hero { --at-hero-ratio: 1.7778; }

/* The photo layer: one box, right-aligned, exactly the photo's proportion, soft fade on its left edge. */
#content .at-service-page__hero::before, #content .at-pasta-hero::before, #content .at-hero::before,
#content .at-inner-hero__media, #content .at-products-home-hero__media {
  content: "" !important; position: absolute !important; inset: 0 0 0 auto !important; height: 100% !important; width: auto !important; aspect-ratio: var(--at-hero-ratio); max-width: 64% !important;
  z-index: 0 !important; background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important;
  opacity: 1 !important; transform: none !important; filter: none !important; pointer-events: none !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14rem); mask-image: linear-gradient(90deg, transparent 0, #000 14rem);
}
#content .at-service-page__hero::before { background-image: var(--at-hero-image) !important; }
#content .at-pasta-hero::before { background-image: url('https://alphatradecorp.com/wp-content/uploads/2026/08/pasta-range-hero-v1.webp') !important; }
#content .at-hero::before { z-index: -1 !important; background-image: image-set(url('hero-food-supply-temporary-v2.avif') type('image/avif') 1x, url('hero-food-supply-temporary-v2.webp') type('image/webp') 1x) !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16rem); mask-image: linear-gradient(90deg, transparent 0, #000 16rem); }
#content .at-inner-hero__media .at-responsive-media, #content .at-inner-hero__image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: right center !important; }
#content .at-inner-hero__overlay, #content .at-products-home-hero__overlay { z-index: 1 !important; }

/* Text sits on navy now, so the scrim only has to cover the fade zone on narrower desktops. */
#content .at-service-page__hero::after, #content .at-inner-hero__overlay, #content .at-products-home-hero__overlay {
  background: linear-gradient(90deg, rgba(11,26,43,.55) 0, rgba(11,26,43,.28) 28rem, rgba(11,26,43,0) 44rem) !important;
}
#content .at-hero h1, #content .at-hero .at-lead, #content .at-hero__content > p, #content .at-hero .at-eyebrow,
#content .at-inner-hero h1, #content .at-inner-hero .at-lead, #content .at-inner-hero__content p, #content .at-inner-hero .at-breadcrumbs,
#content .at-service-page__hero h1, #content .at-service-page__hero p, #content .at-service-page__hero .at-breadcrumbs,
#content .at-products-home-hero__content h1, #content .at-products-home-hero__content p { text-shadow: none !important; }
/* Keep the text block inside the navy column. */
#content .at-inner-hero .at-lead, #content .at-service-page__lead, #content .at-inner-hero__content > p:not(.at-eyebrow):not(.at-lead), #content .at-products-home-hero__content > p:not(.at-eyebrow), #content .at-service-page__hero .at-wrap > p:not(.at-eyebrow) { max-width: 34rem !important; }
#content .at-hero .at-lead, #content .at-hero__content > p:not(.at-eyebrow):not(.at-lead) { max-width: 42rem !important; }

/* Phones: the complete photo as a band across the top, the text on navy underneath. */
@media (max-width: 760px) {
  #content .at-service-page__hero::before, #content .at-pasta-hero::before, #content .at-hero::before,
  #content .at-inner-hero__media, #content .at-products-home-hero__media {
    inset: 0 0 auto 0 !important; width: 100% !important; max-width: none !important; height: calc(100vw / var(--at-hero-ratio)) !important; aspect-ratio: auto;
    -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent 100%); mask-image: linear-gradient(180deg, #000 82%, transparent 100%);
  }
  #content .at-hero, #content .at-inner-hero, #content .at-service-page__hero, #content .at-products-home-hero,
  #content.at-rfq-page .at-service-page__hero, #content.at-legal .at-service-page__hero, #content.at-not-found .at-service-page__hero, #content .at-contact-hero {
    min-height: 0 !important; padding-top: calc(100vw / var(--at-hero-ratio) + .25rem) !important;
  }
  #content .at-service-page__hero::after, #content .at-inner-hero__overlay, #content .at-products-home-hero__overlay { background: none !important; }
  #content .at-hero .at-lead, #content .at-hero__content > p:not(.at-eyebrow):not(.at-lead) { max-width: none !important; }
}

/* ==== v1.9.0 PRODUCT PAGES + DIRECTORY (2026-09-11): five product pages on the Pasta model; directory says which categories have a page ==== */
.at-category-badge { position: absolute; top: 14px; right: 14px; z-index: 2; padding: .32rem .55rem; background: var(--at-gold); color: var(--at-navy); font: 700 .64rem/1 var(--font-body); letter-spacing: .1em; text-transform: uppercase; }
.at-directory-note { max-width: 46rem; margin: -.25rem 0 1.75rem; color: rgba(26,36,51,.78); font-size: 1rem; line-height: 1.55; }
.at-product-family { margin: 2.25rem 0 .9rem; padding-bottom: .5rem; border-bottom: 1px solid rgba(11,26,43,.14); font-family: var(--font-display); font-weight: 600; font-size: 1.35rem; color: var(--at-navy); }
.at-product-range .at-pasta-catalog__lead + .at-product-family { margin-top: 1.25rem; }
.at-product-range .at-four-grid article { position: relative; display: flex; flex-direction: column; }
.at-product-range .at-four-grid article h3 { font-size: 1.15rem; padding-right: 2.2rem; }
.at-product-range .at-four-grid article p { flex: 1 1 auto; }
.at-product-index { position: absolute; top: 1.2rem; right: 1.4rem; color: var(--at-gold); font: 700 .72rem/1 var(--font-body); letter-spacing: .08em; }
.at-product-spec { display: block; margin-top: .9rem; padding-top: .7rem; border-top: 1px solid rgba(11,26,43,.1); color: var(--at-navy); font: 600 .76rem/1.4 var(--font-body); letter-spacing: .05em; text-transform: uppercase; }
.at-pack-label { margin: 0 0 .4rem; color: var(--at-gold); font: 700 .68rem/1 var(--font-body); letter-spacing: .1em; text-transform: uppercase; }
.at-product-packs .at-three-grid { margin-bottom: 1.2rem; }
@media (max-width: 760px) { .at-product-family { margin-top: 1.75rem; } }

/* ==== v1.9.1 AUDIENCE LANDINGS: two pages on the site hero system, plus a programs grid ==== */
.at-buyer-intent__programs h2 { max-width: 26ch; margin-bottom: 1.6rem; }
.at-buyer-intent__programs .at-three-grid article { display: flex; flex-direction: column; }
.at-buyer-intent__programs .at-three-grid article h3 { font-size: 1.2rem; margin-bottom: .5rem; }
.at-buyer-intent__programs .at-three-grid article p { flex: 1 1 auto; margin: 0 0 1rem; }
.at-buyer-intent__programs .at-three-grid article a { color: var(--at-navy); font-weight: 700; text-decoration: none; }
.at-buyer-intent__programs .at-three-grid article a span { color: var(--at-gold); }
.at-buyer-intent__programs .at-three-grid article a:hover { text-decoration: underline; }

/* ==== v1.10.0 UNIVERSAL FOOTER (2026-09-12): ivory upper area, Nile village visual as a subtle background, thin deep-navy band ==== */
.at-footer { position: relative; isolation: isolate; padding: 0; background: #F7F3E8; color: var(--at-charcoal, #1A2433); }
.at-footer__upper { position: relative; padding: clamp(3.5rem, 5.5vw, 4.75rem) 0 clamp(9rem, 16vw, 15rem); background-color: #F7F3E8; background-image: var(--at-footer-bg); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; }
/* Keeps the reading area ivory and lets the scene show softly below the columns. */
.at-footer__upper::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, #F7F3E8 0%, #F7F3E8 calc(100% - 22rem), rgba(247,243,232,.82) calc(100% - 15rem), rgba(247,243,232,.3) calc(100% - 7rem), rgba(247,243,232,.12) 100%); pointer-events: none; }
.at-footer__upper > .at-wrap { position: relative; z-index: 1; }
.at-footer .at-logo { display: inline-block; width: 13.5rem; }
.at-footer .at-logo img { display: block; width: 100%; height: auto; }
.at-footer__founded { margin: .9rem 0 0 !important; color: var(--at-gold); font: 700 .68rem/1.3 var(--font-body); letter-spacing: .14em; text-transform: uppercase; }
.at-footer__brand > p:not(.at-footer__founded) { max-width: 22rem; color: var(--at-charcoal, #1A2433); }
.at-footer h2 { color: var(--at-navy); font: 700 .6875rem/1.3 var(--font-body); text-transform: uppercase; letter-spacing: .15em; }
.at-footer h2::after { content: ""; display: block; width: 1.75rem; height: 1px; margin-top: .6rem; background: var(--at-gold); }
.at-footer__grid p a { color: var(--at-navy); }
.at-footer__grid p a:hover, .at-footer__grid p a:focus-visible { color: var(--at-gold); }
.at-footer__contacts { display: flex; flex-direction: column; gap: .55rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.at-footer__contacts a { display: inline-flex; align-items: center; gap: .6rem; color: var(--at-navy); font-size: .875rem; text-decoration: none; }
.at-footer__contacts a:hover span, .at-footer__contacts a:focus-visible span { text-decoration: underline; }
.at-footer__contacts svg { flex: 0 0 auto; width: 1.7rem; height: 1.7rem; padding: .3rem; border: 1px solid rgba(11,26,43,.28); border-radius: 50%; stroke: var(--at-navy); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
.at-footer__contacts a:hover svg { border-color: var(--at-gold); stroke: var(--at-gold); }
.at-footer__band { position: relative; z-index: 1; background: var(--at-navy); color: rgba(255,255,255,.82); }
.at-footer__legal { margin-top: 0; padding: .9rem 0; border-top: 0; color: rgba(255,255,255,.82); }
.at-footer__legal .notranslate { line-height: 1.5; }
.at-footer__language.at-lang-seg { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); }
@media (max-width: 1000px) { .at-footer__upper { padding-bottom: 12rem; } .at-footer__grid { grid-template-columns: repeat(3, 1fr); gap: 2rem 2rem; } .at-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 760px) {
  .at-footer__upper { padding: 3rem 0 11.5rem; background-image: var(--at-footer-bg-small); }
  .at-footer__upper::before { background: linear-gradient(180deg, #F7F3E8 0%, #F7F3E8 calc(100% - 12rem), rgba(247,243,232,.75) calc(100% - 9rem), rgba(247,243,232,.25) calc(100% - 4rem), rgba(247,243,232,.1) 100%); }
  .at-footer__grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .at-footer .at-logo { width: 11.5rem; }
  .at-footer__legal { flex-direction: column; gap: .75rem; padding: .9rem 0 1rem; }
}