html { background: #0a0908; }
body { margin: 0; background: #0a0908; color: #f6efe2; font-family: "IBM Plex Sans", system-ui, sans-serif; font-size: 1.0625rem; line-height: 1.65; text-wrap: pretty; -webkit-font-smoothing: antialiased; }
a { color: #f6efe2; text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { text-decoration-thickness: 2px; }
summary::-webkit-details-marker { display: none; }
[data-stage] { --stage-h: calc(100dvh - 4.5rem); --slide-h: calc(var(--stage-h) * .8); --gap: calc(var(--stage-h) * .05); --img-h: calc(var(--stage-h) * 1.2); --pad-x: calc(var(--stage-h) * .075); --pad-in: calc(var(--stage-h) * .06); --top-pad: calc(var(--stage-h) * .1); }
[data-reel="reel"] [data-stage] { height: var(--stage-h); overflow: clip; cursor: none; user-select: none; }
[data-reel="reel"] [data-stage] a, [data-reel="reel"] [data-stage] button { cursor: pointer; }
[data-reel="reel"] [data-track] { position: absolute; inset: 0 0 auto 0; padding: 0 var(--pad-x); touch-action: none; will-change: transform; }
[data-reel="reel"] [data-details] { display: none; }
[data-reel="reel"] [data-slide-content] { opacity: 0; filter: blur(16px); }
[data-slide][data-open] [data-door] { transform: rotateY(15deg); box-shadow: 0 30px 80px -20px rgba(0,0,0,.55), 0 8px 30px -10px rgba(0,0,0,.35); }
[data-stage][data-open="true"] [data-aside] { transform: translateX(0) !important; box-shadow: -30px 0 80px -20px rgba(0,0,0,.6) !important; }
[data-stage][data-open="true"] [data-backdrop] { background: rgba(10,9,8,.35) !important; backdrop-filter: blur(14px) saturate(120%) !important; pointer-events: auto !important; }
[data-slide][data-open] [data-door] { transform: rotateY(15deg) !important; }
[data-stage][data-open="true"] [data-pips] { opacity: 0; pointer-events: none; }
[data-pip][data-active="true"] span { width: 6px !important; height: 6px !important; background: rgba(241,231,210,.95) !important; }
[data-reel="reel"] [data-ov="r"] { max-height: 66%; overflow: hidden; }
[data-reel="reel"] [data-ov="cl"] { max-width: 44% !important; }
[data-reel="reel"] #work [data-ov="cl"] { max-width: 36% !important; }
[data-reel="reel"] #work [data-headline] { font-size: clamp(3rem, 11dvh, 11rem) !important; }
[data-reel="reel"] #work [data-ov="r"] { width: auto; }
[data-reel="reel"] #work [data-ov="r"] p { font-size: clamp(1.2rem, 2.8dvh, 1.9rem) !important; }
[data-reel="stack"] [data-reel-only] { display: none !important; }
[data-reel="stack"] [data-track] { padding: 1rem clamp(1rem, 3vw, 2.5rem) 2rem; }
[data-reel="stack"] [data-slide] { height: auto !important; margin-bottom: 3.5rem !important; perspective: none !important; }
[data-reel="stack"] [data-door] { overflow: visible !important; border-radius: 0 !important; background: transparent !important; }
[data-reel="stack"] [data-slide-image] { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; aspect-ratio: 4 / 5; max-height: 70svh; border-radius: 1.25rem; overflow: hidden; }
[data-reel="stack"] [data-slide-image] img { position: absolute; inset: 0; }
[data-reel="stack"] [data-slide-content] { position: static !important; opacity: 1 !important; filter: none !important; transform: none !important; display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem 0 0; max-width: 40rem; }
[data-reel="stack"] [data-ov] { position: static !important; transform: none !important; max-width: none !important; width: auto !important; text-align: left !important; align-items: flex-start !important; inset: auto !important; }
[data-reel="stack"] [data-ov="r"], [data-reel="stack"] [data-explore] { display: none !important; }
[data-reel="stack"] [data-details] { display: block; max-width: 40rem; }
[data-reel="stack"] [data-headline] { font-size: clamp(3rem, 12vw, 5.5rem) !important; }

/* Integration with the shared site navigation and document fallback. */
.mj-story .site-header { background: var(--paper); }
.mj-story .site-nav { max-width: none; }
.mj-story [data-stage] { box-sizing: border-box; }
.mj-story [data-stage] *, .mj-story [data-stage] *::before, .mj-story [data-stage] *::after { box-sizing: border-box; }
.mj-story [data-headline] { padding: 0; border: 0; }
[data-pip] { display: grid; place-items: center; width: 44px; height: 32px; }
[data-pip] span { width: 4px; height: 4px; border-radius: 50%; background: #ffffff55; }
[data-stage] :focus-visible { outline: 2px solid #f6efe2; outline-offset: 4px; }
[data-stage] [data-slide]:focus { outline: none; }
[data-aside][inert] { visibility: hidden; }
[data-aside]:not([inert]) { visibility: visible; }
[data-reel="stack"] [data-details] { padding-top: 1.5rem; }
[data-reel="stack"] [data-img] { transform: none !important; }
.story-footer { padding: 2rem 4vw 4rem; color: #f6efe2; }
.story-footer a { color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .mj-story *, .mj-story *::before, .mj-story *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

[data-aside] { cursor: auto; }
[data-explore]:hover { transform: scale(1.04); border-color: #ffffffd9 !important; background: #ffffff24 !important; }