.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-bar{border-block:1px solid var(--rule-n);gap:14px;margin-bottom:clamp(24px,3vw,40px);padding-block:18px;display:grid}.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:40px;color:var(--bone);cursor:pointer;white-space:nowrap;transition:background .25s var(--ease), color .25s var(--ease), box-shadow .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[aria-pressed=true]{background:var(--signal);color:var(--ink);box-shadow:inset 0 0 0 1px var(--signal)}.p-journal-n{opacity:.55;margin-left:6px}@media (width>=900px){.p-journal-bar{grid-template-columns:1fr auto;align-items:center;gap:24px}.p-journal-chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.p-journal-grid{columns:2;column-gap:10px;margin:0;padding:0;list-style:none}.p-journal-item{break-inside:avoid;margin:0 0 22px}.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(--night-2);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(--bone);transition:opacity .25s var(--ease);background:#0f100eb8;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(--bone)}.p-journal-tile:hover .p-journal-id,.p-journal-tile:focus-visible .p-journal-id{color:var(--signal);opacity:1}@media (width>=720px){.p-journal-grid{columns:3;column-gap:12px}}@media (width>=1100px){.p-journal-grid{columns:4;column-gap:14px}}.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}.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-stage{min-height:0;padding-inline:var(--gut);touch-action:pan-y;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-frame img,.p-journal-frame 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));justify-content:space-between;align-items:center;gap:16px;display:flex}.p-journal-vcap{flex:1;min-width:0}.p-journal-ctl{align-items:center;gap:8px;display:flex}.p-journal-rb,.p-journal-pp{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;place-items:center;display:inline-grid}.p-journal-rb{width:48px;font-size:1.25rem}.p-journal-pp{font:500 .74rem var(--mono);text-transform:uppercase;letter-spacing:.02em;padding:0 18px}.p-journal-pp[hidden]{display:none}.p-journal-rb:hover,.p-journal-pp:hover{background:var(--bone);color:var(--night)}.p-journal-rb:active,.p-journal-pp:active{transform:scale(.94)}@media (hover:hover) and (width>=900px){.p-journal-hint{display:block}}.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)}.p-journal-facts{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;margin:clamp(40px,5vw,72px) 0 0;display:grid}.p-journal-facts div{border-bottom:1px solid var(--rule);padding:16px 16px 18px 0}.p-journal-facts dd{letter-spacing:-.02em;margin:6px 0 0;font-weight:600;line-height:1.25}@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}.p-journal-facts{grid-template-columns:repeat(5,1fr)}.p-journal-facts div{border-bottom:0;padding-bottom:0}}
