.studio{padding:30px 4vw 0;background:#11151b;position:relative}.studio-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.studio-top .eyebrow{margin:0;color:#a5b8d4;font-size:12px}.studio-all{font-size:13px;color:#dce5f3;display:flex;gap:22px;align-items:center}.studio-all span{color:#83b6ff;font-size:22px}.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin:38px 0 36px}.studio-intro h1{font-size:clamp(38px,4.9vw,76px);font-weight:500;line-height:1.09;letter-spacing:-.045em}.studio-intro h1>span{color:#9dbef0}.studio-intro>p{font-size:17px;line-height:1.7;max-width:510px;color:#b5c0cf;padding-bottom:6px}.studio-workspace{display:grid;grid-template-columns:1fr 1.2fr;background:#1c232d;border:1px solid #39414f;position:relative}.studio-workspace:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,#e00012,#8e5cbe 30%,#074dff 62%,#50cbff);z-index:2}.studio-controls{padding:30px 32px 28px;min-width:0}.studio-label{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#a9b7cb;margin-bottom:23px}.studio-label>span:last-child{color:#91b8f3;letter-spacing:0;text-transform:none}.studio-select-label{font-size:14px;color:#c4d1e4;display:block;margin-bottom:10px}#studio-sector{width:100%;min-height:55px;appearance:auto;background:#111821;border:1px solid #526178;border-radius:0;color:#fff;font:500 18px Manrope,Arial,sans-serif;padding:10px 13px;cursor:pointer}#studio-sector:focus-visible{outline:3px solid #50cbff;outline-offset:3px}.studio-shortcuts{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.studio-shortcuts button{font:500 12px Manrope,Arial,sans-serif;min-height:36px;padding:7px 12px;border:1px solid #48576c;background:transparent;color:#d8e2ef}.studio-shortcuts button[aria-pressed=true]{background:#c5d9f7;border-color:#c5d9f7;color:#102640}.studio-shortcuts button:hover{border-color:#a9c4ed}.studio-result{margin-top:27px;min-height:178px}.studio-result h2{font-size:27px;line-height:1.2;letter-spacing:-.025em}.studio-result p{font-size:15px;line-height:1.65;color:#b8c4d4;margin:12px 0 18px}.studio-result ul{padding:0;list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:7px}.studio-result li{font-size:12px;line-height:1.4;padding:7px 10px;border:1px solid #415066;color:#dbe6f5}.studio-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px}.studio-actions .button{font-size:13px;padding:12px 17px;min-height:48px;gap:15px}.studio-contact{font-size:13px;border-bottom:1px solid #8191a8;padding:6px 0;color:#d5dfed}.studio-visual{position:relative;min-height:510px;overflow:hidden;background:#263140}.studio-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s}.studio-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#101722e8);padding:55px 25px 22px;align-items:end;line-height:1.45}.studio-visual figcaption>span:first-child{font-size:19px;font-weight:600;max-width:65%}.studio-visual figcaption>span:last-child{font-size:11px;color:#d0daea;max-width:130px;text-align:right}.studio-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:24px 0 28px}.studio-method details{border-bottom:1px solid #3d495a;min-width:0}.studio-method summary{display:flex;align-items:center;gap:18px;font-size:20px;line-height:1.4;list-style:none;padding:14px 0}.studio-method summary:after{display:none}.method-number{font-size:12px;color:#8da4c6;letter-spacing:.08em}.method-sign{margin-left:auto;font-size:25px;color:#99bdf0;font-weight:400}.studio-method details[open] .method-sign{font-size:0}.studio-method details[open] .method-sign:after{content:'−';font-size:25px}.studio-method p{font-size:14px;color:#b3c1d4;line-height:1.7;margin:3px 0 20px}.studio-noscript{padding:16px;font-size:14px}.studio-image-error{display:none}.studio-visual.failed .studio-image-error{display:block}.studio-ready .studio-shortcuts{visibility:visible}
@media(min-width:1700px){.studio{padding-left:calc((100vw - 1560px)/2);padding-right:calc((100vw - 1560px)/2)}}
@media(max-width:1050px){.studio-controls{padding:25px}.studio-intro{gap:30px}.studio-intro h1{font-size:54px}.studio-workspace{grid-template-columns:1fr 1fr}.studio-result{min-height:210px}.studio-actions{gap:12px}.studio-method{gap:20px}.studio-method summary{font-size:19px}}
@media(max-width:800px){.studio{padding:25px 24px 0}.studio-intro{grid-template-columns:1fr;gap:20px;margin:28px 0}.studio-intro h1{font-size:48px}.studio-intro>p{font-size:16px;max-width:600px}.studio-workspace{grid-template-columns:1fr}.studio-visual{min-height:350px;grid-row:1}.studio-controls{padding:25px}.studio-result{min-height:0}.studio-result h2{font-size:27px}.studio-method{gap:20px}.studio-method summary{font-size:16px;gap:10px}.studio-method p{font-size:14px}.studio-top .eyebrow{font-size:11px}.studio-all{font-size:12px;gap:8px;white-space:nowrap}}
@media(max-width:540px){.studio-top{align-items:start}.studio-top .eyebrow{max-width:160px;line-height:1.65}.studio-all{font-size:11px}.studio-intro h1{font-size:40px}.studio-intro>p br{display:none}.studio-workspace{display:flex;flex-direction:column}.studio-controls{order:0;padding:22px 19px}.studio-visual{order:1;min-height:270px}.studio-label{font-size:10px;margin-bottom:17px}#studio-sector{font-size:16px}.studio-result h2{font-size:25px}.studio-result li{font-size:12px}.studio-actions .button{width:100%;font-size:12px}.studio-method{display:block;padding:12px 0 28px}.studio-method summary{font-size:20px;padding:17px 0}.studio-method p{margin-left:35px}.studio-visual figcaption{padding:40px 18px 16px}.studio-visual figcaption>span:first-child{font-size:17px}.studio-visual figcaption>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-visual img{transition:none}}