@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&display=swap";[data-hist-benefits-earth]{--navy:#18216c;--orange:#E46427;--orange-alt:#E86328;--red:#E46427;--sky:#7aaddc;--yellow:#f0de6c;--green:#80b684;--cream:#f7f4e9;--paper:#fffdf8}[data-hist-benefits-earth],[data-hist-benefits-earth] *{box-sizing:border-box}[data-hist-benefits-earth]{display:block!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow:hidden!important;font-family:Be Vietnam Pro,Arial,sans-serif!important;font-size:16px!important;line-height:1.5!important}[data-hist-benefits-earth] *{box-sizing:border-box}.hist-earth-field{--grid-x:50%;--grid-y:50%;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:clamp(650px,73vw,920px);background:radial-gradient(circle at 50% 48%,#eaf4fa 0,rgba(234,244,250,.62) 24%,transparent 58%),var(--cream);color:var(--navy)}.hist-earth-field:before,.hist-grid-glow{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(24,33,108,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,33,108,.045) 1px,transparent 1px);background-size:48px 48px}.hist-grid-glow{z-index:1;opacity:0;background-image:linear-gradient(rgba(24,33,108,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(24,33,108,.38) 1px,transparent 1px);mask-image:radial-gradient(circle 180px at var(--grid-x) var(--grid-y),#000 0 20%,rgba(0,0,0,.7) 42%,transparent 72%);transition:opacity .25s}.hist-earth-field.grid-active .hist-grid-glow{opacity:1}.hist-earth-field:after{content:"";position:absolute;z-index:0;inset:-15%;background:radial-gradient(ellipse at 12% 44%,rgba(240,222,108,.24),transparent 36%),radial-gradient(ellipse at 88% 42%,rgba(122,173,220,.22),transparent 37%);pointer-events:none}.hist-earth-copy{position:absolute;z-index:2;left:clamp(22px,6vw,100px);top:clamp(54px,8vw,112px);display:grid;gap:12px;pointer-events:none}.hist-earth-copy span{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--red)}.hist-earth-copy strong{font-family:Bricolage Grotesque,Be Vietnam Pro,sans-serif;font-size:clamp(32px,5vw,70px);line-height:.92;letter-spacing:-.045em;opacity:.075}.hist-earth-scene{position:absolute;z-index:2;inset:-9% -4% 8%;cursor:grab;touch-action:none}.hist-earth-scene:active{cursor:grabbing}.hist-earth-scene canvas{width:100%;height:100%;display:block}.earth-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#69718d;font-size:12px}.hist-earth-scene .city-network-labels{z-index:5}.hist-earth-scene .saigon-callout{display:none}.hist-earth-scene .city-node-label{font-size:9px}.hist-earth-scene .city-node-label.hcm{font-size:11px}.hist-earth-scene .city-node-label.satellite{font-size:6px}.earth-core-logo{position:absolute;z-index:6;left:50%;top:50%;width:clamp(86px,9vw,138px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#fffdf8eb;box-shadow:0 14px 42px #18216c33,0 0 0 1px #18216c1f;pointer-events:none;transition:opacity .35s,transform .35s}.earth-core-logo img{width:84%;height:84%;object-fit:contain}.earth-core-logo.is-network{opacity:.26;transform:translate(-50%,-50%) scale(.76)}.earth-controls{position:absolute;z-index:10;left:50%;bottom:52px;transform:translate(-50%);display:grid;grid-template-columns:minmax(230px,330px) 46px;gap:8px}.earth-controls button{min-height:46px;border:1.5px solid var(--navy);background:#fffdf8e0;color:var(--navy);backdrop-filter:blur(12px);cursor:pointer}.earth-controls #earth-camera{display:flex;align-items:center;gap:11px;padding:0 16px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.earth-controls #earth-camera i{width:9px;height:9px;border:2px solid var(--sky);border-radius:50%;box-shadow:0 0 0 4px #7aaddc33}.earth-controls #earth-camera.active{border-color:var(--green);background:#eff8ee}.earth-controls #earth-camera.active i{border-color:#4e9d61;background:var(--green)}.earth-controls #earth-reset{font-size:19px}.earth-status{position:absolute;z-index:10;left:50%;bottom:24px;transform:translate(-50%);width:min(440px,88vw);margin:0;color:#68718a;font-size:9px;text-align:center}.earth-preview{--dock-left: calc(100% - 235px) ;--dock-top:36px;position:absolute;z-index:30;left:var(--dock-left);top:var(--dock-top);width:210px;overflow:hidden;border:1.5px solid var(--navy);background:var(--paper);box-shadow:0 20px 46px #18216c40}.earth-preview[hidden]{display:none}.earth-preview.is-dragging{box-shadow:0 25px 60px #18216c5c}.earth-preview-head{position:relative;display:flex;align-items:center;min-height:42px;padding:8px 9px;background:var(--navy);color:#fff}.earth-drag-handle{position:absolute;left:50%;top:4px;transform:translate(-50%);padding:2px 9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:6px;letter-spacing:.14em;cursor:grab;touch-action:none}.earth-drag-handle:active{cursor:grabbing}.earth-preview strong{flex:1;padding-top:8px;font-size:8px;line-height:1.4}.earth-preview button{border:0;background:transparent;color:#fff;font-size:17px;cursor:pointer}.earth-video{position:relative;aspect-ratio:4/3;background:#0b123e}.earth-video video,.earth-video canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.earth-preview p{margin:9px 10px 11px;color:#59627c;font-size:8px;line-height:1.5}@media(max-width:760px){.hist-earth-field{min-height:650px}.hist-earth-scene{inset:-2% -38% 12%}.hist-earth-copy{top:38px}.earth-core-logo{width:88px}.earth-controls{bottom:58px;grid-template-columns:minmax(210px,1fr) 44px;width:calc(100% - 32px)}.earth-status{bottom:25px}.earth-preview{--dock-left: calc(100% - 192px) ;--dock-top:20px;width:180px}.hist-grid-glow{display:none}}@media(prefers-reduced-motion:reduce){.earth-core-logo,.hist-grid-glow{transition:none}}.hist-earth-field{width:100vw!important;max-width:none!important;min-height:1180px;margin:0!important;padding:clamp(54px,6vw,94px) clamp(24px,6vw,104px) 38px;border:0!important;border-radius:0!important;box-shadow:none!important}.hist-benefit-intro{position:relative;z-index:8;max-width:1500px;margin:0 auto}.hist-eyebrow{width:max-content;margin:0 0 34px;padding:10px 14px 9px;border-left:4px solid var(--red);background:#fffaf0e6;font-size:11px;font-weight:800;letter-spacing:2.3px;box-shadow:0 8px 24px #18216c0f}.hist-eyebrow span{color:var(--red)}.hist-intro-grid{display:grid;grid-template-columns:minmax(500px,1.1fr) minmax(300px,.7fr);gap:clamp(50px,8vw,150px);align-items:end}.hist-intro-grid h2{position:relative;margin:0;padding-bottom:23px;font-family:Bricolage Grotesque,Be Vietnam Pro,sans-serif;font-size:clamp(46px,5vw,78px);line-height:1.01;letter-spacing:-.045em;color:#111742}.hist-intro-grid h2:after{content:"";position:absolute;left:0;bottom:0;width:112px;height:6px;background:linear-gradient(90deg,var(--red) 0 28%,var(--yellow) 28% 62%,var(--green) 62%)}.hist-intro-grid h2 em{font-style:normal;color:var(--navy)}.hist-intro-grid>p{max-width:510px;margin:0 0 8px;padding-left:24px;border-left:1px solid rgba(24,33,108,.25);font-size:15px;font-weight:500;line-height:1.85;color:#46516e}.hist-earth-scene{inset:210px -6% 300px 28%;opacity:.92}.hist-earth-copy{left:clamp(24px,6vw,104px);top:440px}.hist-earth-copy strong{font-size:clamp(34px,4vw,64px)}.hist-benefit-cards{position:relative;z-index:9;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1500px;margin:520px auto 0}.hist-benefit-card{min-height:350px;padding:14px 14px 18px;display:flex;flex-direction:column;border:1px solid rgba(24,33,108,.16);background:#fffdf7e6;box-shadow:0 18px 42px #18216c17;backdrop-filter:blur(9px);transition:transform .3s,background .3s,box-shadow .3s}.hist-benefit-card:hover{transform:translateY(-8px);box-shadow:0 25px 52px #18216c29}.hist-benefit-card.blue:hover{background:#eaf3fb}.hist-benefit-card.yellow:hover{background:#fbf6d8}.hist-benefit-card.green:hover{background:#eaf3e7}.hist-card-top{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 12px;border-bottom:1px solid rgba(24,33,108,.12)}.hist-card-top span{font-size:27px;font-weight:800}.hist-card-top small{font-size:8px;font-weight:800;letter-spacing:1.3px;color:#69718d}.hist-benefit-card figure{height:116px;margin:12px 0 0;overflow:hidden;background:var(--navy)}.hist-benefit-card figure img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.75);transition:transform .5s,filter .3s}.hist-benefit-card:hover figure img{transform:scale(1.04);filter:saturate(1)}.hist-benefit-card h3{margin:17px 7px 8px;font-size:clamp(19px,1.5vw,25px);letter-spacing:-.04em}.hist-benefit-card p{margin:0 7px;font-size:11px;line-height:1.65;color:#58627b}.hist-benefit-card button{display:flex;justify-content:space-between;margin:auto 7px 0;padding:13px 0 0;border:0;border-top:1px solid rgba(24,33,108,.12);background:none;color:var(--navy);font-size:10px;font-weight:800;cursor:pointer}.hist-benefit-card button b{font-size:17px}.hist-benefit-footer{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1500px;margin:34px auto 0;padding:18px 0;border-top:1px solid rgba(24,33,108,.17);border-bottom:1px solid rgba(24,33,108,.17)}.hist-benefit-footer>small{font-size:8px;font-weight:800;letter-spacing:2.2px;color:var(--red)}.hist-benefit-footer>div{display:flex;align-items:center;gap:20px}.hist-benefit-footer span{font-size:9px;font-weight:800;letter-spacing:1.7px}.hist-benefit-footer span b{margin-right:7px;color:var(--red);font-size:7px}.hist-benefit-footer i{width:24px;height:1px;background:#18216c4d}.earth-controls{bottom:auto;top:690px}.earth-status{bottom:auto;top:746px}.earth-preview{--dock-top:390px}@media(max-width:960px){.hist-earth-field{min-height:1540px}.hist-intro-grid{grid-template-columns:1fr;gap:26px}.hist-earth-scene{inset:320px -26% 660px}.hist-earth-copy{top:410px}.hist-benefit-cards{grid-template-columns:1fr;margin-top:600px}.hist-benefit-card{min-height:240px;display:grid;grid-template-columns:150px 1fr;column-gap:18px}.hist-benefit-card .hist-card-top{grid-column:1/-1}.hist-benefit-card figure{grid-row:2/5;height:150px}.hist-benefit-card h3{margin-top:14px}.hist-benefit-card button{align-self:end}.earth-controls{top:770px}.earth-status{top:826px}}@media(max-width:760px){.hist-earth-field{min-height:1840px;padding:50px 18px 30px}.hist-intro-grid h2{font-size:clamp(34px,10vw,49px)}.hist-intro-grid>p{font-size:13px}.hist-earth-scene{inset:350px -55% 980px}.hist-earth-copy{display:none}.earth-controls{top:735px;bottom:auto}.earth-status{top:791px;bottom:auto}.earth-preview{--dock-top:420px}.hist-benefit-cards{margin-top:590px}.hist-benefit-card{min-height:390px;display:flex}.hist-benefit-card figure{height:180px}.hist-benefit-footer{align-items:flex-start;flex-direction:column}.hist-benefit-footer>div{width:100%;justify-content:space-between;gap:8px}.hist-benefit-footer i{width:10px}.hist-benefit-footer span{font-size:8px;letter-spacing:1px}.hist-benefit-footer span b{display:none}}.hist-value-section{min-height:0!important;padding:clamp(58px,5vw,88px) clamp(24px,6.8vw,118px) 34px!important;background:linear-gradient(112deg,#fffdf5,#f8f5eb 59%,#f3f7f7)!important}.hist-value-section .hist-benefit-intro{max-width:1560px}.hist-value-section .hist-intro-grid{grid-template-columns:minmax(560px,1.25fr) minmax(340px,.72fr);gap:clamp(70px,10vw,170px)}.hist-value-section .hist-intro-grid h2{font-size:clamp(54px,5.15vw,88px);max-width:850px}.hist-journey{align-self:end;margin:0 0 9px;padding:0;color:var(--navy)}.hist-journey>small{display:block;margin-bottom:17px;color:var(--red);font-size:8px;font-weight:800;letter-spacing:.2em}.hist-journey>div{display:flex;align-items:center;gap:14px}.hist-journey span{font-size:10px;font-weight:700;line-height:1.45;letter-spacing:.02em;white-space:nowrap}.hist-journey span b{display:block;margin-bottom:4px;color:var(--sky);font-size:18px;line-height:1}.hist-journey span:nth-of-type(2) b{color:#d6bd37}.hist-journey span:nth-of-type(3) b{color:var(--green)}.hist-journey i{width:34px;height:1px;background:#18216c38}.hist-value-stage{position:relative;z-index:5;display:grid;grid-template-columns:minmax(390px,.78fr) minmax(720px,1.72fr);gap:clamp(38px,5vw,84px);align-items:center;max-width:1560px;margin:58px auto 0}.hist-earth-column{position:relative;min-width:0;height:470px}.hist-landmarks{position:absolute;z-index:12;inset:0;pointer-events:none}.hist-landmark{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:var(--navy);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;text-align:left}.hist-landmark>i{display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:var(--sky);box-shadow:0 5px 15px #18216c33;color:#111742;font-style:normal;font-size:7px;font-weight:800;transition:transform .25s,box-shadow .25s}.hist-landmark.landmark-2>i{background:var(--yellow)}.hist-landmark.landmark-3>i{background:var(--green)}.hist-landmark>span{width:max-content;max-width:150px;padding:5px 8px;border-left:2px solid currentColor;background:#fffdf7e6;box-shadow:0 6px 18px #18216c1a;opacity:0;transform:translate(-5px);transition:opacity .22s,transform .22s}.hist-landmark small,.hist-landmark strong{display:block}.hist-landmark small{font-size:6px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#707994}.hist-landmark strong{font-size:9px;line-height:1.35}.hist-landmark:hover>span,.hist-landmark:focus>span,.hist-landmark.is-linked>span{opacity:1;transform:none}.hist-landmark:hover>i,.hist-landmark:focus>i,.hist-landmark.is-linked>i{transform:scale(1.22);box-shadow:0 0 0 7px #7aaddc33,0 8px 18px #18216c40}.hist-value-section .hist-earth-scene{position:absolute;inset:-35px -35px 34px;opacity:.88}.hist-value-section .hist-earth-scene:focus,.hist-value-section .hist-earth-scene:focus-visible{outline:0!important;border:0!important;box-shadow:none!important}.hist-value-section .earth-core-logo{width:clamp(90px,7vw,120px)}.hist-value-section .earth-controls{top:auto;bottom:6px;width:min(360px,88%);grid-template-columns:minmax(210px,1fr) 46px}.hist-value-section .earth-status{top:auto;bottom:-19px;width:92%}.hist-value-section .hist-benefit-cards{position:relative;z-index:9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;max-width:none}.hist-value-section .hist-benefit-card{min-height:480px;padding:22px 22px 20px;background:#fffdf7f0;backdrop-filter:blur(8px)}.hist-value-section .hist-card-top{padding:3px 0 20px}.hist-value-section .hist-card-top span{font-size:32px}.hist-value-section .hist-card-top small{font-size:7px;letter-spacing:1.45px}.hist-value-section .hist-benefit-card figure{height:138px;margin:16px 0 0;border:0;overflow:hidden;background:#e8edf0}.hist-value-section .hist-benefit-card figure img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.02);transition:transform .5s ease,filter .3s ease}.hist-value-section .hist-benefit-card:hover figure img{transform:scale(1.045);filter:saturate(1) contrast(1.03)}.hist-value-section .hist-benefit-card h3{margin:22px 0 12px;font-size:clamp(24px,1.7vw,32px);line-height:1.12}.hist-value-section .hist-benefit-card p{margin:0;font-size:12px;line-height:1.72}.hist-value-section .hist-benefit-card button{margin:auto 0 0}.hist-card-places{margin:14px 0 12px;padding:10px 0;border-top:1px solid rgba(24,33,108,.1)}.hist-card-places small{display:block;margin-bottom:4px;color:var(--red);font-size:7px;font-weight:800;letter-spacing:.13em}.hist-card-places span{display:block;color:#65708a;font-size:8px;line-height:1.55}.hist-benefit-card.is-linked{transform:translateY(-8px);border-color:#18216c6b;box-shadow:0 25px 52px #18216c2b}.hist-benefit-card.blue.is-linked{background:#eaf3fb}.hist-benefit-card.yellow.is-linked{background:#fbf6d8}.hist-benefit-card.green.is-linked{background:#eaf3e7}.hist-value-section .hist-benefit-footer{max-width:1560px;margin-top:36px;padding:18px 0;border-top:0;border-bottom:0;justify-content:flex-start}.hist-value-section .hist-benefit-footer>small{display:none}.hist-value-section .hist-benefit-footer>div{gap:18px}.hist-value-section .hist-benefit-footer i{width:5px;height:5px;transform:rotate(45deg);background:var(--red)}.hist-value-section .hist-benefit-footer span b{display:none}.hist-value-section .earth-preview{--dock-left: calc(100% - 235px) ;--dock-top:330px}@media(max-width:1120px){.hist-value-section .hist-intro-grid{grid-template-columns:1fr;gap:28px}.hist-journey{margin-top:2px}.hist-value-stage{grid-template-columns:1fr;margin-top:44px}.hist-earth-column{height:480px}.hist-value-section .hist-earth-scene{inset:-30px 4% 35px}.hist-value-section .hist-benefit-cards{grid-template-columns:repeat(3,1fr)}.hist-value-section .hist-benefit-footer{margin-top:28px}}@media(max-width:760px){[data-hist-benefits-earth]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.hist-value-section{width:100%!important;min-height:0!important;padding:48px 18px 30px!important}.hist-value-section .hist-intro-grid h2{font-size:clamp(38px,11vw,52px);letter-spacing:-.045em}.hist-journey>div{gap:8px}.hist-journey i{width:12px}.hist-journey span{font-size:8px}.hist-journey span b{font-size:15px}.hist-value-stage{display:block;width:100%;margin-top:34px}.hist-earth-column{width:100%;height:430px;overflow:hidden}.hist-value-section .hist-earth-scene{inset:-10px -8% 45px}.hist-landmark>span{display:none}.hist-landmark>i{width:22px;height:22px}.hist-value-section .earth-controls{top:auto;bottom:8px}.hist-value-section .earth-status{top:auto;bottom:-18px}.hist-value-section .hist-benefit-cards{width:100%;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}.hist-value-section .hist-benefit-card{width:100%;min-width:0;min-height:455px;padding:20px}.hist-value-section .hist-benefit-card figure{height:190px}.hist-value-section .hist-benefit-card h3{font-size:28px}.hist-value-section .hist-benefit-footer>div{flex-wrap:wrap;justify-content:flex-start}.hist-value-section .earth-preview{--dock-left: calc(100% - 192px) ;--dock-top:390px}}.hist-benefit-card .hist-card-link{display:flex;align-items:center;justify-content:flex-start;margin:auto 0 0;padding:13px 0 0;border-top:1px solid rgba(24,33,108,.12);color:var(--navy);font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.hist-benefit-card .hist-card-link span{transition:letter-spacing .2s}.hist-benefit-card .hist-card-link:hover span,.hist-benefit-card .hist-card-link:focus-visible span{letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px}.hist-benefit-card .hist-card-link:focus-visible{outline:2px solid var(--sky);outline-offset:5px}.hist-region-story-labels{position:absolute;z-index:14;inset:0;opacity:0;pointer-events:none;transition:opacity .18s}.hist-region-story-labels button{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:var(--navy);cursor:pointer;text-align:left}.hist-region-story-labels b{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:var(--sky);box-shadow:0 7px 18px #18216c3d;font-size:8px}.hist-region-story-labels button:first-child b{background:var(--yellow)}.hist-region-story-labels button:last-child b{background:var(--green)}.hist-region-story-labels span{padding:5px 8px;border-left:2px solid currentColor;background:#fffdf8eb;box-shadow:0 7px 20px #18216c1f;font-size:8px;font-weight:800;line-height:1.35;letter-spacing:.06em;white-space:nowrap}.hist-region-story-labels button:hover b,.hist-region-story-labels button:focus-visible b{transform:scale(1.12);box-shadow:0 0 0 6px #7aaddc33,0 8px 20px #18216c40}@media(max-width:760px){.hist-region-story-labels span{font-size:6px}.hist-region-story-labels b{width:25px;height:25px}}.hist-value-section{background:#f7f4e9!important}.hist-value-section:before,.hist-value-section:after,.hist-value-section .hist-grid-glow{display:none!important;background:none!important}.hist-value-section .hist-benefit-intro{padding-top:8px}.hist-value-section .hist-intro-grid{align-items:center}.hist-value-section .hist-intro-grid h2{max-width:900px;padding:0;font-size:clamp(52px,5.35vw,92px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.hist-value-section .hist-intro-grid h2:after{display:none}.hist-title-index{display:inline-block;margin-right:18px;vertical-align:.4em;color:var(--sky);font-family:Be Vietnam Pro,Arial,sans-serif;font-size:clamp(12px,1.05vw,18px);font-weight:800;line-height:1;letter-spacing:.08em}.hist-title-line{color:var(--navy)}.hist-value-section .hist-intro-grid h2 em{display:block;margin:9px 0 0 clamp(55px,5.8vw,100px);color:var(--sky)}@media(max-width:760px){.hist-value-section .hist-intro-grid h2{font-size:clamp(38px,11vw,54px);line-height:.98}.hist-title-index{margin-right:8px;vertical-align:.35em;font-size:10px}.hist-value-section .hist-intro-grid h2 em{margin:7px 0 0 34px}}.hist-value-section .hist-intro-grid{grid-template-columns:minmax(540px,1fr) minmax(520px,1fr);gap:clamp(56px,6vw,108px)}.hist-journey{width:100%;margin:0;padding:8px 0 4px;align-self:center}.hist-journey>small{margin-bottom:24px;font-size:11px;letter-spacing:.22em}.hist-journey>div{display:grid;grid-template-columns:minmax(120px,1fr) 42px minmax(120px,1fr) 42px minmax(120px,1fr);align-items:center;gap:16px}.hist-journey span{display:block;min-width:0;font-size:13px;line-height:1.42;letter-spacing:.01em;white-space:normal}.hist-journey span b{margin-bottom:7px;font-size:25px;line-height:1}.hist-journey i{width:100%;min-width:24px}@media(max-width:1120px){.hist-value-section .hist-intro-grid{grid-template-columns:1fr;gap:38px}.hist-journey{max-width:760px}.hist-journey>div{grid-template-columns:minmax(110px,1fr) 36px minmax(110px,1fr) 36px minmax(110px,1fr)}}@media(max-width:760px){.hist-journey>small{margin-bottom:18px;font-size:9px}.hist-journey>div{grid-template-columns:1fr 14px 1fr 14px 1fr;gap:7px}.hist-journey span{font-size:9px;line-height:1.45}.hist-journey span b{margin-bottom:5px;font-size:18px}.hist-journey i{width:100%;min-width:0}}.hist-journey>small{font-size:13.75px}.hist-journey span{font-size:16.25px}.hist-journey span b{font-size:31.25px}@media(max-width:760px){.hist-journey>small{font-size:11.25px}.hist-journey span{font-size:11.25px}.hist-journey span b{font-size:22.5px}}


/* HIST 2026 — Value Section editorial redesign v1.5.0 */
[data-hist-benefits-earth]{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:visible!important;
  font-family:"Be Vietnam Pro",Arial,sans-serif!important;
  color:var(--navy);
}
.hist-value-section{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(76px,7vw,112px) clamp(22px,4.5vw,72px) clamp(66px,6vw,96px)!important;
  background:var(--cream)!important;
  overflow:hidden;
}
.hist-value-section:before,.hist-value-section:after,.hist-value-section .hist-grid-glow{display:none!important}
.hist-benefit-intro{
  max-width:1180px!important;
  margin:0 auto clamp(54px,5vw,76px)!important;
  padding:0!important;
  text-align:center;
}
.hist-value-section .hist-title-index{
  display:block!important;
  margin:0 0 15px!important;
  color:var(--sky)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
.hist-value-section .hist-benefit-intro h2{
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--navy)!important;
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(43px,4.9vw,72px)!important;
  font-weight:800!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
}
.hist-value-section .hist-benefit-intro h2:after{
  content:""!important;
  display:block!important;
  width:46px!important;
  height:4px!important;
  margin:24px auto 0!important;
  background:var(--red)!important;
}
.hist-value-section .hist-benefit-intro h2 span{color:var(--navy)!important}
.hist-value-section .hist-benefit-intro h2 em{
  display:inline!important;
  margin:0!important;
  color:var(--sky)!important;
  font-style:normal!important;
}
.hist-section-lead{
  max-width:720px;
  margin:23px auto 0!important;
  color:#58617d;
  font-size:clamp(13px,1.12vw,15px)!important;
  line-height:1.75!important;
}
.hist-value-stage{
  display:grid!important;
  grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr)!important;
  gap:clamp(48px,6vw,88px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.hist-earth-column{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:560px!important;
  overflow:visible!important;
}
.hist-value-section .hist-earth-scene{
  position:absolute!important;
  inset:-28px -34px 74px -34px!important;
  opacity:.91!important;
}
.hist-value-section .earth-core-logo{width:clamp(82px,7vw,112px)!important}
.hist-value-section .earth-controls{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:28px!important;
  width:min(330px,92%)!important;
  grid-template-columns:minmax(205px,1fr) 44px!important;
  gap:9px!important;
  transform:translateX(-50%)!important;
}
.hist-value-section .earth-controls button{
  min-height:44px!important;
  border:1px solid rgba(24,33,108,.55)!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.hist-value-section .earth-controls #earth-camera{
  justify-content:center!important;
  padding:0 18px!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
}
.hist-value-section .earth-controls #earth-reset{
  width:44px!important;
  padding:0!important;
  font-size:17px!important;
}
.hist-value-section .earth-status{
  left:50%!important;
  bottom:1px!important;
  width:min(390px,92%)!important;
  color:#788096!important;
  font-size:8px!important;
  line-height:1.5!important;
}
.hist-story-column{min-width:0;padding-top:2px}
.hist-journey{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 30px!important;
  padding:0!important;
}
.hist-journey>i{
  display:block!important;
  width:100%!important;
  height:1px!important;
  min-width:0!important;
  background:rgba(24,33,108,.18)!important;
}
.hist-journey-step{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:9px;
  align-items:start;
  min-width:0;
  padding:0 0 13px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:rgba(24,33,108,.53);
  text-align:left;
  cursor:pointer;
  transition:color .2s,border-color .2s,transform .2s;
}
.hist-journey-step b{
  color:inherit!important;
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif;
  font-size:24px!important;
  font-weight:800;
  line-height:1;
}
.hist-journey-step span{
  color:inherit!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
.hist-journey-step:hover,.hist-journey-step:focus-visible{color:var(--navy);transform:translateY(-2px)}
.hist-journey-step:focus-visible{outline:2px solid var(--sky);outline-offset:6px}
.hist-journey-step.is-active{color:var(--navy);border-bottom-color:var(--red)}
.hist-journey-step.is-active b{color:var(--sky)!important}
.hist-story-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}
.hist-story-card figure{
  position:relative;
  width:100%!important;
  height:clamp(245px,25vw,330px)!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#e7ebed!important;
}
.hist-story-card figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 68%,rgba(15,26,86,.08));
  pointer-events:none;
}
.hist-story-card figure img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  filter:saturate(.9) contrast(1.02)!important;
  transition:opacity .18s ease,transform .5s ease!important;
}
.hist-story-card:hover figure img{transform:scale(1.018)!important;filter:saturate(.96) contrast(1.02)!important}
.hist-story-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,.38fr);
  column-gap:30px;
  align-items:start;
  padding:24px 0 0;
}
.hist-story-copy .hist-card-top{
  grid-column:1 / -1;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid rgba(24,33,108,.13);
}
.hist-story-copy .hist-card-top span{
  color:var(--sky)!important;
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1!important;
}
.hist-story-copy .hist-card-top small{
  color:var(--red)!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.15em!important;
}
.hist-story-copy h3{
  grid-column:1;
  margin:20px 0 10px!important;
  color:var(--navy)!important;
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif!important;
  font-size:clamp(28px,2.45vw,38px)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.hist-story-copy>p{
  grid-column:1;
  margin:0!important;
  color:#59627a!important;
  font-size:12px!important;
  line-height:1.72!important;
}
.hist-story-copy .hist-card-places{
  grid-column:2;
  grid-row:2 / span 2;
  align-self:start;
  margin:20px 0 0!important;
  padding:0 0 0 18px!important;
  border:0!important;
  border-left:1px solid rgba(24,33,108,.16)!important;
}
.hist-story-copy .hist-card-places small{
  margin:0 0 5px!important;
  color:var(--red)!important;
  font-size:7px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
.hist-story-copy .hist-card-places span{
  color:#626c85!important;
  font-size:9px!important;
  line-height:1.55!important;
}
.hist-story-copy .hist-card-link{
  grid-column:1 / -1;
  display:inline-flex!important;
  width:max-content;
  gap:8px;
  align-items:center;
  margin:20px 0 0!important;
  padding:10px 0 4px!important;
  border:0!important;
  color:var(--navy)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.04em;
  text-decoration:none!important;
}
.hist-story-copy .hist-card-link b{font-size:12px;font-weight:700;transition:transform .2s}
.hist-story-copy .hist-card-link:hover b{transform:translate(2px,-2px)}
.hist-benefit-footer{
  max-width:1180px!important;
  margin:52px auto 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(24,33,108,.1)!important;
}
.hist-benefit-footer>div{
  display:flex!important;
  gap:17px!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%;
}
.hist-benefit-footer span{
  color:var(--navy)!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
}
.hist-benefit-footer i{
  width:5px!important;
  height:5px!important;
  background:var(--red)!important;
  transform:rotate(45deg)!important;
}
.hist-value-section .earth-preview{--dock-left:calc(100% - 225px);--dock-top:260px!important}

@media(max-width:1050px){
  .hist-value-stage{grid-template-columns:1fr!important;gap:34px!important;max-width:820px!important}
  .hist-earth-column{min-height:475px!important}
  .hist-value-section .hist-earth-scene{inset:-25px 8% 70px!important}
  .hist-story-column{padding-top:0}
}
@media(max-width:760px){
  .hist-value-section{padding:58px 18px 46px!important}
  .hist-benefit-intro{margin-bottom:38px!important}
  .hist-value-section .hist-title-index{font-size:10px!important;margin-bottom:12px!important}
  .hist-value-section .hist-benefit-intro h2{font-size:clamp(36px,11vw,50px)!important;line-height:1!important}
  .hist-section-lead{font-size:12px!important;line-height:1.68!important;margin-top:19px!important}
  .hist-value-stage{display:block!important;width:100%!important}
  .hist-earth-column{min-height:410px!important}
  .hist-value-section .hist-earth-scene{inset:-8px -12% 68px!important}
  .hist-value-section .earth-controls{bottom:28px!important;width:min(310px,94%)!important;grid-template-columns:minmax(180px,1fr) 42px!important}
  .hist-value-section .earth-status{bottom:0!important}
  .hist-story-column{margin-top:30px}
  .hist-journey{grid-template-columns:1fr 14px 1fr 14px 1fr!important;gap:7px!important;margin-bottom:24px!important}
  .hist-journey-step{display:block!important;padding-bottom:10px!important}
  .hist-journey-step b{display:block!important;margin:0 0 5px!important;font-size:19px!important}
  .hist-journey-step span{font-size:8px!important;line-height:1.35!important}
  .hist-story-card figure{height:215px!important}
  .hist-story-copy{grid-template-columns:1fr!important;padding-top:20px!important}
  .hist-story-copy .hist-card-top{grid-column:1!important}
  .hist-story-copy h3,.hist-story-copy>p{grid-column:1!important}
  .hist-story-copy .hist-card-places{grid-column:1!important;grid-row:auto!important;margin-top:16px!important;padding:12px 0 0!important;border-left:0!important;border-top:1px solid rgba(24,33,108,.12)!important}
  .hist-story-copy .hist-card-link{grid-column:1!important;margin-top:15px!important}
  .hist-benefit-footer{margin-top:38px!important}
  .hist-benefit-footer>div{gap:10px!important;flex-wrap:wrap!important}
  .hist-benefit-footer span{font-size:7px!important}
  .hist-value-section .earth-preview{--dock-left:calc(100% - 192px);--dock-top:360px!important}
}


/* HIST 2026 — UII interaction refinement v1.6.0 */
.hist-value-section .hist-benefit-intro h2 span{
  display:inline-block!important;
  margin-right:.10em!important;
}
.hist-section-lead{
  max-width:610px!important;
  color:#4f5874!important;
  font-style:normal!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}

/* Keep Elementor/theme button styles from leaking into the 01/02/03 controls. */
.hist-value-section .hist-journey-step{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:9px 12px!important;
  border:1px solid rgba(24,33,108,.22)!important;
  border-radius:2px!important;
  background:rgba(255,253,248,.52)!important;
  color:var(--navy)!important;
  box-shadow:none!important;
  text-align:center!important;
  transform:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.hist-value-section .hist-journey-step b{
  margin:0!important;
  color:inherit!important;
  font-size:22px!important;
  line-height:1!important;
}
.hist-value-section .hist-journey-step span{
  color:inherit!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1.28!important;
}
.hist-value-section .hist-journey-step:hover,
.hist-value-section .hist-journey-step:focus-visible{
  border-color:var(--orange)!important;
  background:rgba(228,100,39,.055)!important;
  color:var(--orange)!important;
  transform:translateY(-1px)!important;
}
.hist-value-section .hist-journey-step:focus-visible{
  outline:2px solid rgba(228,100,39,.32)!important;
  outline-offset:4px!important;
}
.hist-value-section .hist-journey-step.is-active,
.hist-value-section .hist-journey-step.is-active:hover,
.hist-value-section .hist-journey-step.is-active:focus-visible{
  border-color:var(--orange)!important;
  background:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(228,100,39,.18)!important;
  transform:translateY(-1px)!important;
}
.hist-value-section .hist-journey-step.is-active b,
.hist-value-section .hist-journey-step.is-active span{
  color:#fff!important;
}
.hist-value-section .hist-journey>i{
  background:rgba(24,33,108,.18)!important;
}

/* Story switch: short cross-fade rather than a hard image jump. */
.hist-value-section .hist-story-card figure img,
.hist-value-section .hist-story-copy{
  transition:opacity .20s ease,transform .25s ease!important;
}
.hist-value-section .hist-story-card.is-switching figure img{
  opacity:.18!important;
  transform:scale(1.012)!important;
}
.hist-value-section .hist-story-card.is-switching .hist-story-copy{
  opacity:.56!important;
  transform:translateY(3px)!important;
}

/* Unified UII-orange map markers. Active map area is orange; inactive areas fade back. */
.hist-value-section .hist-region-story-labels b,
.hist-value-section .hist-region-story-labels button:first-child b,
.hist-value-section .hist-region-story-labels button:last-child b{
  border-color:#fff!important;
  background:#f7f4e9!important;
  color:var(--navy)!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.hist-value-section .hist-region-story-labels button.is-active b{
  background:var(--orange)!important;
  color:#fff!important;
  transform:scale(1.12)!important;
  box-shadow:0 0 0 6px rgba(228,100,39,.12),0 9px 22px rgba(24,33,108,.24)!important;
}
.hist-value-section .hist-region-story-labels button.is-active span{
  border-left-color:var(--orange)!important;
  color:var(--orange)!important;
}
.hist-value-section .hist-region-story-labels button:hover b,
.hist-value-section .hist-region-story-labels button:focus-visible b{
  background:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 0 0 6px rgba(228,100,39,.12),0 8px 20px rgba(24,33,108,.22)!important;
}

/* Orange is the branded action/accent color across the section. */
.hist-value-section .hist-benefit-intro h2:after,
.hist-value-section .hist-benefit-footer i{
  background:var(--orange)!important;
}
.hist-value-section .hist-story-copy .hist-card-top small,
.hist-value-section .hist-story-copy .hist-card-places small{
  color:var(--orange)!important;
}

@media(max-width:760px){
  .hist-value-section .hist-journey-step{
    min-height:54px!important;
    padding:8px 6px!important;
  }
  .hist-value-section .hist-journey-step b{font-size:19px!important}
  .hist-value-section .hist-journey-step span{font-size:7px!important}
}

@media(prefers-reduced-motion:reduce){
  .hist-value-section .hist-journey-step,
  .hist-value-section .hist-story-card figure img,
  .hist-value-section .hist-story-copy,
  .hist-value-section .hist-region-story-labels b{
    transition:none!important;
  }
}


/* HIST 2026 — page-system visual alignment v1.7.0
   Brings the interactive section into the same editorial/card language
   as the surrounding HIST landing-page sections. */
[data-hist-benefits-earth]{
  --hist-panel-shadow:#efdcd0;
  --hist-blue-panel:#dceaf5;
  --hist-border:#18216c;
}

/* 01 / 02 / 03 now read as campaign cards rather than app tabs. */
.hist-value-section .hist-journey-step{
  min-height:64px!important;
  padding:10px 13px!important;
  border:1.25px solid var(--hist-border)!important;
  border-radius:0!important;
  background:var(--paper)!important;
  color:var(--navy)!important;
  box-shadow:7px 7px 0 var(--hist-panel-shadow)!important;
  transform:translate(0,0)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.hist-value-section .hist-journey-step:hover,
.hist-value-section .hist-journey-step:focus-visible{
  border-color:var(--orange)!important;
  background:#fff8f2!important;
  color:var(--orange)!important;
  transform:translate(-2px,-2px)!important;
  box-shadow:9px 9px 0 rgba(228,100,39,.18)!important;
}
.hist-value-section .hist-journey-step.is-active,
.hist-value-section .hist-journey-step.is-active:hover,
.hist-value-section .hist-journey-step.is-active:focus-visible{
  border-color:var(--orange)!important;
  background:var(--orange)!important;
  color:#fff!important;
  transform:translate(-2px,-2px)!important;
  box-shadow:9px 9px 0 rgba(24,33,108,.20)!important;
}
.hist-value-section .hist-journey>i{
  height:1px!important;
  background:rgba(24,33,108,.35)!important;
}

/* Main editorial image follows the bordered, offset-shadow treatment used elsewhere. */
.hist-value-section .hist-story-card figure{
  border:1.25px solid var(--navy)!important;
  background:var(--paper)!important;
  box-shadow:10px 10px 0 var(--hist-panel-shadow)!important;
  overflow:hidden!important;
}
.hist-value-section .hist-story-card figure:after{
  background:linear-gradient(180deg,transparent 72%,rgba(15,26,86,.06))!important;
}

/* Story metadata becomes a small light-blue editorial panel. */
.hist-value-section .hist-story-copy .hist-card-places{
  margin:20px 0 0!important;
  padding:14px 16px!important;
  border:0!important;
  border-left:3px solid var(--orange)!important;
  background:var(--hist-blue-panel)!important;
  box-shadow:6px 6px 0 rgba(24,33,108,.09)!important;
}
.hist-value-section .hist-story-copy .hist-card-places small{
  color:var(--orange)!important;
}
.hist-value-section .hist-story-copy .hist-card-places span{
  color:var(--navy)!important;
  font-weight:600!important;
}

/* Camera UI uses the same squared-off bordered control language as the page. */
.hist-value-section .earth-controls{
  gap:11px!important;
}
.hist-value-section .earth-controls button{
  min-height:45px!important;
  border:1.25px solid var(--navy)!important;
  border-radius:0!important;
  background:var(--paper)!important;
  color:var(--navy)!important;
  box-shadow:6px 6px 0 var(--hist-panel-shadow)!important;
  backdrop-filter:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease!important;
}
.hist-value-section .earth-controls button:hover,
.hist-value-section .earth-controls button:focus-visible{
  border-color:var(--orange)!important;
  transform:translate(-2px,-2px)!important;
  box-shadow:8px 8px 0 rgba(228,100,39,.18)!important;
}
.hist-value-section .earth-controls #earth-camera.active{
  border-color:var(--navy)!important;
  background:var(--paper)!important;
  color:var(--navy)!important;
}
.hist-value-section .earth-controls #earth-camera.active i{
  border-color:#4e9d61!important;
  background:#80b684!important;
  box-shadow:0 0 0 4px rgba(128,182,132,.18)!important;
}

/* Keep the map itself illustrative; only its controls receive card chrome. */
.hist-value-section .earth-core-logo{
  box-shadow:0 12px 30px rgba(24,33,108,.16),0 0 0 1px rgba(24,33,108,.10)!important;
}

/* A little more breathing room after the image shadow so copy never visually collides. */
.hist-value-section .hist-story-copy{
  padding-top:32px!important;
}

@media(max-width:760px){
  .hist-value-section .hist-journey-step{
    min-height:58px!important;
    padding:8px 7px!important;
    box-shadow:4px 4px 0 var(--hist-panel-shadow)!important;
  }
  .hist-value-section .hist-journey-step:hover,
  .hist-value-section .hist-journey-step:focus-visible,
  .hist-value-section .hist-journey-step.is-active,
  .hist-value-section .hist-journey-step.is-active:hover,
  .hist-value-section .hist-journey-step.is-active:focus-visible{
    transform:translate(-1px,-1px)!important;
    box-shadow:5px 5px 0 rgba(24,33,108,.15)!important;
  }
  .hist-value-section .hist-story-card figure{
    box-shadow:6px 6px 0 var(--hist-panel-shadow)!important;
  }
  .hist-value-section .hist-story-copy{
    padding-top:26px!important;
  }
  .hist-value-section .hist-story-copy .hist-card-places{
    margin-top:18px!important;
    padding:12px 14px!important;
    border-top:0!important;
    border-left:3px solid var(--orange)!important;
    box-shadow:4px 4px 0 rgba(24,33,108,.08)!important;
  }
  .hist-value-section .earth-controls button{
    box-shadow:4px 4px 0 var(--hist-panel-shadow)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hist-value-section .hist-journey-step,
  .hist-value-section .earth-controls button{
    transition:none!important;
  }
}


/* HIST 2026 — ambient geographic storytelling v1.8.0 */
.hist-value-section{
  position:relative!important;
  isolation:isolate!important;
}
.hist-value-section .hist-ambient-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hist-value-section .hist-benefit-intro,
.hist-value-section .hist-value-stage,
.hist-value-section .earth-preview{
  position:relative;
  z-index:2;
}
.hist-route-field{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.62;
  overflow:visible;
}
.hist-route{
  fill:none;
  stroke:rgba(122,173,220,.34);
  stroke-width:1.15;
  stroke-dasharray:4 11;
  vector-effect:non-scaling-stroke;
  transition:stroke .35s ease,opacity .35s ease,stroke-width .35s ease;
  animation:histRouteDrift 28s linear infinite;
}
.hist-route-2{animation-duration:34s;animation-direction:reverse;opacity:.75}
.hist-route-3{animation-duration:31s;opacity:.62}
.hist-route-node{
  fill:#f7f4e9;
  stroke:rgba(122,173,220,.52);
  stroke-width:1.4;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(122,173,220,.25));
  transition:fill .3s ease,stroke .3s ease,r .3s ease,filter .3s ease;
}
.hist-value-section[data-focus-benefit="0"] .hist-route-1,
.hist-value-section[data-focus-benefit="1"] .hist-route-2,
.hist-value-section[data-focus-benefit="2"] .hist-route-3{
  stroke:rgba(228,100,39,.64);
  stroke-width:1.7;
  opacity:1;
}
.hist-value-section[data-focus-benefit="0"] .hist-node-1,
.hist-value-section[data-focus-benefit="1"] .hist-node-2,
.hist-value-section[data-focus-benefit="2"] .hist-node-3{
  fill:#E46427;
  stroke:#fffdf8;
  filter:drop-shadow(0 0 7px rgba(228,100,39,.44));
}
.hist-landmark-silhouette{
  position:absolute;
  color:var(--navy);
  opacity:.055;
  transform-origin:center bottom;
  animation:histLandmarkFloat 22s ease-in-out infinite;
}
.hist-landmark-silhouette svg{width:100%;height:100%;display:block;overflow:visible}
.hist-landmark-silhouette path{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.hist-landmark-market{left:2.5%;bottom:4%;width:clamp(130px,14vw,220px);height:auto}
.hist-landmark-skyline{right:1.8%;bottom:1.5%;width:clamp(110px,10vw,170px);height:auto;animation-delay:-8s}
.hist-value-section:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  z-index:1!important;
  height:170px!important;
  background:linear-gradient(180deg,rgba(247,244,233,0),rgba(247,244,233,.92) 76%,#f7f4e9)!important;
  pointer-events:none!important;
}

/* Integrate the three pillars into the story column instead of leaving them as a detached footer. */
.hist-value-pillars{
  display:grid;
  grid-template-columns:1fr 10px 1fr 10px 1fr;
  align-items:center;
  gap:12px;
  margin:28px 0 0;
  padding:18px 0 0;
  border-top:1px solid rgba(24,33,108,.12);
}
.hist-value-pillars>i{
  width:6px;
  height:6px;
  justify-self:center;
  background:var(--orange);
  transform:rotate(45deg);
}
.hist-pillar-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  color:var(--navy);
}
.hist-pillar-item b{
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
  white-space:nowrap;
}
.hist-pillar-icon{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  color:var(--navy);
}
.hist-pillar-item:first-child .hist-pillar-icon{color:var(--orange)}
.hist-pillar-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Give the section a faint atmospheric wash without competing with the content. */
.hist-value-section .hist-ambient-bg:after{
  content:"";
  position:absolute;
  inset:12% -10% 5%;
  background:
    radial-gradient(circle at 14% 44%,rgba(122,173,220,.08),transparent 27%),
    radial-gradient(circle at 82% 34%,rgba(228,100,39,.055),transparent 24%);
  animation:histAmbientBreath 16s ease-in-out infinite alternate;
}

@keyframes histRouteDrift{
  to{stroke-dashoffset:-150}
}
@keyframes histLandmarkFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-6px,0)}
}
@keyframes histAmbientBreath{
  0%{transform:scale(1);opacity:.66}
  100%{transform:scale(1.035);opacity:1}
}

@media(max-width:1050px){
  .hist-landmark-silhouette{opacity:.04}
  .hist-landmark-market{left:-2%;bottom:2%}
  .hist-landmark-skyline{right:-2%;bottom:1%}
}
@media(max-width:760px){
  .hist-route-field{opacity:.34}
  .hist-landmark-silhouette{opacity:.035}
  .hist-landmark-market{width:115px;left:-28px;bottom:1%}
  .hist-landmark-skyline{width:92px;right:-20px;bottom:0}
  .hist-value-pillars{grid-template-columns:1fr 6px 1fr 6px 1fr;gap:6px;margin-top:24px;padding-top:15px}
  .hist-pillar-item{gap:5px}
  .hist-pillar-icon{width:20px;height:20px}
  .hist-pillar-icon svg{width:18px;height:18px}
  .hist-pillar-item b{font-size:6.5px;letter-spacing:.10em}
  .hist-value-pillars>i{width:4px;height:4px}
}
@media(prefers-reduced-motion:reduce){
  .hist-route,
  .hist-landmark-silhouette,
  .hist-value-section .hist-ambient-bg:after{
    animation:none!important;
  }
}


/* ===== v1.8.1 Polish pass: more depth, stronger visual balance, subtle scroll motion ===== */
.hist-value-section{
  --hist-earth-shift: 0px;
  --hist-earth-tilt: 0deg;
  --hist-earth-scale: 1;
  --hist-route-shift: 0px;
  --hist-route-opacity: .82;
}

.hist-value-section .hist-ambient-bg{
  transform: translate3d(0,var(--hist-route-shift),0);
  transition: transform .22s ease-out;
}

.hist-route-field{
  opacity:var(--hist-route-opacity);
}
.hist-route{
  stroke:rgba(122,173,220,.42);
  stroke-width:1.28;
}
.hist-route-2{opacity:.88}
.hist-route-3{opacity:.78}
.hist-route-node{
  stroke:rgba(122,173,220,.66);
  filter:drop-shadow(0 0 7px rgba(122,173,220,.32));
}
.hist-value-section[data-focus-benefit="0"] .hist-route-1,
.hist-value-section[data-focus-benefit="1"] .hist-route-2,
.hist-value-section[data-focus-benefit="2"] .hist-route-3{
  stroke:rgba(228,100,39,.84);
  stroke-width:2.15;
}
.hist-value-section[data-focus-benefit="0"] .hist-node-1,
.hist-value-section[data-focus-benefit="1"] .hist-node-2,
.hist-value-section[data-focus-benefit="2"] .hist-node-3{
  r:8;
  filter:drop-shadow(0 0 10px rgba(228,100,39,.50));
}

.hist-value-section .hist-earth-column{
  perspective:1400px;
}
.hist-value-section .hist-earth-scene{
  opacity:.98;
  filter:saturate(1.05) contrast(1.04) brightness(1.015) drop-shadow(0 14px 36px rgba(24,33,108,.08));
  transform: translate3d(0,var(--hist-earth-shift),0) rotate(var(--hist-earth-tilt)) scale(var(--hist-earth-scale));
  transform-origin:50% 52%;
  transition: transform .26s ease-out, filter .26s ease-out, opacity .26s ease-out;
  animation: histEarthHoverFloat 7.6s ease-in-out infinite;
  will-change: transform;
}
.hist-value-section:hover .hist-earth-scene{
  filter:saturate(1.07) contrast(1.06) brightness(1.02) drop-shadow(0 20px 44px rgba(24,33,108,.12));
}
.hist-value-section.is-earth-engaged .hist-earth-scene,
.hist-value-section.is-camera-active .hist-earth-scene{
  animation-play-state: paused;
}
.hist-value-section .earth-core-logo{
  box-shadow:0 18px 40px rgba(24,33,108,.20),0 0 0 1px rgba(24,33,108,.10);
}

.hist-story-card figure{
  border:1.5px solid rgba(24,33,108,.85)!important;
  box-shadow:12px 12px 0 rgba(236,210,194,.68)!important;
}
.hist-story-card figure:before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.26);
  pointer-events:none;
}
.hist-story-copy{
  column-gap:34px;
  padding:28px 0 0;
}
.hist-story-copy h3{
  margin:22px 0 12px!important;
  font-size:clamp(31px,2.7vw,42px)!important;
}
.hist-story-copy>p{
  color:#5a6480!important;
  font-size:12.5px!important;
  line-height:1.78!important;
}
.hist-story-copy .hist-card-places{
  margin:16px 0 0!important;
  padding:14px 16px 14px 18px!important;
  border-left:3px solid var(--orange)!important;
  background:#eaf3fb!important;
  box-shadow:8px 8px 0 rgba(236,210,194,.46)!important;
}
.hist-story-copy .hist-card-places small{
  font-size:7.5px!important;
  margin-bottom:7px!important;
}
.hist-story-copy .hist-card-places span{
  color:#4e5771!important;
  font-size:10px!important;
}
.hist-story-copy .hist-card-link{
  margin:22px 0 0!important;
}

.hist-value-pillars{
  margin:32px 0 0;
  padding:18px 10px 0;
}
.hist-pillar-item{
  gap:9px;
}
.hist-pillar-item b{
  font-size:8.5px;
  letter-spacing:.18em;
}
.hist-pillar-icon{
  width:28px;
  height:28px;
}
.hist-pillar-icon svg{width:23px;height:23px}

.hist-value-section .earth-controls{
  width:min(390px,90%);
  grid-template-columns:minmax(230px,1fr) 50px;
  gap:10px;
}
.hist-value-section .earth-controls button{
  min-height:50px;
  box-shadow:8px 8px 0 rgba(236,210,194,.46);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.hist-value-section .earth-controls button:hover,
.hist-value-section .earth-controls button:focus-visible{
  transform:translate(-2px,-2px);
  box-shadow:10px 10px 0 rgba(236,210,194,.58);
}
.hist-value-section .earth-controls #earth-camera{
  font-size:10.5px;
  letter-spacing:.12em;
}
.hist-value-section .earth-controls #earth-reset{
  font-size:20px;
}
.hist-value-section .earth-status{
  bottom:-24px;
  font-size:9.5px;
}

.hist-landmark-silhouette{
  opacity:.072;
}
.hist-value-section.is-inview .hist-landmark-market{animation-duration:19s}
.hist-value-section.is-inview .hist-landmark-skyline{animation-duration:24s}

@keyframes histEarthHoverFloat{
  0%,100%{transform:translate3d(0,calc(var(--hist-earth-shift) + 0px),0) rotate(calc(var(--hist-earth-tilt) - .45deg)) scale(var(--hist-earth-scale))}
  50%{transform:translate3d(0,calc(var(--hist-earth-shift) - 10px),0) rotate(calc(var(--hist-earth-tilt) + .45deg)) scale(calc(var(--hist-earth-scale) + .005))}
}

@media (prefers-reduced-motion: reduce){
  .hist-value-section .hist-earth-scene{animation:none!important}
  .hist-value-section .hist-ambient-bg{transition:none!important}
}

@media(max-width:1120px){
  .hist-value-section .hist-earth-scene{filter:saturate(1.04) contrast(1.03) brightness(1.012)}
  .hist-story-copy{column-gap:24px}
  .hist-story-copy .hist-card-places{padding:12px 14px 12px 16px!important}
}
@media(max-width:760px){
  .hist-route-field{opacity:.48}
  .hist-route{stroke-width:1.05}
  .hist-value-section .hist-earth-scene{animation:none;transform:translate3d(0,var(--hist-earth-shift),0) scale(1)}
  .hist-story-card figure{box-shadow:8px 8px 0 rgba(236,210,194,.62)!important}
  .hist-story-copy{padding-top:22px}
  .hist-story-copy h3{font-size:clamp(28px,7.8vw,34px)!important}
  .hist-story-copy .hist-card-places{grid-column:1!important;grid-row:auto!important;margin-top:16px!important}
  .hist-value-pillars{padding-inline:0}
  .hist-value-section .earth-controls{width:calc(100% - 16px);grid-template-columns:minmax(0,1fr) 48px}
  .hist-value-section .earth-controls button{min-height:48px;box-shadow:6px 6px 0 rgba(236,210,194,.46)}
}


/* =====================================================================
   v1.8.2 — FINAL DESKTOP POLISH + TABLET / MOBILE RESPONSIVE PASS
   ===================================================================== */

/* Use more of the available wide-screen canvas while keeping editorial breathing room. */
.hist-value-section{
  padding-left:clamp(26px,3.1vw,60px)!important;
  padding-right:clamp(26px,3.1vw,60px)!important;
}
.hist-value-section .hist-benefit-intro{
  max-width:1740px!important;
}
.hist-value-section .hist-value-stage{
  width:100%!important;
  max-width:1740px!important;
  grid-template-columns:minmax(470px,.82fr) minmax(760px,1.35fr)!important;
  gap:clamp(42px,3.7vw,70px)!important;
  margin-top:54px!important;
}

/* A little more authority for the navigation cards. */
.hist-value-section .hist-journey{
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr)!important;
  gap:13px!important;
  margin-bottom:26px!important;
}
.hist-value-section .hist-journey-step{
  min-height:72px!important;
  padding:11px 16px!important;
  border-width:1.35px!important;
  box-shadow:8px 8px 0 rgba(236,210,194,.60)!important;
}
.hist-value-section .hist-journey-step b{
  font-size:28px!important;
}
.hist-value-section .hist-journey-step span{
  font-size:8.5px!important;
  line-height:1.25!important;
}
.hist-value-section .hist-journey-step:hover,
.hist-value-section .hist-journey-step:focus-visible{
  box-shadow:9px 9px 0 rgba(236,210,194,.68)!important;
}

/* Selected = persistent white/orange state; Active = solid orange preview. */
.hist-value-section .hist-journey-step.is-selected:not(.is-active){
  border-color:var(--orange)!important;
  background:rgba(255,253,248,.94)!important;
  color:var(--navy)!important;
  box-shadow:8px 8px 0 rgba(236,210,194,.62)!important;
}
.hist-value-section .hist-journey-step.is-selected:not(.is-active) b{
  color:var(--orange)!important;
}
.hist-value-section .hist-journey-step.is-selected:not(.is-active) span{
  color:var(--navy)!important;
}
.hist-value-section .hist-journey-step.is-active,
.hist-value-section .hist-journey-step.is-active:hover,
.hist-value-section .hist-journey-step.is-active:focus-visible{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
  box-shadow:9px 9px 0 rgba(24,33,108,.14)!important;
}

/* Cleaner background routes: present, but no longer compete with content. */
.hist-value-section{--hist-route-opacity:.56}
.hist-route{
  stroke:rgba(122,173,220,.31)!important;
  stroke-width:1.08!important;
}
.hist-route-1{opacity:.72!important}
.hist-route-2{opacity:.48!important}
.hist-route-3{opacity:.36!important}
.hist-route-node{
  opacity:.72;
  stroke:rgba(122,173,220,.56)!important;
}
.hist-value-section[data-focus-benefit="0"] .hist-route-1,
.hist-value-section[data-focus-benefit="1"] .hist-route-2,
.hist-value-section[data-focus-benefit="2"] .hist-route-3{
  opacity:1!important;
  stroke:rgba(228,100,39,.80)!important;
  stroke-width:1.85!important;
}

/* Globe: stronger navy detail, less washed-out cyan, subtle but readable depth. */
.hist-value-section .hist-earth-column{
  height:500px!important;
}
.hist-value-section .hist-earth-scene{
  inset:-36px -26px 42px!important;
  opacity:.96!important;
  filter:saturate(1.08) contrast(1.13) brightness(.95) drop-shadow(0 18px 38px rgba(24,33,108,.10))!important;
}
.hist-value-section:hover .hist-earth-scene{
  filter:saturate(1.10) contrast(1.15) brightness(.96) drop-shadow(0 22px 46px rgba(24,33,108,.13))!important;
}

/* Balance the story: slightly shallower hero image, stronger metadata. */
.hist-value-section .hist-story-card figure{
  height:clamp(300px,20vw,380px)!important;
}
.hist-value-section .hist-story-copy{
  grid-template-columns:minmax(0,1fr) minmax(230px,.40fr)!important;
  column-gap:38px!important;
  padding-top:27px!important;
}
.hist-value-section .hist-story-copy h3{
  font-size:clamp(33px,2.5vw,43px)!important;
}
.hist-value-section .hist-story-copy>p{
  max-width:760px;
}
.hist-value-section .hist-story-copy .hist-card-places{
  min-height:92px;
  margin-top:16px!important;
  padding:17px 20px 16px 20px!important;
}
.hist-value-section .hist-story-copy .hist-card-places small{
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.hist-value-section .hist-story-copy .hist-card-places span{
  font-size:10.5px!important;
  line-height:1.55!important;
}
.hist-value-section .hist-story-copy .hist-card-link{
  font-size:9.5px!important;
  padding-bottom:6px!important;
}
.hist-value-section .hist-story-copy .hist-card-link:hover span{
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Bring the three pillars closer to the story rather than reading as a detached footer. */
.hist-value-section .hist-value-pillars{
  margin-top:25px!important;
  padding-top:15px!important;
}
.hist-value-section .hist-pillar-item b{
  font-size:8.5px!important;
}
.hist-landmark-silhouette{opacity:.085!important}

/* Scroll motion remains subtle in the final desktop version. */
@keyframes histEarthHoverFloat{
  0%,100%{transform:translate3d(0,calc(var(--hist-earth-shift) + 0px),0) rotate(calc(var(--hist-earth-tilt) - .28deg)) scale(var(--hist-earth-scale))}
  50%{transform:translate3d(0,calc(var(--hist-earth-shift) - 7px),0) rotate(calc(var(--hist-earth-tilt) + .28deg)) scale(calc(var(--hist-earth-scale) + .003))}
}

/* ----------------------------- TABLET ----------------------------- */
@media (min-width:900px) and (max-width:1199px){
  .hist-value-section{
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .hist-value-section .hist-value-stage{
    display:grid!important;
    grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr)!important;
    gap:30px!important;
    max-width:1140px!important;
    margin-top:46px!important;
  }
  .hist-value-section .hist-earth-column{height:430px!important}
  .hist-value-section .hist-earth-scene{inset:-20px -30px 40px!important}
  .hist-value-section .earth-controls{
    width:min(330px,92%)!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
  }
  .hist-value-section .hist-journey{
    grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)!important;
    gap:8px!important;
    margin-bottom:22px!important;
  }
  .hist-value-section .hist-journey-step{
    min-height:62px!important;
    padding:9px 8px!important;
    box-shadow:6px 6px 0 rgba(236,210,194,.58)!important;
  }
  .hist-value-section .hist-journey-step b{font-size:23px!important}
  .hist-value-section .hist-journey-step span{font-size:7px!important}
  .hist-value-section .hist-story-card figure{height:clamp(270px,28vw,330px)!important}
  .hist-value-section .hist-story-copy{
    grid-template-columns:minmax(0,1fr) minmax(180px,.38fr)!important;
    column-gap:20px!important;
    padding-top:22px!important;
  }
  .hist-value-section .hist-story-copy h3{font-size:clamp(29px,3vw,36px)!important}
  .hist-value-section .hist-story-copy .hist-card-places{
    min-height:82px;
    padding:13px 15px!important;
  }
  .hist-value-section .hist-value-pillars{margin-top:22px!important}
}

/* ----------------------- SMALL TABLET / LARGE MOBILE ----------------------- */
@media (min-width:600px) and (max-width:899px){
  [data-hist-benefits-earth]{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .hist-value-section{
    min-height:0!important;
    padding:56px 28px 48px!important;
  }
  .hist-value-section .hist-benefit-intro{max-width:760px!important}
  .hist-value-section .hist-value-stage{
    display:flex!important;
    flex-direction:column!important;
    gap:38px!important;
    max-width:760px!important;
    margin-top:42px!important;
  }
  .hist-value-section .hist-story-column{order:1!important;width:100%!important}
  .hist-value-section .hist-earth-column{order:2!important;width:100%!important;height:440px!important}
  .hist-value-section .hist-journey{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:24px!important;
  }
  .hist-value-section .hist-journey>i{display:none!important}
  .hist-value-section .hist-journey-step{
    min-height:66px!important;
    padding:9px 7px!important;
    box-shadow:6px 6px 0 rgba(236,210,194,.58)!important;
  }
  .hist-value-section .hist-journey-step b{font-size:24px!important}
  .hist-value-section .hist-journey-step span{font-size:7.5px!important}
  .hist-value-section .hist-story-card figure{
    height:auto!important;
    aspect-ratio:16/8.7!important;
  }
  .hist-value-section .hist-story-copy{
    grid-template-columns:minmax(0,1fr) minmax(190px,.36fr)!important;
    column-gap:24px!important;
  }
  .hist-value-section .hist-story-copy h3{font-size:36px!important}
  .hist-value-section .hist-story-copy .hist-card-places{min-height:84px}
  .hist-value-section .hist-earth-scene{inset:-22px 2% 48px!important}
  .hist-value-section .earth-controls{
    width:min(390px,88%)!important;
    bottom:8px!important;
  }
  .hist-value-section .earth-status{bottom:-20px!important}
  .hist-route-field{opacity:.38!important}
  .hist-landmark-silhouette{opacity:.055!important}
}

/* ----------------------------- MOBILE ----------------------------- */
@media (max-width:599px){
  [data-hist-benefits-earth]{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
  .hist-value-section{
    width:100%!important;
    min-height:0!important;
    padding:44px 16px 42px!important;
  }
  .hist-value-section .hist-benefit-intro{
    max-width:100%!important;
  }
  .hist-value-section .hist-title-index{
    font-size:9px!important;
  }
  .hist-value-section .hist-benefit-intro h2{
    font-size:clamp(36px,11.8vw,50px)!important;
    line-height:.98!important;
  }
  .hist-value-section .hist-section-lead{
    max-width:330px!important;
    margin-top:18px!important;
    font-size:11.5px!important;
    line-height:1.65!important;
  }
  .hist-value-section .hist-value-stage{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:30px!important;
    margin-top:34px!important;
  }
  .hist-value-section .hist-story-column{order:1!important;width:100%!important}
  .hist-value-section .hist-earth-column{order:2!important;width:100%!important;height:365px!important}

  .hist-value-section .hist-journey{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 18px!important;
  }
  .hist-value-section .hist-journey>i{display:none!important}
  .hist-value-section .hist-journey-step{
    min-height:58px!important;
    padding:7px 4px!important;
    box-shadow:4px 4px 0 rgba(236,210,194,.60)!important;
  }
  .hist-value-section .hist-journey-step b{font-size:20px!important}
  .hist-value-section .hist-journey-step span{
    font-size:6.1px!important;
    line-height:1.25!important;
  }

  .hist-value-section .hist-story-card figure{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    box-shadow:7px 7px 0 rgba(236,210,194,.62)!important;
  }
  .hist-value-section .hist-story-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    column-gap:0!important;
    padding-top:20px!important;
  }
  .hist-value-section .hist-story-copy .hist-card-top{
    grid-column:1!important;
    padding-bottom:10px!important;
  }
  .hist-value-section .hist-story-copy h3{
    grid-column:1!important;
    margin:16px 0 9px!important;
    font-size:clamp(29px,9vw,35px)!important;
  }
  .hist-value-section .hist-story-copy>p{
    grid-column:1!important;
    font-size:11.5px!important;
    line-height:1.7!important;
  }
  .hist-value-section .hist-story-copy .hist-card-places{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:0!important;
    margin-top:15px!important;
    padding:13px 15px!important;
  }
  .hist-value-section .hist-story-copy .hist-card-link{
    grid-column:1!important;
    margin-top:16px!important;
  }

  .hist-value-section .hist-value-pillars{
    grid-template-columns:1fr 5px 1fr 5px 1fr!important;
    gap:5px!important;
    margin-top:22px!important;
    padding:14px 0 0!important;
  }
  .hist-value-section .hist-pillar-item{
    gap:4px!important;
  }
  .hist-value-section .hist-pillar-icon{
    width:18px!important;
    height:18px!important;
  }
  .hist-value-section .hist-pillar-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .hist-value-section .hist-pillar-item b{
    font-size:5.8px!important;
    letter-spacing:.075em!important;
  }
  .hist-value-section .hist-value-pillars>i{
    width:4px!important;
    height:4px!important;
  }

  .hist-value-section .hist-earth-scene{
    inset:-2px -10% 48px!important;
    opacity:.94!important;
    animation:none!important;
    filter:saturate(1.06) contrast(1.09) brightness(.97)!important;
  }
  .hist-value-section .earth-controls{
    width:calc(100% - 20px)!important;
    max-width:360px!important;
    bottom:8px!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:8px!important;
  }
  .hist-value-section .earth-controls button{
    min-height:46px!important;
    box-shadow:5px 5px 0 rgba(236,210,194,.50)!important;
  }
  .hist-value-section .earth-controls #earth-camera{
    padding:0 12px!important;
    font-size:8.5px!important;
    letter-spacing:.08em!important;
  }
  .hist-value-section .earth-status{
    width:94%!important;
    bottom:-21px!important;
    font-size:7.5px!important;
  }
  .hist-route-field{opacity:.26!important}
  .hist-route-3{display:none!important}
  .hist-route-node{opacity:.45!important}
  .hist-landmark-silhouette{opacity:.038!important}
}

/* Very narrow phones: preserve readability rather than squeezing all details. */
@media (max-width:380px){
  .hist-value-section{padding-left:12px!important;padding-right:12px!important}
  .hist-value-section .hist-journey{gap:5px!important}
  .hist-value-section .hist-journey-step{
    min-height:56px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .hist-value-section .hist-journey-step b{font-size:18px!important}
  .hist-value-section .hist-journey-step span{font-size:5.7px!important}
  .hist-value-section .hist-pillar-item b{font-size:5.2px!important}
}

/* Accessibility / motion safety */
@media(prefers-reduced-motion:reduce){
  .hist-value-section .hist-earth-scene,
  .hist-value-section .hist-ambient-bg,
  .hist-route{
    animation:none!important;
    transition:none!important;
  }
}


/* =====================================================================
   v1.8.3 — CAMERA PREVIEW DOCKING FIX
   Keep camera preview at the section's top-right by default,
   while preserving full drag/move behavior inside the section.
   ===================================================================== */

.hist-value-section{
  position:relative!important;
}

/* Override older rules that accidentally made the preview relative/in-flow. */
.hist-value-section .earth-preview{
  --dock-left:calc(100% - 248px)!important;
  --dock-top:24px!important;
  position:absolute!important;
  left:var(--dock-left)!important;
  top:var(--dock-top)!important;
  right:auto!important;
  bottom:auto!important;
  width:224px!important;
  z-index:120!important;
  margin:0!important;
  overflow:hidden!important;
  border:1.5px solid var(--navy)!important;
  background:var(--paper)!important;
  box-shadow:10px 10px 0 rgba(236,210,194,.68),0 18px 44px rgba(24,33,108,.18)!important;
  transform:none!important;
  isolation:isolate;
}

/* The whole navy header is now the drag surface; close button stays clickable. */
.hist-value-section .earth-preview-head{
  min-height:48px!important;
  padding:10px 12px!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}
.hist-value-section .earth-preview.is-dragging .earth-preview-head{
  cursor:grabbing!important;
}
.hist-value-section .earth-preview-head #earth-stop{
  position:relative;
  z-index:3;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.hist-value-section .earth-drag-handle{
  pointer-events:none!important;
}

.hist-value-section .earth-preview.is-dragging{
  box-shadow:12px 12px 0 rgba(236,210,194,.78),0 28px 62px rgba(24,33,108,.28)!important;
}

/* Desktop: keep enough distance from the right edge to match the section padding. */
@media(min-width:1200px){
  .hist-value-section .earth-preview{
    --dock-left:calc(100% - 278px)!important;
    --dock-top:26px!important;
    width:232px!important;
  }
}

/* Tablet: compact but still docked top-right and draggable. */
@media(min-width:600px) and (max-width:1199px){
  .hist-value-section .earth-preview{
    --dock-left:calc(100% - 220px)!important;
    --dock-top:18px!important;
    width:198px!important;
  }
  .hist-value-section .earth-preview-head{
    min-height:44px!important;
    padding:8px 10px!important;
  }
}

/* Mobile: small floating preview in the top-right, not below the content. */
@media(max-width:599px){
  .hist-value-section .earth-preview{
    --dock-left:calc(100% - 176px)!important;
    --dock-top:12px!important;
    width:164px!important;
    box-shadow:6px 6px 0 rgba(236,210,194,.64),0 14px 32px rgba(24,33,108,.18)!important;
  }
  .hist-value-section .earth-preview-head{
    min-height:40px!important;
    padding:7px 8px!important;
  }
  .hist-value-section .earth-preview strong{
    font-size:7px!important;
  }
  .hist-value-section .earth-preview p{
    margin:7px 8px 8px!important;
    font-size:6.5px!important;
  }
}


/* =====================================================================
   v1.8.4 — DESKTOP PROPORTION TUNING
   Reduce the right story column so photos no longer feel horizontally
   stretched on wide desktops. Keep the globe substantial and balanced.
   ===================================================================== */

@media(min-width:1200px){
  .hist-value-section .hist-value-stage{
    max-width:1600px!important;
    grid-template-columns:minmax(460px,520px) minmax(760px,1000px)!important;
    justify-content:center!important;
    gap:clamp(54px,4vw,74px)!important;
  }

  .hist-value-section .hist-earth-column{
    width:100%!important;
    max-width:520px!important;
    justify-self:end!important;
  }

  .hist-value-section .hist-story-column{
    width:min(100%,1000px)!important;
    max-width:1000px!important;
    justify-self:start!important;
  }

  .hist-value-section .hist-journey{
    width:100%!important;
    max-width:1000px!important;
  }

  .hist-value-section .hist-story-card{
    width:100%!important;
    max-width:1000px!important;
  }

  /* Keep the image cinematic, but stop it becoming a very wide banner. */
  .hist-value-section .hist-story-card figure{
    width:100%!important;
    max-width:1000px!important;
    height:clamp(330px,21vw,395px)!important;
  }

  .hist-value-section .hist-story-copy{
    width:100%!important;
    max-width:1000px!important;
    grid-template-columns:minmax(0,1fr) minmax(220px,260px)!important;
    column-gap:32px!important;
  }

  .hist-value-section .hist-story-copy>p{
    max-width:680px!important;
  }

  .hist-value-section .hist-value-pillars{
    width:100%!important;
    max-width:1000px!important;
  }
}

/* Large but not ultra-wide desktops: slightly tighter again. */
@media(min-width:1200px) and (max-width:1499px){
  .hist-value-section .hist-value-stage{
    grid-template-columns:minmax(410px,470px) minmax(700px,900px)!important;
    gap:46px!important;
    max-width:1420px!important;
  }

  .hist-value-section .hist-earth-column{
    max-width:470px!important;
  }

  .hist-value-section .hist-story-column,
  .hist-value-section .hist-journey,
  .hist-value-section .hist-story-card,
  .hist-value-section .hist-value-pillars{
    max-width:900px!important;
  }

  .hist-value-section .hist-story-card figure{
    max-width:900px!important;
    height:clamp(305px,22vw,360px)!important;
  }

  .hist-value-section .hist-story-copy{
    max-width:900px!important;
    grid-template-columns:minmax(0,1fr) minmax(200px,235px)!important;
    column-gap:28px!important;
  }
}

/* Tablet rules from v1.8.2 stay in charge below 1200px. */


/* =====================================================================
   v1.8.5 — camera preview docks top-left over the globe by default
   Still fully draggable within the section.
   ===================================================================== */

/* Re-dock the preview to the top-left visual zone of the earth column. */
.hist-value-section .earth-preview{
  --dock-left: max(14px, 3.8vw) !important;
  --dock-top: 18px !important;
}

@media(min-width:1200px){
  .hist-value-section .earth-preview{
    --dock-left: clamp(22px, 5vw, 86px) !important;
    --dock-top: 18px !important;
    width: 228px !important;
  }
}

@media(min-width:1500px){
  .hist-value-section .earth-preview{
    --dock-left: clamp(34px, 6.3vw, 118px) !important;
    --dock-top: 16px !important;
    width: 232px !important;
  }
}

/* Keep it visually balanced relative to the globe and away from the top text area. */
.hist-value-section .earth-preview{
  box-shadow: 10px 10px 0 rgba(236,210,194,.68), 0 18px 44px rgba(24,33,108,.18) !important;
}

/* Tablet: still top-left, but slightly smaller so it doesn't crowd the composition. */
@media(min-width:600px) and (max-width:1199px){
  .hist-value-section .earth-preview{
    --dock-left: 14px !important;
    --dock-top: 14px !important;
    width: 194px !important;
  }
}

/* Mobile: keep the preview top-left inside the section and draggable. */
@media(max-width:599px){
  .hist-value-section .earth-preview{
    --dock-left: 8px !important;
    --dock-top: 8px !important;
    width: 156px !important;
  }
}


/* =====================================================================
   v1.8.6 — CAMERA + STORY WIDTH TUNING
   1) Camera defaults near the globe instead of the section header.
   2) Story/right column reduced ~10% on desktop.
   ===================================================================== */

/* Fallback position only. JS computes the exact globe top-left when camera starts. */
.hist-value-section .earth-preview{
  --dock-left: clamp(18px, 4.5vw, 82px) !important;
  --dock-top: clamp(205px, 16vw, 260px) !important;
}

/* Ultra-wide / wide desktop: reduce story width from 1000px -> 900px (~10%). */
@media(min-width:1500px){
  .hist-value-section .hist-value-stage{
    max-width:1500px!important;
    grid-template-columns:minmax(460px,520px) minmax(700px,900px)!important;
    gap:clamp(52px,3.8vw,70px)!important;
  }

  .hist-value-section .hist-story-column,
  .hist-value-section .hist-journey,
  .hist-value-section .hist-story-card,
  .hist-value-section .hist-value-pillars,
  .hist-value-section .hist-story-copy{
    width:100%!important;
    max-width:900px!important;
  }

  .hist-value-section .hist-story-card figure{
    width:100%!important;
    max-width:900px!important;
    height:clamp(320px,20vw,380px)!important;
  }

  .hist-value-section .hist-story-copy{
    grid-template-columns:minmax(0,1fr) minmax(205px,235px)!important;
    column-gap:30px!important;
  }
}

/* Normal desktop: reduce 900px -> 810px (~10%). */
@media(min-width:1200px) and (max-width:1499px){
  .hist-value-section .hist-value-stage{
    max-width:1320px!important;
    grid-template-columns:minmax(400px,465px) minmax(650px,810px)!important;
    gap:44px!important;
  }

  .hist-value-section .hist-earth-column{
    max-width:465px!important;
  }

  .hist-value-section .hist-story-column,
  .hist-value-section .hist-journey,
  .hist-value-section .hist-story-card,
  .hist-value-section .hist-value-pillars,
  .hist-value-section .hist-story-copy{
    width:100%!important;
    max-width:810px!important;
  }

  .hist-value-section .hist-story-card figure{
    width:100%!important;
    max-width:810px!important;
    height:clamp(290px,21vw,345px)!important;
  }

  .hist-value-section .hist-story-copy{
    grid-template-columns:minmax(0,1fr) minmax(190px,220px)!important;
    column-gap:26px!important;
  }
}

/* Tablet/mobile camera fallback stays close to the earth block. */
@media(min-width:600px) and (max-width:1199px){
  .hist-value-section .earth-preview{
    --dock-left: 16px !important;
    --dock-top: clamp(195px, 22vw, 235px) !important;
  }
}

@media(max-width:599px){
  .hist-value-section .earth-preview{
    --dock-left: 8px !important;
    --dock-top: 150px !important;
  }
}


/* =====================================================================
   v1.8.7 — PROGRAM HIGHLIGHTS
   New "Điểm nổi bật" content block beneath the interactive story.
   ===================================================================== */

.hist-highlights{
  position:relative;
  z-index:8;
  width:100%;
  max-width:1500px;
  margin:54px auto 0;
  padding:28px 0 8px;
  border-top:1px solid rgba(24,33,108,.16);
}

.hist-highlights-head{
  display:grid;
  grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);
  align-items:end;
  gap:32px;
  margin-bottom:24px;
}

.hist-highlights-kicker{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:10px;
  color:var(--orange);
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
}

.hist-highlights-kicker:before{
  content:"";
  width:34px;
  height:3px;
  background:var(--orange);
}

.hist-highlights h3{
  margin:0;
  color:var(--navy);
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif;
  font-size:clamp(27px,2.15vw,38px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.035em;
}

.hist-highlights-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.hist-highlight-item{
  position:relative;
  min-height:126px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:20px 22px 20px 18px;
  border:1.25px solid rgba(24,33,108,.86);
  background:rgba(255,253,248,.92);
  box-shadow:8px 8px 0 rgba(236,210,194,.58);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}

.hist-highlight-item:hover{
  transform:translate(-2px,-2px);
  border-color:var(--orange);
  background:#fffdf8;
  box-shadow:10px 10px 0 rgba(236,210,194,.68);
}

.hist-highlight-no{
  color:var(--orange);
  font-family:"Bricolage Grotesque","Be Vietnam Pro",sans-serif;
  font-size:26px;
  font-weight:800;
  line-height:1;
}

.hist-highlight-item p{
  margin:0;
  color:#4f5974;
  font-size:11.5px;
  font-weight:600;
  line-height:1.68;
}

/* Tablet */
@media(min-width:600px) and (max-width:1199px){
  .hist-highlights{
    margin-top:44px;
    padding-top:24px;
  }

  .hist-highlights-head{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:20px;
  }

  .hist-highlights-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .hist-highlight-item{
    min-height:116px;
  }
}

/* Mobile */
@media(max-width:599px){
  .hist-highlights{
    margin-top:36px;
    padding-top:20px;
  }

  .hist-highlights-head{
    grid-template-columns:1fr;
    gap:9px;
    margin-bottom:17px;
  }

  .hist-highlights h3{
    font-size:clamp(25px,8vw,32px);
  }

  .hist-highlights-grid{
    grid-template-columns:1fr;
    gap:11px;
  }

  .hist-highlight-item{
    min-height:0;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:16px 16px 16px 14px;
    box-shadow:5px 5px 0 rgba(236,210,194,.58);
  }

  .hist-highlight-no{
    font-size:22px;
  }

  .hist-highlight-item p{
    font-size:10.7px;
    line-height:1.65;
  }
}


/* =====================================================================
   v1.8.8 — highlights heading simplified + icons added
   ===================================================================== */
.hist-highlights-head{
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}
.hist-highlights h3{
  font-size: clamp(26px, 2vw, 36px) !important;
}
.hist-highlights-grid{
  gap: 14px !important;
}
.hist-highlight-item{
  grid-template-columns: 50px 42px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  min-height: 118px !important;
}
.hist-highlight-no{
  align-self: start;
  margin-top: 1px;
}
.hist-highlight-icon{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(228,100,39,.35);
  background: rgba(228,100,39,.06);
  border-radius: 50%;
  box-shadow: 4px 4px 0 rgba(236,210,194,.38);
}
.hist-highlight-icon svg{
  width: 19px;
  height: 19px;
  stroke: var(--orange);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hist-highlight-item:hover .hist-highlight-icon{
  background: rgba(228,100,39,.1);
  border-color: rgba(228,100,39,.55);
}
.hist-highlight-item p{
  margin-top: 2px;
}
@media (min-width:600px) and (max-width:1199px){
  .hist-highlight-item{
    grid-template-columns: 44px 38px minmax(0,1fr) !important;
    min-height: 108px !important;
  }
  .hist-highlight-icon{width:30px;height:30px}
  .hist-highlight-icon svg{width:17px;height:17px}
}
@media (max-width:599px){
  .hist-highlights h3{
    font-size: clamp(24px, 7.4vw, 30px) !important;
  }
  .hist-highlight-item{
    grid-template-columns: 38px 34px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 15px 14px !important;
  }
  .hist-highlight-no{font-size:20px !important}
  .hist-highlight-icon{width:28px;height:28px;box-shadow:3px 3px 0 rgba(236,210,194,.34)}
  .hist-highlight-icon svg{width:15px;height:15px}
}


/* =====================================================================
   v1.9.0 — highlights polish: remove eyebrow, denser cards, tighter icon/text
   ===================================================================== */

/* Remove the small eyebrow label shown above the title. */
.hist-highlights-kicker{
  display:none !important;
}

.hist-highlights{
  margin-top: 48px !important;
  padding-top: 22px !important;
}

.hist-highlights-head{
  gap: 0 !important;
  margin-bottom: 18px !important;
}

.hist-highlights h3{
  margin: 0 0 2px !important;
  font-size: clamp(25px, 1.9vw, 34px) !important;
  line-height: 1.04 !important;
}

.hist-highlights-grid{
  gap: 12px !important;
}

/* Denser cards with better balance */
.hist-highlight-item{
  min-height: 100px !important;
  grid-template-columns: 48px 34px minmax(0,1fr) !important;
  gap: 10px !important;
  padding: 16px 18px 16px 18px !important;
  align-items: start !important;
  box-shadow: 7px 7px 0 rgba(236,210,194,.56) !important;
}

.hist-highlight-item:hover{
  transform: translate(-2px,-2px) !important;
  box-shadow: 9px 9px 0 rgba(236,210,194,.66) !important;
}

.hist-highlight-no{
  font-size: 25px !important;
  line-height: 1 !important;
  align-self: start !important;
  margin-top: 2px !important;
}

/* Bring icon closer to copy and align as one visual cluster */
.hist-highlight-icon{
  width: 30px !important;
  height: 30px !important;
  margin-top: 1px !important;
  box-shadow: 3px 3px 0 rgba(236,210,194,.34) !important;
}

.hist-highlight-icon svg{
  width: 16px !important;
  height: 16px !important;
}

.hist-highlight-item p{
  margin: 0 !important;
  padding-top: 1px !important;
  font-size: 11.2px !important;
  line-height: 1.62 !important;
}

/* Large tablets */
@media (min-width:600px) and (max-width:1199px){
  .hist-highlights{
    margin-top: 40px !important;
    padding-top: 20px !important;
  }
  .hist-highlights-head{
    margin-bottom: 16px !important;
  }
  .hist-highlights-grid{
    gap: 12px !important;
  }
  .hist-highlight-item{
    min-height: 94px !important;
    grid-template-columns: 44px 32px minmax(0,1fr) !important;
    gap: 9px !important;
    padding: 15px 16px !important;
  }
  .hist-highlight-no{
    font-size: 23px !important;
  }
  .hist-highlight-icon{
    width: 28px !important;
    height: 28px !important;
  }
  .hist-highlight-icon svg{
    width: 15px !important;
    height: 15px !important;
  }
  .hist-highlight-item p{
    font-size: 10.8px !important;
  }
}

/* Mobile */
@media (max-width:599px){
  .hist-highlights{
    margin-top: 34px !important;
    padding-top: 18px !important;
  }
  .hist-highlights-head{
    margin-bottom: 14px !important;
  }
  .hist-highlights h3{
    font-size: clamp(23px, 7vw, 29px) !important;
  }
  .hist-highlights-grid{
    gap: 10px !important;
  }
  .hist-highlight-item{
    min-height: 0 !important;
    grid-template-columns: 36px 30px minmax(0,1fr) !important;
    gap: 8px !important;
    padding: 14px 14px !important;
    box-shadow: 4px 4px 0 rgba(236,210,194,.50) !important;
  }
  .hist-highlight-item:hover{
    transform:none !important;
    box-shadow: 4px 4px 0 rgba(236,210,194,.50) !important;
  }
  .hist-highlight-no{
    font-size: 20px !important;
    margin-top: 1px !important;
  }
  .hist-highlight-icon{
    width: 26px !important;
    height: 26px !important;
  }
  .hist-highlight-icon svg{
    width: 14px !important;
    height: 14px !important;
  }
  .hist-highlight-item p{
    font-size: 10.4px !important;
    line-height: 1.6 !important;
  }
}


/* =====================================================================
   v1.9.1 — highlights switch to diamond icons only (no 01–06)
   ===================================================================== */
.hist-highlight-item{
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 14px !important;
  min-height: 96px !important;
  padding: 18px 18px !important;
}

.hist-highlight-no{
  display: none !important;
}

/* Diamond icon system, aligned with the motif in the section above */
.hist-highlight-icon{
  position: relative;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 1px !important;
  border: 1.3px solid var(--orange) !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  box-shadow: none !important;
  transform: rotate(45deg);
}
.hist-highlight-icon svg{
  width: 15px !important;
  height: 15px !important;
  stroke: var(--orange) !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-45deg);
}
.hist-highlight-item:hover .hist-highlight-icon{
  background: rgba(228,100,39,.05) !important;
  border-color: var(--orange) !important;
}
.hist-highlight-item p{
  font-size: 13px !important;
  line-height: 1.58 !important;
  font-weight: 600 !important;
  color: #46516e !important;
  padding-top: 0 !important;
}

@media (min-width:600px) and (max-width:1199px){
  .hist-highlight-item{
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 12px !important;
    min-height: 92px !important;
    padding: 16px 16px !important;
  }
  .hist-highlight-icon{
    width: 26px !important;
    height: 26px !important;
  }
  .hist-highlight-icon svg{
    width: 14px !important;
    height: 14px !important;
  }
  .hist-highlight-item p{
    font-size: 12.4px !important;
    line-height: 1.56 !important;
  }
}

@media (max-width:599px){
  .hist-highlight-item{
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 14px 14px !important;
  }
  .hist-highlight-icon{
    width: 24px !important;
    height: 24px !important;
  }
  .hist-highlight-icon svg{
    width: 13px !important;
    height: 13px !important;
  }
  .hist-highlight-item p{
    font-size: 11.6px !important;
    line-height: 1.55 !important;
  }
}


/* =====================================================================
   v1.9.2 — HOÀNG SA / TRƯỜNG SA geographic markers
   Geographic labels on the globe plus a small maritime inset in
   the regional-map state.
   ===================================================================== */

.hist-archipelago-labels{
  position:absolute;
  z-index:13;
  inset:0;
  pointer-events:none;
}

.hist-archipelago-label{
  position:absolute;
  display:grid;
  grid-template-columns:10px auto;
  grid-template-rows:auto auto;
  column-gap:6px;
  align-items:center;
  min-width:max-content;
  padding:5px 8px 5px 6px;
  transform:translate(10px,-50%);
  border:1px solid rgba(228,100,39,.62);
  background:rgba(255,253,248,.94);
  box-shadow:5px 5px 0 rgba(236,210,194,.48);
  color:var(--navy);
  opacity:0;
  transition:opacity .16s ease;
}

.hist-archipelago-label i{
  grid-row:1 / span 2;
  width:7px;
  height:7px;
  border:1.5px solid var(--orange);
  background:#fffdf8;
  transform:rotate(45deg);
}

.hist-archipelago-label b{
  font-size:7.2px;
  line-height:1.05;
  letter-spacing:.08em;
  color:var(--navy);
}

.hist-archipelago-label small{
  font-size:5.3px;
  line-height:1;
  letter-spacing:.12em;
  color:var(--orange);
  font-weight:800;
}

.hist-archipelago-inset{
  position:absolute;
  z-index:14;
  right:12px;
  top:12px;
  width:144px;
  padding:10px 11px 11px;
  border:1px solid rgba(24,33,108,.72);
  background:rgba(255,253,248,.93);
  box-shadow:7px 7px 0 rgba(236,210,194,.48);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.hist-archipelago-inset>small{
  display:block;
  margin-bottom:8px;
  color:var(--orange);
  font-size:5.5px;
  font-weight:800;
  letter-spacing:.16em;
}

.hist-archipelago-inset>div{
  position:relative;
  display:grid;
  grid-template-columns:18px 1fr;
  gap:7px;
  align-items:center;
  padding:5px 0;
}

.hist-archipelago-inset>div+div:before{
  content:"";
  position:absolute;
  left:8px;
  top:-3px;
  height:7px;
  border-left:1px dashed rgba(228,100,39,.45);
}

.hist-archipelago-inset i{
  width:11px;
  height:11px;
  justify-self:center;
  border:1.4px solid var(--orange);
  background:rgba(228,100,39,.05);
  transform:rotate(45deg);
}

.hist-archipelago-inset span{
  display:block;
}

.hist-archipelago-inset b{
  display:block;
  color:var(--navy);
  font-size:7px;
  line-height:1.1;
  letter-spacing:.06em;
}

.hist-archipelago-inset em{
  display:block;
  margin-top:2px;
  color:#6a738b;
  font-size:5.5px;
  font-style:normal;
  font-weight:700;
}

/* Keep the labels readable without cluttering smaller screens. */
@media(max-width:760px){
  .hist-archipelago-label{
    padding:4px 6px 4px 5px;
    transform:translate(7px,-50%) scale(.9);
    transform-origin:left center;
  }

  .hist-archipelago-label b{
    font-size:6px;
  }

  .hist-archipelago-label small{
    font-size:4.5px;
  }

  .hist-archipelago-inset{
    width:122px;
    right:8px;
    top:8px;
    padding:8px 9px;
  }

  .hist-archipelago-inset b{
    font-size:6px;
  }

  .hist-archipelago-inset em{
    font-size:4.8px;
  }
}


/* =====================================================================
   v1.9.3 — ISLANDS ON THE FLAT VIETNAM MAP ONLY
   No Hoàng Sa / Trường Sa special highlight on the globe.
   ===================================================================== */

/* Any old v1.9.2 globe/inset overlay is explicitly suppressed. */
.hist-archipelago-labels,
.hist-archipelago-inset{
  display:none !important;
}

.hist-island-labels{
  position:absolute;
  z-index:14;
  inset:0;
  pointer-events:none;
}

.hist-island-label{
  position:absolute;
  display:block;
  min-width:max-content;
  padding:4px 7px;
  border-left:2px solid var(--orange);
  background:rgba(255,253,248,.92);
  box-shadow:4px 4px 0 rgba(236,210,194,.40);
  color:var(--navy);
  font-size:6px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.08em;
  transform:translate(7px,-50%);
  opacity:0;
  transition:opacity .18s ease;
}

.hist-island-label.archipelago{
  padding:4px 7px;
  border:1px solid rgba(228,100,39,.72);
  border-left:2px solid var(--orange);
  color:var(--navy);
  font-size:6.2px;
}

.hist-island-label.major{
  font-size:6.3px;
}

.hist-island-label.minor{
  font-size:5.5px;
  opacity:.78;
}

/* Keep labels readable without letting the offshore details dominate. */
@media(max-width:760px){
  .hist-island-label{
    padding:3px 5px;
    font-size:5px;
    transform:translate(5px,-50%) scale(.92);
    transform-origin:left center;
  }

  .hist-island-label.archipelago{
    font-size:5.2px;
  }

  .hist-island-label.minor{
    display:none;
  }
}