/* Reference-led heritage canvas, scoped to the product journey only. */
#history{background:#f7f8f4}
#history>.wrap{position:relative;isolation:isolate;padding:38px 38px 30px;border:1px solid #d3e4d9;border-radius:16px;background:radial-gradient(ellipse at 100% 100%,#b7dccc55,transparent 48%),linear-gradient(125deg,#fcfcf7,#edf5ed 64%,#e1eee4);overflow:hidden}
#history>.wrap:before,#history>.wrap:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #85b69a30;border-radius:50%;width:900px;height:450px;right:-240px;top:80px;transform:rotate(-24deg);box-shadow:0 25px 0 0 #b0d8bf20,0 55px 0 0 #b0d8bf15}
#history>.wrap:after{width:1100px;height:500px;right:-150px;top:auto;bottom:-340px;transform:rotate(-12deg);border-color:#7eaa8c55;box-shadow:0 -20px 0 #fff5}
#history .corp-heading{margin-bottom:34px;gap:24px}
#history .corp-heading>div{padding-left:0}
#history .corp-heading>div:before{display:none}
#history .corp-heading h2{font-size:clamp(29px,3vw,46px);font-weight:600;color:#173c36}
#history .corp-heading h2:after{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#40966c;margin-top:16px}
#history .history-rail{border:0;background:none;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 0 24px;gap:22px;overflow:visible}
#history .history-line{left:0;right:0;top:110px;height:34px;width:auto;background:linear-gradient(90deg,#12513f,#18805b 58%,#52a972);border-radius:12px;box-shadow:0 8px 20px #24553e15}
#history .history-step{align-items:center;text-align:center;gap:12px;padding:0}
#history .history-step:after{content:"";position:absolute;top:123px;width:9px;height:9px;border:2px solid #f4fff2;border-radius:50%;background:#8ec8a1;box-shadow:0 0 0 3px #c9e4cf66}
#history .history-product{width:108px;height:108px;background:#fcfdf7;border-color:#7eaf91;box-shadow:none;margin:0 0 24px}
#history .history-product:after{right:50%;bottom:-27px;width:1px;height:25px;transform:none;border-radius:0;background:#8cb99d}
#history .history-product img{width:86px;height:77px}
#history .history-product small{color:#244d3c}
#history .history-step b{font-size:17px;color:#1e4436}
#history .history-step span{font-size:12px;max-width:190px;color:#536f63}
#history .history-note{padding-top:17px;border-top:1px solid #bcd5c66b;color:#637568;font-size:11px}
#history .history-actions{max-width:none;gap:20px;margin-top:24px}
#history .history-actions>a{min-height:188px;border-radius:12px;padding:25px 28px;background:linear-gradient(120deg,#093e32,#17644c);box-shadow:0 10px 24px #254f3412}
#history .history-actions>a+a{background:linear-gradient(125deg,#fff,#f4f8f1);border:1px solid #d6e5d9}
#history .history-actions h3{font-size:25px;margin:20px 0 12px}
#history .history-actions p{font-size:14px;max-width:100%}
#history .history-actions>a:after{width:300px;height:300px;right:-140px;bottom:-190px;box-shadow:0 0 0 36px #89bfa10a,0 0 0 72px #89bfa10a}
#history .history-actions .corp-text-link{display:inline-block;font-size:13px}
@media(max-width:900px){#history>.wrap{padding:28px 22px}#history .history-rail{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;gap:15px;padding-bottom:26px}#history .history-line{width:800px;right:auto}#history .history-step span{max-width:145px}#history .history-actions{grid-template-columns:1fr 1fr}#history .history-actions>a{padding:24px 20px}#history .history-actions h3{font-size:21px}}
@media(max-width:580px){#history>.wrap{padding:26px 18px}#history .history-actions{grid-template-columns:1fr}#history .corp-heading h2{font-size:28px}#history .history-actions>a{min-height:170px}}
