/* Reusable, scalable 2.5D objects. No pixelated screenshots or external requests. */
#exadvize-study[data-design="fusion"] {
  .ex-route-art,.ex-use-hero-art{position:absolute;right:0;top:15px;width:30%;height:310px;perspective:950px}
  .ex-path-object{position:relative;width:100%;height:100%;padding:18px 10px;transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--art-x,0deg))) rotateY(calc(-16deg + var(--art-y,0deg)));transition:transform .35s ease-out}
  .ex-path-track{position:absolute;left:40px;top:35px;bottom:35px;width:1px;background:linear-gradient(#394552,#ff8031,#49556a)}
  .ex-path-item{position:relative;display:flex;align-items:center;gap:17px;padding:15px 20px;margin:0 0 22px;border:1px solid #667183;border-radius:10px;background:linear-gradient(120deg,#2f3947,#141b26 65%);box-shadow:2px 3px #394454,4px 6px #151e2c,0 14px 25px #0007;font-size:17px;white-space:nowrap}
  .ex-path-item:nth-of-type(2){margin-left:22px;transform:translateZ(18px)}
  .ex-path-item:nth-of-type(3){margin-left:44px;transform:translateZ(36px)}
  .ex-path-item svg{width:30px;height:32px;color:#a4c6e5;flex:none}
  .ex-path-item:nth-of-type(2) svg{color:#ff8d3e}
  .ex-route-art[data-current="0"] .ex-path-item:nth-of-type(1),.ex-route-art[data-current="1"] .ex-path-item:nth-of-type(2),.ex-route-art[data-current="2"] .ex-path-item:nth-of-type(3){border-top-color:#d48a54;box-shadow:2px 3px #495364,4px 6px #151e2c,0 14px 25px #0007}
  .ex-case-object{position:relative;width:100%;aspect-ratio:1;perspective:950px}
  .ex-case-object>div,.ex-case-object>i{position:absolute;inset:15% 18%;border:1px solid #697584;border-radius:11px;background:linear-gradient(135deg,#35404f,#151c27 65%);transform:rotateY(-18deg) rotateZ(-6deg);box-shadow:2px 3px #3e4b5c,4px 6px #202a37,0 24px 30px #0006}
  .ex-case-object>i:first-child{transform:translate(14px,-10px) rotateY(-18deg) rotateZ(8deg);background:#151b25}
  .ex-case-object>i:nth-child(2){transform:translate(7px,-5px) rotateY(-18deg) rotateZ(1deg);background:linear-gradient(135deg,#475569,#242e3c)}
  .ex-case-object>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
  .ex-case-object svg{width:39%;height:45%;color:#aac7e0}
  .ex-case-object>div>span{height:1px;background:#596b83;width:48%}
  .ex-case-object>div>span:last-child{width:30%;background:#a2663e}
  .ex-use-hero-art .ex-case-object{max-width:300px;transform:rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg));transition:transform .35s ease-out}
  .ex-use-hero-art .ex-case-object>div{transform:rotateY(-18deg) rotateZ(-8deg)}
  .ex-use-hero-art .ex-case-object>i:first-child{transform:translate(18px,-8px) rotateY(-18deg) rotateZ(14deg)}
  .ex-case-art{width:180px;align-self:center}
  .ex-boundary-icon{width:52px;height:57px;color:#b5cee4;margin:0 0 25px;transform:rotateY(-15deg);filter:drop-shadow(3px 3px 0 #0b1019)}
  .ex-boundary-icon svg{width:100%;height:100%}
  .ex-protect .ex-metal:last-child .ex-boundary-icon{color:#9da5b3}
  .ex-relief-plane{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(calc(7deg + var(--art-x,0deg))) rotateY(calc(-13deg + var(--art-y,0deg)));transition:transform .4s ease-out}
  .ex-relief-sheet{position:absolute;width:49%;height:72%;border:1px solid #70849b;border-radius:12px;padding:18px 20px;background:linear-gradient(138deg,#344153,#171e29 67%);box-shadow:2px 3px #47566a,4px 6px #252f3e,6px 9px #101923,0 20px 28px #0008;display:flex;flex-direction:column;align-items:flex-start}
  .ex-relief-label{font:8px 'JetBrains Mono',monospace;letter-spacing:.02em;color:#adc4dc;white-space:normal}
  .ex-relief-sheet svg{width:44px;height:48px;color:#9fc5e7;margin-top:18px}
  .ex-relief-sheet strong{display:block;font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin-top:16px}
  .ex-relief-lines{display:block;width:80%;height:19px;border-top:1px solid #556174;border-bottom:1px solid #3d485b;margin-top:auto}
  .ex-relief-back{left:7%;top:5%;transform:translateZ(-25px) rotateZ(-5deg)}
  .ex-relief-front{right:5%;bottom:2%;transform:translateZ(30px) rotateZ(4deg);background:linear-gradient(130deg,#2f3440,#161922 72%);border-top-color:#e19662}
  .ex-relief-front .ex-relief-label{color:#f0af80}
  .ex-relief-front svg{color:#ffa460}
  [data-view="1"] .ex-relief-front{right:8%;bottom:0;transform:translateZ(36px) rotateZ(-3deg)}
  [data-view="2"] .ex-relief-back{left:3%;top:8%;transform:translateZ(-10px) rotateZ(-3deg)}
  [data-view="2"] .ex-relief-front{right:1%;bottom:3%;transform:translateZ(18px) rotateZ(3deg);border-top-color:#a4c4df}
  [data-view="2"] .ex-relief-front :is(svg,.ex-relief-label){color:#a4c4df}
}
