#story-philosophy::before{background:radial-gradient(ellipse at 96% 8%,#b9e7f5a8,transparent 56%),radial-gradient(ellipse at 76% 88%,#bce9dec2,transparent 48%),radial-gradient(ellipse at 38% 112%,#f9d9c4bc,transparent 52%),linear-gradient(115deg,#fafbff,#f6fbfc 65%,#e6f3f8)!important;background-size:cover!important;transform:none!important}
#story-philosophy .hb-story-split{position:relative;z-index:1}
#story-philosophy .hb-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;contain:strict}
#story-philosophy .hb-ambient svg{position:absolute;inset:-10%;width:120%;height:120%;max-width:none;overflow:visible}
#story-philosophy .hb-ambient-wave{transform-origin:70% 50%}
#story-philosophy .hb-ambient-wave--b{opacity:.65;transform:translateY(20px)}
#story-philosophy .hb-ambient-wave--c{opacity:.6;transform:translateY(-15px)}
#story-philosophy .hb-ambient-soften{position:absolute;inset:0;background:linear-gradient(90deg,#fff0 30%,#ffffff45 62%,#ffffff88 100%)}
#story-philosophy .hb-ambient-dot{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #fff9;opacity:.55}
@media(prefers-reduced-motion:no-preference){
#story-philosophy .hb-ambient-wave{animation:hb-ambient-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
#story-philosophy .hb-ambient-wave--b{animation-name:hb-ambient-drift-b;animation-duration:31s;animation-delay:-9s}
#story-philosophy .hb-ambient-wave--c{animation-name:hb-ambient-drift-c;animation-duration:38s;animation-delay:-18s}
#story-philosophy .hb-ambient-dot{animation:hb-ambient-float var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}
#story-philosophy .hb-ambient[data-running="true"] .hb-ambient-wave,#story-philosophy .hb-ambient[data-running="true"] .hb-ambient-dot{animation-play-state:running}
}
@keyframes hb-ambient-drift{from{transform:translate(-1%,1%) rotate(-1deg)}to{transform:translate(2%,-2%) rotate(1deg)}}
@keyframes hb-ambient-drift-b{from{transform:translate(2%,3%) scale(1.015)}to{transform:translate(-2%,-1%) scale(1.045)}}
@keyframes hb-ambient-drift-c{from{transform:translate(-2%,-2%) rotate(1deg)}to{transform:translate(1%,2%) rotate(-1deg)}}
@keyframes hb-ambient-float{from{transform:translate3d(-5px,8px,0);opacity:.22}to{transform:translate3d(9px,-17px,0);opacity:.72}}
@media(max-width:780px){#story-philosophy .hb-ambient-dot:nth-of-type(n+19){display:none}#story-philosophy .hb-ambient svg{inset:0 -30%;width:160%;height:100%}#story-philosophy .hb-ambient-wave--c{display:none}#story-philosophy .hb-ambient-soften{background:#ffffff30}}
#story-philosophy .hb-ambient-dot{width:calc(var(--size) + 2px);height:calc(var(--size) + 2px);background:radial-gradient(circle,#fff 0 25%,#f4ffffdd 45%,#9fdde888 70%,transparent 100%);box-shadow:0 0 9px 3px #ffffffba,0 0 18px 5px #98dce555;opacity:.7}
#story-philosophy .hb-ambient-wave>path:nth-child(2){transform:translateY(-35px)}
@media(prefers-reduced-motion:no-preference){
#story-philosophy .hb-ambient-wave{animation:none}
#story-philosophy .hb-ambient-wave>path{animation:hb-ambient-shape-a 14s ease-in-out infinite;animation-play-state:paused}
#story-philosophy .hb-ambient-wave--b>path{animation-name:hb-ambient-shape-b;animation-duration:19s;animation-delay:-7s}
#story-philosophy .hb-ambient-wave--c>path{animation-name:hb-ambient-shape-c;animation-duration:23s;animation-delay:-13s}
#story-philosophy .hb-ambient[data-running="true"] .hb-ambient-wave>path{animation-play-state:running}
#story-philosophy .hb-ambient-dot{animation-name:hb-ambient-glimmer}
}
@keyframes hb-ambient-shape-a{0%,100%{d:path("M -200 40 C 330 -180 550 410 1150 240 S 1710 -30 1850 170")}50%{d:path("M -200 170 C 330 190 550 -70 1150 160 S 1710 380 1850 40")}}
@keyframes hb-ambient-shape-b{0%,100%{d:path("M -100 770 C 450 650 530 900 1080 570 S 1680 350 1760 -80")}50%{d:path("M -100 650 C 450 880 530 450 1080 670 S 1680 510 1760 40")}}
@keyframes hb-ambient-shape-c{0%,100%{d:path("M -150 620 C 280 840 730 330 1230 470 S 1780 610 1830 180")}50%{d:path("M -150 480 C 280 420 730 760 1230 570 S 1780 300 1830 340")}}
@keyframes hb-ambient-glimmer{0%,100%{transform:translate3d(-8px,14px,0) scale(.8);opacity:.2}50%{transform:translate3d(18px,-24px,0) scale(1.12);opacity:.95}}

#story-philosophy .hb-story-copy{background:rgba(255,255,255,.5)!important}

#story-philosophy .hb-ambient-wave--back{opacity:.48;transform:translateY(65px)}
#story-philosophy .hb-ambient-wave--back>path:first-child{stroke-width:130px}
#story-philosophy .hb-ambient-dot{--dot-color:72,159,204;background:radial-gradient(circle,#fff 0 16%,rgba(var(--dot-color),.92) 28%,rgba(var(--dot-color),.45) 55%,transparent 75%);box-shadow:0 0 7px 2px rgba(var(--dot-color),.28),0 0 17px 4px rgba(var(--dot-color),.13);width:calc(var(--size) + 4px);height:calc(var(--size) + 4px)}
#story-philosophy .hb-ambient-dot:nth-of-type(3n+2){--dot-color:47,177,157}
#story-philosophy .hb-ambient-dot:nth-of-type(3n){--dot-color:229,159,115}
@media(prefers-reduced-motion:no-preference){#story-philosophy .hb-ambient-wave--back>path{animation-name:hb-ambient-shape-c;animation-duration:28s;animation-delay:-5s}}

@media(prefers-reduced-motion:no-preference){
#story-philosophy .hb-ambient-wave>path{animation-duration:10s}
#story-philosophy .hb-ambient-wave--b>path{animation-duration:14s}
#story-philosophy .hb-ambient-wave--c>path{animation-duration:18s}
#story-philosophy .hb-ambient-wave--back>path{animation-duration:22s}
#story-philosophy .hb-ambient-dot{animation-name:hb-ambient-travel;animation-duration:12s;animation-timing-function:linear}
#story-philosophy .hb-ambient-dot:nth-of-type(3n){animation-duration:15s;animation-direction:reverse}
#story-philosophy .hb-ambient-dot:nth-of-type(3n+2){animation-duration:18s}
}
@keyframes hb-ambient-travel{0%,100%{transform:translate3d(-22px,32px,0) scale(.85);opacity:.28}25%{transform:translate3d(14px,0,0) scale(1);opacity:.65}50%{transform:translate3d(28px,-42px,0) scale(1.1);opacity:.9}75%{transform:translate3d(-8px,-8px,0) scale(1);opacity:.65}}

#story-philosophy .hb-ambient-dot--left{filter:brightness(1.2);box-shadow:0 0 8px 3px rgba(var(--dot-color),.42),0 0 19px 5px rgba(var(--dot-color),.2)}

#story-philosophy .hb-story-copy{box-shadow:8px 16px 38px rgba(42,76,105,.12),0 3px 10px rgba(42,76,105,.04)!important}

#story-philosophy::before{transform:none!important}
#story-philosophy .hb-ambient{transform:none}
#story-philosophy .hb-story-copy{margin-left:0!important;margin-right:auto!important;transform:none!important}

#story-philosophy::before{transform:none!important}
#story-philosophy .hb-ambient{transform:none}
#story-philosophy .hb-story-copy{margin-left:0!important;margin-right:auto!important;transform:none!important}

#story-philosophy .hb-story-copy{background:transparent!important;border-color:transparent!important;box-shadow:none!important}

@media(min-width:1100px){#story-philosophy{height:680px;min-height:680px;box-sizing:border-box;padding-top:56px;padding-bottom:53px}}
