
:root{
  --navy:#052c52;
  --navy-2:#02223f;
  --gold:#d79e2d;
  --gold-2:#f0c35d;
  --cream:#fbf5e8;
  --cream-2:#f5ead6;
  --cream-3:#efe1c7;
  --ink:#072b50;
  --muted:#5d6d78;
  --white:#fff;
  --shadow:0 18px 50px rgba(12,39,61,.14);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fcf7eb,#f6ebd7)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.shell{width:min(1280px,calc(100% - 44px));margin-inline:auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* header */
.site-header{height:78px;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:white;position:sticky;top:0;z-index:30;box-shadow:0 2px 0 rgba(238,183,64,.92)}
.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}
.brand{width:182px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;flex:0 0 auto;padding-top:2px}
.brand img{width:165px;height:58px;object-fit:contain;object-position:left center}
.brand .brand-tagline{display:block;margin-left:34px;margin-top:-2px;color:#f2bf54;font-family:"Pacifico",cursive;font-size:10px;line-height:1;white-space:nowrap}
.main-nav{display:flex;gap:28px;align-items:center;margin-left:auto}
.main-nav a{font-family:Montserrat,sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;opacity:.96}
.main-nav a:hover{color:#f2c15b}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 26px;font:800 13px/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.01em;border:0;cursor:pointer;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px)}
.btn-gold{color:#05294d;background:linear-gradient(180deg,#f4cf77,#d99d2b);box-shadow:0 8px 22px rgba(184,127,26,.28)}
.btn-blue{color:#fff;background:linear-gradient(180deg,#0a477d,#052d54)}
.btn-small{padding:13px 20px;font-size:11px}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}

/* base cream sections — same countryside artwork used in the Cremilan labels */
.brand-story,.portfolio,.sell-where,.reasons,.lead-area{
  background:
    linear-gradient(rgba(251,245,232,.78),rgba(247,238,219,.86)),
    url('assets/brand/cremilan-label-landscape.png') center top/cover no-repeat;
}

/* hero — uses the actual label landscape with the house, fields, mountains and gold engraving */
.hero{position:relative;overflow:hidden;background:
  linear-gradient(rgba(255,249,235,.34),rgba(247,238,220,.42)),
  url('assets/brand/cremilan-label-landscape.png') center center/cover no-repeat;
  border-bottom:1px solid rgba(213,155,40,.30)}
.hero::before{display:none}
.hero-lineart{display:none}
.hero-ribbon{position:absolute;right:-16%;top:-205px;width:62%;height:430px;border-radius:0 0 0 70%;background:linear-gradient(135deg,#052c52,#001c36);border-left:5px solid var(--gold);border-bottom:5px solid var(--gold);transform:rotate(2deg);opacity:.98;z-index:0}
.hero-grid{min-height:590px;display:grid;grid-template-columns:43% 57%;position:relative;z-index:2}
.hero-copy{padding:72px 20px 78px 0;align-self:center}
.eyebrow{display:block;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:13px;color:#41607a;margin-bottom:10px}
.hero h1{font:800 48px/1.02 Montserrat,sans-serif;text-transform:uppercase;margin:0 0 20px;color:#0a315a;letter-spacing:-.035em}
.hero h1 strong{font-weight:900;font-size:1.06em}
.hero-copy>p{font-size:17px;line-height:1.55;color:#40566a;max-width:500px;margin:0 0 28px}
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;margin-bottom:30px}
.hero-benefits>div{text-align:center;font-size:11px;line-height:1.22}
.circle-icon{display:flex;width:38px;height:38px;margin:0 auto 7px;align-items:center;justify-content:center;border:2px solid var(--navy);border-radius:13px;background:rgba(255,255,255,.26)}
.circle-icon svg{width:22px;height:22px;fill:none;stroke:var(--navy);stroke-width:1.7}
.btn-hero{padding:17px 31px;min-width:290px;font-size:13px}.btn-hero span{font-size:18px;margin-left:12px}
.hero-showcase{position:relative;min-height:590px}
.hero-showcase::before{display:none}
.showcase-milk-splash{position:absolute;right:20px;top:125px;width:300px;height:215px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.92) 0 22%,rgba(255,255,255,.56) 23% 36%,transparent 50%);filter:blur(14px);opacity:.75;z-index:1}
.showcase-shadow{position:absolute;left:80px;right:25px;bottom:22px;height:36px;background:radial-gradient(ellipse at center,rgba(17,40,61,.18),transparent 68%);z-index:1}
.hero-script{position:absolute;top:42px;left:22px;z-index:8;text-align:center;color:#9a6828;font:35px/1.08 "Pacifico",cursive;transform:rotate(-4deg);text-shadow:0 2px 0 rgba(255,255,255,.8)}
.hero-script em{color:#143d62;font-style:normal}
.quality-seal{position:absolute;right:18px;top:28px;z-index:8;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 30% 28%, #f8dc8f 0%, #e5b84f 42%, #c98b1f 76%, #b17916 100%);border:3px solid #9a6c18;box-shadow:0 10px 24px rgba(154,106,38,.22);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#08345e;padding:12px}
.quality-seal b{display:block;font:900 18px/1 Montserrat,sans-serif;letter-spacing:.02em;color:#08345e;margin:2px 0 4px}
.seal-top{display:block;font:800 10px/1 Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.92;margin-bottom:3px}
.seal-main{display:block;font:800 14px/1.05 Montserrat,sans-serif;text-transform:uppercase;margin-bottom:4px}
.seal-sub{display:block;max-width:86px;font:800 8.5px/1.25 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.quality-seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px solid rgba(8,52,94,.28)}
.quality-seal::after{content:"";position:absolute;left:50%;top:16px;transform:translateX(-50%);width:26px;height:2px;background:rgba(8,52,94,.35);box-shadow:0 72px 0 rgba(8,52,94,.35)}

.hero-products{position:absolute;inset:118px -10px 10px 10px;z-index:4}
.hp{position:absolute;filter:drop-shadow(0 18px 18px rgba(8,33,53,.22));object-fit:contain}
.hp-a{width:180px;left:70px;top:48px;z-index:4;transform:rotate(-2deg)}
.hp-b{width:185px;left:225px;top:32px;z-index:5}
.hp-c{width:178px;left:385px;top:52px;z-index:4;transform:rotate(2deg)}
.hp-d{width:175px;left:45px;top:250px;z-index:6}
.hp-e{width:188px;left:190px;top:236px;z-index:8}
.hp-f{width:173px;left:355px;top:255px;z-index:6}
.hp-g{width:168px;left:495px;top:250px;z-index:5}
.hero-food{position:absolute;z-index:3;background-repeat:no-repeat;background-size:contain;background-position:center center;opacity:.65}
.hero-chocolate{left:35px;bottom:45px;width:160px;height:85px;background-image:radial-gradient(circle at 52% 52%,rgba(87,46,19,.65) 0 22%,rgba(121,69,34,.5) 23% 44%,transparent 48%)}
.hero-strawberry{left:250px;bottom:36px;width:95px;height:50px;background-image:radial-gradient(circle at 35% 40%,#ef654d 0 22%,#b7212b 45%,transparent 48%)}
.hero-oats{right:90px;bottom:35px;width:120px;height:50px;background-image:radial-gradient(ellipse at center,#d8bb7d 0 30%,#ae8c50 35%,transparent 48%)}

/* brand */
.brand-story{padding:26px 0 24px;border-bottom:1px solid #eadfc9}
.brand-grid{display:grid;grid-template-columns:44% 56%;gap:26px;align-items:center}
.brand-copy h2{font:800 31px/1.06 Montserrat,sans-serif;color:#092d52;margin:4px 0 12px}.brand-copy p{margin:0;color:#40596f;line-height:1.55;font-size:14px}
.brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.feature-card{background:#fff;border:1px solid #e7dcc8;border-radius:14px;text-align:center;padding:18px 14px 16px;min-height:164px;box-shadow:0 5px 18px rgba(61,67,70,.04)}
.feature-card svg{width:34px;height:34px;stroke:#0a3764;fill:none;stroke-width:1.6}.feature-card h3{font:800 14px/1.1 Montserrat;margin:8px 0 8px;color:#0a315a;text-transform:uppercase}.feature-card p{margin:0;font-size:11px;line-height:1.35;color:#526676}

/* portfolio */
.portfolio{padding:18px 0 24px}
.section-title{text-align:center;margin-bottom:18px}.section-title h2{margin:0;color:#092d52;font:800 30px/1.1 Montserrat,sans-serif;text-transform:uppercase}.section-title p{margin:6px 0 0;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:#587087}.section-title.tight{margin-bottom:12px}
.portfolio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.product-card{background:rgba(255,255,255,.86);border:1px solid #e4d9c5;border-radius:14px;padding:10px 8px 12px;text-align:center;min-height:238px;overflow:hidden;box-shadow:0 3px 12px rgba(18,41,64,.03)}
.product-card h3{font:800 12px/1.1 Montserrat;margin:0 0 7px;text-transform:uppercase;color:#092d52;min-height:28px}
.product-card p{font-size:10px;line-height:1.35;margin:5px 0 0;color:#0d3b66}.product-card p b{font-weight:800}
.product-stack{height:150px;display:flex;justify-content:center;align-items:flex-end;position:relative}
.product-stack img{width:86px;height:142px;object-fit:contain;margin:0 -24px;filter:drop-shadow(0 6px 6px rgba(6,40,65,.15))}
.product-stack-5 img{width:70px;margin:0 -20px}.product-stack-3 img{width:92px;margin:0 -24px}
.single-product{height:150px;display:flex;align-items:flex-end;justify-content:center}.single-product img{height:150px;width:150px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(6,40,65,.15))}
.compact{min-height:218px}.compact .single-product{height:130px}.compact .single-product img{height:120px;width:140px}.sweet-stack img{width:100px;margin:0 -30px}

/* sell */
.sell-where{padding:14px 0 20px;border-top:1px solid #eadfc9}
.channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.channel-card{background:#fff;border:1px solid #e3d8c4;border-radius:14px;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 16px;position:relative;box-shadow:0 3px 10px rgba(12,39,61,.03)}
.channel-card::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:999px;background:linear-gradient(180deg,#f2ca70,#d89b29)}
.channel-card span{display:block;margin-top:12px;color:#123a60;font-weight:800;font-size:12px;line-height:1.24}

/* commission */
.commission{background:linear-gradient(180deg,#073966,#032847);padding:20px 0 24px;color:#fff;position:relative;overflow:hidden}.commission::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.07),transparent 24%),linear-gradient(90deg,transparent 0 70%,rgba(226,166,52,.06));pointer-events:none}.section-title.inverse h2{color:#fff}.section-title.inverse p{color:#edbc57}
.commission-grid{display:grid;grid-template-columns:180px 1.35fr 1fr 180px;gap:14px;position:relative;z-index:1;align-items:stretch}.commission-rate,.commission-simulator,.commission-table{border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(2,28,51,.45);padding:15px}.commission-rate{text-align:center;display:flex;flex-direction:column;justify-content:center}.commission-rate span{text-transform:uppercase;font-weight:700;font-size:12px}.commission-rate strong{font:900 55px/1 Montserrat;color:#eeb844}.commission-rate small{font-size:11px;font-weight:700}.commission-simulator label{font-size:11px;font-weight:700}.slider-line{display:grid;grid-template-columns:1fr 135px;gap:15px;align-items:center;margin-top:9px}.slider-line input{accent-color:#e7b144;width:100%}.slider-line output{background:#fff;color:#0c3155;border-radius:6px;padding:10px;text-align:center;font-weight:800}.estimated{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:10px;gap:12px}.estimated strong{background:#e6ae3c;color:#0b2f53;padding:10px 16px;border-radius:5px;font:900 22px Montserrat;white-space:nowrap}.commission-table table{width:100%;border-collapse:collapse;font-size:10px}.commission-table th,.commission-table td{border:1px solid rgba(255,255,255,.14);padding:6px 8px;text-align:left}.commission-table th{color:#efbc55}.success-script{font:32px/1.12 Pacifico,cursive;color:#e8b14a;align-self:center;text-align:center;transform:rotate(-4deg)}.success-script em{font-style:normal;color:#fff2cd}

/* reasons */
.reasons{padding:18px 0 20px}.reasons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.reasons article{border:1px solid #e5dac5;background:#fff;border-radius:12px;text-align:center;padding:12px 8px;min-height:126px}.reasons svg{width:25px;height:25px;stroke:#0a3764;fill:none;stroke-width:1.7}.reasons h3{font:800 11px/1.1 Montserrat;text-transform:uppercase;margin:5px 0;color:#0a315a}.reasons p{font-size:9px;line-height:1.3;margin:0;color:#4e6272}

/* lead */
.lead-area{padding:0 0 18px}.lead-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:18px;align-items:start}
.brazil-panel{min-height:312px;background:linear-gradient(135deg,#073965,#012745);color:white;padding:28px 28px 32px;display:grid;grid-template-columns:58% 42%;border-radius:16px 16px 0 0;box-shadow:var(--shadow);overflow:hidden;position:relative}.brazil-panel::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-78px;height:120px;background:#f2c45e;border-top:3px solid white;border-radius:50%}.brazil-panel span{text-transform:uppercase;font-size:11px;font-weight:800}.brazil-panel h2{font:900 28px/1 Montserrat;text-transform:uppercase;color:#f2c151;margin:2px 0 12px}.brazil-panel p{font-size:11px;max-width:340px;color:#e2eef6}.brazil-panel ul{list-style:none;padding:0;margin:13px 0 18px;font-size:11px}.brazil-panel li{margin:7px 0}.brazil-panel li::before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e7b244;color:#0b3155;margin-right:7px;font-weight:900}.brazil-panel .btn{position:relative;z-index:2;padding:12px 18px;font-size:10px}
.brazil-map{align-self:center;position:relative;z-index:2;max-width:260px;margin-inline:auto}.brazil-map img{width:100%;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.12))}
.catalog-panel{background:#fff7e8;border:1px solid #eadcc4;border-top:0;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;min-height:142px;overflow:hidden;border-radius:0 0 18px 18px}.catalog-panel h3{font:800 16px Montserrat;text-transform:uppercase;margin:0 0 4px}.catalog-panel p{font-size:10px;margin:0 0 12px}.catalog-panel .btn{padding:11px 16px;font-size:9px}.catalog-panel img{width:104px;height:116px;object-fit:contain;transform:rotate(-6deg);margin-right:14px}
.lead-form{background:#fff;border:1px solid #e2d7c2;border-radius:12px;padding:18px 20px;box-shadow:0 9px 26px rgba(19,50,72,.06)}.lead-form h2{font:900 17px Montserrat;text-transform:uppercase;margin:0;color:#0a315a}.lead-form>p{font-size:10px;margin:3px 0 12px}.lead-form label,.lead-form legend{font-size:9px;font-weight:700;color:#173e62}.lead-form input[type=text],.lead-form input[type=tel],.lead-form input[type=email],.lead-form select,.lead-form textarea{width:100%;border:1px solid #bdc8d1;border-radius:3px;padding:7px 8px;font:11px DM Sans;margin-top:3px;background:#fff}.form-grid{display:grid;gap:8px}.form-grid.two{grid-template-columns:1fr 1fr}.lead-form>label{display:block;margin-bottom:8px}.lead-form fieldset{border:0;padding:0;margin:7px 0}.inline-question{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-question legend{float:left;margin-right:5px}.inline-question label{font-weight:500}.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}.checks label{font-weight:500}.privacy{display:flex!important;gap:6px;align-items:flex-start;font-weight:500!important;font-size:8px!important}.privacy input{margin-top:2px;flex:0 0 auto}.submit-btn{width:100%;padding:14px;margin-top:2px}.form-success{margin-top:10px;background:#eef8e8;color:#2c5d23;padding:10px;border-radius:6px;font-size:10px}

/* footer */
footer{background:#fff}.footer-main{background:linear-gradient(180deg,#07375f,#022645);color:white;padding:15px 0}.footer-grid{display:grid;grid-template-columns:230px 1fr 1fr;align-items:center;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.footer-brand img{width:190px;height:58px;object-fit:contain}.footer-brand .brand-tagline{margin-left:38px;margin-top:-2px;font:10px/1 Pacifico;color:#f1b94c}.footer-tag{text-align:center;font-size:19px;line-height:1.1}.footer-values{display:flex;justify-content:space-between;gap:16px}.footer-values span{flex:1;text-align:center;position:relative;padding-top:14px}.footer-values span::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;border:2px solid #efbc56}.footer-values small{display:block;color:white;font:700 11px Montserrat,sans-serif;letter-spacing:.01em;margin-top:3px}.footer-bottom{padding:8px 0;color:#6a7680;font-size:8px;background:#fff}.footer-bottom .shell{display:flex;justify-content:space-between;gap:16px}.footer-bottom b{text-transform:uppercase;color:#183e61}

@media (max-width:1260px){.hero h1{font-size:45px}.hp-a{left:35px}.hp-b{left:180px}.hp-c{left:325px}.hp-d{left:20px}.hp-e{left:155px}.hp-f{left:300px}.hp-g{left:430px}}
@media (max-width:1120px){.main-nav{gap:16px}.main-nav a{font-size:10px}.hero-grid{grid-template-columns:44% 56%}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-showcase,.hero-grid{min-height:560px}.hero-script{font-size:29px}.quality-seal{position:absolute;right:18px;top:28px;z-index:8;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 30% 28%, #f8dc8f 0%, #e5b84f 42%, #c98b1f 76%, #b17916 100%);border:3px solid #9a6c18;box-shadow:0 10px 24px rgba(154,106,38,.22);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#08345e;padding:12px}.hp{transform:scale(.92);transform-origin:center}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.commission-grid{grid-template-columns:160px 1fr 1fr}.success-script{display:none}.reasons-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.site-header{height:70px}.brand{width:145px}.brand img{width:135px;height:52px}.brand .brand-tagline{margin-left:26px;font-size:9px}.main-nav,.site-header .btn-small{display:none}.menu-toggle{display:block}.hero::before{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:46px 0 10px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-benefits{margin-inline:auto}.hero-showcase{min-height:580px}.hero-showcase::before{left:-18px;right:-18px;top:70px;bottom:10px;border-radius:130px 130px 0 0}.hero-ribbon{width:92%;right:-44%;top:-200px}.hero-script{left:50%;transform:translateX(-50%) rotate(-4deg);top:16px;font-size:28px}.quality-seal{position:absolute;right:18px;top:28px;z-index:8;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 30% 28%, #f8dc8f 0%, #e5b84f 42%, #c98b1f 76%, #b17916 100%);border:3px solid #9a6c18;box-shadow:0 10px 24px rgba(154,106,38,.22);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#08345e;padding:12px}.hero-products{inset:120px 0 0 0}.hp{width:168px}.hp-a{left:4%;top:55px}.hp-b{left:29%;top:42px}.hp-c{left:54%;top:60px}.hp-d{left:3%;top:260px}.hp-e{left:28%;top:252px;width:186px}.hp-f{left:53%;top:261px}.hp-g{left:69%;top:258px;width:164px}.brand-grid,.lead-grid{grid-template-columns:1fr}.brand-cards{margin-top:5px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.commission-grid{grid-template-columns:1fr 1fr}.commission-table{grid-column:1/-1}.reasons-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center}.footer-brand .brand-tagline{margin-left:0}.footer-values{max-width:420px;margin:auto;width:100%}.footer-bottom .shell{flex-direction:column;gap:4px;text-align:center}}
@media (max-width:560px){.shell{width:min(100% - 24px,1280px)}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.hero-benefits{grid-template-columns:repeat(2,1fr)}.btn-hero{min-width:100%}.hero-showcase{min-height:480px}.hero-script{font-size:23px;top:18px}.quality-seal{position:absolute;right:18px;top:28px;z-index:8;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 30% 28%, #f8dc8f 0%, #e5b84f 42%, #c98b1f 76%, #b17916 100%);border:3px solid #9a6c18;box-shadow:0 10px 24px rgba(154,106,38,.22);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#08345e;padding:12px}.quality-seal b{display:block;font:900 18px/1 Montserrat,sans-serif;letter-spacing:.02em;color:#08345e;margin:2px 0 4px}
.seal-top{display:block;font:800 10px/1 Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.92;margin-bottom:3px}
.seal-main{display:block;font:800 14px/1.05 Montserrat,sans-serif;text-transform:uppercase;margin-bottom:4px}
.seal-sub{display:block;max-width:86px;font:800 8.5px/1.25 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.quality-seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px solid rgba(8,52,94,.28)}
.quality-seal::after{content:"";position:absolute;left:50%;top:16px;transform:translateX(-50%);width:26px;height:2px;background:rgba(8,52,94,.35);box-shadow:0 72px 0 rgba(8,52,94,.35)}
.showcase-milk-splash{display:none}.hero-products{inset:112px -32px 0 -32px;transform:scale(.78);transform-origin:top center}.brand-cards{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.product-card{min-height:230px}.channel-grid{grid-template-columns:1fr}.commission-grid{grid-template-columns:1fr}.slider-line{grid-template-columns:1fr}.commission-table{grid-column:auto}.estimated{flex-direction:column;align-items:flex-start}.estimated strong{width:100%;text-align:center}.reasons-grid{grid-template-columns:1fr}.brazil-panel{grid-template-columns:1fr}.brazil-map{max-width:220px;margin:auto}.form-grid.two{grid-template-columns:1fr}.checks{grid-template-columns:1fr 1fr}.footer-values{flex-wrap:wrap}.footer-values span{min-width:40%}}


.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-wordmark{display:block;max-width:440px;margin:.08em 0 .1em -8px}
.hero-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(8,33,53,.10))}
.quality-seal{position:absolute;right:8px;top:24px;z-index:8;width:116px;height:116px;padding:0;background:none;border:0;box-shadow:none}
.quality-seal img{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(154,106,38,.18))}

@media (max-width:1120px){.hero-wordmark{max-width:390px}.quality-seal{width:102px;height:102px;right:10px;top:24px}}
@media (max-width:860px){.hero-wordmark{max-width:360px;margin-inline:auto}.quality-seal{width:96px;height:96px;right:8px;top:16px}}
@media (max-width:560px){.hero-wordmark{max-width:300px}.quality-seal{width:82px;height:82px;right:8px;top:12px}}

.quality-seal::before,.quality-seal::after{content:none !important;display:none !important}


/* hero lineup simplification */
.showcase-milk-splash,.quality-seal,.hero-products,.showcase-shadow{display:none !important}
.hero-showcase{position:relative;min-height:590px;display:flex;align-items:flex-end;justify-content:center;padding:128px 8px 18px;overflow:hidden}
.hero-collage{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:center;width:100%}
.hero-collage img{display:block;width:min(780px,100%);height:auto;filter:drop-shadow(0 10px 18px rgba(8,33,53,.14))}
.hero-showcase::before{content:"";position:absolute;left:95px;top:0;right:-110px;bottom:42px;background:linear-gradient(180deg,#07355f,#032847);border-left:4px solid var(--gold);border-bottom:4px solid var(--gold);border-radius:150px 0 0 150px;z-index:0}
@media (max-width:1260px){.hero-collage img{width:min(720px,100%)}}
@media (max-width:1120px){.hero-showcase,.hero-grid{min-height:545px}.hero-showcase{padding-top:128px}.hero-collage img{width:min(680px,100%)}}
@media (max-width:860px){.hero-showcase{min-height:500px;padding:126px 0 10px}.hero-showcase::before{left:-18px;right:-18px;top:70px;bottom:10px;border-radius:130px 130px 0 0}.hero-collage img{width:min(620px,100%)}}
@media (max-width:560px){.hero-showcase{min-height:360px;padding-top:106px}.hero-collage img{width:min(520px,118%)}.hero-showcase::before{top:58px}}


/* hero collage position fix */
.hero-showcase{align-items:flex-start !important;padding:42px 8px 0 !important}
.hero-collage{margin-top:8px}
.hero-collage img{width:min(830px,104%) !important}
@media (max-width:1260px){.hero-showcase{padding-top:34px !important}.hero-collage img{width:min(770px,103%) !important}}
@media (max-width:1120px){.hero-showcase{padding-top:30px !important}.hero-collage img{width:min(720px,104%) !important}}
@media (max-width:860px){.hero-showcase{padding:34px 0 0 !important;align-items:flex-start !important}.hero-collage img{width:min(640px,108%) !important}}
@media (max-width:560px){.hero-showcase{padding-top:20px !important}.hero-collage img{width:min(540px,125%) !important}}
