/* History page container */.history-section {  padding: 2rem;  max-width: 1280px;  margin: auto;}.history-intro h2 {  font-size: 1.4rem;  margin-top: 1.5rem;  color: #002d62;}:root {  --year-base: 1930;   /* first year on timeline */  --year-scale: 30;    /* px per year */  --lnb-navy:#002d62;  --lnb-gold:#c5a253;  --gap:56px;}/* container height based on timeline range */.timeline-container {  position: relative;  margin: 0 auto;  max-width: 1280px;  min-height: calc((2025 - var(--year-base)) * var(--year-scale) * 1px);}.timeline-container::before {  content: "";  position: absolute;  left: 50%;  top: 0;  width: 4px;  height: 100%;  background: var(--lnb-gold);  transform: translateX(-50%);}.timeline-title {  text-align: center;  font-size: 2rem;  font-weight: bold;  color: #002d62;  margin-bottom: 2rem;}/* Events */.timeline-item {  position: absolute;  width: calc(50% - var(--gap));  top: calc((var(--year-start) - var(--year-base)) * var(--year-scale) * 1px);}.timeline-item.left {  left: 0;  text-align: right;  padding-right: 1rem;}.timeline-item.left::before {  content: "";  position: absolute;  top: 50%;  right: -56px;  width: var(--gap);  height: 2px;  background: var(--lnb-gold);  transform: translateY(-50%);}.timeline-content {  background: #fff;  border-radius: 8px;  padding: 1rem;  box-shadow: 0 2px 6px rgba(0,0,0,0.15);  display: inline-block;  max-width: 90%;}.timeline-item .timeline-content {  margin-bottom: 15px;  /* force spacing between cards */}/* Fan-out effect by index */.timeline-content.fan-1 { transform: translateX(-40px); }.timeline-content.fan-2 { transform: translateX(-160px); }.timeline-content.fan-3 { transform: translateX(-120px); }.timeline-content.fan-4 { transform: translateX(-160px); }/* President spans */.president-span {  position: absolute;  right: 0;  width: calc(50% - var(--gap));  padding-left: 1rem;  top: calc((var(--year-start) - var(--year-base)) * var(--year-scale) * 1px);  height: calc((var(--year-end) - var(--year-start)) * var(--year-scale) * 1px);}.president-span::before,.president-span::after {  content: "";  position: absolute;  left: -56px;  width: var(--gap);  height: 2px;  background: var(--lnb-gold);}.president-span::before { top: 0; }.president-span::after { bottom: 0; }.president-card {  background: var(--lnb-navy);  color: #fff;  border-left: 6px solid var(--lnb-gold);  border-radius: 8px;  padding: 1rem;  box-shadow: 0 2px 6px rgba(0,0,0,0.25);  height: 100%;  display: flex;  flex-direction: column;  justify-content: center;}.president-name { font-weight: 700; font-size: 1.1rem; }.president-years { color: var(--lnb-gold); font-size: 0.9rem; margin-top: 0.3rem; }/* Responsive */@media (max-width:768px) {  .timeline-container::before { left: 20px; }  .timeline-item,  .president-span {    position: relative;    width: 100%;    padding-left: 3rem;    margin-bottom: 2rem;    top: auto;    height: auto;  }  .timeline-item.left { text-align: left; }  .timeline-item.left::before {    left: 20px; right: auto;    width: calc(3rem - 20px);  }  .president-span::before,  .president-span::after { display: none; }}/* ---------------------------   Modern Timeline Layout----------------------------*/.timeline-modern {  max-width: 900px;  margin: 0 auto;  border-left: 4px solid #c5a253;  padding-left: 2rem;}.timeline-row {  display: flex;  gap: 1.5rem;  margin-bottom: 1.5rem;}.timeline-year {  min-width: 90px;  font-weight: 700;  color: #002d62;}.timeline-card {  background: #ffffff;  border-left: 6px solid #002d62;  padding: 1rem 1.25rem;  border-radius: 6px;  box-shadow: 0 2px 6px rgba(0,0,0,0.1);  flex: 1;}.timeline-row.president .timeline-card {  background: #002d62;  color: #ffffff;  border-left-color: #c5a253;}.timeline-row.president .timeline-year {  color: #c5a253;}/* Card header (icon + label) */.timeline-card-head {  display: flex;  align-items: center;  gap: 0.6rem;  margin-bottom: 0.5rem;  opacity: 0.9;}.timeline-card-head i {  font-size: 1rem;}.timeline-label {  font-weight: 700;  font-size: 0.9rem;}/* President icon color */.timeline-row.president .timeline-card-head i,.timeline-row.president .timeline-label {  color: #c5a253;}/* Reveal animation */.reveal {  opacity: 0;  transform: translateY(12px);  transition: opacity 500ms ease, transform 500ms ease;  will-change: opacity, transform;}.reveal.is-visible {  opacity: 1;  transform: translateY(0);}/* Reduced motion support */@media (prefers-reduced-motion: reduce) {  .reveal {    transition: none;    transform: none;  }}.history-cra {  margin-top: 2rem;  padding-top: 1.5rem;  border-top: 1px solid #d9d9d9;}.history-cra h2 {  font-size: 1.4rem;  margin-top: 0;  margin-bottom: 1rem;  color: #002d62;}.history-cra p {  margin-bottom: 1rem;  line-height: 1.6;  color: #222;}.history-cra-link {  margin-top: 1.25rem;}.history-cra .primary-btn {  display: inline-block;}/* Mobile */@media (max-width: 600px) {  .timeline-row {    flex-direction: column;    gap: 0.5rem;  }  .timeline-year {    min-width: auto;  }}