.traceability-page{display:block}.traceability-page #wrapper{width:100%;overflow-x:hidden}@media (max-width:991px){.traceability-page .container{padding-left:var(--space-4);padding-right:var(--space-4)}}.traceability-page .tr-section-title{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-10)}@media (max-width:991px){.traceability-page .tr-section-title{font-size:var(--font-size-xl)}}.traceability-page .tr-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:calc(50dvh - 42px);display:flex;position:relative}@media (max-width:991px){.traceability-page .tr-banner{min-height:auto;padding:var(--space-12) 0;align-items:flex-end!important}}.traceability-page .tr-banner-mask{opacity:.4;background:#000;position:absolute;inset:0}.traceability-page .tr-banner-title{z-index:var(--z-raised);color:var(--color-text-invert);font-size:var(--font-size-4xl);font-weight:var(--font-weight-regular);text-align:center;margin:0;position:relative}@media (max-width:991px){.traceability-page .tr-banner-title{font-size:var(--font-size-2xl)}}.traceability-page .tr-intro{padding:var(--space-8) 0 var(--space-10)}.traceability-page .tr-intro .breadcrumb{margin-bottom:var(--space-6)}.traceability-page .tr-intro .tr-intro-text{color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.traceability-page .tr-intro .tr-intro-text p{margin:0}.traceability-page .tr-intro .tr-intro-image .tr-video-frame{aspect-ratio:16/9;background:var(--color-neutral-900);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.traceability-page .tr-intro .tr-intro-image .tr-video-frame .tr-video-el{border:0;width:100%;height:100%;display:block}@media (max-width:991px){.traceability-page .tr-intro .tr-intro-image{margin-top:var(--space-6)}.traceability-page .tr-intro{padding-top:var(--space-4)}}.traceability-page .tr-concept .tr-concept-cards{margin:var(--space-8) auto}@media (max-width:991px){.traceability-page .tr-concept .tr-concept-cards{margin:var(--space-6) auto}.traceability-page .tr-concept .tr-concept-cards .row{gap:var(--space-4);grid-template-columns:1fr;grid-auto-rows:1fr;display:grid}}.traceability-page .tr-concept .tr-concept-card{background:var(--color-bg);border-radius:var(--radius-xl);height:100%;box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center}@media (max-width:991px){.traceability-page .tr-concept .tr-concept-card{padding:var(--space-5)}}.traceability-page .tr-concept .tr-concept-icon{width:var(--space-12);height:var(--space-12);object-fit:contain;margin:0 auto var(--space-5);display:block}.traceability-page .tr-concept .tr-concept-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2)}.traceability-page .tr-concept .tr-concept-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.traceability-page .tr-process{padding:var(--space-8) 0 var(--space-12)}.traceability-page .tr-process .tr-steps{align-items:flex-start;gap:var(--space-2);display:flex}.traceability-page .tr-process .tr-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.traceability-page .tr-process .tr-step-photo{width:calc(var(--space-20)*1.8);aspect-ratio:1;border-radius:var(--radius-circle);max-width:100%;box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);background-position:50%;background-repeat:no-repeat;background-size:cover}.traceability-page .tr-process .tr-step-text{width:100%}.traceability-page .tr-process .tr-step-no{text-align:left;color:var(--color-primary-strong);font-size:var(--font-size-base);margin:0 0 var(--space-1)}.traceability-page .tr-process .tr-step-no span{font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);margin-left:var(--space-1);display:inline-block;transform:skew(-8deg)}.traceability-page .tr-process .tr-step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-primary-strong);margin:0 0 var(--space-2)}.traceability-page .tr-process .tr-step-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.traceability-page .tr-process .tr-step-arrow{width:var(--space-5);height:auto;margin-top:calc(var(--space-20)*.9);flex:none;transform:translateY(-50%)rotate(-90deg)}.traceability-page .tr-process .tr-step.animate__animated{animation-name:trStepInLeft}.traceability-page .tr-process .tr-step-arrow.animate__animated{animation-name:trFadeIn}@media (max-width:991px){.traceability-page .tr-process{padding-top:var(--space-6)}.traceability-page .tr-process .tr-steps{align-items:stretch;gap:var(--space-3);padding:0 var(--space-3);flex-direction:column}.traceability-page .tr-process .tr-step{text-align:left;align-items:center;gap:var(--space-5);flex-direction:row}.traceability-page .tr-process .tr-step-photo{width:calc(var(--space-20)*1.8);flex:none;margin-bottom:0}.traceability-page .tr-process .tr-step-text{flex:1}.traceability-page .tr-process .tr-step.animate__animated{animation-name:trStepInTop}.traceability-page .tr-process .tr-step-no{margin-left:-1em}.traceability-page .tr-process .tr-step-arrow{display:none}}@keyframes trStepInLeft{0%{opacity:0;transform:translateX(calc(var(--space-6) * -1))}to{opacity:1;transform:none}}@keyframes trStepInTop{0%{opacity:0;transform:translateY(calc(var(--space-6) * -1))}to{opacity:1;transform:none}}@keyframes trFadeIn{0%{opacity:0}to{opacity:1}}.traceability-page .tr-material .tr-material-content{padding:var(--space-8)}.traceability-page .tr-material .tr-material-content .tr-section-title{margin-bottom:var(--space-5)}.traceability-page .tr-material .tr-material-desc{color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);text-align:center;margin:0 0 var(--space-10)}@media (max-width:991px){.traceability-page .tr-material .tr-material-desc{margin-bottom:var(--space-5)}}.traceability-page .tr-material .tr-chain{margin:var(--space-4) auto;width:100%;max-width:calc(var(--space-20)*5.86);aspect-ratio:585.75/198.95;background:url(/images/traceability/icons/chain-desktop.svg) 50%/contain no-repeat;padding:0;list-style:none;position:relative}.traceability-page .tr-material .tr-chain-node{text-align:center;width:19%;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-base);position:absolute;transform:translate(-50%,-50%)}.traceability-page .tr-material .tr-chain-node:first-child{top:37%;left:12.56%}.traceability-page .tr-material .tr-chain-node:nth-child(2){top:63.01%;left:37.52%}.traceability-page .tr-material .tr-chain-node:nth-child(3){top:37%;left:62.48%}.traceability-page .tr-material .tr-chain-node:nth-child(4){top:63.01%;left:87.44%}@media (max-width:991px){.traceability-page .tr-material .tr-chain{max-width:calc(var(--space-20)*3.4);aspect-ratio:auto;gap:var(--space-2);background:0 0;grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.traceability-page .tr-material .tr-chain-node{aspect-ratio:1;width:auto;padding:var(--space-2);border:2px solid var(--color-primary);border-radius:var(--radius-circle);background:var(--color-bg);font-size:var(--font-size-md);justify-content:center;align-items:center;display:flex;position:static;transform:none}}.traceability-page .tr-factory{padding:var(--space-8) 0;background:var(--color-brand-50)}.traceability-page .tr-factory .tr-factory-slide{aspect-ratio:16/9;border-radius:var(--radius-2xl);background:var(--color-bg);overflow:hidden}.traceability-page .tr-factory .tr-factory-slide img{object-fit:cover;width:100%;height:100%;display:block}.traceability-page .tr-factory .tr-factory-caption{margin:var(--space-3) 0 0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base)}.traceability-page .tr-factory .tr-factory-dots{margin-top:var(--space-4);text-align:center;line-height:1}.traceability-page .tr-factory .tr-factory-dots .tr-factory-dot{width:var(--space-2);height:var(--space-2);margin:var(--space-1) 7px;border-radius:var(--radius-pill);background:var(--color-brand-300);cursor:pointer;border:0;padding:0;transition:background .2s;display:inline-block}.traceability-page .tr-factory .tr-factory-dots .tr-factory-dot.active,.traceability-page .tr-factory .tr-factory-dots .tr-factory-dot:hover{background:var(--color-primary-strong)}.traceability-page .tr-audit{padding:var(--space-8) 0}.traceability-page .tr-audit .tr-section-title{margin-bottom:var(--space-4)}.traceability-page .tr-audit .tr-audit-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-4)}.traceability-page .tr-audit .tr-audit-icon{width:var(--space-12);height:var(--space-12);object-fit:contain;margin:0 auto var(--space-4);display:block}.traceability-page .tr-audit .tr-audit-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.traceability-page .tr-audit-v2 .tr-audit-row>[class*=col-]{margin-top:var(--space-16)}.traceability-page .tr-audit-v2 .tr-audit-card-css{max-width:calc(var(--space-20)*2.7);min-height:calc(var(--space-20)*3);background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6) var(--space-8);text-align:center;flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.traceability-page .tr-audit-v2 .tr-audit-no{top:calc(var(--space-12)*-1);z-index:var(--z-raised);font-size:calc(var(--space-20)*1.5);line-height:1;font-weight:var(--font-weight-bold);color:var(--color-brand-25);position:absolute;left:-15%;transform:skew(-8deg)}.traceability-page .tr-audit-v2 .tr-audit-no:before{content:attr(data-storke);z-index:var(--z-below);color:var(--color-bg);-webkit-text-stroke:20px var(--color-bg);position:absolute;top:0;left:0}.traceability-page .tr-audit-v2 .tr-audit-card-css.animate__animated{animation-name:trStepInLeft}@media (max-width:991px){.traceability-page .tr-audit-v2 .tr-audit-card-css{max-width:calc(var(--space-20)*2.5);min-height:calc(var(--space-20)*2.6);padding:var(--space-6) var(--space-5)}.traceability-page .tr-audit-v2 .tr-audit-no{font-size:var(--space-20);top:calc(var(--space-10)*-1);left:-10%}.traceability-page .tr-audit-v2 .tr-audit-no:before{-webkit-text-stroke-width:12px}.traceability-page .tr-audit-v2 .tr-audit-row>[class*=col-]{margin-top:var(--space-8)}.traceability-page .tr-audit-v2 .tr-audit-card-css.animate__animated{animation-name:trStepInTop}.traceability-page .tr-audit-v2 .tr-audit-row>[class*=col-]+[class*=col-]{margin-top:var(--space-10)}}.traceability-page .tr-closing{padding-top:var(--space-6);text-align:center}@media (max-width:991px){.traceability-page .tr-closing{padding-top:0}}.traceability-page .tr-closing .tr-closing-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-strong);margin:0 0 var(--space-5)}@media (max-width:991px){.traceability-page .tr-closing .tr-closing-title{font-size:var(--font-size-xl)}}.traceability-page .tr-closing .tr-closing-desc{max-width:calc(var(--space-20)*7.5);color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 auto}.traceability-page .tr-closing .tr-closing-team{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:auto;display:block}