.companion-work{--companion-measure:48rem}.companion-work>header{padding-block:clamp(1.25rem,3vw,2rem)}.companion-work h1{font-size:clamp(2.25rem,4.5vw,3.9rem)}.companion-work h1:focus{outline:2px solid var(--oxide);outline-offset:7px}.companion-navigation a{text-underline-offset:.3em;min-height:3.5rem;transition:color .18s var(--motion-ease), background-color .18s var(--motion-ease), text-decoration-color .18s var(--motion-ease);border-radius:2px;padding-inline:.5rem}.companion-progress{gap:4px;max-width:18rem;height:4px;margin-top:1.25rem;display:flex}.companion-progress span{background:var(--border);transition:background-color .22s var(--motion-ease);border-radius:999px;flex:1}.companion-progress [data-visited]{background:var(--steel)}.companion-progress [data-current]{background:var(--oxide)}.companion-work .companion-artwork{object-fit:contain;width:auto;max-width:100%;max-height:72dvh;transition:box-shadow .24s var(--motion-ease);border:0;border-radius:0;margin-inline:auto;box-shadow:0 1px 1px #0000000d,0 18px 48px #00000017}.companion-interpretation{max-width:var(--companion-measure);margin-inline:auto}.companion-interpretation>.companion-interpretation-label{font-family:var(--font-serif);margin-bottom:1.5rem;font-size:1.65rem;line-height:1.3}.companion-work .interpretation-body{max-width:65ch;padding:.5rem 0 1.5rem 2rem;line-height:1.8}.companion-work details>summary{min-height:4.5rem;transition:color .18s var(--motion-ease), background-color .18s var(--motion-ease);border-radius:2px}.companion-work details[open]>summary{color:var(--oxide);background:color-mix(in srgb, var(--oxide) 5%, transparent)}.companion-index{border-top:1px solid var(--border)}.companion-index a{padding-top:1rem}.companion-index a>span:first-child{transition:background-color .2s var(--motion-ease)}.companion-index a:hover img{transform:none}@media (hover:hover) and (pointer:fine){.companion-navigation a:hover{background:color-mix(in srgb, var(--oxide) 6%, transparent);-webkit-text-decoration-color:var(--oxide);-webkit-text-decoration-color:var(--oxide);text-decoration-color:var(--oxide)}.companion-work button:hover .companion-artwork{box-shadow:0 1px 1px #0000000d,0 22px 56px #0000001f}.companion-work details>summary:hover{background:color-mix(in srgb, var(--oxide) 4%, transparent)}.companion-index a:hover>span:first-child{background:color-mix(in srgb, var(--oxide) 4%, var(--background))}}@media (width>=1024px){.companion-work .companion-opening{grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);align-items:end;gap:2rem;max-width:none;display:grid}.companion-work .companion-opening>p:last-child{margin-block:0 .25rem}}@media (width<=480px){.companion-work .interpretation-body{padding-left:0}.companion-navigation a{padding-inline:0}}@supports (interpolate-size:allow-keywords){@media (prefers-reduced-motion:no-preference){.companion-work details::details-content{transition:block-size .26s var(--motion-ease), content-visibility .26s allow-discrete}}}@media (prefers-reduced-motion:no-preference){.companion-work h1{view-transition-name:companion-work-title}.companion-work .companion-opening>p:last-child{view-transition-name:companion-work-orientation}::view-transition-group(companion-work-title){animation-duration:.32s;animation-timing-function:var(--motion-ease)}::view-transition-group(companion-work-orientation){animation-duration:.32s;animation-timing-function:var(--motion-ease)}::view-transition-old(companion-work-title){animation:companion-copy-out .14s var(--motion-ease) both}::view-transition-old(companion-work-orientation){animation:companion-copy-out .14s var(--motion-ease) both}::view-transition-new(companion-work-title){animation:companion-copy-in .24s 55ms var(--motion-ease) both}::view-transition-new(companion-work-orientation){animation:companion-copy-in .24s 55ms var(--motion-ease) both}.companion-work details[open] .interpretation-body{animation:interpretation-settle .22s var(--motion-ease)}@keyframes companion-copy-out{to{opacity:0;transform:translateY(-3px)}}@keyframes companion-copy-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes interpretation-settle{0%{opacity:.9;transform:translateY(3px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.companion-navigation a,.companion-progress span,.companion-work .companion-artwork,.companion-work details>summary,.companion-index a>span:first-child{transition:none}}@media (forced-colors:active){.companion-progress span{border:1px solid canvastext}.companion-progress [data-current]{background:highlight}.companion-navigation a:hover,.companion-work details[open]>summary,.companion-work details>summary:hover,.companion-index a:hover>span:first-child{background:0 0}.companion-work .companion-artwork{box-shadow:none}}.companion-connections>summary{color:var(--foreground)}.companion-connections-minus,.companion-connections[open] .companion-connections-plus{display:none}.companion-connections[open] .companion-connections-minus{display:inline}.companion-connections-graph{overflow:hidden}.companion-connection-lines line{fill:none;stroke:color-mix(in srgb, var(--steel) 62%, var(--border));stroke-width:.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.companion-connection-nodes g{transform-box:fill-box;transform-origin:50%}.companion-connection-nodes circle{fill:var(--background);stroke:var(--oxide);stroke-width:.65px;vector-effect:non-scaling-stroke}.companion-connection-nodes text{fill:var(--foreground);font-family:var(--font-sans);font-size:3.2px;font-weight:700}@media (prefers-reduced-motion:no-preference){.companion-connections:not([open]) .companion-connection-lines line{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.companion-connections[open] .companion-connection-lines line{stroke-dashoffset:0;opacity:.9;transition:stroke-dashoffset .36s var(--motion-ease), opacity .18s var(--motion-ease)}.companion-connections:not([open]) .companion-connection-nodes g{opacity:0;scale:.82}.companion-connections[open] .companion-connection-nodes g{opacity:1;transition:opacity .18s var(--motion-ease), scale .28s var(--motion-ease);scale:1}}@media (forced-colors:active){.companion-connection-lines line{stroke:canvastext}.companion-connection-nodes circle{fill:canvas;stroke:canvastext}.companion-connection-nodes text{fill:canvastext}}