.illustrated-history{max-width:none;isolation:isolate;margin-bottom:60px}.illustrated-history:before{left:175px;top:65px;bottom:65px;z-index:1}.history-era{position:relative;padding:35px 0;min-height:540px;isolation:isolate}.history-era-art{position:absolute;inset:0 0 0 auto;width:49%;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:400% auto;background-image:none;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 95%,transparent 100%);z-index:-1}.history-era-0 .history-era-art{width:53%;background-image:url('assets/history-founding-optimized.webp');background-size:contain;background-position:right center}.history-era-1 .history-era-art{background-position:33.333333% center}.history-era-2 .history-era-art{background-position:66.666667% center}.history-era-3 .history-era-art{background-position:100% center}.illustrated-history .journey-event{width:62%;grid-template-columns:155px 1fr;gap:35px;min-height:125px;padding:23px 0;z-index:2}.illustrated-history .journey-event time{font-size:29px;letter-spacing:-.7px}.illustrated-history .journey-dot{left:168px}.illustrated-history .journey-copy{padding-left:12px}.illustrated-history .journey-copy h4{font-size:19px;line-height:1.7;text-shadow:0 0 9px #fff6e6,0 0 18px #fff6e6}.illustrated-history .journey-copy>span{letter-spacing:1.5px}
@media(max-width:1000px){.illustrated-history:before{left:140px}.illustrated-history .journey-event{width:67%;grid-template-columns:125px 1fr;gap:30px}.illustrated-history .journey-dot{left:133px}.illustrated-history .journey-event time{font-size:25px}.illustrated-history .journey-copy h4{font-size:17px}.history-era-art{width:47%}.history-era-0 .history-era-art{width:50%}}
@media(max-width:700px){.illustrated-history:before{left:7px}.history-era{padding:25px 0 235px;min-height:0}.illustrated-history .journey-event{width:100%;grid-template-columns:1fr;gap:10px;padding:20px 0 20px 32px;min-height:115px}.illustrated-history .journey-dot{left:0;top:34px}.illustrated-history .journey-copy{padding-left:0;max-width:90%}.illustrated-history .journey-event time{font-size:25px}.illustrated-history .journey-copy h4{font-size:16px}.history-era .history-era-art{top:auto;bottom:0;width:100%;height:250px;background-size:400% auto;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}.history-era-0 .history-era-art{background-size:contain}.history-era-3{padding-bottom:270px}.history-era-3 .history-era-art{height:280px}}

/* Independent clipped viewports prevent neighbouring scenes from bleeding in. */
.history-era{padding:15px 0;min-height:520px}
.history-era .history-era-art{top:-24px;bottom:-24px;height:auto;background-size:contain;background-position:center;mask-image:radial-gradient(ellipse at 55% 50%,#000 43%,#000b0 67%,transparent 93%);-webkit-mask-image:radial-gradient(ellipse at 55% 50%,#000 43%,#000b0 67%,transparent 93%)}
.history-era-0 .history-era-art{background-image:url('assets/history-founding-optimized.webp');width:54%}
.history-era-1 .history-era-art{background-image:url('assets/history-lotus-optimized.webp')}
.history-era-2 .history-era-art{background-image:url('assets/history-factory-optimized.webp')}
.history-era-3 .history-era-art{background-image:url('assets/history-future-optimized.webp')}
@media(max-width:700px){.history-era{padding:18px 0 235px;min-height:0}.history-era .history-era-art{top:auto;bottom:0;width:100%;height:260px;background-size:contain;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent)}.history-era-3{padding-bottom:280px}.history-era-3 .history-era-art{height:290px}}

/* One continuous cream backdrop spans every history era. */
.illustrated-history{background:linear-gradient(90deg,transparent 0%,transparent 36%,#f0e1c72b 48%,#f0e1c7bb 63%,#f0e1c7 80%,#f0e1c7 100%)}
.illustrated-history .history-era{isolation:auto;background:none}
.illustrated-history .history-era-art{z-index:0;mix-blend-mode:darken}
@media(max-width:700px){.illustrated-history{background:linear-gradient(90deg,transparent 0%,#f0e1c722 30%,#f0e1c7aa 70%,#f0e1c7 100%)}}