/* CloudINX Stage 17 / Project UPGRADE: controlled heritage reconciliation, 2026-10-12.
   No new product/service. All photographic assets already exist in supplied staging archive. */
.cx18-heritage{--cx18-paper:#eef5f8;--cx18-muted:#b8c9d5;--cx18-cyan:#6fddec;color:var(--cx18-paper);background:linear-gradient(145deg,#06111e 0%,#0b1b2b 54%,#06111b 100%);position:relative;isolation:isolate;overflow:hidden}
.cx18-heritage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 16%,rgba(45,145,166,.16),transparent 48%),linear-gradient(90deg,transparent 48%,rgba(93,155,172,.025) 50%,transparent 52%);}
.cx18-shell{max-width:1290px;margin-inline:auto;padding-inline:clamp(23px,4.5vw,64px);box-sizing:border-box}
.cx18-heritage--home{padding-block:clamp(66px,7vw,118px);border-block:1px solid rgba(137,190,204,.13)}
.cx18-heritage-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:center}
.cx18-heritage .cx18-eyebrow{display:flex;align-items:center;gap:13px;color:#8de3f0;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin:0 0 21px}
.cx18-heritage .cx18-rule{width:23px;height:1px;background:#57dce9;flex:none}
.cx18-heritage h2{font-family:inherit;font-size:clamp(37px,4.3vw,66px);font-weight:600;line-height:1.085;letter-spacing:-.045em;color:#f6fbfd;margin:0 0 25px;max-width:12em;text-wrap:balance}
.cx18-heritage .cx18-heritage-intro,.cx18-heritage .cx18-history-lede{max-width:730px;color:#c4d3dc;line-height:1.73;font-size:clamp(16px,1.5vw,19px);margin:0 0 28px}
.cx18-heritage-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid rgba(136,189,209,.2);padding-block:28px;margin-bottom:25px}
.cx18-heritage-moments>div{min-width:0;padding:0 14px 0 20px;border-left:1px solid rgba(132,200,208,.17)}
.cx18-heritage-moments>div:first-child{padding-left:0;border-left:0}
.cx18-heritage-moments time,.cx18-moment-tag{display:block;color:var(--cx18-cyan);font-size:12px;letter-spacing:.09em;font-weight:700;margin-bottom:13px;text-transform:uppercase}
.cx18-heritage-moments strong{display:block;font-size:16px;font-weight:650;margin-bottom:9px;color:white}
.cx18-heritage-moments span:not(.cx18-moment-tag){display:block;font-size:12px;line-height:1.55;color:var(--cx18-muted)}
.cx18-link,.cx18-heritage a{color:#84e6f1;text-decoration:none}
.cx18-heritage a:focus-visible{outline:3px solid #94e9f4;outline-offset:4px;border-radius:3px}
.cx18-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid rgba(116,215,228,.5)}
.cx18-link:hover,.cx18-heritage a:hover{color:#fff}
.cx18-heritage-visual,.cx18-history-visual{margin:0;position:relative;overflow:hidden;border:1px solid rgba(194,227,234,.18);border-radius:2px;background:#152c39;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.cx18-heritage-visual{min-height:375px;aspect-ratio:4/5}
.cx18-heritage-visual img,.cx18-history-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.81) contrast(1.06);}
.cx18-heritage-visual::after,.cx18-history-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 57%,rgba(3,12,20,.93) 100%)}
.cx18-heritage figcaption{position:absolute;z-index:1;bottom:17px;left:19px;right:16px;color:#e3edf0;font-size:11px;line-height:1.45;letter-spacing:.02em}
.cx18-heritage--history{padding-block:clamp(72px,7vw,122px);scroll-margin-top:80px}
.cx18-history-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,78px);align-items:center;margin-bottom:65px}
.cx18-history-head h2{font-size:clamp(36px,4.6vw,68px);max-width:13em;margin-bottom:24px}
.cx18-history-head em{font-style:normal;color:#82dfe8}
.cx18-history-visual{height:310px}
.cx18-history-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0 0 24px;padding:0;position:relative}
.cx18-history-track::before{content:"";position:absolute;top:26px;left:0;right:0;height:1px;background:linear-gradient(90deg,#5dcddf,rgba(114,213,227,.36));pointer-events:none}
.cx18-history-milestone{min-width:0;position:relative;display:flex;flex-direction:column}
.cx18-history-mark{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-bottom:18px}
.cx18-history-mark time{font-size:20px;font-weight:680;letter-spacing:-.02em;color:#f3fbff;background:#06111e;position:relative;z-index:1;padding-right:12px}
.cx18-history-mark span{height:7px;width:7px;flex:none;border:1px solid #8fe5f1;background:#0c2f40;z-index:1;position:relative;border-radius:50%}
.cx18-history-card{background:rgba(179,225,236,.045);border:1px solid rgba(160,216,225,.17);padding:25px 21px 27px;flex:1;min-height:267px;box-sizing:border-box}
.cx18-history-status{color:#90dbe5;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;margin:0 0 17px}
.cx18-history-card h3{color:#f1f8fb;font-size:19px;line-height:1.28;letter-spacing:-.02em;margin:0 0 12px;font-weight:620}
.cx18-history-card p:not(.cx18-history-status){font-size:13px;line-height:1.72;color:#c2d1d9;margin:0 0 14px}
.cx18-history-card a{display:inline-block;font-size:12px;font-weight:700;margin:6px 10px 2px 0;text-decoration:underline;text-decoration-color:rgba(134,217,227,.4);text-underline-offset:5px}
.cx18-history-disclosure{font-size:12px;line-height:1.65;max-width:1000px;color:#b6cad4;margin:17px 0 0;border-top:1px solid rgba(135,199,209,.16);padding-top:21px}
.cx18-history-disclosure strong{color:#e9f1f3}
@media(max-width:1020px){.cx18-heritage-grid{grid-template-columns:1fr 0.82fr;gap:28px}.cx18-history-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.cx18-history-track::before{display:none}.cx18-history-mark{margin-bottom:3px}.cx18-history-card{min-height:225px}}
@media(max-width:700px){.cx18-heritage--home,.cx18-heritage--history{padding-block:65px}.cx18-heritage-grid,.cx18-history-top{grid-template-columns:1fr;gap:30px}.cx18-heritage h2{font-size:clamp(35px,9vw,48px)}.cx18-heritage-moments{grid-template-columns:1fr;gap:14px;padding-block:23px}.cx18-heritage-moments>div{padding:0 0 13px;border:0;border-bottom:1px solid rgba(132,200,208,.17)}.cx18-heritage-moments>div:last-child{border-bottom:0;padding-bottom:0}.cx18-heritage-moments strong{margin-bottom:4px}.cx18-heritage-moments time,.cx18-moment-tag{margin-bottom:4px}.cx18-heritage-visual{aspect-ratio:16/10;min-height:0}.cx18-history-visual{height:220px}.cx18-history-top{margin-bottom:27px}.cx18-history-track{grid-template-columns:1fr;gap:16px}.cx18-history-mark{min-height:33px}.cx18-history-mark time{font-size:19px}.cx18-history-card{min-height:0}.cx18-history-head h2{font-size:clamp(36px,8.7vw,48px)}}
@media(prefers-reduced-motion:reduce){.cx18-heritage *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

/* Polished but restrained interactive feedback; fully keyboard accessible. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){.cx18-history-card{transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.cx18-history-milestone:hover .cx18-history-card{border-color:rgba(121,228,237,.38);background-color:rgba(179,225,236,.075)}}
.cx18-history-milestone:focus-within .cx18-history-card{border-color:#89e5ef;box-shadow:0 0 0 1px rgba(137,229,239,.15)}