/* Sample-only v8. Keep the accepted font family and the v7 hero footprint. */
.glass-strategy{top:10.2%;--glass-angle:11.97deg}
.glass-capital{top:19.5%;--glass-angle:-11.4deg}
.glass-strategy small,.glass-capital small{font-size:clamp(5px,.5vw,7px)}
@media(min-width:761px){.glass-strategy strong,.glass-capital strong{font-size:clamp(10px,1vw,15px)}}
@media(min-width:1001px) and (max-width:1100px){.glass-label small{display:none}}
.design-sample .process-groups h4{font-size:16px;font-weight:650;color:#173b65;display:flex;gap:8px;align-items:flex-start;line-height:1.7;min-height:66px}
.process-groups h4 svg{width:19px;height:22px;margin-top:2px;stroke-width:1.8;flex-shrink:0}
.design-sample .process-groups li{font-size:14px;color:#304962;line-height:1.9;min-height:4.1em;margin-bottom:12px}
.design-sample .process-groups li:before{color:#1674d6;background:#eaf3ff}
/* Only the incentive artwork needs the longer tonal bridge. */
.design-sample .process-panel[data-step="2"] .process-scene:after{background:linear-gradient(90deg,#082541 0%,#0c2d4df5 23%,#103250e6 35%,#12375fb3 47%,#16467766 60%,#1b518b1f 76%,transparent 90%)}
.design-sample .process-panel[data-step="2"] .scene-media{left:18%}
.design-sample .process-panel[data-step="2"] #process-image{mask-image:linear-gradient(90deg,transparent,#000 28%)}
.design-sample .life-grid{position:relative;gap:24px}
.design-sample .life-grid:before,.design-sample .life-grid>button:before,.design-sample .life-grid>button:after{display:none}
.design-sample .life-grid>button{position:relative}
.design-sample .life-title{min-height:64px;margin-bottom:148px}
.life-curve{position:absolute;left:0;top:90px;width:100%;height:100px;overflow:visible;pointer-events:none}
.design-sample .life-dot{position:absolute;left:28px;top:176px;margin:0;z-index:1}
.design-sample [data-life="1"] .life-dot{top:169px}
.design-sample [data-life="2"] .life-dot{top:139px}
.design-sample [data-life="3"] .life-dot{top:82px}
.design-sample .life-card{min-height:304px;padding:13px;gap:20px;border-radius:12px}
.design-sample .life-photo{width:100%;height:126px;aspect-ratio:auto;border-radius:7px;flex-shrink:0}
.design-sample .life-photo-0{background-size:200% auto}
.design-sample .life-photo-1{background-image:url(assets/growth-v8.png);background-size:cover;background-position:center}
.design-sample .life-photo-2{background-image:url(assets/preipo-v8.png);background-size:cover;background-position:center 60%}
.design-sample .life-photo-3{background-image:url(assets/listed-v8.png);background-size:cover;background-position:center}
.design-sample .life-card>span:last-child{font-size:14px;color:#2e435e;line-height:1.95;padding-inline:5px}
.design-sample .life-card>span:last-child>span{margin-bottom:6px}
.design-sample .life-bottom p{color:#385776;font-size:14px}
.design-sample .industry-photo-energy{background-image:url(assets/culture-venue.jpg);background-size:cover;background-position:center}
.sample-b .industry-photo-energy{background-size:cover}
.design-sample .industry-item small{color:#516b87}
.design-sample .case-popover>p{color:#30475f;font-size:14px;line-height:1.95}
/* The orbit becomes a layered object, with restrained depth instead of neon. */
.design-sample .comp-visual{position:relative;isolation:isolate}
.design-sample .pay-orbit{isolation:isolate}
.design-sample .pay-orbit:before{content:"";position:absolute;left:18%;right:15%;bottom:7%;height:40%;border-radius:50%;background:radial-gradient(ellipse,#80b3e332,transparent 68%);transform:rotate(-9deg);z-index:-1}
.design-sample .pay-orbit:after{content:"";position:absolute;left:50%;top:70%;width:210px;height:65px;transform:translateX(-50%) rotate(-8deg);border-radius:50%;border:1px solid #bad5ed;background:linear-gradient(170deg,#fff9,#d2e5f466);box-shadow:0 5px 0 -2px #c5d8ec,0 12px 22px #27548318;z-index:0}
.design-sample .pay-center{background:linear-gradient(145deg,#fff 5%,#e9f3ff 55%,#b8d4ef);border:2px solid #bdd7ef;box-shadow:inset 0 0 0 8px #ffffffa8,0 10px 0 -3px #9bbcdf,0 22px 27px #224e7b25}
.design-sample .pay-center span{color:#263f5c;font-weight:500}
.design-sample .pay-center strong{color:#123d7a;text-shadow:0 2px 0 #fff}
.design-sample .orbit-chip{background:linear-gradient(140deg,#fffffffa,#e7f1fbeb);border-color:#a8c9eb;box-shadow:inset 0 1px 0 #fff,0 5px 0 -1px #b1cbe5,0 12px 19px #1a4e7924;color:#124b8c;font-weight:550}
.design-sample .orbit-chip small{color:#263f5c;font-weight:400}
.design-sample .orbit-chip.lti{background:linear-gradient(135deg,#278af0,#0b4a9b);border-color:#4996df;color:white;box-shadow:inset 0 1px 0 #ffffff80,0 5px 0 -1px #164b89,0 13px 20px #1a4e7930}
.design-sample .orbit-chip.lti small{color:#fff}
.design-sample .pay-orbit>svg{stroke:#78a7d8;stroke-width:1.15;filter:drop-shadow(0 3px 1px #b9cfe53b)}
.design-sample .comp-visual>p{color:#294a70}
.design-sample .comp-principles p{color:#344b66}
.design-sample .market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.design-sample .market-grid article{position:relative;overflow:hidden;isolation:isolate;padding:24px!important;background:#fafdff;border-color:#d0dfef}
.market-visual{position:absolute;inset:0 0 auto;height:225px;background-image:url(assets/markets-atlas-v8.png);background-size:300% 100%;background-position:0 0;z-index:-1}
.market-hk .market-visual{background-position:50% 0}.market-us .market-visual{background-position:100% 0}
.market-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fafdffed,#fafdff80 48%,#fafdff05),linear-gradient(0deg,#fafdff 0%,#fafdffcc 16%,transparent 65%)}
.design-sample .market-grid h3{font-size:25px;margin:6px 0;color:#133b6c}
.design-sample .market-grid .market-subtitle{font-size:12px;color:#2c4e73;max-width:65%;min-height:3.8em;font-weight:500}
.design-sample .market-grid dl{margin-top:62px}
.design-sample .market-grid dt{font-size:14px;color:#173b65;margin-bottom:7px}
.design-sample .market-grid dd{font-size:13px;line-height:1.95;color:#334b66;min-height:5.85em}
.design-sample .market-grid dl>div{padding-top:15px;margin-top:17px;border-color:#d7e4f0}
.market-stage-ribbon{display:flex;gap:18px;align-items:center;justify-content:center;color:#224c7c;background:#edf5ff;border:1px solid #deebf9;padding:13px 20px;font-size:14px;margin-bottom:25px;border-radius:8px}
.market-stage-ribbon svg{width:22px;height:20px}
.market-crossborder{display:flex;gap:13px;align-items:center;margin-top:25px;background:linear-gradient(120deg,#edf4fc,#fff);padding:20px 24px;border-radius:8px;font-size:13px;color:#354f6c;line-height:1.9}
.market-crossborder svg{color:#194b82;width:26px;height:26px}
.market-crossborder strong{color:#193e69;margin-right:17px;font-size:14px}
.design-sample .section-heading h2{text-wrap:balance}
.design-sample .research-photo>.sprite{position:absolute;inset:0;margin:0;width:100%;height:100%;aspect-ratio:auto}
.design-sample .research-photo>span:not(.sprite){z-index:1}
@media(min-width:761px) and (max-width:1200px){
 .design-sample .section-heading{flex-wrap:wrap}.design-sample .section-note{max-width:none;flex-basis:100%;text-align:left;margin-left:73px}
 .design-sample .process-groups h4{font-size:16px}.design-sample .process-groups li{font-size:14px;min-height:3.8em}
 .design-sample .life-grid{gap:16px}.design-sample .life-card{padding:9px;min-height:300px;gap:17px}.design-sample .life-photo{height:100px}.design-sample .life-card>span:last-child{font-size:12px;line-height:2;padding-inline:1px}
 .design-sample .market-grid{gap:16px}.design-sample .market-grid article{padding:19px!important}.design-sample .market-grid dd{font-size:12px;min-height:7.8em}.design-sample .market-grid dt{font-size:13px}.design-sample .market-grid .market-subtitle{max-width:82%}
}
@media(max-width:760px){
 .glass-strategy{top:10.6%}.glass-capital{top:19.8%}
 .design-sample .process-groups h4{font-size:13px;gap:6px;min-height:70px;line-height:1.7}.process-groups h4 svg{width:16px;height:20px;margin-top:0}
 .design-sample .process-groups li{font-size:12px;line-height:1.95;min-height:5.85em}
 .design-sample .process-panel[data-step="2"] .scene-media{left:auto}
 .design-sample .process-panel[data-step="2"] #process-image{mask-image:none}
 .design-sample .life-grid{gap:25px 15px}.life-curve{display:none}.design-sample .life-title{min-height:55px;margin-bottom:15px}.design-sample .life-dot{position:static;margin:0 0 15px 23px}
 .design-sample .life-card{min-height:245px;padding:9px;gap:16px}.design-sample .life-photo{height:100px}.design-sample .life-card>span:last-child{font-size:12px;line-height:1.9;padding:0 1px}.design-sample .life-bottom p{font-size:12px}
 .design-sample .life-photo-0{background-size:auto 200%}
 .design-sample .market-grid{grid-template-columns:1fr;gap:20px}.design-sample .market-grid article{padding:23px!important}.design-sample .market-grid dd{font-size:13px;min-height:0}.design-sample .market-grid dt{font-size:14px}.design-sample .market-grid .market-subtitle{font-size:12px;min-height:3.8em}
 .market-stage-ribbon{font-size:11px;gap:8px;padding:11px 10px}.market-stage-ribbon svg{width:17px}.market-crossborder{padding:16px;font-size:12px;align-items:flex-start}.market-crossborder strong{display:block;margin:0 0 5px}
 .design-sample .case-popover>p{font-size:13px}.design-sample .research-photo .life-photo{height:100%;background-size:cover}
}
@media(min-width:761px) and (max-width:900px){.design-sample .life-photo-0{background-size:auto 200%}}
@media(max-width:360px){.design-sample .process-groups{padding-inline:13px}.design-sample .process-groups li{font-size:11px}.design-sample .process-groups h4{font-size:12px}.design-sample .life-card>span:last-child{font-size:11px}.design-sample .life-card{min-height:250px}}