.journal-frame{--journal-media-gap: calc(var(--journal-flow-gap, 1.6rem) * 1.6);--journal-caption-gap: .875rem;--journal-folio-pad: clamp(.875rem, 3.2vw, 1.75rem);--journal-sequence-gap: 2.5rem;--journal-half-gap: 2rem;--journal-play-size: 4.5rem;--journal-compare-handle: 2.75rem;--journal-media-bleed: calc(var(--frame-gutter, .75rem) + var(--tile-pad, 1.5rem));--journal-media-mono: var(--journal-mono, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace));--journal-media-paper: var(--journal-folio, #efe6d1);--journal-media-paper-rule: var(--journal-folio-rule, color-mix(in oklab, #2a2116 18%, transparent))}.journal-prose>*+:is(.journal-figure,.journal-plate-figure,.journal-sequence,.journal-compare,.journal-video){margin-top:var(--journal-media-gap)}.journal-prose>:is(.journal-figure,.journal-plate-figure,.journal-sequence,.journal-compare,.journal-video){margin-bottom:var(--journal-media-gap)}.journal-flow>:is(.journal-figure,.journal-plate-figure,.journal-sequence,.journal-compare):is([data-width=wide],[data-width=full]){clear:both}.journal-media-label{margin-right:.875em;font-family:var(--journal-media-mono);font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--journal-gold-ink)}.journal-caption{margin-top:var(--journal-caption-gap);max-width:var(--journal-measure);font-size:.875rem;line-height:1.55;text-wrap:pretty;color:var(--muted-foreground)}.journal-figure-open{display:block;width:100%;padding:0;border:0;border-radius:2px;background:none;color:inherit;text-align:inherit;cursor:zoom-in;outline:none}.journal-figure-open:focus-visible{box-shadow:0 0 0 3px var(--background),0 0 0 5px var(--ring)}.journal-figure-mat{position:relative;display:block;overflow:hidden;border-radius:2px}.journal-figure-img{display:block;width:100%;height:auto;max-height:min(78svh,50rem);object-fit:contain}.journal-figure[data-frame=jadval] .journal-figure-mat{background:var(--journal-plate-ground)}.journal-figure-mat .journal-plate-rule,.journal-sequence-frame .journal-plate-rule,.journal-compare-stage>.journal-plate-rule{box-shadow:0 0 0 3px color-mix(in oklab,var(--journal-plate-ground) 45%,transparent),0 0 0 4px color-mix(in oklab,var(--gold) 32%,transparent);transition:border-color 1s var(--journal-ease),box-shadow 1s var(--journal-ease)}.journal-figure[data-frame=hairline] .journal-figure-mat:after{content:"";position:absolute;inset:0;border:1px solid var(--journal-hairline);border-radius:inherit;pointer-events:none;transition:border-color 1s var(--journal-ease)}.journal-figure[data-frame=paper] .journal-figure-mat,.journal-lightbox-stage[data-frame=paper]{padding:var(--journal-folio-pad);background:var(--journal-media-paper)}.journal-figure[data-frame=paper] .journal-figure-mat:after,.journal-lightbox-stage[data-frame=paper]:after{content:"";position:absolute;inset:calc(var(--journal-folio-pad) / 2);border:1px solid var(--journal-media-paper-rule);pointer-events:none}@media(hover:hover){.journal-figure-open:hover .journal-plate-rule,.journal-sequence-open:hover .journal-plate-rule,.journal-plate-figure-stage:has(.journal-plate-open:hover) .journal-plate-rule{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in oklab,var(--journal-plate-ground) 45%,transparent),0 0 0 4px color-mix(in oklab,var(--gold) 45%,transparent),0 0 18px color-mix(in oklab,var(--gold) 35%,transparent)}.journal-figure[data-frame=hairline] .journal-figure-open:hover .journal-figure-mat:after{border-color:color-mix(in oklab,var(--journal-gold) 55%,transparent)}}@media(min-width:48rem){.journal-flow>.journal-figure[data-width=half]{float:left;width:calc(var(--journal-measure) / 2 - var(--journal-half-gap) / 2);margin:.375rem var(--journal-half-gap) 1.25rem 0}.journal-flow>.journal-figure[data-width=half] .journal-caption{font-size:.8125rem}.journal-flow>:is(h2,h3){clear:left}}.journal-inline-image{display:inline;max-width:100%;max-height:1.5em;width:auto;height:auto;vertical-align:-.3em;border-radius:2px}.journal-lightbox{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:fit-content;max-width:calc(100vw - 2rem)}.journal-lightbox-stage{position:relative;display:flex;justify-content:center;border-radius:2px}.journal-lightbox-img{display:block;width:auto;height:auto;max-width:min(calc(100vw - 2rem),110rem);max-height:calc(100svh - 8.5rem);border-radius:2px}.journal-lightbox-stage[data-frame=paper] .journal-lightbox-img{max-width:min(calc(100vw - 2rem - 2 * var(--journal-folio-pad)),110rem);max-height:calc(100svh - 8.5rem - 2 * var(--journal-folio-pad));border-radius:0}.journal-lightbox-plate .journal-lightbox-stage{display:block;width:min(calc(100vw - 2rem),calc((100svh - 8.5rem) * 4 / 3))}.journal-lightbox-caption{max-width:min(100%,44rem);padding:.625rem .875rem;border:1px solid var(--journal-hairline);border-radius:2px;background:var(--background);font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.55;text-wrap:pretty;color:var(--muted-foreground)}.journal-plate-figure-stage{position:relative}.journal-plate-open{position:absolute;inset:0;z-index:2;width:100%;padding:0;border:0;border-radius:2px;background:transparent;cursor:zoom-in;outline:none}.journal-plate-open:focus-visible{box-shadow:0 0 0 3px var(--background),0 0 0 5px var(--ring)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.journal-plate-figure-stage:has(.journal-plate-open:hover) .journal-plate-art{scale:1.02}}.journal-sequence-track{display:grid;grid-template-columns:repeat(var(--journal-sequence-count, 4),minmax(0,1fr));column-gap:var(--journal-sequence-gap);margin:0;padding:0;list-style:none}.journal-sequence-panel{display:grid;grid-template-areas:"frame" "label";align-content:start;min-width:0;margin:0}.journal-sequence-open{grid-area:frame;display:block;width:100%;padding:0;border:0;border-radius:2px;background:none;cursor:zoom-in;outline:none}.journal-sequence-open:focus-visible{box-shadow:0 0 0 3px var(--background),0 0 0 5px var(--ring)}.journal-sequence-frame{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:2px;background:var(--journal-plate-ground)}.journal-sequence-frame .journal-plate-rule{inset:.4375rem}.journal-sequence-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journal-sequence-arrow{grid-area:frame;align-self:center;justify-self:start;position:relative;width:calc(var(--journal-sequence-gap) - .875rem);height:1px;translate:calc(-100% - .4375rem) 0;background:linear-gradient(to right,transparent,var(--journal-gold) 35%);pointer-events:none}.journal-sequence-arrow:after{content:"";position:absolute;top:50%;right:.5px;width:5px;height:5px;border-top:1px solid var(--journal-gold);border-right:1px solid var(--journal-gold);translate:0 -50%;rotate:45deg}.journal-sequence-label{grid-area:label;display:flex;align-items:baseline;gap:.5rem;margin:.75rem 0 0;font-size:.875rem;line-height:1.4;color:var(--journal-ink)}.journal-sequence-number{font-family:var(--journal-media-mono);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--journal-gold-ink)}.journal-sequence-dot{color:var(--muted-foreground)}.journal-sequence-pager{display:none;margin:.875rem 0 0;font-family:var(--journal-media-mono);font-size:.6875rem;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}@media not (min-width:40rem){.journal-sequence-track{display:flex;gap:.875rem;margin-inline:calc(-1 * var(--journal-media-bleed));padding-inline:var(--journal-media-bleed);scroll-padding-inline:var(--journal-media-bleed);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.journal-sequence-track::-webkit-scrollbar{display:none}.journal-sequence-panel{flex:0 0 80%;scroll-snap-align:start}.journal-sequence-arrow{display:none}.journal-sequence-pager{display:block}}.journal-compare-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;background:var(--journal-plate-ground);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.journal-compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.journal-compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--journal-split, 50%)) 0 0)}.journal-compare-divider{position:absolute;top:0;bottom:0;left:var(--journal-split, 50%);z-index:3;width:0}.journal-compare-divider:before{content:"";position:absolute;inset-block:0;left:-.5px;width:1px;background:var(--journal-gold);box-shadow:var(--journal-gilt-glow)}.journal-compare-stage:not([data-dragging]) :is(.journal-compare-before,.journal-compare-divider){transition:clip-path .5s var(--journal-ease),left .5s var(--journal-ease)}.journal-compare-handle{position:absolute;top:50%;left:0;width:var(--journal-compare-handle);height:var(--journal-compare-handle);translate:-50% -50%;border-radius:50%;cursor:ew-resize;outline:none}.journal-compare-handle:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.journal-compare-glyph{display:block;width:100%;height:100%;overflow:visible}.journal-compare-disc{fill:color-mix(in oklab,var(--background) 74%,transparent);stroke:var(--journal-gold);stroke-width:1}.journal-compare-star{fill:none;stroke:var(--journal-gold);stroke-width:1;stroke-linejoin:round;transform-box:view-box;transform-origin:center;transition:rotate 1s var(--journal-ease)}.journal-compare-chevrons{fill:var(--journal-gold-ink)}.journal-compare-stage[data-dragging] .journal-compare-star,.journal-compare-handle:focus-visible .journal-compare-star{rotate:22.5deg}.journal-compare-label{position:absolute;top:1.25rem;z-index:2;padding:.375rem .625rem;border:1px solid var(--journal-hairline);border-radius:999px;background:color-mix(in oklab,var(--background) 70%,transparent);font-family:var(--journal-media-mono);font-size:.625rem;font-weight:500;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--journal-ink-strong);pointer-events:none;transition:opacity .5s var(--journal-ease)}.journal-compare-label[data-side=before]{left:1.25rem}.journal-compare-label[data-side=after]{right:1.25rem}.journal-compare-label[data-faded]{opacity:0}.journal-video-stage{position:relative;overflow:hidden;border-radius:2px;background:var(--journal-plate-ground)}.journal-video-stage:has(.journal-video-facade:focus-visible){box-shadow:0 0 0 3px var(--background),0 0 0 5px var(--ring)}.journal-video-facade{position:absolute;inset:0;display:grid;place-items:center;color:inherit;outline:none}.journal-video-facade:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,transparent 30%,color-mix(in oklab,var(--journal-plate-ground) 50%,transparent));pointer-events:none}.journal-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale 1.4s var(--journal-ease)}.journal-video-media{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--journal-plate-ground)}.journal-play{position:relative;z-index:1;width:var(--journal-play-size);height:var(--journal-play-size);overflow:visible}.journal-play-disc{fill:color-mix(in oklab,var(--journal-plate-ground) 64%,transparent);stroke:color-mix(in oklab,var(--journal-gold) 70%,transparent);stroke-width:1;transition:stroke 1s var(--journal-ease)}.journal-play-star{fill:none;stroke:var(--journal-gold);stroke-width:1;stroke-linejoin:round;transform-box:view-box;transform-origin:center;transition:rotate 1s var(--journal-ease)}.journal-play-arrow{fill:var(--journal-gold)}.journal-video-chips{position:absolute;right:.875rem;bottom:.875rem;z-index:1;display:flex;gap:.375rem}.journal-video-chip{padding:.3125rem .5625rem;border:1px solid var(--journal-hairline);border-radius:999px;background:color-mix(in oklab,var(--background) 74%,transparent);font-family:var(--journal-media-mono);font-size:.6875rem;line-height:1;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--journal-ink-strong)}@media(hover:hover){.journal-video-facade:hover .journal-play-disc{stroke:var(--journal-gold)}.journal-video-facade:hover .journal-play-star{rotate:22.5deg}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.journal-video-facade:hover .journal-video-poster{scale:1.02}}@media(prefers-reduced-motion:reduce){.journal-frame .journal-figure-mat:after{transition:none}.journal-frame :is(.journal-plate-rule,.journal-compare-before,.journal-compare-divider,.journal-compare-star,.journal-compare-label,.journal-play-disc,.journal-play-star,.journal-video-poster){transition:none}}
