.df-page #x-heavy{grid-template-areas:'copy' 'experience' 'details';grid-template-columns:minmax(0,1fr);row-gap:8px}
#x-heavy .dx-experience{grid-area:experience;min-width:0}
#x-heavy .df-product-details{width:100%;max-width:900px}
#x-heavy .dx-stage{position:relative;height:clamp(650px,78svh,760px);background:#101312;border-radius:10px;overflow:hidden;isolation:isolate}
#x-heavy .dx-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
#x-heavy .dx-stage canvas:active{cursor:grabbing}
#x-heavy .dx-stage-heading{position:absolute;left:28px;right:28px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;pointer-events:none}
#x-heavy .dx-stage-heading>span{font-size:12px;letter-spacing:.12em;color:#afb8b0}
#x-heavy button{font:inherit;cursor:pointer;color:inherit}
#x-heavy .dx-stage-heading button{pointer-events:auto;border:1px solid #59605c;background:#141a17;padding:8px 12px;border-radius:4px;font-size:13px;min-height:44px}
#x-heavy .dx-inspect{position:absolute;top:76px;left:28px;display:flex;gap:6px;z-index:2}
#x-heavy .dx-inspect button{border:1px solid #454d47;background:#141a17;color:#dce2dc;border-radius:4px;padding:9px 13px;font-size:13px;min-height:44px}
#x-heavy button[aria-pressed=true],#x-heavy button[aria-selected=true]{border-color:var(--df-green);color:var(--df-accent)}
#x-heavy button:focus-visible,#x-heavy canvas:focus-visible,#x-heavy .dx-mission-copy:focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}
#x-heavy .dx-inspect button:disabled{opacity:.4;cursor:default}
#x-heavy .dx-drag{position:absolute;right:28px;bottom:24px;font-size:12px;color:#a2aca5;pointer-events:none}
#x-heavy .dx-unavailable{position:absolute;inset:40% 12% auto;text-align:center;font-size:16px;line-height:1.6;color:var(--df-muted);margin:0}
#x-heavy .dx-selector{display:flex;gap:28px;border-bottom:1px solid var(--df-line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--df-green) transparent;padding:0}
#x-heavy .dx-selector button{flex:none;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 0;min-width:44px;min-height:50px;font-size:13px;letter-spacing:.035em}
#x-heavy .dx-selector button[aria-selected=true]{border-bottom-color:var(--df-green)}
#x-heavy .dx-mission-copy{padding:32px 0 30px;min-height:220px;max-width:850px}
#x-heavy .dx-mission-copy .df-kicker{font-size:12px;margin:0 0 14px;color:var(--df-accent)}
#x-heavy .dx-mission-copy h4{font-weight:400;font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;margin:0 0 16px}
#x-heavy .dx-mission-copy>p:last-child{font-size:17px;line-height:1.65;margin:0;color:var(--df-muted)}
#x-heavy .dx-range{list-style:none;margin:4px 0 0;padding:24px 0;border-block:1px solid var(--df-line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
#x-heavy .dx-range li{position:relative;padding-right:20px}
#x-heavy .dx-range li:not(:last-child)::after{content:'→';position:absolute;right:0;top:15px;color:var(--df-muted)}
#x-heavy .dx-range span{display:block;font-size:11px;letter-spacing:.09em;color:var(--df-muted);margin-bottom:6px}
#x-heavy .dx-range strong{display:block;font-weight:400;font-size:15px;line-height:1.5}
#x-heavy [hidden]{display:none!important}
#x-heavy .dx-stage[data-unavailable=true]{height:260px;min-height:0}
.df-page.df-webgl-unavailable #x-heavy .dx-stage{height:260px;min-height:0}
#x-heavy .dx-stage[data-unavailable=true] .dx-inspect,#x-heavy .dx-stage[data-unavailable=true] .dx-drag{display:none}
@media(max-width:760px){.df-page #x-heavy{row-gap:28px}#x-heavy .dx-stage{height:auto;aspect-ratio:4/5;max-height:560px;min-height:340px}#x-heavy .dx-stage-heading{left:16px;right:16px;top:18px;align-items:flex-start}#x-heavy .dx-stage-heading>span{max-width:180px;font-size:11px;line-height:1.6}#x-heavy .dx-stage-heading button{font-size:12px}#x-heavy .dx-inspect{left:16px;top:76px;right:16px;flex-wrap:wrap}#x-heavy .dx-inspect button{font-size:12px;padding:8px 10px}#x-heavy .dx-drag{right:16px;bottom:18px}#x-heavy .dx-selector{gap:23px}#x-heavy .dx-selector button{font-size:12px}#x-heavy .dx-mission-copy{min-height:310px;padding-top:28px}#x-heavy .dx-mission-copy>p:last-child{font-size:16px}#x-heavy .dx-range{grid-template-columns:1fr 1fr;gap:24px}#x-heavy .dx-range li:nth-child(2)::after{content:none}#x-heavy .dx-unavailable{inset:35% 8% auto;font-size:14px}}
@media(prefers-reduced-motion:reduce){#x-heavy .dx-selector{scroll-behavior:auto}}

/* General platform specifications, scoped to this chapter only. */
#x-heavy .dx-specs-title{font:12px/1.5 var(--mono);font-weight:400;letter-spacing:.08em;color:var(--df-muted);margin:0 0 20px}
#x-heavy .dx-specs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:0 40px;margin:0}
#x-heavy .dx-specs>div{padding:14px 0 16px;border-top:1px solid var(--df-line);min-width:0}
#x-heavy .dx-specs dt{font:11px/1.5 var(--mono);letter-spacing:.06em;color:var(--df-muted);margin:0 0 6px}
#x-heavy .dx-specs dd{font-size:17px;line-height:1.45;color:#edf0eb;margin:0;overflow-wrap:anywhere}
@media(max-width:760px){#x-heavy .dx-specs{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}#x-heavy .dx-specs>div{padding:12px 0 14px}#x-heavy .dx-specs dd{font-size:16px}}

/* Compact title-to-selector rhythm within this product module only. */
@media(min-width:761px){.df-page #x-heavy{padding-top:28px;scroll-margin-top:calc(var(--df-header) + var(--df-nav))}.df-page #x-heavy .df-product-copy>.df-kicker{margin-bottom:6px}.df-page #x-heavy .df-subline{margin-top:6px}}

@media(min-width:761px) and (max-width:1100px){#x-heavy .dx-stage{height:clamp(560px,68svh,680px)}}