/* Company History page (page-about-us-history.php). Loads after about-us.css. Scoped to .hi. */

/* hero: catamaran off Cape Town, wider photo box and a shorter hero so the 1210px photo stays sharp */
.w54.hi .hero{min-height:min(600px,78vh)}
.w54.hi .hero::before{background-image:url(/wp-content/uploads/2016/10/About-Us-History-New.jpg);background-position:30% 50%;width:76%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32%);mask-image:linear-gradient(90deg,transparent 0,#000 32%)}
@media (max-width:760px){.w54.hi .hero::before{width:100%;background-position:35% 50%}}

/* story */
.hi .hi-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.hi .hi-story{grid-template-columns:1fr}}
.hi .hi-prose p{font-size:16.5px;line-height:1.65}
.hi .stack p a{color:var(--accent-ink);font-weight:600}
.hi .lede a{color:var(--ink);font-weight:600}
.hi .hi-photo{margin:48px 0 0;border-radius:6px;overflow:hidden;position:relative}
.hi .hi-photo img{width:100%;height:auto}
.hi .hi-photo figcaption{position:absolute;left:14px;bottom:14px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(10,18,24,.6);padding:5px 9px;border-radius:3px}

/* timeline: year column + line + milestones */
.hi .hi-tl{list-style:none;margin:44px 0 0;padding:0;position:relative}
.hi .hi-tl::before{content:"";position:absolute;left:131px;top:8px;bottom:8px;width:2px;background:var(--line)}
.hi .hi-tl-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:44px;margin:0;padding:0 0 30px;position:relative}
.hi .hi-tl-row::before{content:"";position:absolute;left:125px;top:9px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--surface)}
.hi .hi-tl-y{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:28px;line-height:1;color:var(--ink);text-align:right;padding-top:2px}
.hi .hi-tl-body{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:18px 22px 20px}
.hi .hi-tl-body h3{font-size:19px;margin-bottom:10px}
.hi .hi-tl-body ul{list-style:none;margin:0;padding:0}
.hi .hi-tl-body li{position:relative;padding:5px 0 5px 18px;font-size:15.5px;line-height:1.5;color:var(--ink)}
.hi .hi-tl-body li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--sea)}
@media (max-width:640px){
  .hi .hi-tl::before{left:7px}
  .hi .hi-tl-row{grid-template-columns:1fr;gap:10px;padding-left:30px}
  .hi .hi-tl-row::before{left:1px;top:6px}
  .hi .hi-tl-y{text-align:left;font-size:24px}
}

/* today cards */
.hi .hi-today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
@media (max-width:860px){.hi .hi-today{grid-template-columns:1fr}}