/* V36: one wide, open photographic workspace. Scoped to the industry section. */
.agenten-v9 .studio-section.wrap{width:min(1680px,calc(100% - 64px))!important;max-width:none;padding-top:4rem}
.studio-section .studio-section-heading,.studio-section .studio-selector,.studio-section .native-experience{max-width:none;width:100%}
.studio-section .studio-section-heading{grid-template-columns:1.15fr 1fr;gap:8%;margin-bottom:2.2rem}
.studio-section .studio-section-heading>p{max-width:560px;font-size:1.03rem;line-height:1.9}
.studio-section .studio-selector-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:24px}
.studio-selector-top .eyebrow,.selector-label{font-size:10px;letter-spacing:.14em;color:#84b7ce;margin:0}
.studio-selector-top>span{font-size:12px;color:#88a8bb}
.studio-section .studio-groups{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px!important;margin-bottom:22px!important}
.studio-section .studio-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px!important;margin:10px 0 20px!important}
.studio-section .studio-groups button.glass-choice,.studio-section .studio-options button.glass-choice{width:100%;text-align:left;line-height:1.4;min-height:46px;border-radius:13px!important;font-size:12px!important;padding:11px 12px 11px 25px!important;background:linear-gradient(130deg,#1b455954,#0b203347)!important;box-shadow:inset 0 1px #e9f9ff20,0 4px 15px #0001!important}
.studio-section .studio-groups button.glass-choice::before,.studio-section .studio-options button.glass-choice::before{left:11px;width:3px;height:3px}
.studio-section .studio-groups button.glass-choice[aria-pressed=true],.studio-section .studio-options button.glass-choice[aria-pressed=true]{background:linear-gradient(125deg,#2d536267,#163044a3)!important;box-shadow:inset 0 1px #ffe6ac29,0 0 18px #6fd6ff0b!important}
.studio-story-picker{display:grid;grid-template-columns:235px 1fr;gap:24px;align-items:center;padding:16px 0 21px;border-top:1px solid #85bdd52d}
.studio-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.studio-stories button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border:0;border-bottom:1px solid #7aaac442;background:none;color:#9abacc;font:600 14px/1.4 Nunito,Arial,sans-serif;text-align:left;padding:8px 0;cursor:pointer;transition:color .25s,border-color .25s}
.studio-stories button::after{content:'↗';color:#8eafbf;font-size:16px}
.studio-stories button[aria-pressed=true]{color:#edd39d;border-color:#d4b77b}
.studio-stories button[aria-pressed=true]::after{color:#edd39d}
.studio-stories button:focus-visible{outline:2px solid #8bdcff;outline-offset:4px}
.studio-section .native-scene{width:100%;aspect-ratio:2.13;min-height:590px;max-height:790px;background:transparent;mask-image:none;overflow:hidden;isolation:isolate}
.studio-section .scene-fog{display:none}
.studio-section .scene-photo,.studio-section .native-scene[data-photo-layout=clean] .scene-photo{inset:0;bottom:0;width:100%;height:100%;z-index:-2;overflow:visible;mask-image:none}
.studio-section .scene-photo img,.studio-section .native-scene[data-photo-layout=clean] .scene-photo img{left:0;right:auto;top:0;transform:none;width:76%!important;height:100%!important;object-fit:contain;object-position:left center;max-width:none;opacity:1;filter:none;mask-image:linear-gradient(90deg,#000 80%,transparent 99%),linear-gradient(0deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.studio-section .scene-reflection{inset:0;background:radial-gradient(ellipse at 58% 63%,#65bfe80c,transparent 24%),linear-gradient(90deg,transparent 46%,#0716240a 57%,#0716245c 72%,transparent 94%);z-index:-1}
.studio-section .scene-node{z-index:3}
.studio-section .glass-face{border-radius:17px;border-color:#7bcffb99;background:radial-gradient(ellipse at 14% 0,#b2e6ff1b,transparent 70%),linear-gradient(130deg,#15394b66,#071b30b3);backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px #f1fcff4a,inset 1px 0 #b1d9f02b,0 12px 30px #0002,0 0 18px #46bcff0d;padding:clamp(13px,1.25cqw,21px)}
.studio-section .glass-face::before{background:linear-gradient(110deg,#c0e8ff10,transparent 28%,transparent 75%,#fff1ce0b);box-shadow:inset 0 0 18px #80bff30b}
.studio-section .scene-node[data-active=true] .glass-face{border-color:#a2e4ff;box-shadow:inset 0 1px #fff6d369,0 10px 35px #00182a33,0 0 24px #65d2ff22}
.studio-section .input-node{left:27%;top:70%;width:26%;height:20%}
.studio-section .input-node .glass-face{background:linear-gradient(120deg,#2b453a77,#0a2034a6);border-color:#d5bd7d91;padding:14px 18px}
.studio-section .hub-node{left:67%;top:3.5%;width:30%;height:16%}
.studio-section .hub-node .glass-face{border-radius:24px;padding:12px 19px;gap:15px}
.studio-section .hub-avatar{width:62px;height:70px;border-radius:18px;box-shadow:inset 0 0 18px #8bdfff2e,0 0 22px #73cfff33}
.studio-section .hub-node strong{font-size:clamp(23px,2cqw,31px);font-weight:600}
.studio-section .hub-node small{font-size:10px}
.studio-section .hub-state{font-size:clamp(11px,1cqw,14px);margin-top:7px}
.studio-section .source-node{left:59%;top:26%;width:18.5%;height:30%}
.studio-section .check-node{left:79%;top:26%;width:18.5%;height:30%}
.studio-section .result-node{left:59%;top:63%;width:38.5%;height:25%}
.studio-section .approval-node{left:59%;top:93%;width:38.5%;height:5.5%}
.studio-section .approval-node .glass-face{padding:5px 16px;border-radius:25px}
.studio-section .approval-node strong{font-size:clamp(12px,1.1cqw,16px)}
.studio-section .approval-symbol{height:22px;width:22px;font-size:14px}
.studio-section .scene-kicker{font-size:9px;letter-spacing:.12em}
.studio-section .case-id{font-size:clamp(18px,1.7cqw,25px);line-height:1.18;margin-top:10px;font-weight:600}
.studio-section .input-node p{font-size:clamp(12px,1.07cqw,15px);line-height:1.55!important;margin-top:8px}
.studio-section .scene-avatar:not(.hub-avatar){width:32px;height:38px;border-radius:11px}
.studio-section .specialist-head{gap:9px;min-height:38px;padding-bottom:10px}
.agenten-v9 .studio-section .native-scene h3{font-size:clamp(12px,1.13cqw,16px)!important;line-height:1.3!important;font-weight:600!important}
.studio-section .source-lines,.studio-section .check-lines{margin-top:12px;gap:9px}
.studio-section .source-lines li,.studio-section .check-lines li{font-size:clamp(11px,1.04cqw,15px);line-height:1.45!important;letter-spacing:0}
.studio-section .source-lines li{border-left-color:#9de6ff88;padding-left:9px}
.studio-section .check-lines li{gap:7px}
.studio-section .check-lines li i{width:11px;height:11px;box-shadow:0 0 7px #e1ba6a21}
.studio-section .check-lines li[data-checked=true] i{box-shadow:inset 0 0 0 2px #173c4a,0 0 8px #8be5d630}
.studio-section .card-foot{font-size:clamp(8px,.72cqw,10px);line-height:1.3;bottom:10px;left:15px;right:12px;gap:6px;color:#94c3d9}
.studio-section .card-foot>span{min-width:0}
.studio-section .result-heading{padding-bottom:9px}
.studio-section .result-heading>span{font-size:8px;letter-spacing:.08em;color:#dec086}
.studio-section .result-content{padding-top:12px;gap:20px;align-items:center}
.studio-section .result-content>p{font-size:clamp(12px,1.1cqw,16px);line-height:1.5!important}
.studio-section .result-content>[data-result-artifact]{width:31%;align-self:center}
.studio-section .artifact{height:90px;transform:none;transform-origin:left center}
.studio-section .mini-paper{width:91px;height:80px;padding:7px;box-shadow:6px 6px #a6c9e222,11px 10px #7399ac15,0 7px 18px #0003}
.studio-section .mini-paper b{font-size:10px;line-height:1.2;max-height:24px;overflow:hidden}
.studio-section .mini-paper span{font-size:8px;max-height:23px}
.studio-section .mini-paper small{font-size:7px}
.studio-section .mini-paper i{margin-top:5px}
.studio-section .paper-check{left:82px;bottom:4px;width:22px;height:22px;line-height:22px;font-size:14px}
.studio-section .mini-browser{width:124px;height:81px;border-radius:6px}
.studio-section .mini-browser-chrome{height:9px;line-height:9px;font-size:7px}
.studio-section .mini-browser-hero{height:50px}
.studio-section .mini-browser b{font-size:7px;line-height:15px}
.studio-section .mini-phone{width:31px;height:62px;padding:5px 3px;right:-2px}
.studio-section .mini-phone span{font-size:5px}
.studio-section .mini-phone i{height:12px}
.studio-section .mini-phone b{font-size:4px}
.studio-section .mini-week{width:125px;height:66px;padding:6px}
.studio-section .mini-week span{font-size:8px}
.studio-section .artifact-calendar>small{font-size:7px}
.studio-section .scene-origin{position:absolute;left:var(--origin-x,46%);top:var(--origin-y,66%);width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#e4f9ff;box-shadow:0 0 6px #fff,0 0 17px #4ecbff,0 0 30px #5bcbff88;z-index:2}
.studio-section .scene-wires{z-index:2;overflow:visible}
.studio-section .scene-wires path{filter:drop-shadow(0 0 3px #60c9ff88)}
.studio-section .card-port{width:4px;height:4px;background:#d4f2ff;box-shadow:0 0 6px #c9f0ff,0 0 14px #68cfff}
.studio-section .native-caption{padding:16px 0 4px;font-size:12px}
.studio-section .native-caption>span:first-child{font-size:15px}
.studio-section .native-further{padding-inline:0;gap:40px}
.studio-section .studio-disclosure{max-width:none;padding-inline:0;margin-top:20px}
.studio-section .native-scene.is-running .scene-node[data-active=true] .glass-face::before{animation:scene-reflect-v36 2.8s ease-in-out infinite}
@keyframes scene-reflect-v36{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:1200px) and (min-width:761px){
 .studio-section .studio-groups{grid-template-columns:repeat(4,minmax(0,1fr))}
 .studio-section .native-scene{aspect-ratio:1.8;min-height:620px}
 .studio-section .scene-photo img,.studio-section .native-scene[data-photo-layout=clean] .scene-photo img{width:75%!important;object-position:left top}
 .studio-section .source-node{left:55%;width:21%}.studio-section .check-node{left:78%;width:21%}
 .studio-section .result-node,.studio-section .approval-node{left:55%;width:44%}
 .studio-section .glass-face{padding:12px}.studio-section .card-foot{left:12px;bottom:9px;font-size:8px}
 .studio-section .source-lines,.studio-section .check-lines{gap:9px}
 .studio-section .result-content{gap:12px}.studio-section .artifact{transform:scale(.85)}
 .studio-story-picker{grid-template-columns:190px 1fr;gap:20px}
}
@media(max-width:760px){
 .agenten-v9 .studio-section.wrap{width:calc(100% - 32px)!important;padding-top:2.8rem}
 .studio-section .studio-section-heading{display:block;margin-bottom:25px}
 .studio-section .studio-section-heading>p{font-size:16px!important;line-height:1.8;margin-top:20px}
 .studio-section .studio-selector-top{display:block}.studio-selector-top>span{display:none}
 .studio-section .studio-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;margin-bottom:18px!important}
 .studio-section .studio-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;margin-bottom:16px!important}
 .studio-section .studio-groups button.glass-choice,.studio-section .studio-options button.glass-choice{font-size:11px!important;padding:9px 10px 9px 22px!important;min-height:44px;border-radius:11px!important}
 .studio-story-picker{display:block;padding-top:13px;padding-bottom:13px}
 .studio-stories{gap:12px;margin-top:9px}
 .studio-stories button{font-size:11px;align-items:start;min-height:45px}.studio-stories button::after{font-size:13px}
 .studio-section .native-scene{aspect-ratio:auto;height:850px;min-height:0;max-height:none;overflow:hidden}
 .studio-section .scene-photo,.studio-section .native-scene[data-photo-layout=clean] .scene-photo{height:40%;top:0;width:100%}
 .studio-section .scene-photo img,.studio-section .native-scene[data-photo-layout=clean] .scene-photo img{width:100%!important;height:100%!important;object-fit:contain;object-position:left top;left:0;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent)}
 .studio-section .scene-reflection{background:radial-gradient(ellipse at 70% 40%,#2776a016,transparent 35%)}
 .studio-section .input-node{left:3%;top:30%;width:49%;height:13%}
 .studio-section .hub-node{left:56%;top:23%;width:42%;height:12%}
 .studio-section .hub-node .glass-face{padding:10px;gap:8px;border-radius:18px}
 .studio-section .hub-avatar{width:34px;height:44px;border-radius:11px}
 .studio-section .hub-node strong{font-size:19px}.studio-section .hub-node small{font-size:6.5px}.studio-section .hub-state{font-size:8px;gap:4px}
 .studio-section .scene-kicker{font-size:7px}.studio-section .case-id{font-size:16px;margin-top:8px}
 .studio-section .input-node p{font-size:11px;line-height:1.4!important;margin-top:5px}
 .studio-section .input-node .glass-face{padding:10px}
 .studio-section .source-node{left:3%;top:47%;width:45%;height:25%}
 .studio-section .check-node{left:52%;top:47%;width:45%;height:25%}
 .studio-section .glass-face{padding:10px;border-radius:15px}
 .studio-section .specialist-head{gap:7px;min-height:32px;padding-bottom:8px}
 .studio-section .scene-avatar:not(.hub-avatar){width:23px;height:29px}
 .agenten-v9 .studio-section .native-scene h3{font-size:12px!important;line-height:1.35!important}
 .studio-section .source-lines,.studio-section .check-lines{margin-top:12px;gap:9px}
 .studio-section .source-lines li,.studio-section .check-lines li{font-size:12px;line-height:1.5!important}
 .studio-section .check-lines li{gap:5px}.studio-section .check-lines li i{width:9px;height:9px}
 .studio-section .card-foot{font-size:8px;line-height:1.4;bottom:9px;left:10px;right:8px;gap:4px}
 .studio-section .result-node{left:3%;top:77%;width:94%;height:16%}
 .studio-section .result-node .glass-face{padding:10px}
 .studio-section .result-heading{padding-bottom:8px;gap:8px}.studio-section .result-heading>span{font-size:6.5px}
 .studio-section .result-content{padding-top:9px;gap:11px}.studio-section .result-content>p{font-size:12px;line-height:1.5!important}
 .studio-section .result-content>[data-result-artifact]{width:27%}
 .studio-section .artifact{height:73px;transform:scale(.7);transform-origin:left center}
 .studio-section .approval-node{left:3%;top:96%;width:94%;height:3.6%}
 .studio-section .approval-node .glass-face{padding:4px 10px}
 .studio-section .approval-node strong{font-size:12px}
 .studio-section .approval-symbol{width:17px;height:17px;font-size:11px}
 .studio-section .native-caption{font-size:10px;gap:7px;line-height:1.5}
 .studio-section .native-caption>span:first-child{font-size:13px}
 .studio-section .native-further{gap:15px}
}
@media(prefers-reduced-motion:reduce){.studio-section .glass-face::before{animation:none!important}}
.fw-motion-paused .studio-section .glass-face::before{animation:none!important}

@media(min-width:761px){.studio-section .native-scene{min-height:650px}.studio-section .source-node,.studio-section .check-node{height:34%}.studio-section .result-node{top:65%;height:25%}.studio-section .approval-node{top:94%;height:5%}}

@media(max-width:760px){.studio-section .input-node{height:15%}}

@media(min-width:761px){.studio-section .input-node{height:25%}.studio-section .source-node{left:55%;width:21%;height:37%}.studio-section .check-node{left:78%;width:21%;height:37%}.studio-section .result-node,.studio-section .approval-node{left:55%;width:44%}.studio-section .source-lines,.studio-section .check-lines{gap:7px}}
@media(max-width:760px){.studio-section .input-node{height:16%}}
@media(max-width:760px){.studio-section .scene-photo,.studio-section .native-scene[data-photo-layout=clean] .scene-photo{height:auto;aspect-ratio:1.5}.studio-section .scene-photo img,.studio-section .native-scene[data-photo-layout=clean] .scene-photo img{object-position:left top}}
@media(max-width:760px){.studio-section .input-node{top:26%;height:17%}.studio-section .hub-node{top:22%;height:13%}.studio-section .source-node,.studio-section .check-node{top:44%;height:31.5%}.studio-section .result-node{top:79%;height:16%}.studio-section .approval-node{top:97%;height:3%}}

.studio-section .mini-phone img{display:block;width:100%;height:31px;object-fit:cover;margin:3px 0}.studio-section .mini-paper .paper-value{font-size:7px;line-height:1.25;max-height:19px;color:#35566e}.studio-section .mini-week i.reserved{font-size:7px;line-height:12px;white-space:nowrap}
/* Continue the same room softly beneath the far glass, without stretching people. */
@media(min-width:761px){.studio-section .scene-fog{display:block;inset:0;opacity:.36;filter:blur(14px);background-size:cover;background-position:center;transform:none;z-index:-3;mask-image:linear-gradient(90deg,transparent 43%,#000 67%,#000 91%,transparent)}}
