/* Company transformation: the diagram changes its structure, colour and consequences. */
.company-studio{--scene-accent:#efb493;--scene-line:#d889674d;position:relative;border:1px solid #274660;border-radius:22px;overflow:hidden;background:#081c30;color:#fff;box-shadow:0 24px 60px #0b2e4917}
.company-studio[data-studio-view=coordinated]{--scene-accent:#9aeaff;--scene-line:#80ddff55}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-bottom:1px solid #a3cdec20;background:linear-gradient(105deg,#112c46,#081c30)}
.studio-toolbar-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:10px;letter-spacing:.1em;font-weight:600}
.studio-toolbar-label small{flex-basis:100%;margin-left:17px;font-size:11px;letter-spacing:0;font-weight:400;color:#a4bed4}
.studio-signal{width:6px;height:6px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 15px var(--scene-accent)}
.studio-view-control{display:flex;gap:4px;padding:4px;border:1px solid #648dbb45;border-radius:11px;background:#041323;flex-shrink:0}
.studio-view-control button{display:flex;align-items:center;gap:9px;justify-content:center;min-height:40px;padding:8px 15px;border:0;border-radius:7px;background:transparent;color:#b6cbe0;font:500 12px/1.4 Inter,sans-serif;cursor:pointer}
.studio-view-control button .icon{width:14px;height:14px}
.studio-view-control button[aria-pressed=true]{background:#704b38;color:#fff0e5;box-shadow:inset 0 1px 0 #ffc5a735}
.studio-view-control button[data-studio-view-button=coordinated][aria-pressed=true]{background:#176ee5;color:#fff;box-shadow:0 3px 18px #2080f740,inset 0 1px 0 #d1f6ff35}
.studio-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.studio-map-panel{position:relative;display:flex;flex-direction:column;padding:20px 22px 17px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#543b302a,transparent 70%),#081b2e}
.studio-map-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--scene-accent);font-size:9px;letter-spacing:.09em}
.studio-mode-caption{border:1px solid var(--scene-line);padding:5px 8px;border-radius:5px;font-size:10px;letter-spacing:0;color:#cfb7ad;white-space:nowrap}
.studio-map{position:relative;min-height:365px;flex:1;isolation:isolate;margin-top:5px}
.studio-grid{position:absolute;inset:0;z-index:-4;opacity:.35;background-image:linear-gradient(#41628428 1px,transparent 1px),linear-gradient(90deg,#41628428 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 30%,transparent 76%)}
.studio-orbit{position:absolute;z-index:-3;border:1px dashed var(--scene-line);width:65%;height:45%;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-21deg);border-radius:50%;opacity:.4;transition:border-color .6s,transform .8s,opacity .6s}
.studio-orbit-two{width:80%;height:64%;transform:translate(-50%,-50%) rotate(24deg);opacity:.15}
.studio-circuit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-2}
.studio-circuit path{vector-effect:non-scaling-stroke;stroke-width:1.1}
.studio-fragmented-lines{opacity:.57;transition:opacity .65s}
.studio-fragmented-lines path{stroke-dasharray:4 11}
.studio-connected-lines{opacity:0;transition:opacity .65s}
.studio-connected-lines path{stroke-width:1.2;opacity:.5}
.studio-connected-lines path.is-selected{stroke-width:2.3;opacity:1;filter:drop-shadow(0 0 5px #76d4ff66)}
.studio-circuit-travel{opacity:0;transition:opacity .6s}
.studio-circuit-travel path{stroke-dasharray:2 640;stroke-width:2.8;stroke-linecap:round;filter:drop-shadow(0 0 4px #99eaff)}
.studio-node{position:absolute;appearance:none;display:flex;align-items:center;gap:8px;width:132px;min-height:73px;padding:11px;color:#e8edf5;background:linear-gradient(120deg,#17283b,#101f31);border:1px solid #8460496b;border-radius:12px;text-align:left;font:400 12px/1.4 Inter,sans-serif;cursor:pointer;box-shadow:0 8px 20px #0003;transition:background .5s,border-color .5s,rotate .7s,box-shadow .5s,translate .3s}
.studio-node:hover{border-color:var(--scene-accent)}
.studio-node:disabled,.studio-view-control button:disabled{cursor:default}
.studio-node.is-selected{border-color:var(--scene-accent);background:linear-gradient(115deg,#4c352e,#202334);box-shadow:0 0 26px #bd6c3220}
.studio-node-icon{color:var(--scene-accent);width:23px;flex-shrink:0;display:grid;place-items:center}
.studio-node-icon .icon{width:20px;height:20px}
.studio-node-copy{min-width:0}.studio-node strong{display:block;font:500 14px/1.18 Outfit,sans-serif;color:#fff}.studio-node small{display:block;color:#c8b8ae;font-size:10px;line-height:1.35;margin-top:5px}
.studio-node-indicator{width:4px;height:4px;position:absolute;top:8px;right:8px;border-radius:50%;background:var(--scene-accent);opacity:.6}
.studio-node-leadership{top:3%;left:50%;transform:translateX(-50%);width:162px;min-height:64px;rotate:-2deg}
.studio-node-marketing{top:34%;left:1%;rotate:-3deg}.studio-node-sales{top:34%;right:1%;rotate:3deg}.studio-node-operations{bottom:3%;left:10%;rotate:2deg}.studio-node-people{bottom:3%;right:10%;rotate:-2deg}
.studio-core{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:164px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.studio-core-orbit{position:absolute;inset:-5px;border-radius:50%;z-index:-1;border:1px dashed #dc987344;background:radial-gradient(ellipse,#85503124,transparent 70%);transition:all .6s}
.studio-core-object{position:relative;width:61px;height:48px;margin-bottom:4px;perspective:400px}
.studio-core-object>span{position:absolute;left:9px;top:0;width:42px;height:38px;border:1px solid #d799765c;border-radius:9px;background:linear-gradient(130deg,#86604980,#0c2332);transform:rotateX(50deg) rotateZ(-30deg);transition:background .6s,border-color .6s}
.studio-core-object>span:nth-child(2){top:8px;left:13px}.studio-core-object>span:last-child{top:17px;left:5px;display:grid;place-items:center;color:var(--scene-accent)}.studio-core-symbol .icon{width:23px;height:23px}
.studio-core-title{font:500 21px/1.08 Outfit,sans-serif;letter-spacing:-.03em;color:#f3cfbc}.studio-core-subtitle{font-size:9px;line-height:1.45;color:#bfaeaa;margin-top:7px;max-width:144px}
.studio-friction{position:absolute;font-size:9px;line-height:1.2;color:#f0c0a3;border:1px solid #bc7c5c54;background:#352b2bda;padding:5px 8px;border-radius:5px;box-shadow:0 5px 18px #0002;white-space:nowrap;transition:color .5s,border-color .5s,background .5s}
.studio-friction::before{content:'×';display:inline-block;margin-right:5px;font-size:11px;color:#ffb88c}.studio-friction-brief{left:50%;top:24%;transform:translateX(-50%)}.studio-friction-cost{left:2%;top:65%}.studio-friction-data{right:0;top:65%}
.studio-scene-summary{display:flex;gap:12px;align-items:center;padding-top:11px;margin-top:10px;border-top:1px solid #7597b820}.studio-summary-rule{width:3px;height:28px;background:var(--scene-accent);opacity:.65;border-radius:3px}.studio-map-summary{margin:0;font-size:11px;line-height:1.6;color:#a9bdd0}.studio-map-summary strong{font-weight:500;color:#e6ecf2}
.studio-detail{padding:25px;background:linear-gradient(130deg,#f9fbff,#eef4fc);color:#112a43;border-left:1px solid #bdcfe3;display:flex;flex-direction:column}
.studio-detail-eyebrow{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.studio-detail-team{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2366ac}.studio-detail-state{font-size:9px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#efe4db;color:#72492c}
.studio-detail-title{font:600 clamp(24px,2.15vw,30px)/1.1 Outfit,sans-serif;letter-spacing:-.035em;margin:0 0 12px;color:#10273c}.studio-detail-body{font-size:12px;line-height:1.7;color:#4c647a;margin:0}
.studio-response{padding-top:15px;margin-top:15px;border-top:1px solid #d0ddec}.studio-detail h4{font:600 9px/1.5 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#4e6880;margin:0 0 9px}
.studio-response-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.studio-response-steps li{display:flex;gap:8px;font-size:11px;line-height:1.55;color:#364f65}.studio-response-steps .icon{width:13px;height:13px;flex-shrink:0;margin-top:2px;color:#987458}
.studio-detail-services{margin-top:16px}.studio-service-links{display:flex;flex-wrap:wrap;gap:5px}.studio-service-links a{display:flex;align-items:center;gap:5px;font-size:9px;min-height:29px;line-height:1.3;padding:5px 7px;border:1px solid #c8d9ec;border-radius:5px;color:#215f9f}.studio-service-links .icon{width:11px;height:11px}.studio-service-links a:hover{background:#dcecff}
.studio-tools-link{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid #d0ddec;font-size:11px;color:#1764b7;min-height:39px}.studio-tools-link>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.studio-tools-link .icon{width:16px;height:16px}.studio-tools-link b{font-weight:500}
.studio-impact-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #abcdf325;background:linear-gradient(120deg,#10263b,#091c2f)}.studio-impact{display:flex;gap:10px;align-items:flex-start;padding:17px 16px;min-width:0;border-right:1px solid #9bb7d219}.studio-impact:last-child{border-right:0}.studio-impact>.icon{width:18px;height:18px;color:var(--scene-accent);flex-shrink:0}.studio-impact span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#9ab6cd;margin-bottom:5px}.studio-impact strong{display:block;font-size:10px;line-height:1.4;font-weight:500;color:#edcfbf}
.studio-footnote{padding:12px 23px;border-top:1px solid #a3cdea1b;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#081b2c}.studio-footnote p{font-size:10px;line-height:1.65;color:#91acc3;margin:0;max-width:720px}.studio-next{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:11px;color:#badcf5;min-height:35px}.studio-next .icon{width:17px;height:17px}
.company-studio button:focus-visible,.company-studio a:focus-visible{outline:3px solid #72c8f8;outline-offset:3px}.studio-announcement{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.company-studio[data-studio-view=coordinated] .studio-map-panel{background:radial-gradient(ellipse at 50% 48%,#12577b45,transparent 70%),#081c30}
.company-studio[data-studio-view=coordinated] .studio-fragmented-lines{opacity:0}.company-studio[data-studio-view=coordinated] .studio-connected-lines{opacity:1}.company-studio[data-studio-view=coordinated] .studio-orbit{border-style:solid;transform:translate(-50%,-50%) rotate(-10deg);opacity:.55}.company-studio[data-studio-view=coordinated] .studio-orbit-two{transform:translate(-50%,-50%) rotate(35deg);opacity:.3}
.company-studio[data-studio-view=coordinated] .studio-node{rotate:0deg;background:linear-gradient(130deg,#143653,#0b253c);border-color:#69b8e655}.company-studio[data-studio-view=coordinated] .studio-node.is-selected{border-color:#9febff;background:linear-gradient(135deg,#15587e,#10324f);box-shadow:0 0 30px #39c2ff20}.company-studio[data-studio-view=coordinated] .studio-node small{color:#a9cfe4}
.company-studio[data-studio-view=coordinated] .studio-core-orbit{border-style:solid;border-color:#82ddff45;background:radial-gradient(ellipse,#219bda40,transparent 70%)}.company-studio[data-studio-view=coordinated] .studio-core-object>span{background:linear-gradient(130deg,#257bb28c,#1d4568);border-color:#9feaff90}.company-studio[data-studio-view=coordinated] .studio-core-title{color:#bbf0ff}.company-studio[data-studio-view=coordinated] .studio-core-subtitle{color:#a1c8de}
.company-studio[data-studio-view=coordinated] .studio-friction{color:#bcefff;border-color:#6dc4e950;background:#0c344ade}.company-studio[data-studio-view=coordinated] .studio-friction::before{content:'✓';color:#a8ecf6}.company-studio[data-studio-view=coordinated] .studio-impact strong{color:#c0ebff}.company-studio[data-studio-view=coordinated] .studio-mode-caption{color:#b0e5fb}.company-studio[data-studio-view=coordinated] .studio-detail-state{background:#d5eaff;color:#1465b2}.company-studio[data-studio-view=coordinated] .studio-response-steps .icon{color:#207aba}
html[data-motion=on][data-page-visible=true] .studio-fragmented-lines path{animation:studio-friction-flow 18s linear infinite}html[data-motion=on][data-page-visible=true] .company-studio[data-studio-view=coordinated] .studio-circuit-travel{opacity:.95}html[data-motion=on][data-page-visible=true] .company-studio[data-studio-view=coordinated] .studio-circuit-travel path{animation:studio-flow 7s linear infinite}html[data-motion=on][data-page-visible=true] .studio-core-object{animation:studio-float 6s ease-in-out infinite}
@keyframes studio-friction-flow{to{stroke-dashoffset:300}}@keyframes studio-flow{to{stroke-dashoffset:-642}}@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(min-width:1250px){.studio-map{min-height:365px}.studio-detail{padding:25px 28px}}
@media(max-width:1100px){.studio-main{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.studio-map-panel{padding:19px 15px}.studio-node{width:115px;padding:10px 8px;gap:5px}.studio-node-leadership{width:149px}.studio-node strong{font-size:13px}.studio-node small{font-size:9px}.studio-core{width:141px}.studio-core-title{font-size:19px}.studio-friction{font-size:8px;padding:5px}.studio-map-top>span:first-child{font-size:8px}.studio-mode-caption{font-size:9px}.studio-detail{padding:23px}.studio-impact{padding:14px 10px;gap:7px}.studio-impact strong{font-size:9px}.studio-toolbar-label small{display:none}}
@media(max-width:940px){.studio-main{grid-template-columns:1fr}.studio-map-panel{padding:22px}.studio-map{min-height:375px}.studio-node{width:140px;min-height:70px;padding:12px;gap:8px}.studio-node-leadership{width:165px;min-height:62px}.studio-node strong{font-size:15px}.studio-node small{font-size:10px}.studio-core{width:164px}.studio-core-title{font-size:23px}.studio-friction{font-size:10px;padding:6px 9px}.studio-detail{border-left:0;border-top:1px solid #bacbdd;padding:24px}.studio-detail-title{font-size:30px}.studio-detail-body{font-size:14px}.studio-response-steps li{font-size:13px}.studio-detail h4{font-size:10px}.studio-service-links a{font-size:11px;min-height:38px;padding:8px 10px}.studio-tools-link{font-size:13px;min-height:44px}.studio-impact strong{font-size:10px}.studio-footnote{gap:18px}.studio-footnote p{font-size:10px}}
@media(max-width:760px){.company-studio{border-radius:17px}.studio-toolbar{display:block;padding:17px}.studio-toolbar-label{font-size:9px;margin-bottom:13px}.studio-view-control button{flex:1;min-height:44px;padding:8px 7px;font-size:11px}.studio-view-control{width:100%}.studio-map-panel{padding:17px 12px 15px}.studio-mode-caption{font-size:9px}.studio-map-top{gap:6px}.studio-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:62px 70px 150px 70px;gap:13px;min-height:0;flex:none;padding:15px 0 9px}.studio-node{position:relative;inset:auto;transform:none;rotate:0deg;width:100%;min-height:0;padding:9px 8px;gap:6px;border-radius:9px}.studio-node-leadership{grid-column:1/-1;grid-row:1;width:153px;justify-self:center}.studio-node-marketing{grid-column:1;grid-row:2}.studio-node-sales{grid-column:2;grid-row:2}.studio-node-operations{grid-column:1;grid-row:4}.studio-node-people{grid-column:2;grid-row:4}.studio-node strong{font-size:14px}.studio-node small{font-size:10px}.studio-node-icon{width:20px}.studio-node-icon .icon{width:18px;height:18px}.studio-core{position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:3;justify-self:center;align-self:center;width:160px}.studio-core-title{font-size:22px}.studio-core-subtitle{font-size:10px}.studio-circuit{inset:42px 0 0;height:calc(100% - 52px);opacity:.65}.studio-friction{display:none}.studio-map-panel::after{content:'Duplicated work · Unowned spend · Exposed data';text-align:center;font-size:10px;line-height:1.5;color:#e3b199;padding-top:10px}.company-studio[data-studio-view=coordinated] .studio-map-panel::after{content:'Shared context · Named owners · Policy checks';color:#a6e7fb}.studio-scene-summary{padding-top:10px;margin-top:6px}.studio-map-summary{font-size:11px}.studio-detail{padding:23px 19px}.studio-detail-title{font-size:28px}.studio-response-steps li{font-size:13px}.studio-impact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-impact{padding:14px;border-bottom:1px solid #9bb7d219}.studio-impact:last-child{grid-column:1/-1}.studio-impact strong{font-size:11px}.studio-footnote{flex-direction:column;gap:8px;align-items:flex-start;padding:15px 18px}.studio-footnote p{font-size:10px}.studio-next{font-size:12px;min-height:40px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .company-studio *,html:not([data-motion=on]) .company-studio *::before{animation:none!important;transition:none!important}}
html[data-motion=off] .company-studio *,html[data-page-visible=false] .company-studio *{animation-play-state:paused!important}
/* A quiet, optional guided tour. Scene copy and the existing map stay unchanged. */
.studio-tour-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 23px;border-bottom:1px solid #a3cdec18;background:#0c243b;color:#b9d0e3}
.studio-tour-guide>div{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.65}
.studio-tour-dot{height:5px;width:5px;border-radius:50%;background:#7895af;flex:none}
.studio-tour-guide>button{min-height:34px;flex:none;border:1px solid #7caed047;border-radius:7px;background:#c0e9ff08;padding:6px 11px;color:#c2e5ff;font-size:10px;font-weight:500;line-height:1.4}
.studio-tour-guide>button:hover:not(:disabled){border-color:#7cd1ef;background:#b5e7ff12}
.studio-tour-guide>button:focus-visible{outline:2px solid #b0e8ff;outline-offset:3px}
.studio-tour-guide>button:disabled{cursor:default;color:#91adc4;border-color:#567b963d}
.company-studio[data-studio-tour=playing] .studio-tour-dot{background:#86dffc;box-shadow:0 0 12px #86dffc88;animation:studio-tour-pulse 2.4s ease-in-out infinite}
.company-studio[data-studio-tour=playing] .studio-node.is-selected{box-shadow:0 0 0 1px #84d7ff3d,0 0 28px #43a7df1c}
@keyframes studio-tour-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:760px){.studio-tour-guide{padding:10px 17px;gap:12px}.studio-tour-guide>div{font-size:10px;line-height:1.6}.studio-tour-guide>button{min-height:44px;font-size:10px;padding:8px 10px}.studio-tour-dot{display:none}}
html[data-motion=off] .studio-tour-dot{animation:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.company-studio *,.company-studio *::before{animation:none!important;transition:none!important}.studio-tour-dot{opacity:1!important}}