.gimatic-about-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(36px,6vw,100px);align-items:center}
.gimatic-about-logo{padding:45px 30px;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;border:1px solid #ffffff21;background:#ffffff03}
.gimatic-about-logo .gimatic-brand{display:block;width:min(100%,390px);height:auto;margin:0}
.gimatic-about-logo p{margin:0;color:#aeb4bf;font-size:12px;letter-spacing:2px;text-align:center}
.gimatic-about-copy .eyebrow{margin-top:0}
.gimatic-about-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.35;margin:20px 0}
.gimatic-about-copy>p:not(.eyebrow){color:#c2c7d0;font-size:17px;line-height:1.9;max-width:640px}
.gimatic-about-copy .button{margin-top:15px;min-height:50px}
.gimatic-history{margin-top:58px;padding-top:34px;border-top:1px solid #ffffff29}
.gimatic-history-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:24px}
.gimatic-history-heading h3{font-size:23px;letter-spacing:-.5px;margin:0}
.gimatic-history-heading a{color:#b9bec7;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.gimatic-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 38px}
.gimatic-timeline li{position:relative;padding:17px 0 0;border-top:1px solid #ffffff26;min-width:0}
.gimatic-timeline li:before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;background:#e52e3e;border-radius:50%}
.gimatic-timeline time{color:#ff5362;font-size:27px;font-weight:650;letter-spacing:-.7px}
.gimatic-timeline h4{font-size:17px;line-height:1.5;margin:8px 0}
.gimatic-timeline p{color:#b9bec7;font-size:14px;line-height:1.8;margin:0;max-width:360px}
.gimatic .note{padding-top:28px;border-top:1px solid #ffffff1f;margin-top:34px;color:#aeb4bf;font-size:13px;line-height:1.8;max-width:none}
@media(max-width:800px){.gimatic-about-top{grid-template-columns:1fr;gap:30px}.gimatic-about-logo{min-height:190px;padding:35px 24px}.gimatic-about-logo .gimatic-brand{max-width:330px}.gimatic-about-copy>p:not(.eyebrow){font-size:16px}.gimatic-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.gimatic-history{margin-top:40px}}
@media(max-width:480px){.gimatic-timeline{grid-template-columns:1fr;gap:23px}.gimatic-history-heading{align-items:flex-start;flex-direction:column;gap:10px}.gimatic-about-logo .gimatic-brand{max-width:270px}.gimatic-about-copy h2{font-size:30px}.gimatic-about-copy .button{width:100%;justify-content:center}.gimatic-timeline p{max-width:none}}

/* Compact history rows give each description room to read in one line. */
@media(min-width:1101px){.gimatic-timeline{grid-template-columns:1fr;gap:0}.gimatic-timeline li{display:grid;grid-template-columns:76px 250px minmax(0,1fr);align-items:center;gap:24px;padding:20px 0}.gimatic-timeline li:before{top:50%;left:-15px;transform:translateY(-50%)}.gimatic-timeline h4{margin:0;font-size:16px}.gimatic-timeline p{max-width:none;font-size:14px;letter-spacing:-.3px;line-height:1.65}}

/* Give the history a clear heading and more readable type. */
.gimatic-history-heading{align-items:center;margin-bottom:32px}
.gimatic-history-heading .history-title{display:flex;align-items:center;gap:10px;font-size:clamp(28px,3vw,40px);font-weight:750;line-height:1.3;letter-spacing:-1.2px}
.history-title img{display:block;width:clamp(160px,17vw,220px);height:auto;flex-shrink:0}
.history-title span{white-space:nowrap}
.gimatic-timeline time{font-size:32px}
.gimatic-timeline h4{font-size:19px}
.gimatic-timeline p{font-size:16px}
@media(min-width:1101px){.gimatic-timeline li{grid-template-columns:82px 260px minmax(0,1fr);gap:24px;padding:24px 0}.gimatic-timeline h4{font-size:19px}.gimatic-timeline p{font-size:clamp(16px,1.2vw,18px);letter-spacing:-.5px}}
@media(max-width:600px){.gimatic-history-heading{align-items:flex-start;flex-direction:column;gap:16px}.gimatic-history-heading .history-title{font-size:27px;gap:7px;letter-spacing:-1px}.history-title img{width:150px}.gimatic-timeline time{font-size:29px}.gimatic-timeline h4{font-size:18px}.gimatic-timeline p{font-size:15px}}
@media(max-width:360px){.history-title img{width:128px}.gimatic-history-heading .history-title{font-size:24px}}