.brand-signature{font:400 1.4rem/1.4 Georgia,serif;color:#2449ca;margin:20px 0 0}.hero h1{font-size:clamp(2.5rem,4.6vw,5.4rem)}
.type-scene{height:410px!important;justify-content:flex-start;padding-top:35px;overflow:hidden}.scene-word{font-size:clamp(2.6rem,4vw,4.5rem)}.scene-caption{margin-top:12px;max-width:370px;font-size:.8rem}.scene-count{top:0;font-size:12rem}
.depth-space{width:100%;height:240px;perspective:900px;perspective-origin:50% 30%;margin-top:15px}.depth-system{width:min(260px,75%);height:140px;position:relative;margin:30px auto 0;transform-style:preserve-3d;transform:rotateX(var(--depth-x,55deg)) rotateZ(var(--depth-z,-25deg));transition:transform .25s ease}
.depth-layer{position:absolute;inset:0;border:1px solid #c3d4ff;background:#112c90e8;box-shadow:0 15px 35px #020b3260;transform-style:preserve-3d;backface-visibility:hidden;padding:18px;display:flex;flex-direction:column;gap:10px}.depth-layer:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:9px;background:#061856;transform-origin:top;transform:rotateX(-90deg)}.depth-layer span{font:500 .75rem/1.4 system-ui;letter-spacing:.1em;color:#b9caff}.depth-layer b{font:400 1.35rem Georgia,serif;color:white}.layer-foundation{transform:translateZ(0)}.layer-action{transform:translateZ(48px);background:#2c4ec5e8}.layer-growth{transform:translateZ(96px);background:#eef3ffef;border-color:white}.layer-growth span{color:#4561a2}.layer-growth b{color:#16369c}
.type-scene[data-mode="1"] .depth-system{--depth-z:15deg}.type-scene[data-mode="2"] .depth-system{--depth-z:-12deg}.type-scene[data-mode="3"] .depth-system{--depth-z:25deg}.type-scene[data-mode="3"] .layer-action{transform:translateZ(60px)}.type-scene[data-mode="3"] .layer-growth{transform:translateZ(120px)}
#story-stage .type-scene{height:500px!important}#story-stage .depth-space{height:310px;perspective:1100px;margin-top:30px}#story-stage .depth-system{width:min(310px,75%);height:170px}#story-stage .scene-word{font-size:clamp(2.8rem,4.5vw,5rem)}#story-stage .layer-action{transform:translateZ(65px)}#story-stage .layer-growth{transform:translateZ(130px)}
@media(max-width:800px){.type-scene{height:390px!important}.scene-word{font-size:3rem}#story-stage .type-scene{height:395px!important}#story-stage .depth-space{margin-top:15px;height:230px}#story-stage .depth-system{width:240px;height:135px}#story-stage .layer-action{transform:translateZ(48px)}#story-stage .layer-growth{transform:translateZ(96px)}}
@media(prefers-reduced-motion:reduce){.depth-system{transition:none}}

/* Stronger spatial separation between the three conceptual workflow planes. */
.depth-space{perspective:650px;perspective-origin:50% 10%}.depth-system{transform:rotateX(var(--depth-x,58deg)) rotateZ(var(--depth-z,-28deg));height:150px;margin-top:48px}.depth-layer{box-shadow:0 28px 38px #0006,0 0 0 1px #c8daff55}.depth-layer:after{height:16px;bottom:-16px}.layer-action{transform:translateZ(75px)}.layer-growth{transform:translateZ(150px)}.type-scene[data-mode="3"] .layer-action{transform:translateZ(85px)}.type-scene[data-mode="3"] .layer-growth{transform:translateZ(170px)}
#story-stage .depth-space{perspective:780px;perspective-origin:50% 0%;height:340px}#story-stage .depth-system{width:min(320px,72%);height:170px;margin-top:70px}#story-stage .layer-action{transform:translateZ(90px)}#story-stage .layer-growth{transform:translateZ(180px)}#story-stage .type-scene{height:550px!important}
@keyframes depth-breathe{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(prefers-reduced-motion:no-preference){.depth-system{animation:depth-breathe 7s ease-in-out infinite}.visual-paused .depth-system{animation-play-state:paused}}
.story-audio #story-autoplay{font-size:.8rem}.story-main{transition:background .6s}.scene-caption{font-size:.8rem}
@media(max-width:800px){.depth-space{perspective:850px}.depth-system{width:230px;height:125px}.layer-action{transform:translateZ(55px)}.layer-growth{transform:translateZ(110px)}.type-scene[data-mode="3"] .layer-action{transform:translateZ(60px)}.type-scene[data-mode="3"] .layer-growth{transform:translateZ(120px)}#story-stage .type-scene{height:440px!important}#story-stage .depth-space{perspective:1000px;height:260px}#story-stage .depth-system{margin-top:40px;width:230px;height:130px}#story-stage .layer-action{transform:translateZ(65px)}#story-stage .layer-growth{transform:translateZ(130px)}}
