.phase-scene{position:relative;isolation:isolate;overflow:hidden;border:1px solid #87d9ce35;border-radius:24px;padding:32px;background:#0b1b29;box-shadow:0 30px 80px #0003}.phase-ambience{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07131f85,#07131ff2),url('team-silhouettes-v1.png') center/cover}.phase-ambience:after{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at 25% 40%,#87d9ce30,transparent 40%),radial-gradient(ellipse at 80% 60%,#c9aa7026,transparent 38%);animation:phase-light 16s ease-in-out infinite alternate}.phase-scene-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px}.phase-scene-top>span{color:#87d9ce;font-size:11px;letter-spacing:2px}.phase-scene-top b{display:block;color:#f5f7f8;font-size:20px;letter-spacing:1px;margin-top:10px}.phase-motion{font-size:12px;padding:10px 14px;background:#10293890;border:1px solid #87d9ce40;white-space:nowrap}.phase-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;perspective:1600px;padding:12px 0 32px}.phase-glass{position:relative;padding:28px 24px;border:1px solid #b5d9da46;border-radius:18px;background:linear-gradient(135deg,#b5d9da16,#14283bbd 55%,#14283b73);backdrop-filter:blur(16px);box-shadow:0 22px 40px #0004,inset 0 1px #ffffff18;animation:phase-drift 8s ease-in-out infinite;animation-delay:calc(var(--phase)*-2s);transition:border-color .3s,box-shadow .3s}.phase-glass:hover{border-color:#c9aa70aa;box-shadow:0 22px 55px #0006,0 0 30px #87d9ce10}.phase-card-top{display:flex;justify-content:space-between;align-items:center}.phase-card-top span{color:#87d9ce;font-size:13px;letter-spacing:1.4px}.phase-card-top>b{font-size:34px;font-weight:300;color:#c9aa7090}.phase-glass h3{font-size:25px;margin:22px 0 14px}.phase-glass p{font-size:16px;line-height:1.9;color:#bbced8}.phase-deliverable{border-top:1px solid #bdd5dd25;margin-top:24px;padding-top:18px}.phase-deliverable small{font-size:11px;color:#c9aa70;letter-spacing:2px}.phase-deliverable p{font-size:14px;margin-bottom:0}.phase-diagram{height:66px;position:relative;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px}.phase-diagram i{width:26px;height:26px;border:1px solid #87d9ce99;background:#87d9ce12;border-radius:7px;box-shadow:0 0 16px #87d9ce12;animation:phase-pulse 4s ease-in-out infinite;animation-delay:calc(var(--phase)*1s)}.phase-diagram span{position:absolute;bottom:2px;width:75%;height:1px;background:linear-gradient(90deg,transparent,#c9aa70,transparent)}.phase-diagram-1 i{border-radius:50%;width:30px;height:30px;margin-left:-18px}.phase-diagram-2 i{width:16px;height:22px;border-color:#c9aa70;align-self:flex-end;margin-bottom:14px}.phase-diagram-2 i:nth-child(2){height:32px}.phase-diagram-2 i:nth-child(3){height:44px}.phase-diagram-2 i:nth-child(4){height:58px}.phase-timeline{display:flex;align-items:center;gap:16px;color:#c9aa70;font-size:10px;letter-spacing:1.6px;margin-top:16px}.phase-timeline i{flex:1;height:1px;background:linear-gradient(90deg,#87d9ce70,#c9aa7070);position:relative;overflow:hidden}.phase-timeline i:after{content:'';position:absolute;width:30%;height:100%;background:#d5fff9;box-shadow:0 0 8px #87d9ce;animation:phase-progress 5s linear infinite}.phase-scene[data-paused=true] *,.phase-scene:not([data-visible=true]) *{animation-play-state:paused!important}@keyframes phase-drift{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-12px) rotateY(2deg)}}@keyframes phase-light{to{transform:translate(8%,5%) rotate(12deg)}}@keyframes phase-pulse{50%{box-shadow:0 0 22px #87d9ce35;background:#87d9ce22}}@keyframes phase-progress{from{left:-30%}to{left:100%}}@media(max-width:800px){.phase-scene{padding:24px 18px}.phase-panels{grid-template-columns:1fr;gap:28px}.phase-scene-top{margin-bottom:24px}.phase-glass{padding:24px}.phase-timeline{font-size:8px;gap:6px}.phase-glass h3{font-size:26px}.phase-scene-top b{font-size:18px}}@media(prefers-reduced-motion:reduce){.phase-scene *{animation:none!important}}
.phase-photo{position:relative;height:190px;margin:20px -12px 24px;overflow:hidden;border-radius:12px;border:1px solid #87d9ce50;background:#07131f;isolation:isolate}.phase-photo img{width:100%;height:100%;object-fit:cover;display:block;animation:phase-photo-breathe 14s ease-in-out infinite alternate;animation-delay:calc(var(--phase)*-3s)}.phase-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07131f05 35%,#07131fdd),repeating-linear-gradient(0deg,transparent 0 24px,#87d9ce08 25px 26px);pointer-events:none}.phase-scan{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 35%,#87d9ce08 46%,#87d9ce60 49.5%,transparent 50%);transform:translateY(-100%);animation:phase-photo-scan 7s ease-in-out infinite;animation-delay:calc(var(--phase)*-2s);mix-blend-mode:screen;pointer-events:none}.phase-hud{position:absolute;z-index:3;left:12px;right:12px;bottom:28px;display:flex;align-items:center;gap:8px;color:#bef5eb}.phase-hud b{font-size:8px;letter-spacing:1.5px;font-weight:500}.phase-hud i{width:6px;height:6px;border-radius:50%;background:#87d9ce;box-shadow:0 0 10px #87d9ce;animation:phase-pulse 3s infinite}.phase-photo figcaption{position:absolute;z-index:3;bottom:9px;left:12px;font-size:9px;color:#a8bdc9}.phase-glass{padding:22px 22px 28px}.phase-glass h3{margin-top:18px}.phase-photo:hover img{filter:brightness(1.08)}@keyframes phase-photo-breathe{to{transform:scale(1.075) translateX(-1%)}}@keyframes phase-photo-scan{0%,15%{transform:translateY(-100%);opacity:0}25%{opacity:1}75%{transform:translateY(100%);opacity:.7}85%,100%{transform:translateY(100%);opacity:0}}@media(max-width:800px){.phase-photo{height:auto;aspect-ratio:16/9;margin-left:0;margin-right:0}}