.exploded-section{--spread:0;padding-block:130px 70px;position:relative}.exploded-heading h2{letter-spacing:-.055em;margin:22px 0 28px;font-size:clamp(40px,4.8vw,76px);font-weight:500;line-height:1.08}.exploded-heading h2 span{color:#aabbcf}.exploded-heading .eyebrow{color:#c3f85c}.exploded-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px;display:grid}.exploded-stage{perspective:1500px;aspect-ratio:.94;isolation:isolate;place-items:center;min-width:0;display:grid;position:relative;container-type:inline-size}.exploded-orbit{pointer-events:none;background:radial-gradient(#32567b45,#0000 65%);border:1px solid #334e6a4d;border-radius:50%;position:absolute;inset:12% 10%;transform:rotateX(65deg)rotate(-15deg)}.exploded-page{aspect-ratio:1280/1140;width:88%;transform-style:preserve-3d;transform:translate3d(1%,2%,0) rotateX(calc(8deg + var(--spread)*13deg)) rotateY(calc(-7deg - var(--spread)*5deg)) rotateZ(-3deg);background:#dde5ef;border:1px solid #7a94af;border-radius:3px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:-15px 30px 70px #0006}.exploded-base{width:100%;height:auto;opacity:calc(1 - var(--spread)*.88);pointer-events:none;transition:opacity .5s;display:block}.exploded-piece{transform:translate3d(calc(var(--spread)*var(--dx)),calc(var(--spread)*var(--dy)),calc(var(--spread)*var(--depth)));transform-style:preserve-3d;cursor:pointer;box-shadow:0 0 0 1px rgb(106 143 178/calc(var(--spread)*.4)),calc(var(--spread)*-5px) calc(var(--spread)*16px) calc(var(--spread)*25px) rgb(0 0 0/calc(var(--spread)*.22));background-color:#fff;background-repeat:no-repeat;border:0;padding:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:absolute}.exploded-ad{color:#1d3d63;isolation:isolate;background:#e8eef5;border:1px solid #a3b5cb;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;height:58.48%;display:flex;position:absolute;inset:2.73% 0 auto;overflow:hidden}.exploded-ad>span:first-child{letter-spacing:.08em;font-size:.9cqw}.exploded-ad strong{letter-spacing:-.055em;font-size:3.8cqw;font-weight:500}.exploded-ad .ad-format{font-size:1.45cqw}.exploded-ad i{z-index:-1;border:1px solid #a6b9d0;border-radius:50%;width:25cqw;height:25cqw;position:absolute;top:-13cqw;right:-15cqw}.exploded-ad i:last-child{inset:auto auto -15cqw -17cqw}.exploded-piece.is-selected{outline:2px solid rgb(195 248 92/calc(var(--spread)*.9));outline-offset:3px}.exploded-piece:focus-visible{outline-offset:4px;outline:3px solid #91bb3e}.piece-number{color:#17210b;width:27px;height:27px;opacity:var(--spread);background:#c3f85c;border-radius:50%;place-items:center;font-size:10px;font-weight:650;transition:opacity .4s;display:grid;position:absolute;top:-13px;left:-13px;transform:translateZ(3px)}.exploded-source{white-space:nowrap;letter-spacing:1px;color:#90a4bf;font-size:10px;position:absolute;bottom:-18px;left:50%;translate:-50%}.inspector-label{letter-spacing:1.5px;color:#c3f85c;font-size:11px}.exploded-inspector>p{color:#bdcadd;margin:16px 0 25px;font-size:16px;line-height:1.75}.exploded-controls{gap:9px;display:flex}.explode-toggle,.explode-reset{color:#f4f6f9;cursor:pointer;background:#122b46;border:1px solid #405975;border-radius:25px;justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.explode-toggle{flex:1;padding:10px 18px;font-size:13px}.explode-reset{width:44px}.explode-toggle:hover,.explode-reset:hover{background:#213d5c}.explode-slider{margin-block:22px 25px;display:block}.explode-slider>span{color:#b3c2d6;justify-content:space-between;font-size:12px;display:flex}.explode-slider output{color:#c3f85c;font-variant-numeric:tabular-nums}.explode-slider input{accent-color:#c3f85c;cursor:ew-resize;touch-action:pan-y;width:100%;height:35px;margin:5px 0 0;display:block}.layer-options{flex-wrap:wrap;gap:7px;display:flex}.layer-options button{color:#adbed3;cursor:pointer;background:0 0;border:1px solid #334b66;border-radius:4px;align-items:center;gap:6px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.layer-options button>span{color:#a5b884;font-size:9px}.layer-options button[aria-pressed=true]{color:#16230b;background:#c3f85c;border-color:#c3f85c}.layer-options button[aria-pressed=true]>span{color:#425726}.layer-description{min-height:165px;padding-top:22px}.layer-description h3{letter-spacing:-.02em;margin:0 0 10px;font-size:19px;font-weight:500}.layer-description p{color:#b9c8da;margin:0;font-size:14px;line-height:1.8}.exploded-inspector>.text-link{margin-top:18px;font-size:13px}@media (min-width:1500px){.exploded-stage{perspective:1700px}.exploded-layout{grid-template-columns:minmax(0,1fr) 330px;gap:70px}}@media (max-width:1000px){.exploded-layout{grid-template-columns:1fr;gap:35px}.exploded-stage{aspect-ratio:1.04;width:100%;max-width:800px;margin:auto}.exploded-inspector{width:100%;max-width:600px;margin:auto}.layer-description{min-height:115px}.exploded-section{padding-top:85px}}@media (max-width:700px){.exploded-stage{aspect-ratio:.91;perspective:900px;margin-top:10px}.exploded-page{width:86%}.piece-number{width:20px;height:20px;font-size:8px;top:-9px;left:-9px}.exploded-heading h2{font-size:clamp(32px,9.4vw,48px)}.exploded-source{letter-spacing:.5px;font-size:8px}.exploded-section{padding-block:72px 25px}.exploded-inspector{min-width:0}.exploded-layout{gap:28px}.layer-description{min-height:145px}}html[data-motion=paused] .exploded-page,html[data-motion=paused] .exploded-piece,html[data-motion=paused] .exploded-base{transition:none}@media (prefers-reduced-motion:reduce){.exploded-page,.exploded-piece,.exploded-base,.piece-number{transition:none}}
