/* DHC: one composition, four physical planes. */
.explode-studio{padding-block:96px 48px;--ex-line:#c4ceff30;--ex-text:#eeeef8;--ex-ease:cubic-bezier(.2,.7,.15,1);color:var(--ex-text)}
.explode-studio__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px}
.explode-studio__eyebrow{font:10px/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#a5b3dc}
.explode-studio__heading h2{font:500 clamp(44px,5.7vw,86px)/.96 var(--f-sans);letter-spacing:-.055em;margin:20px 0 0}
.explode-studio__heading h2 em{font-family:var(--f-serif);font-weight:400;color:#c9c5f7;letter-spacing:-.025em}
.explode-studio__heading>p{font:14px/1.8 var(--f-sans);color:#aeb5c8;max-width:38ch;margin:0 0 5px}
.explode-studio__stage{position:relative;height:660px;border-radius:22px;border:1px solid var(--ex-line);background:radial-gradient(ellipse at 51% 56%,#2c355a55,transparent 65%),linear-gradient(130deg,#111625,#11131d 62%,#1b172a);isolation:isolate;outline-offset:7px;overflow:hidden;touch-action:pan-y;--ex-x:0deg;--ex-y:0deg}
.explode-studio__stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#cad3ff30 .65px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(transparent,#0007 90%);pointer-events:none}
.explode-studio__halo{position:absolute;width:65%;height:52%;left:18%;bottom:7%;border:1px solid #a7b9ff1f;border-radius:50%;background:radial-gradient(ellipse,#94a7ff13,transparent 72%);transform:rotate(-13deg);box-shadow:0 0 55px #91aaff0a}
.explode-studio__corner,.explode-studio__index{position:absolute;top:25px;font:9px/1.5 var(--f-mono);letter-spacing:.12em;color:#a3afca;z-index:3}
.explode-studio__corner{left:28px}.explode-studio__index{right:28px;color:#d7dbed}
.explode-studio__scene{position:absolute;inset:80px 0 72px;perspective:1500px;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}
.explode-studio__stack{position:relative;width:650px;height:380px;transform-style:preserve-3d;transform:translate3d(6px,12px,0) rotateX(calc(27deg + var(--ex-y))) rotateY(calc(-18deg + var(--ex-x))) rotateZ(-7deg);transition:transform 1.25s var(--ex-ease)}
.explode-layer{position:absolute;inset:0;border-radius:12px;transform-style:preserve-3d;backface-visibility:visible;transition:transform 1.25s var(--ex-ease),box-shadow 1.25s var(--ex-ease),border-color 1.25s;will-change:transform}
.explode-layer:after{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid #e5e9ff28;pointer-events:none}
.explode-layer--structure{background:#151d32;border:1px solid #9aafff70;transform:translateZ(-20px);box-shadow:0 26px 40px #03050dbb,0 0 1px 3px #6c7fa233}
.explode-wire{position:absolute;inset:25px;opacity:.8}
.explode-wire>div{position:absolute;border:1px solid #a4b9ff66;border-radius:3px;background:repeating-linear-gradient(135deg,transparent,transparent 5px,#aec1ff08 6px,#aec1ff08 7px)}
.explode-wire__nav{inset:0 0 auto;height:28px}.explode-wire__title{left:0;top:80px;width:42%;height:80px}.explode-wire__line{left:0;top:180px;width:35%;height:12px}.explode-wire__line--short{top:206px;width:28%}.explode-wire__button{left:0;bottom:40px;width:25%;height:28px}.explode-wire__image{right:0;top:48px;bottom:45px;width:48%}.explode-wire__footer{inset:auto 0 0;height:18px}
.explode-layer__edge-note{position:absolute;left:26px;bottom:-24px;font:8px/1.4 var(--f-mono);letter-spacing:.07em;color:#afc1f7;opacity:0;transition:opacity .6s}
.explode-layer--image{background:#141a28;transform:translateZ(-8px);box-shadow:0 7px 0 #8c91aa55,0 15px 25px #0003;overflow:visible}
.explode-browser{height:28px;display:flex;gap:5px;align-items:center;padding:0 12px;background:#202433;border-radius:12px 12px 0 0;border-bottom:1px solid #e0e4ff1a}
.explode-browser>span{width:4px;height:4px;border-radius:50%;background:#aab5cc66}.explode-browser i{font:7px/1 var(--f-mono);font-style:normal;color:#8793ae;position:absolute;left:36%;top:11px;letter-spacing:.03em}
.explode-visual{position:absolute;inset:28px 0 0;border-radius:0 0 12px 12px;overflow:hidden;background:#141a28}
.explode-visual__paper{position:absolute;inset:0 auto 0 0;width:51%;background:linear-gradient(130deg,#1d2435,#131927)}
.explode-visual>img{position:absolute;width:49%;height:100%;right:0;top:0;object-fit:cover;object-position:56% 50%;filter:brightness(.85) saturate(.65)}
.explode-visual>span{position:absolute;bottom:18px;right:17px;font:6px/1.5 var(--f-mono);color:#ece2d0;letter-spacing:.13em}
.explode-layer--interface{transform:translateZ(0);background:transparent}
.explode-site-nav{position:absolute;left:275px;right:20px;top:50px;display:flex;justify-content:flex-end;gap:25px;color:#e3e4e9;font:8px/1.5 var(--f-sans)}
.explode-site-copy{position:absolute;top:116px;left:29px;max-width:49%;color:#f2f0e8}
.explode-site-copy>small{font:7px/1.5 var(--f-mono);letter-spacing:.12em;color:#c6cff0}
.explode-site-copy>strong{display:block;font:500 48px/.94 var(--f-sans);letter-spacing:-.06em;margin:17px 0 12px}
.explode-site-copy>strong em{font-family:var(--f-serif);font-weight:400;color:#ccc8fc;letter-spacing:-.025em}
.explode-site-copy>p{font:8px/1.65 var(--f-sans);margin:0 0 18px;color:#bec5d6}
.explode-site-cta{display:inline-flex;align-items:center;gap:21px;color:#d4dbed;font:7px/1.5 var(--f-sans);padding-bottom:6px;border-bottom:1px solid #b6c5ff77}.explode-site-cta svg{width:10px;height:10px}
.explode-site-foot{position:absolute;bottom:15px;left:29px;right:350px;display:flex;gap:20px;font:5px/1.5 var(--f-mono);color:#94a0bd;white-space:nowrap}
.explode-layer--identity{transform:translateZ(10px);background:transparent}
.explode-site-logo{position:absolute;left:28px;top:43px;width:127px;height:33px;object-fit:contain}
.explode-site-seal{position:absolute;right:25px;top:130px;width:166px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #eff0ff44;border-radius:50%;background:linear-gradient(130deg,#d7dfff16,#161e2f12);box-shadow:inset 0 1px 2px #fff4,0 12px 30px #060d2433;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transform:rotate(-8deg)}
.explode-site-seal img{width:125px;height:auto;filter:drop-shadow(0 8px 7px #0004)}.explode-site-seal span{font:5px/1.5 var(--f-mono);letter-spacing:.15em;color:#e7e8f4}
.explode-site-edition{position:absolute;bottom:22px;right:28px;text-align:right;font:500 14px/1.1 var(--f-sans);color:#ece7de;letter-spacing:-.02em}.explode-site-edition small{font:5px/1.4 var(--f-mono);letter-spacing:.1em}
.explode-layer__tag{position:absolute;left:-14px;top:-28px;white-space:nowrap;display:flex;align-items:center;gap:10px;font:9px/1.5 var(--f-mono);color:#f0eeff;opacity:0;transition:opacity .35s,transform .8s var(--ex-ease);transform:translateY(6px);letter-spacing:.03em;text-shadow:0 1px 4px #000}
.explode-layer__tag b{font-size:8px;font-weight:400;border:1px solid #cad4ff66;padding:2px 5px;border-radius:3px;color:#bacbff}
.explode-studio.is-exploded .explode-studio__stack{transform:translate3d(6px,24px,0) rotateX(49deg) rotateY(-7deg) rotateZ(-19deg)}
.explode-studio.is-exploded .explode-layer--structure{transform:translate3d(46px,28px,-95px);box-shadow:0 25px 65px #0009,0 0 1px 3px #8a9dc533}
.explode-studio.is-exploded .explode-layer--image{transform:translate3d(12px,0,0);box-shadow:0 5px 0 #969bb455,0 30px 45px #0004}
.explode-studio.is-exploded .explode-layer--interface{transform:translate3d(-24px,-5px,104px);background:linear-gradient(130deg,#bdceff04,#a4acff08);box-shadow:0 18px 50px #0002}
.explode-studio.is-exploded .explode-layer--identity{transform:translate3d(-60px,-12px,208px);background:linear-gradient(130deg,#bdceff03,#a4acff08);box-shadow:0 20px 45px #0002}
.explode-studio.is-exploded .explode-layer__tag,.explode-studio.is-exploded .explode-layer__edge-note{opacity:1;transform:translateY(0);transition-delay:.25s}
.explode-studio__bottom{position:absolute;inset:auto 28px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}
.explode-studio__bottom p{font:10px/1.6 var(--f-mono);color:#abb8d7;margin:0}.explode-studio__touch-help{display:none}
.explode-studio__toggle{display:flex;align-items:center;gap:11px;min-height:44px;padding:12px 18px;border-radius:30px;border:1px solid #bfcfff4d;background:#b8caff0d;font:11px/1.4 var(--f-sans);color:#e9ecf8;cursor:pointer;transition:background .25s,border-color .25s}
.explode-studio__toggle svg{width:20px;height:20px}.explode-studio__toggle:hover{background:#c0cfff20;border-color:#d0dcff99}
.explode-studio__toggle[aria-pressed=true]{background:#b7c5ff;color:#111728;border-color:#b7c5ff}
.explode-studio__legend{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;font:11px/1.6 var(--f-sans);color:#b5bccf}.explode-studio__legend b{font:9px/1.6 var(--f-mono);color:#8393ba;margin-right:12px}.explode-studio__legend a{display:inline-flex;gap:16px;align-items:center;color:#e2e7f8;text-decoration:none;min-height:40px}.explode-studio__legend a svg{width:14px;height:14px}
.explode-studio.is-static .explode-layer,.explode-studio.is-static .explode-studio__stack{transition:none!important}.explode-studio.is-static .explode-layer__tag,.explode-studio.is-static .explode-layer__edge-note{transition:none!important}
@media(min-width:1700px){.explode-studio__stage{height:760px}.explode-studio__stack{scale:1.18}}
@media(max-width:1000px){.explode-studio__stage{height:590px}.explode-studio__stack{scale:.83}.explode-studio__legend{flex-wrap:wrap}.explode-studio__heading>p{font-size:12px}}
@media(max-width:700px){.explode-studio{padding-top:72px}.explode-studio__heading{display:block;margin-bottom:28px}.explode-studio__heading h2{font-size:49px}.explode-studio__heading>p{margin-top:24px;font-size:13px}.explode-studio__stage{height:470px;border-radius:15px}.explode-studio__scene{inset:50px 0 85px}.explode-studio__stack{scale:.59}.explode-studio__corner,.explode-studio__index{top:18px;font-size:7px}.explode-studio__corner{left:18px}.explode-studio__index{right:18px}.explode-studio__bottom{inset:auto 16px 18px;flex-direction:column;gap:12px}.explode-studio__bottom p{font-size:8px}.explode-studio__toggle{font-size:10px;min-height:42px}.explode-studio__legend{display:grid;grid-template-columns:1fr;gap:9px;font-size:10px}.explode-studio__legend a{margin-top:8px}.explode-studio__desktop-help{display:none}.explode-studio__touch-help{display:inline}}
@media(max-width:430px){.explode-studio__stack{scale:.41}.explode-studio__stage{height:420px}.explode-studio__heading h2{font-size:43px}.explode-studio.is-exploded .explode-studio__stack{transform:translate3d(3px,24px,0) rotateX(49deg) rotateY(-7deg) rotateZ(-19deg)}}
@media(hover:none){.explode-studio__desktop-help{display:none}.explode-studio__touch-help{display:inline}}
@media(prefers-reduced-motion:reduce){.explode-studio .explode-layer,.explode-studio .explode-studio__stack,.explode-studio .explode-layer__tag,.explode-studio .explode-layer__edge-note{transition:none!important}}
@media(forced-colors:active){.explode-studio__stage{border:1px solid CanvasText}.explode-layer{border:1px solid CanvasText}.explode-studio__toggle{border:1px solid ButtonText}}