.p-journal-lock{overflow:hidden}.p-journal-head{padding-block:calc(var(--nav-h) + clamp(44px, 7vw, 110px)) clamp(36px, 5vw, 72px)}.p-journal-hgrid{align-items:end;gap:28px 24px;display:grid}.p-journal-tally{color:var(--stone);margin-top:20px}@media (width>=900px){.p-journal-hgrid{grid-template-columns:repeat(12,1fr)}.p-journal-hgrid h1{grid-column:1/9}.p-journal-meta{grid-column:9/-1;padding-bottom:.6em}}.p-journal-wall{padding-bottom:clamp(72px,9vw,130px)}.p-journal-wall .p-journal-bar{margin-bottom:0}.p-journal-bar{z-index:5;background:var(--night);border-block:1px solid var(--rule-n);transition:top .4s var(--ease);margin-bottom:clamp(24px,3vw,40px);position:sticky;top:0}body:has(.nav:not(.hide)) .p-journal-bar{top:var(--nav-h)}.p-journal-barin{gap:2px;padding-block:8px;display:grid}.p-journal-kinds{gap:18px;display:flex}.p-journal-kind{min-height:36px;color:var(--muted);font:500 .74rem var(--mono);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;padding:0}.p-journal-kind:hover{color:var(--ink)}.p-journal-kind[aria-pressed=true]{color:var(--ink);border-color:var(--signal)}.p-journal-kind:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.p-journal-chips button.chip:disabled{opacity:.35;cursor:default;box-shadow:none}.p-journal-count{color:var(--stone)}.p-journal-chips{scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);gap:8px;display:flex;overflow-x:auto}.p-journal-chips::-webkit-scrollbar{display:none}.p-journal-chips button.chip{min-height:44px;color:var(--bone);cursor:pointer;white-space:nowrap;transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);background:0 0;border:0;flex:none;padding:0 14px}.p-journal-chips button.chip:hover{box-shadow:inset 0 0 0 1px var(--bone)}.p-journal-chips button.chip:active{transform:scale(.96)}.p-journal-chips button.chip[aria-pressed=true]{background:var(--signal);color:var(--on-signal);box-shadow:inset 0 0 0 1px var(--signal)}.p-journal-chips button.chip:focus-visible,.p-journal-tile:focus-visible .p-journal-media{outline:2px solid var(--signal);outline-offset:3px}.p-journal-n{opacity:.55;margin-left:6px}@media (width>=900px){.p-journal-barin{grid-template-columns:1fr auto;align-items:center;gap:0 24px}.p-journal-chips{grid-column:1}.p-journal-kinds{grid-column:2}.p-journal-count{grid-column:1/-1}.p-journal-chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.p-journal-chap{padding-top:clamp(40px,6vw,88px)}.p-journal-chap[hidden]{display:none}.p-journal-chap-h{border-top:1px solid var(--rule);align-items:end;gap:14px 24px;margin-bottom:clamp(20px,3vw,36px);padding-top:18px;display:grid}.p-journal-chap-n{color:var(--muted)}.p-journal-chap-h h2{max-width:14ch;font-size:clamp(2.2rem,4.6vw,4.4rem)}.p-journal-chap-side p:first-child{max-width:44ch;color:var(--muted)}.p-journal-chap-tally{color:var(--muted);margin-top:10px}@media (width>=900px){.p-journal-chap-h{grid-template-columns:repeat(12,1fr)}.p-journal-chap-n{grid-column:1/-1}.p-journal-chap-h h2{grid-column:1/8}.p-journal-chap-side{grid-column:9/-1;padding-bottom:.5em}}.p-journal-grid{--h:232px;--g:8px;gap:var(--g);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.p-journal-grid:after{content:"";height:0;margin-top:calc(var(--g) * -1);flex:999 1 0}.p-journal-item{flex:calc(var(--ar) * 100) 1 calc(var(--ar) * var(--h));max-width:calc(var(--ar) * var(--h) * 1.5);min-width:0;margin:0}.p-journal-item[hidden]{display:none}.p-journal-item[data-r="0"]{opacity:0;transform:translateY(22px)}.p-journal-item[data-r="1"]{transition:opacity .8s var(--ease) var(--d,0s), transform .8s var(--ease) var(--d,0s)}.p-journal-tile{width:100%;color:var(--stone);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.p-journal-media{border-radius:var(--r);background:var(--paper);display:block;position:relative;overflow:hidden}.p-journal-img,.p-journal-clip{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.p-journal-clip{opacity:0;transition:opacity .3s var(--ease)}.p-journal-clip.on{opacity:1}.p-journal-play{width:28px;height:28px;color:var(--film-ink);transition:opacity .25s var(--ease);background:#0e0c0ab8;border-radius:50%;padding:8px;position:absolute;top:10px;left:10px}.p-journal-item.is-playing .p-journal-play{opacity:0}.p-journal-cap{transition:color .25s var(--ease);justify-content:space-between;gap:10px;padding-top:9px;display:flex}.p-journal-id{opacity:.55;flex:none}.p-journal-tile:hover .p-journal-cap,.p-journal-tile:focus-visible .p-journal-cap{color:var(--ink)}.p-journal-tile:hover .p-journal-id,.p-journal-tile:focus-visible .p-journal-id{color:var(--signal-ink);opacity:1}@media (width>=720px){.p-journal-grid{--h:270px;--g:10px}}@media (width>=1100px){.p-journal-grid{--h:320px;--g:12px}}.p-journal-viewer{background:var(--night);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--bone);border:0;margin:0;padding:0;inset:0;overflow:hidden}.p-journal-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.p-journal-vtop{padding:max(12px, env(safe-area-inset-top)) var(--gut) 8px;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.p-journal-vcount{color:var(--stone)}.p-journal-hint{color:var(--stone);display:none}.p-journal-x{grid-column:3;justify-self:end}.p-journal-grab{left:50%;top:max(8px, env(safe-area-inset-top));background:var(--rule-n);border-radius:2px;width:36px;height:4px;margin-left:-18px;display:none;position:absolute}@media (pointer:coarse){.p-journal-grab{display:block}}.p-journal-stage{min-height:0;padding-inline:var(--gut);touch-action:none;place-items:center;display:grid;container-type:size}.p-journal-frame{--ar:.5625;width:min(100cqw, calc(100cqh * var(--ar)));aspect-ratio:var(--ar);border-radius:var(--r);background:var(--night-2);transform-origin:0 0;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.p-journal-slot{position:absolute;inset:0}.p-journal-slot img,.p-journal-slot video{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.p-journal-vbot{padding:14px var(--gut) max(16px, env(safe-area-inset-bottom));gap:12px;display:grid}.p-journal-vcap{min-width:0;color:var(--stone)}.p-journal-vcap b{color:var(--bone);font-weight:500}.p-journal-vcredit:not(:empty):before{content:"· "}.p-journal-vid{color:var(--signal)}.p-journal-vrow{align-items:center;gap:8px;display:flex}.p-journal-vrow .btn{flex:1}.p-journal-note{color:var(--stone);grid-column:1/-1}.p-journal-note[hidden]{display:none}.p-journal-rb{width:48px;min-height:48px;color:var(--bone);box-shadow:inset 0 0 0 1px var(--rule-n);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;font-size:1.25rem;display:inline-grid}.p-journal-rb:hover{background:var(--bone);color:var(--night)}.p-journal-rb:active{transform:scale(.94)}.p-journal-pp{min-height:40px;color:var(--bone);font:500 .74rem var(--mono);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;padding:0 16px;position:absolute;bottom:10px;left:10px}.p-journal-pp[hidden]{display:none}.p-journal-viewer :focus-visible{outline:2px solid var(--signal);outline-offset:3px}@media (width>=900px){.p-journal-hint{display:block}.p-journal-vbot{grid-template-columns:1fr auto;align-items:center;gap:12px 32px}.p-journal-vrow .btn{flex:none;margin-right:8px}}.p-journal-end{padding-block:clamp(72px,9vw,130px)}.p-journal-endgrid{align-items:end;gap:28px 24px;display:grid}.p-journal-act{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.p-journal-more{color:var(--muted);margin-top:22px;padding-block:8px;text-decoration:none;display:inline-block}.p-journal-more:hover{color:var(--ink)}@media (width>=900px){.p-journal-endgrid{grid-template-columns:repeat(12,1fr)}.p-journal-endgrid h2{grid-column:1/8}.p-journal-endbody{grid-column:8/-1}}@media (prefers-reduced-motion:reduce){.p-journal-bar,.p-journal-chips button.chip,.p-journal-kind,.p-journal-item,.p-journal-clip,.p-journal-rb{transition:none}}
