.dp{isolation:isolate;position:relative}.dp-hero{--pad-scale:1.15;perspective:1500px;perspective-origin:50% 34%;position:relative;overflow:hidden}.dp-hero__scene{transform-style:flat;transform:translateZ(calc(var(--p,0) * 14px));position:relative}.dp-floor{transform-origin:50% 100%;width:260%;height:150%;opacity:calc(.55 + var(--p,0) * .45);pointer-events:none;z-index:0;background-image:linear-gradient(#687924e6 1.5px,#0000 1.5px),linear-gradient(90deg,#687924e6 1.5px,#0000 1.5px);background-size:78px 78px;margin-left:-130%;position:absolute;bottom:-18%;left:50%;transform:rotateX(74deg);-webkit-mask-image:linear-gradient(#0000 32%,#0009 70%,#000 100%);mask-image:linear-gradient(#0000 32%,#0009 70%,#000 100%)}.dp-layer{transform-style:preserve-3d;position:relative}.dp-layer--near{transform:none}.dp-layer--mid{transform:translateZ(18px)}.dp-layer--far{filter:blur(1.1px);opacity:.8;transition:filter .4s,opacity .4s,transform .4s;transform:translateZ(-90px)}.dp-layer--far:hover,.dp-layer--far:focus-within{filter:blur();opacity:1;transform:translateZ(-40px)}.dp-hero h1{max-width:none;font-size:clamp(2.1rem,1.1rem + 4vw,4.4rem)}.dp-hero .gr-lede{margin-top:1.5rem}.dp-hero__cta{flex-wrap:wrap;gap:.6rem;margin-top:2.2rem;display:flex}.dp-hero__rail{perspective:1500px;perspective-origin:50% 34%;transform-style:preserve-3d;gap:.5rem;display:grid}.dp-spec{background:color-mix(in srgb, var(--paper) 82%, #fff);border:1px solid var(--rule);transform:translateZ(calc(var(--z,0) * 1px)) translateY(calc((1 - var(--p,1)) * 14px));opacity:var(--p,1);padding:1rem 1.1rem;box-shadow:0 4px 10px -4px #1a1a2e4d,0 22px 44px -18px #1a1a2e80}.dp-spec dt{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--live);margin-bottom:.35rem;font-size:.6rem}.dp-spec dd{font-family:var(--gr-display), sans-serif;letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700}.dp-spec p{color:var(--mute);font-size:var(--t-sm);margin-top:.3rem;line-height:1.5}.dp-q{perspective:1800px;perspective-origin:50% 42%;position:relative}.dp-q h2{font-size:var(--t-h2);max-width:18ch}.dp-q__lede{max-width:46ch}.dp-card{background:var(--sl-raise);border:1px solid var(--sl-rule);transform-origin:50% 30%;transition:transform .85s var(--ease-settle), box-shadow .85s var(--ease-settle);will-change:transform;margin-top:clamp(2rem,5vw,3.2rem);transform:rotateX(14deg)translateZ(-130px);box-shadow:0 30px 70px -34px #000000bf}.dp-card.is-engaged{transform:rotateX(0)translateZ(0);box-shadow:0 44px 96px -40px #000000d9}.dp-card__head{border-bottom:1px solid var(--sl-rule);padding:clamp(1.3rem,3.5vw,2.1rem)}.dp-card__tag{font-family:var(--font-mono), monospace;font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--sl-mute);margin-bottom:1rem}.dp-card__ask{font-family:var(--gr-script), Georgia, serif;max-width:40ch;font-size:clamp(1.3rem,3vw,1.95rem);line-height:1.4}.dp-card__body{gap:1.5rem;padding:clamp(1.3rem,3.5vw,2.1rem);display:grid}.dp-cols{transform-style:preserve-3d;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(1.4rem,3vw,2.6rem);display:grid}@media (max-width:1000px){.dp-cols{grid-template-columns:minmax(0,1fr)}}.dp-figcol{transform-style:preserve-3d;gap:.8rem;display:grid}.dp-opts{max-width:540px;transform-style:preserve-3d;gap:.5rem;display:grid}.dp-opt{text-align:start;cursor:pointer;border:1px solid var(--sl-rule-firm);width:100%;color:var(--sl-bone);font:500 .95rem/1.35 var(--gr-body), sans-serif;transition:transform .2s var(--ease-settle), border-color .18s ease, background .18s ease;background:#f4f1e808;border-radius:4px;align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex;transform:translateZ(6px)}.dp-opt:hover:not(:disabled){border-color:var(--sl-live);background:#b8cf5d17;transform:translateZ(20px)}.dp-opt:disabled{cursor:default;opacity:.34;transform:translateZ(0)}.dp-opt.is-chosen{border-color:var(--sl-bone);box-shadow:inset 3px 0 0 var(--sl-bone);opacity:1;background:#f4f1e80f;transform:translateZ(14px)}.dp-opt__key{font-family:var(--font-mono), monospace;color:var(--sl-mute);flex:none;width:1ch;font-size:.7rem}.dp-tutor{border-inline-start:2px solid var(--sl-live);max-width:58ch;animation:dp-forward .6s var(--ease-settle) both;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;padding:.1rem 0 .1rem 1rem;display:grid}@keyframes dp-forward{0%{opacity:0;transform:translateZ(-40px)}to{opacity:1;transform:translateZ(0)}}.dp-tutor__who{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--sl-live);white-space:nowrap;padding-top:.35rem;font-size:.6rem}.dp-tutor p{font-size:1.02rem;line-height:1.58}.dp-tutor em{color:var(--sl-bone);font-style:italic}.dp-reveal{animation:dp-forward .7s var(--ease-settle) both;gap:1rem;display:grid}.dp-fig{background:var(--sl-sunk);border:1px solid var(--sl-rule);border-radius:4px;width:100%;height:300px;display:block;transform:translateZ(-10px);box-shadow:inset 0 2px 10px #00000080}.dp-legend{font-family:var(--font-mono), monospace;letter-spacing:.09em;color:var(--sl-mute);flex-wrap:wrap;gap:1.4rem;font-size:.66rem;display:flex}.dp-legend i{align-items:center;gap:.4rem;font-style:normal;display:inline-flex}.dp-legend b{border-radius:2px;width:16px;height:3px}.dp-punch{border-top:1px solid var(--sl-rule);color:#f4f1e8c7;max-width:60ch;padding-top:1.3rem;font-size:1.04rem;line-height:1.6}.dp-punch strong{color:var(--sl-bone);font-weight:600}.dp-restart{color:var(--sl-live);font:500 .88rem var(--gr-body), sans-serif;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}@media (max-width:900px){.dp-hero,.dp-q{perspective:none}.dp-layer--near,.dp-layer--mid,.dp-layer--far,.dp-hero__scene,.dp-spec,.dp-opt,.dp-fig{filter:none;opacity:1;transform:none}.dp-card,.dp-card.is-engaged{transform:none}.dp-floor{display:none}}@media (prefers-reduced-motion:reduce){.dp-hero__scene{transform:none}.dp-card,.dp-card.is-engaged{transition:none;transform:rotateX(0)translateZ(0)}.dp-opt:hover:not(:disabled){transform:translateZ(6px)}.dp-tutor,.dp-reveal{animation:none}.dp-spec{opacity:1;transform:translateZ(calc(var(--z,0) * 1px))}}
