/* Material direction: approved brand colors and type scale stay intact. */
:root{--mineral:#eee6d8;--mineral-line:#d8c6ac;--mineral-ink:#25343c;--mineral-muted:#53606a;--mineral-paper:#faf5ec;--case-paper:#f5e8d2;--case-copper:#a66a31;--case-brown:#563919;--case-text:#40382e}
body.dark{--mineral:#23343c;--mineral-line:#4c5b60;--mineral-ink:#f5f4f0;--mineral-muted:#ccd3d6;--mineral-paper:#1b303b}
.hero{background-color:var(--navy);background-image:url('assets/areia-do-vale/grain.svg');border-bottom:4px solid var(--orange)}
.hero-copy{padding-top:64px;padding-bottom:64px}
.industry-hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;padding:40px 7% 40px 4%;height:auto;overflow:visible}
.industry-hero-label{display:flex;flex-direction:column;gap:8px;color:#c5d8e4;font-size:16px;line-height:1.5}
.industry-hero-label strong{font-size:25px;color:#fff;line-height:1.3}
.industry-hero img{width:100%;max-width:100%;mix-blend-mode:lighten}
.industry-hero-path{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:2px solid var(--orange);font-size:16px;line-height:1.4;color:#f2f6f8}
.industry-hero small{font-size:13px;color:#b2c7d3}
.product-hero{position:relative;min-height:570px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;margin:30px 5% 30px 6%;padding:30px 30px 24px;background:var(--mineral) url('assets/areia-do-vale/grain.svg');border:1px solid #ffffff35;box-shadow:16px 16px 0 #061d2a45;isolation:isolate}
.product-hero:before{content:'';position:absolute;inset:0;border-top:4px solid var(--orange);pointer-events:none}
.hero-project-label{position:relative;z-index:1;color:var(--mineral-ink);display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5}
.hero-project-label strong{font-size:20px}
.hero-products{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:370px;margin:15px 0 24px}
.hero-products:before{content:'';position:absolute;inset:auto -8px -12px;height:35px;background:#6c716b26;transform:skewX(-12deg);border-top:1px solid #fff9;z-index:-1}
.hero-products .hero-product{width:53%;height:345px;max-width:none;object-fit:contain;object-position:bottom;mix-blend-mode:normal;filter:drop-shadow(8px 14px 8px #0a17192b);animation:none}
.hero-products .hero-product-liquid{width:45%;height:300px;margin-right:-7%;z-index:1}
.hero-catalog-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:16px 0 0;color:var(--mineral-ink);border-top:1px solid #57615f65;font-weight:700;font-size:16px;line-height:1.4}
.hero-catalog-link:hover{color:#9d410c}
.hero-catalog-link svg{width:25px;height:25px;flex:none}
.sector-strip{background:var(--mineral);color:var(--mineral-ink);border-bottom-color:var(--mineral-line)}
.opening{border-bottom:1px solid var(--border)}
.journey{background-color:var(--dark);background-image:url('assets/areia-do-vale/grain.svg')}
.process-panel{border-radius:3px;background:#1a3445;box-shadow:10px 10px 0 #071a2455}
.process-node,.journey-visual{border-radius:2px}
.services article{border-top:3px solid var(--orange);padding:24px 22px 22px;background:var(--mineral-paper)}
.service-mark{display:block;color:#a74d1b}
.dark .service-mark{color:#ffb37d}
.service-mark svg{width:38px;height:38px;display:block}
.materials{background:var(--mineral) url('assets/areia-do-vale/grain.svg');border-top:1px solid var(--mineral-line);border-bottom:1px solid var(--mineral-line)}
.material-list article{border-bottom-color:var(--mineral-line)}
.contact{border-top:5px solid var(--orange);background-image:url('assets/areia-do-vale/grain.svg')}
.case-study{background:var(--mineral) url('assets/areia-do-vale/grain.svg');color:var(--mineral-ink);padding:80px 0 35px;border-bottom:1px solid var(--mineral-line);overflow:hidden}
.case-intro,.products-heading,.products-footnote{width:86%;max-width:1445px;margin-left:auto;margin-right:auto}
.case-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%}
.case-copy .section-label{color:var(--mineral-muted);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.case-copy .section-label:before{content:'';width:24px;height:3px;background:var(--orange);flex:none}
.case-copy h2{font-size:var(--type-section);line-height:1.22;letter-spacing:-.02em;margin-bottom:22px}
.case-copy>p:not(.section-label){font-size:var(--type-body);line-height:1.6;color:var(--mineral-muted);max-width:620px;margin:0 0 24px}
.case-copy .text-link{display:inline-flex;min-height:44px;align-items:center;font-size:16px}
.catalog-card{display:flex;gap:24px;align-items:center;background:var(--paper);padding:20px;border:1px solid var(--mineral-line);box-shadow:9px 9px 0 #6d6d5e19;transition:box-shadow .2s}
.catalog-card:hover{box-shadow:12px 12px 0 #6d6d5e2b}
.catalog-card>img{display:block;width:120px;max-width:32%;height:auto;box-shadow:5px 5px 8px #0002;flex:none}
.catalog-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;color:var(--ink);font-size:16px;line-height:1.5}
.catalog-card-copy strong{font-size:22px;line-height:1.3}
.catalog-card-copy small{font-size:14px;color:var(--muted)}
.catalog-open{font-weight:700;border-bottom:2px solid var(--orange);display:inline-flex;gap:10px;align-items:center;line-height:1.4;padding:6px 0}
.catalog-open svg{height:20px;width:20px;flex:none}
.products-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:55px;margin-bottom:24px}
.products-heading h3{font-size:var(--type-subheading);margin:0 0 8px;line-height:1.3}
.products-heading p{font-size:16px;color:var(--mineral-muted);margin:0;line-height:1.5}
.product-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8a918f #ccd0cb;overscroll-behavior-x:contain;padding:0 7% 18px;touch-action:pan-x pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none;overflow-anchor:none}
.product-viewport:focus-visible{outline-offset:-4px}
.product-track{display:flex;width:max-content;gap:22px}
.product-set{display:flex;list-style:none;padding:0;margin:0;gap:22px}
.product-card{width:290px;background:var(--paper);border:1px solid var(--mineral-line);flex:none;display:flex;flex-direction:column}
.product-card figure{height:315px;margin:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f5f4ee,#dadbd3);border-bottom:1px solid var(--mineral-line);padding:24px;position:relative;isolation:isolate}
.product-card figure:after{content:'';position:absolute;bottom:16px;left:15%;right:15%;height:12px;border-radius:50%;background:#29332d24;filter:blur(5px);z-index:-1}
.product-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 10px 5px #17252218)}
.product-caption{padding:22px;color:var(--ink);min-height:120px}
.product-caption h3{font-size:21px;line-height:1.3;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}
.product-caption p{font-size:16px;line-height:1.5;margin:0;color:var(--muted)}
.products-footnote{font-size:14px;color:var(--mineral-muted);line-height:1.5;margin-top:16px;margin-bottom:0}
.product-caption small{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:8px}
.application-gallery{width:86%;max-width:1445px;margin:52px auto 0;padding-top:36px;border-top:1px solid var(--mineral-line)}
.application-heading h3{font-size:var(--type-subheading);line-height:1.3;margin:0 0 10px}
.application-heading p{font-size:16px;color:var(--mineral-muted);margin:0}
/* Product stories follow the supplied Kibiank reference: application,
   overlapping packshot and a warm, readable editorial panel. */
.application-list{display:grid;gap:42px;margin-top:28px}
.application-scene{margin:0;min-width:0;isolation:isolate}
.application-backdrop{overflow:hidden;border-radius:18px;background:#b1b2a9}
.application-image{display:block;width:100%;height:410px;object-fit:cover;object-position:center 48%;min-width:0}
.application-card{position:relative;display:grid;grid-template-columns:minmax(180px,270px) minmax(0,1fr);grid-template-areas:"pack heading" "pack description";column-gap:46px;row-gap:15px;align-items:start;background-color:#f5e8d2;background-image:url('assets/areia-do-vale/grain.svg'),linear-gradient(135deg,#fbf2e3 0%,#f0ddbb 100%);color:#273744;border:1px solid #cfb087;border-bottom:5px solid #a66a31;border-radius:18px;margin:-100px 32px 0;padding:32px 42px 32px 26px;box-shadow:0 13px 24px #5b3b1715}
.application-packshot{grid-area:pack;display:flex;align-items:center;justify-content:center;min-width:0;margin-top:-90px;align-self:center}
.application-pack{display:block;width:100%;height:335px;object-fit:contain;filter:drop-shadow(7px 16px 10px #2d24172e)}
.application-heading-product{grid-area:heading;align-self:end;padding-top:3px}
.application-heading-product span{display:block;font-size:13px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#7e522d;margin-bottom:7px}
.application-scene h4{font-size:clamp(1.75rem,2.8vw,2.625rem);line-height:1.15;margin:0;letter-spacing:-.025em;color:#563919;text-wrap:balance}
.application-description{grid-area:description;font-size:18px;line-height:1.6;margin:0;color:#40382e;align-self:start}
.case-next-step{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px}
.case-next-step p{font-size:18px;font-weight:700;margin:0}
.case-next-step .button{flex:none}
@media(max-width:900px){.application-card{column-gap:28px;padding:26px;grid-template-columns:minmax(145px,210px) minmax(0,1fr);margin-left:20px;margin-right:20px}.application-image{height:350px}.application-pack{height:300px}.case-next-step{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){
 .application-gallery{width:calc(100% - 40px);margin-top:35px;padding-top:28px}
 .application-heading{text-align:center}.application-heading p{line-height:1.5}
 .application-list{gap:30px;margin-top:24px}
 .application-backdrop{border-radius:12px}.application-image{height:auto;aspect-ratio:4/3;object-position:center}
 .application-card{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);grid-template-areas:"pack heading" "description description";column-gap:16px;row-gap:18px;margin:-35px 10px 0;padding:20px 18px 22px;border-radius:12px}
 .application-packshot{margin-top:-78px;align-self:end}.application-pack{height:195px}
 .application-heading-product{align-self:center;padding-top:0}.application-heading-product span{font-size:11px;letter-spacing:.07em;margin-bottom:7px}
 .application-scene h4{font-size:clamp(1.25rem,5.6vw,1.625rem);line-height:1.15;text-wrap:initial}
 .application-description{font-size:18px;line-height:1.55}
 .case-next-step{align-items:center;text-align:center}.case-next-step .button{width:100%;font-size:17px}.case-next-step p{max-width:360px}
}
@media(max-width:420px){.application-card{display:block;padding:18px}.application-packshot{max-width:150px;margin:-80px auto 15px}.application-pack{height:190px}.application-heading-product{text-align:center;margin-bottom:16px}.application-scene h4{font-size:24px}}
@media(max-width:1100px){
 .product-hero{min-height:540px;margin:22px 5%;padding:24px 20px}
 .hero-products{min-height:330px}
 .hero-products .hero-product-bag{height:300px}
 .hero-products .hero-product-liquid{height:260px}
 .case-intro{gap:5%}
 .catalog-card{gap:16px;padding:16px}
 .catalog-card>img{width:95px}
 .catalog-card-copy strong{font-size:20px}
 .products-heading{align-items:start}
}
@media(max-width:720px){
 .hero-copy{padding:38px 18px 16px}
 .industry-hero{width:100%;min-height:0;padding:24px 20px 30px;gap:12px;text-align:center}
 .industry-hero-label{gap:5px}
 .industry-hero-label strong{font-size:22px}
 .industry-hero img{max-height:300px;object-fit:contain}
 .industry-hero-path{font-size:15px;padding-top:14px;gap:6px}
 .product-hero{width:calc(100% - 36px);min-height:0;margin:15px 18px 32px;padding:22px 18px 18px;box-shadow:8px 8px 0 #061d2a45;overflow:visible}
 .hero-project-label{font-size:15px;gap:8px}
 .hero-project-label strong{font-size:18px}
 .hero-products{min-height:240px;margin:18px 0 24px}
 .hero-products .hero-product-bag{height:250px}
 .hero-products .hero-product-liquid{height:215px}
 .hero-catalog-link{font-size:16px;min-height:52px}
 .case-study{padding:48px 0 26px}
 .case-intro,.products-heading,.products-footnote{width:calc(100% - 40px)}
 .case-intro{display:block}
 .case-copy{text-align:center}
 .case-copy .section-label{justify-content:center}
 .case-copy h2{font-size:var(--type-section);margin-bottom:20px}
 .case-copy>p:not(.section-label){text-align:left;margin-bottom:18px}
 .case-copy .text-link{font-size:17px}
 .catalog-card{margin-top:25px;text-align:left;gap:18px}
 .catalog-card>img{width:88px}
 .catalog-card-copy{gap:7px;font-size:16px}
 .catalog-card-copy strong{font-size:20px}
 .catalog-open{font-size:16px}
 .catalog-card-copy small{font-size:13px}
 .products-heading{display:block;margin-top:36px;margin-bottom:18px;text-align:center}
 .products-heading h3{font-size:var(--type-subheading)}
  .product-viewport{padding-left:20px;padding-right:20px}
 .product-card{width:270px}
 .product-card figure{height:290px}
 .product-caption{min-height:117px;padding:18px}
 .product-caption h3{font-size:20px}
 .products-footnote{text-align:center}
 .services article{padding:22px 18px}
}
@media(max-width:359px){
 .hero-project-label{display:block}
 .hero-project-label strong{display:block;margin-top:4px}
 .hero-products .hero-product-bag{height:210px}
 .hero-products .hero-product-liquid{height:180px}
 .hero-products{min-height:210px}
 .catalog-card{gap:12px;padding:12px}
 .catalog-card-copy strong{font-size:18px}
 .catalog-card>img{width:70px}
 .catalog-open{font-size:15px}
 .product-card{width:245px}
}
@media(prefers-reduced-motion:reduce){.product-viewport{scroll-behavior:auto}.catalog-card{transition:none}}

@media(min-width:721px) and (max-width:1000px){.services{grid-template-columns:1fr;gap:24px}.services article{padding:24px;display:grid;grid-template-columns:48px 1fr;gap:12px 20px}.services h3{margin:0;align-self:center}.services p,.services a{grid-column:2}.services p{margin:0}.services a{justify-self:start}}

.product-viewport.is-dragging{cursor:grabbing}
.product-viewport img{pointer-events:none;-webkit-user-drag:none}

/* The horizontal rail is a compact visual index; the full stories stay visible below. */
.products-heading{margin-top:54px}
.product-card{width:220px;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product-card:hover,.product-card:focus-visible{transform:translateY(-5px);border-color:#aa622d;box-shadow:0 15px 30px #5b3b171c;outline:none}
.product-card:focus-visible{box-shadow:0 0 0 3px #fff7ea,0 0 0 6px #9b4a20,0 15px 30px #5b3b171c}
.product-card figure{height:220px;padding:18px}
.product-caption{padding:16px;min-height:146px;display:flex;flex-direction:column}
.product-caption h3{font-size:18px;margin-bottom:6px}
.product-caption p{font-size:14px;line-height:1.45}
.product-index-action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;color:#87401d;font-size:13px;font-weight:750}
.product-index-action:after{content:'\2193';font-size:16px;transition:transform .2s ease}
.product-card:hover .product-index-action:after,.product-card:focus-visible .product-index-action:after{transform:translateY(3px)}
.products-footnote{font-weight:650}

.application-list{gap:54px}
.application-scene{scroll-margin-top:155px}
.application-scene:nth-of-type(3n+2) .application-card{background:linear-gradient(120deg,#f8ead3,#e6c9a0)}
.application-scene:nth-of-type(3n) .application-card{background:linear-gradient(120deg,#fff7ea,#eddbbd)}
.application-backdrop{box-shadow:0 18px 42px #4f32151a}
.application-image{height:420px}
.application-card{margin-top:-98px}

.case-inline-cta{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:30px 34px;border-radius:16px;background:linear-gradient(120deg,#5a3925,#70462b);color:#fff8ed;box-shadow:0 18px 40px #4b2b171e}
.case-inline-cta span{display:block;color:#edbf8a;font-size:12px;line-height:1.4;font-weight:750;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.case-inline-cta strong{display:block;font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.case-inline-cta p{margin:8px 0 0;max-width:720px;color:#f3dfc8;font-size:15px;line-height:1.55}
.case-inline-cta .button{flex:none;background:#fff4e2;color:#6b3519;border-color:#f3d5ae;box-shadow:none}
.case-inline-cta .button:hover{background:#fffaf2;color:#542610}

@media(max-width:720px){
 .product-card{width:190px}
 .product-card figure{height:190px;padding:14px}
 .product-caption{min-height:142px;padding:14px}
 .product-caption h3{font-size:17px}
 .product-caption p{font-size:13px}
 .application-list{gap:38px}
 .application-scene{scroll-margin-top:105px}
 .application-image{height:auto}
 .application-card{margin-top:-35px}
 .case-inline-cta{display:block;padding:24px 22px;text-align:center;border-radius:12px}
 .case-inline-cta p{font-size:14px;margin-left:auto;margin-right:auto}
 .case-inline-cta .button{width:100%;margin-top:20px}
}


/* A single material palette connects catalog, products and the supporting UI. */
.product-card{border-color:#cfb087;border-radius:14px;background:var(--case-paper);overflow:hidden;box-shadow:0 7px 16px #5b3b170c}
.product-card figure{background-color:#f3e7d2;background-image:url('assets/areia-do-vale/grain.svg'),linear-gradient(135deg,#fbf3e5,#ead6b2);border-bottom:1px solid #d8c09a}
.product-caption{background-color:var(--case-paper);background-image:url('assets/areia-do-vale/grain.svg');border-bottom:4px solid var(--case-copper);flex:1}
.product-caption h3{color:var(--case-brown)}
.product-caption p{color:var(--case-text)}
.catalog-card{background-color:#faf1e1;background-image:url('assets/areia-do-vale/grain.svg');border:1px solid #cfb087;border-bottom:4px solid var(--case-copper);border-radius:12px;box-shadow:0 10px 20px #5b3b1712}
.catalog-card:hover{box-shadow:0 12px 24px #5b3b1720}
.catalog-card-copy{color:#40382e}.catalog-card-copy strong{color:var(--case-brown)}.catalog-card-copy small{color:#6d5a47}.catalog-open{border-bottom-color:var(--case-copper)}
.services article{border:1px solid var(--mineral-line);border-top:3px solid var(--orange);border-radius:12px}
.questions details,.opening,.about{border-bottom-color:var(--mineral-line)}
/* Original product packshots make the industrial offer tangible. */
.product-showcase{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px;height:auto;overflow:visible;padding:42px 8% 42px 4%;min-width:0}
.showcase-heading{display:flex;flex-direction:column;gap:6px;color:#c5d8e4;font-size:15px;line-height:1.45}
.showcase-heading strong{color:white;font-size:26px;line-height:1.25;letter-spacing:-.02em}
.showcase-stage{width:100%;height:365px;position:relative;background-color:#f4e5cd;background-image:url('assets/areia-do-vale/grain.svg'),radial-gradient(ellipse at 45% 30%,#fff7e8,#e2c79f);border:1px solid #fff4df88;border-radius:16px;isolation:isolate;overflow:hidden}
.showcase-stage:after{content:'';position:absolute;left:10%;right:10%;bottom:18px;height:28px;background:#68431a2d;filter:blur(16px);border-radius:50%;z-index:-1}
.hero-art .showcase-stage img{position:absolute;object-fit:contain;mix-blend-mode:normal;animation:none;transform:none;filter:drop-shadow(6px 12px 8px #3e2c1b2b)}
.hero-art .showcase-liquid{width:30%;height:240px;left:13%;bottom:62px;z-index:1}
.hero-art .showcase-bag{width:40%;height:295px;right:13%;bottom:50px}
.hero-art .showcase-box{width:63%;height:116px;left:18%;bottom:14px;z-index:2}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c5d8e4;font-size:14px;line-height:1.5}
.showcase-caption p{margin:0}.showcase-caption strong,.showcase-caption span{display:block}.showcase-caption strong{font-weight:600;color:#fff;font-size:16px}
.showcase-caption a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:#fff;border-bottom:1px solid #ea7834;padding:8px 0;font-weight:600;flex:none}
.showcase-caption svg{width:19px;height:19px;flex:none}
@media(min-width:721px) and (max-width:1100px){.product-showcase{padding:30px 7% 30px 3%}.showcase-stage{height:330px}.showcase-caption{display:block}.showcase-caption a{display:inline-flex;margin-top:10px}.showcase-heading strong{font-size:23px}.hero-art .showcase-liquid{width:34%;left:9%;height:225px}.hero-art .showcase-bag{width:44%;right:8%;height:265px}.hero-art .showcase-box{width:74%;left:13%;height:100px}}
@media(max-width:720px){.product-showcase{width:100%;padding:22px 20px 30px;gap:15px;min-height:0;overflow:visible}.showcase-heading{text-align:center;font-size:15px}.showcase-heading strong{font-size:24px}.showcase-stage{height:310px}.hero-art .showcase-liquid{height:215px;width:33%;left:10%;bottom:56px}.hero-art .showcase-bag{height:255px;width:43%;right:9%;bottom:43px}.hero-art .showcase-box{height:105px;width:72%;left:14%;bottom:9px}.showcase-caption{align-items:center;gap:12px}.showcase-caption p{font-size:13px}.showcase-caption strong{font-size:16px}.showcase-caption a{font-size:14px}.showcase-caption span{max-width:190px}}
@media(max-width:380px){.showcase-stage{height:280px}.hero-art .showcase-liquid{height:190px}.hero-art .showcase-bag{height:235px}.showcase-caption{display:block;text-align:center}.showcase-caption span{max-width:none}.showcase-caption a{display:inline-flex;margin-top:8px}}