.cap-visual[hidden]{display:none}.studio-visual{position:relative;display:flex;flex-direction:column;gap:28px;min-width:0;padding:clamp(25px,3vw,46px);overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(126,202,183,.15),transparent 30%),#102c26}.studio-story-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.studio-story-head>span{color:#7eb7aa;font-size:8px;letter-spacing:1.5px;white-space:nowrap}.studio-story-head h4{margin:0;color:#f3f6f4;font:500 clamp(21px,2.1vw,32px)/1.15 Manrope;letter-spacing:-1.2px;text-align:right}.studio-story-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.studio-story-flow>div{min-width:0;padding:18px 16px 20px 0}.studio-story-flow>div+div{padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}.studio-story-flow span{display:block;margin-bottom:10px;color:#89c5b6;font-size:8px}.studio-story-flow strong{display:block;margin-bottom:7px;color:#fff;font:500 14px Manrope}.studio-story-flow small{display:block;color:#829a94;font-size:9px;line-height:1.45}
.studio-composition{padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(7,29,25,.22);box-shadow:0 26px 55px rgba(0,0,0,.2)}.composition-caption{display:flex;justify-content:space-between;margin-bottom:15px;color:#70958b;font-size:7px;letter-spacing:1.2px}.composition-caption b{color:#a9d85c;font-weight:500}.composition-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1.55;min-height:300px;padding:10px;background-image:radial-gradient(rgba(153,193,182,.15) .7px,transparent .7px);background-size:13px 13px;border:1px dashed rgba(151,196,184,.17)}.composition-module{position:relative;min-width:0;padding:clamp(14px,1.7vw,23px);overflow:hidden;border:1px solid rgba(255,255,255,.1);opacity:0;box-shadow:0 14px 28px rgba(0,0,0,.12)}.studio-visual:not([hidden]) .composition-module{animation:module-arrive .85s cubic-bezier(.16,1,.3,1) forwards}.module-operations{background:#315f43;transform:translate(-60px,-45px) rotate(-4deg)}.module-finance{background:#806942;transform:translate(60px,-45px) rotate(4deg);animation-delay:.1s!important}.module-revenue{background:#244b41;transform:translate(-60px,45px) rotate(3deg);animation-delay:.2s!important}.module-insight{background:linear-gradient(135deg,#21473e,#39472d);transform:translate(60px,45px) rotate(-3deg);animation-delay:.3s!important}.composition-module>span{display:block;color:rgba(255,255,255,.65);font-size:7px;letter-spacing:1px}.composition-module>strong{display:block;margin:12px 0 3px;color:#fff;font:500 clamp(22px,3vw,38px) Manrope}.composition-module>small{color:rgba(255,255,255,.48);font-size:7px}.composition-module>i{position:absolute;right:16px;bottom:15px;color:#b7dc67;font:normal 8px DM Sans}.module-bars{display:flex;align-items:end;gap:4px;height:38px;margin-top:10px}.module-bars i{flex:1;height:35%;background:#b69757}.module-bars i:nth-child(2){height:52%}.module-bars i:nth-child(3){height:45%}.module-bars i:nth-child(4){height:78%;background:#d0b46f}.module-bars i:nth-child(5){height:65%}.module-wave{display:flex;align-items:center;gap:4px;height:33px;margin-top:10px}.module-wave i{flex:1;height:3px;background:#7dc2b2;transform:translateY(var(--y)) rotate(var(--r))}.module-wave i:nth-child(1){--y:9px;--r:-8deg}.module-wave i:nth-child(2){--y:5px;--r:10deg}.module-wave i:nth-child(3){--y:7px;--r:-18deg}.module-wave i:nth-child(4){--y:-1px;--r:8deg}.module-wave i:nth-child(5){--y:-4px;--r:-11deg}.module-wave i:nth-child(6){--y:-9px;--r:0deg}.module-insight p{max-width:220px;margin:14px 0;color:#edf3f0;font:500 clamp(12px,1.5vw,18px)/1.35 Manrope}.composition-core{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:clamp(94px,13vw,145px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.45);border-radius:50%;background:#102c26;border:1px solid rgba(167,218,204,.28);box-shadow:0 0 0 9px rgba(16,44,38,.78),0 22px 55px rgba(0,0,0,.35);opacity:0}.studio-visual:not([hidden]) .composition-core{animation:core-arrive .75s .65s cubic-bezier(.16,1,.3,1) forwards}.composition-core span{align-self:end;color:#77b7a8;font-size:7px;letter-spacing:1.4px}.composition-core strong{color:#fff;font:500 clamp(14px,2vw,22px) Manrope;letter-spacing:-.5px}.composition-core i{align-self:start;color:#afd85c;font:normal 6px DM Sans;letter-spacing:1px}.composition-audiences{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 5px 2px;color:#a5b7b2;font-size:8px;letter-spacing:.5px;flex-wrap:wrap}.composition-audiences>span{color:#668a80;letter-spacing:1px}.composition-audiences i{width:3px;height:3px;border-radius:50%;background:#689087}.composition-audiences b{font-weight:500}.studio-story-foot{display:flex;align-items:center;gap:9px;color:#829a94;font-size:9px;letter-spacing:.7px;text-transform:uppercase}.studio-story-foot i{width:6px;height:6px;border-radius:50%;background:#b7d94a;box-shadow:0 0 0 5px rgba(183,217,74,.1)}.studio-story-foot b{color:#b7d94a;font-weight:500}@keyframes module-arrive{to{opacity:1;transform:none}}@keyframes core-arrive{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1180px){.studio-story-head{display:block}.studio-story-head h4{margin-top:12px;text-align:left}.studio-story-flow{grid-template-columns:1fr}.studio-story-flow>div{padding:14px 0}.studio-story-flow>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}.composition-stage{aspect-ratio:1.15}.composition-module{padding:14px}.composition-core{width:92px}}
@media(max-width:980px){.studio-story-flow{grid-template-columns:repeat(3,1fr)}.studio-story-flow>div{padding:16px 12px 16px 0}.studio-story-flow>div+div{padding-left:14px;border-top:0;border-left:1px solid rgba(255,255,255,.09)}.composition-stage{aspect-ratio:1.65}.composition-core{width:130px}}
@media(max-width:620px){.studio-visual{gap:22px}.studio-story-flow{grid-template-columns:1fr}.studio-story-flow>div{padding:13px 0}.studio-story-flow>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}.studio-composition{padding:9px}.composition-stage{aspect-ratio:1;gap:6px;padding:6px;min-height:320px}.composition-module{padding:11px}.composition-module>strong{margin-top:8px}.module-insight p{font-size:11px}.composition-core{width:82px;box-shadow:0 0 0 6px rgba(16,44,38,.78),0 16px 35px rgba(0,0,0,.35)}.composition-audiences{gap:7px}.studio-story-foot{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.composition-module,.composition-core{opacity:1;transform:none;animation:none!important}.composition-core{transform:translate(-50%,-50%)}}