/* H-1022-08: light, dimensional FUI. Existing content and map stay intact. */
body[data-h1022-08]{--signal:#0b6aa6;--ice:#91ddff;--depth:#092c48}
[data-h1022-08] main{position:relative}
.wb-reading{position:fixed;left:0;top:0;height:3px;width:100%;background:#1187cf;transform:scaleX(0);transform-origin:left;z-index:101;pointer-events:none}
[data-h1022-08] .en{display:flex;align-items:center;gap:12px;color:var(--signal);letter-spacing:.12em}
[data-h1022-08] .en:before{content:"";width:26px;height:1px;background:currentColor;box-shadow:0 4px 0 -0.2px currentColor}
[data-h1022-08] .sec{position:relative}
[data-h1022-08] .sec:after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#1187cf38,transparent);pointer-events:none}
[data-h1022-08] .sec-h h2{letter-spacing:-.045em}
[data-h1022-08] .counters>div{position:relative;border-top:1px solid #b5e7ff66;padding-top:12px;font-variant-numeric:tabular-nums}
[data-h1022-08] .counters>div:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:3px;background:#b5e7ff;box-shadow:0 0 12px #b5e7ff}
[data-h1022-08] .hero-copy h1{text-shadow:0 3px 25px #061d3980}
[data-h1022-08] .hero-copy .yr{border-left:2px solid #a5e1ff;padding-left:14px}
[data-h1022-08] .hero-copy .wrap{perspective:1100px}
[data-h1022-08] .hero-copy h1{transform:rotateY(-3deg);transform-origin:left;animation:wb-title 1.3s cubic-bezier(.16,1,.3,1) both}
@keyframes wb-title{from{opacity:0;transform:translateY(22px) rotateX(12deg)}to{opacity:1;transform:rotateY(-3deg)}}
[data-h1022-08] .scene{position:relative;isolation:isolate;perspective:1400px}
[data-h1022-08] .scene .ph{overflow:hidden}
[data-h1022-08] .scene .ph img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
[data-h1022-08] .scene.wb-in .ph img{transform:scale(1.035)}
[data-h1022-08] .scene .tx{position:relative}
[data-h1022-08] .scene .k{font-variant-numeric:tabular-nums;letter-spacing:.16em;border-bottom:1px solid #1187cf55;padding-bottom:16px}
[data-h1022-08] .scene .k:after{content:"";display:block;width:6px;height:6px;background:var(--signal);margin-top:12px;box-shadow:0 0 16px #1187cf66}
[data-h1022-08] .base .tx{border-top:2px solid #1187cf;box-shadow:inset 0 1px #fff}
[data-h1022-08] .base ul b{font-variant-numeric:tabular-nums}
[data-h1022-08] .photo,[data-h1022-08] .certs figure{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
[data-h1022-08] .org .box{border:1px solid #9cddff66;box-shadow:0 10px 26px #092c4817}
[data-h1022-08] .org .card{border-top:2px solid #1187cf;position:relative}
[data-h1022-08] .org .card:after{content:"";position:absolute;right:10px;top:10px;width:8px;height:8px;border-right:1px solid #1187cf;border-top:1px solid #1187cf}
[data-h1022-08] .cta{border-top:1px solid #a8dfff80}
[data-h1022-08="story"] .page-h{background:radial-gradient(ellipse at 78% 15%,#145581,transparent 60%),#092c48;color:white;position:relative;isolation:isolate;overflow:hidden;min-height:410px;display:flex;align-items:center}
[data-h1022-08="story"] .page-h .wrap{position:relative;z-index:1;padding-right:32%}
[data-h1022-08="story"] .page-h p{color:#e0f1ff}
[data-h1022-08="story"] .page-h .en{color:#a6deff}
[data-h1022-08="story"] .page-h h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.06em;margin:16px 0 24px}
.wb-orbit{position:absolute;width:320px;height:320px;right:7%;top:45px;perspective:900px;pointer-events:none}
.wb-orbit-core{position:absolute;inset:23%;border:1px solid #a4e0ff9c;transform:rotateX(55deg) rotateZ(-30deg);transform-style:preserve-3d;background:linear-gradient(135deg,#1187cf44,#092c4822);box-shadow:0 0 35px #1187cf30,inset 0 0 25px #1187cf22;animation:wb-orbit 14s ease-in-out infinite}
.wb-orbit-core:before,.wb-orbit-core:after{content:"";position:absolute;inset:-32%;border:1px solid #91ddff5c;border-radius:50%;transform:translateZ(38px)}
.wb-orbit-core:after{inset:16%;border-radius:0;transform:translateZ(72px);background:#91ddff16;box-shadow:0 0 30px #91ddff25}
.wb-orbit:after{content:"";position:absolute;inset:4%;border:1px dashed #91ddff3c;border-radius:50%}
@keyframes wb-orbit{0%,100%{transform:rotateX(55deg) rotateZ(-30deg)}50%{transform:rotateX(65deg) rotateZ(30deg)}}
[data-h1022-08="story"] .tl{--journey:0;position:relative;border-left:1px solid #1187cf40;padding-left:32px}
[data-h1022-08="story"] .tl:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:linear-gradient(#1187cf,#78bdde);transform:scaleY(var(--journey));transform-origin:top;box-shadow:0 0 12px #1187cf55}
[data-h1022-08="story"] .tl li{position:relative;margin-bottom:22px;padding:18px 20px!important;border:1px solid #1187cf25;border-radius:0 16px 16px 16px;background:#fff;box-shadow:0 8px 24px #092c4806;transition:transform .6s,box-shadow .6s}
[data-h1022-08="story"] .tl li:before{content:"";position:absolute;left:-38px!important;top:28px!important;width:9px!important;height:9px!important;border-radius:50%;background:#fff!important;border:2px solid #0b6aa6}
[data-h1022-08="story"] .tl li.wb-current{box-shadow:0 10px 30px #1187cf18;border-color:#1187cf80;transform:translateX(5px)}
[data-h1022-08="story"] .tl b{font-size:30px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#0b6aa6;display:block;margin-bottom:8px}
[data-h1022-08="story"] .certs figure{border:1px solid #1187cf25;background:#fff;box-shadow:0 10px 24px #092c480a;padding:8px}
.wb-reveal{opacity:1}
.wb-motion .wb-reveal:not(.wb-in){opacity:0;transform:translateY(22px)}
.wb-motion .wb-reveal{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){[data-h1022-08] .photo:hover,[data-h1022-08] .certs figure:hover{transform:perspective(1000px) rotateY(-3deg) translateY(-5px);box-shadow:12px 20px 35px #092c4817}}
@media(max-width:767px){.wb-orbit{width:170px;height:170px;right:-25px;top:35px;opacity:.5}[data-h1022-08="story"] .page-h{min-height:370px}[data-h1022-08="story"] .page-h .wrap{padding-right:24px}[data-h1022-08="story"] .page-h h1{max-width:80%}[data-h1022-08="story"] .tl{padding-left:25px}[data-h1022-08="story"] .tl li:before{left:-31px!important}[data-h1022-08="story"] .tl li{padding:15px!important}[data-h1022-08] .hero-copy h1{transform:none;animation:none}.wb-orbit-core{animation:none}}
@media(prefers-reduced-motion:reduce){[data-h1022-08] *,[data-h1022-08] *:before,[data-h1022-08] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wb-motion .wb-reveal:not(.wb-in){opacity:1;transform:none}[data-h1022-08] .hero-copy h1,[data-h1022-08] .scene.wb-in .ph img,[data-h1022-08="story"] .tl li.wb-current{transform:none}}