/* Four scenes, one light CSS-only visual language. */
[data-h1022-09]{--wb-line:#1187cf;--wb-dark:#092c48;--wb-ice:#a6e4ff}
[data-h1022-09] .page-h{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#145981,transparent 65%),#092c48;color:#fff;min-height:430px;display:flex;align-items:center;border-bottom:1px solid #a6e4ff70}
[data-h1022-09] .page-h .wrap{position:relative;z-index:2;padding-right:32%}
[data-h1022-09] .page-h h1{font-size:clamp(44px,6vw,82px);letter-spacing:-.06em;text-shadow:0 8px 24px #0003}
[data-h1022-09] .page-h p{color:#def0fa;max-width:750px}
[data-h1022-09] .page-h .en{color:#a6e4ff;letter-spacing:.18em;display:flex;align-items:center;gap:12px}
[data-h1022-09] .page-h .en:before{content:"";width:32px;height:1px;background:currentColor;box-shadow:0 5px currentColor}
.wb09-object{position:absolute;right:8%;top:50%;width:230px;height:230px;transform:translateY(-50%) rotateX(58deg) rotateZ(-30deg);transform-style:preserve-3d;pointer-events:none;z-index:0}
.wb09-object i{position:absolute;inset:0;border:1px solid #a6e4ff99;border-radius:50%;box-shadow:0 0 22px #78cfff22,inset 0 0 22px #78cfff22;transform:translateZ(var(--z));animation:wb09-orbit 18s linear infinite}
.wb09-object i:nth-child(1){--z:0px;border-style:dashed}
.wb09-object i:nth-child(2){--z:46px;inset:23px;animation-direction:reverse}
.wb09-object i:nth-child(3){--z:92px;inset:46px;border-radius:12%;background:linear-gradient(135deg,#80d7ff26,transparent)}
[data-h1022-09=report] .wb09-object i{border-radius:6px}
[data-h1022-09=join] .wb09-object i:nth-child(2){border-radius:8px}
[data-h1022-09=news] .wb09-object i:nth-child(3){border-radius:50%;background:#80d7ff22}
@keyframes wb09-orbit{to{transform:translateZ(var(--z)) rotate(360deg)}}
[data-h1022-09] .sec{position:relative}
[data-h1022-09] .sec:after{content:"";position:absolute;bottom:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#1187cf55,transparent);pointer-events:none}
[data-h1022-09] .sec-h .en{letter-spacing:.15em;color:#0b6aa6}
[data-h1022-09] .card,[data-h1022-09] .panel,[data-h1022-09] .ncard{position:relative;border-top:2px solid #1187cf;transition:transform .45s ease,box-shadow .45s ease;transform-style:preserve-3d}
[data-h1022-09] .card:after,[data-h1022-09] .panel:after{content:"";position:absolute;top:10px;right:10px;width:10px;height:10px;border-top:1px solid #1187cf;border-right:1px solid #1187cf;pointer-events:none}
[data-h1022-09] .big,[data-h1022-09] .no,[data-h1022-09] time{font-variant-numeric:tabular-nums}
[data-h1022-09] .panel{box-shadow:0 16px 34px #031a2d26,inset 0 1px #b5e7ff33}
[data-h1022-09] .big{letter-spacing:-.045em;text-shadow:0 0 24px #80d7ff22}
[data-h1022-09] .chap{border-left:1px solid #1187cf55;padding-left:22px;position:relative}
[data-h1022-09] .chap:before{content:"";position:absolute;top:9px;left:-5px;width:9px;height:9px;border:2px solid #1187cf;border-radius:50%;background:white;box-shadow:0 0 15px #1187cf66}
[data-h1022-09] .ev time{color:#0b6aa6}
[data-h1022-09] .yearhud{border:1px solid #a6e4ff88;box-shadow:0 12px 32px #092c4833}
[data-h1022-09] .wall figure{overflow:hidden;border-bottom:2px solid #1187cf;transition:transform .5s}
[data-h1022-09] .wall img,[data-h1022-09] .ncard img{transition:transform .7s ease}
[data-h1022-09] details{border-left:2px solid #1187cf55;transition:background .3s,border-color .3s}
[data-h1022-09] details[open]{border-left-color:#1187cf;background:#eef7fc}
[data-h1022-09] summary{cursor:pointer;transition:color .25s}
[data-h1022-09] summary:focus-visible{outline:2px solid #0b6aa6;outline-offset:4px}
.wb09-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#1187cf;z-index:102;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.wb09-ready{opacity:.15;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.wb09-ready.wb09-in{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){[data-h1022-09] .card:hover,[data-h1022-09] .panel:hover,[data-h1022-09] .ncard:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-5px);box-shadow:0 20px 38px #092c4826}[data-h1022-09] .wall figure:hover{transform:translateY(-5px)}[data-h1022-09] .ncard:hover img{transform:scale(1.035)}}
@media(max-width:768px){[data-h1022-09] .page-h{min-height:380px}[data-h1022-09] .page-h .wrap{padding-right:20px}.wb09-object{right:-50px;width:180px;height:180px;opacity:.26;top:40%;z-index:0}.wb09-object i{animation:none}[data-h1022-09] .page-h .wrap{z-index:1}[data-h1022-09] .chap{padding-left:16px}}
@media(prefers-reduced-motion:reduce){[data-h1022-09] *,[data-h1022-09] *:before,[data-h1022-09] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wb09-ready{opacity:1;transform:none}.wb09-object i{animation:none}}

[data-h1022-09] .dark .sec-h .en,[data-h1022-09] .fuiwrap .sec-h .en{color:#a6e4ff}