@font-face{ font-family: Archivo; src: url('/constellation/assets/fonts/archivo-black.ttf') format('truetype'); font-weight: 900; font-display: swap; }
@font-face{ font-family: 'DM Sans'; src: url('/constellation/assets/fonts/dm-sans.ttf') format('truetype'); font-weight: 400; font-display: swap; }
.constellation-chapter{ color-scheme: light; --paper: #f8f7f3; --ground: #bec9d7; --ink: #1b222b; --muted: #445161; --line: #8d9baa; --accent: #6b2048; --display: Archivo, 'Arial Black', sans-serif; --body: 'DM Sans', Arial, sans-serif; font-family: var(--body); color: var(--ink); background: var(--ground); }
.constellation-chapter *{ box-sizing: border-box; }
.constellation-chapter{ scroll-behavior: smooth; }
.constellation-chapter{ margin: 0; min-height: 100vh; background: var(--ground); }
.constellation-chapter button,.constellation-chapter input,.constellation-chapter select{ font: inherit; color: inherit; }
.constellation-chapter button,.constellation-chapter select,.constellation-chapter summary{ cursor: pointer; }
.constellation-chapter button{ border: 0; }
.constellation-chapter button:disabled{ cursor: default; }
.constellation-chapter a{ color: inherit; text-decoration: none; }
.constellation-chapter a:hover{ text-decoration: underline; text-underline-offset: 5px; }
.constellation-chapter #c-constellation-title,.constellation-chapter h2,.constellation-chapter h3,.constellation-chapter p,.constellation-chapter figure{ margin: 0; }
.constellation-chapter :focus-visible{ outline: 3px solid currentColor; outline-offset: 5px; }
.constellation-chapter button,.constellation-chapter a,.constellation-chapter input,.constellation-chapter select{ -webkit-tap-highlight-color: transparent; }
.constellation-chapter ::selection{ color: var(--paper); background: var(--ink); }
.constellation-chapter .skip-link{ position: fixed; top: 12px; left: 12px; z-index: 5; padding: 14px 20px; background: var(--ink); color: white; transform: translateY(-180%); }
.constellation-chapter .skip-link:focus{ transform: none; }
.constellation-chapter .app{ width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.constellation-chapter .masthead{ display: flex; justify-content: space-between; align-items: center; min-height: 84px; border-bottom: 1px solid var(--line); gap: 24px; }
.constellation-chapter .wordmark{ position: relative; display: block; width: max-content; flex-shrink: 0; padding: .07em .5em .1em; font: 900 1.85rem/1 var(--display); letter-spacing: -.08em; white-space: nowrap; }
.constellation-chapter .wordmark .mark-word{ display: block; }
.constellation-chapter .wordmark .brand-dot{ margin-right: .06em; }
.constellation-chapter .wordmark .mark-brackets{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.constellation-chapter .wordmark:hover{ text-decoration: none; }
.constellation-chapter .back-link{ display: inline-flex; align-items: center; min-height: 44px; font-size: .8125rem; }
.constellation-chapter .eyebrow{ font-size: .625rem; letter-spacing: .08em; line-height: 1.5; text-transform: uppercase; }
.constellation-chapter .constellation-hero{ display: grid; grid-template-columns: 1fr 1fr; gap: 5%; align-items: center; min-height: 410px; padding-block: 42px 36px; }
.constellation-chapter #c-constellation-title{ font: 900 clamp(2.5rem, 4.5vw, 4.25rem)/.98 var(--display); letter-spacing: -.075em; margin: 18px 0 24px -.04em; }
.constellation-chapter .lead{ font-size: clamp(1.25rem, 2.2vw, 1.8rem); letter-spacing: -.04em; line-height: 1.2; max-width: 380px; }
.constellation-chapter .intro-copy > p:not(.eyebrow):not(.lead){ max-width: 355px; margin-top: 18px; font-size: .9375rem; line-height: 1.7; }
.constellation-chapter .intro-links{ display: flex; flex-wrap: wrap; gap: 0 24px; }
.constellation-chapter .intro-discovery{ position: relative; height: 208px; margin-top: 12px; }
.constellation-chapter .explore-link{ display: inline-flex; align-items: center; min-height: 44px; margin-top: 18px; border-bottom: 1px solid var(--muted); font-size: .8125rem; }
.constellation-chapter h2{ font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.14; letter-spacing: -.04em; font-weight: 400; }
.constellation-chapter .preview-print{ display: block; padding: 0; width: 100%; background: transparent; }
.constellation-chapter .preview-caption{ display: flex; align-items: center; justify-content: space-between; min-height: 36px; gap: 8px; font-size: .625rem; letter-spacing: .04em; }
.constellation-chapter .preview-caption > span:last-child{ font-size: 1.1rem; }
.constellation-chapter .palette{ display: flex; height: 8px; overflow: hidden; }
.constellation-chapter .swatch{ min-width: 0; height: 100%; }
.constellation-chapter .preview-print .palette{ margin-bottom: 8px; height: 6px; }
.constellation-chapter .interaction{ padding: 26px 30px; background: #192327; color: #f1f0e9; }
.constellation-chapter .explore-steps{ list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 22px 0 0; padding: 0; }
.constellation-chapter .explore-steps li{ position: relative; border-top: 1px solid #536267; padding: 16px 0 0 26px; }
.constellation-chapter .explore-steps li > span{ position: absolute; left: 0; top: 21px; font-size: .625rem; color: #bed5bd; }
.constellation-chapter .explore-steps h3{ font-size: 1.125rem; font-weight: 400; margin: 0 0 8px; letter-spacing: -.02em; }
.constellation-chapter .explore-steps p{ font-size: .8125rem; line-height: 1.6; color: #c1cacd; }
.constellation-chapter .explorer-section{ padding-block: 38px 32px; scroll-margin-top: 24px; }
.constellation-chapter .section-heading{ display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.constellation-chapter .section-heading p{ font-size: .8125rem; line-height: 1.6; color: var(--muted); }
.constellation-chapter .map-panel{ min-width: 0; display: flex; flex-direction: column; border: 6px solid var(--paper); padding: 0 22px; }
.constellation-chapter .toolbar{ display: grid; grid-template-columns: .8fr 1.2fr 1.3fr 38px; align-items: end; column-gap: 20px; padding: 18px 0 14px; border-bottom: 1px solid var(--line); }
.constellation-chapter .toolbar label{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.constellation-chapter select,.constellation-chapter input{ height: 40px; width: 100%; min-width: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; font-size: 13px; color: var(--ink); }
.constellation-chapter input::placeholder{ color: var(--muted); }
.constellation-chapter select{ padding-right: 8px; }
.constellation-chapter .search-button{ width: 38px; height: 40px; border: 1px solid var(--line); background: transparent; font-size: 22px; }
.constellation-chapter .search-button:hover{ background: var(--ink); color: var(--paper); }
.constellation-chapter #c-search-status{ text-align: right; }
.constellation-chapter .stage{ position: relative; flex: 1 0 auto; height: clamp(400px, 55vh, 640px); min-height: 360px; overflow: hidden; touch-action: none; cursor: grab; }
.constellation-chapter .stage.dragging{ cursor: grabbing; }
.constellation-chapter #c-constellation{ display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.constellation-chapter .node{ cursor: pointer; stroke: #eeede9b0; stroke-width: 1; vector-effect: non-scaling-stroke; }
.constellation-chapter .node.active{ stroke: var(--ink); stroke-width: 2; }
.constellation-chapter .node.neighbor{ stroke: var(--accent); stroke-width: 2; }
.constellation-chapter .node.dimmed{ opacity: .3; }
.constellation-chapter .point-target{ cursor: pointer; }
.constellation-chapter .hit-node{ fill: transparent; }
.constellation-chapter .point-target:focus{ outline: none; }
.constellation-chapter .point-target:focus-visible .node{ stroke: var(--accent); stroke-width: 3; }
.constellation-chapter .edge{ stroke: var(--accent); stroke-width: 1; stroke-opacity: .65; vector-effect: non-scaling-stroke; pointer-events: none; }
.constellation-chapter .point-label{ fill: var(--ink); font: 11px var(--body); paint-order: stroke; stroke: var(--ground); stroke-width: 4px; stroke-linejoin: round; text-anchor: middle; pointer-events: none; }
.constellation-chapter .map-actions{ position: absolute; bottom: 12px; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; z-index: 2; pointer-events: none; }
.constellation-chapter .map-actions button{ pointer-events: auto; background: var(--ground); border: 1px solid var(--line); min-height: 44px; padding: 0 12px; font-size: 12px; }
.constellation-chapter .map-actions button:hover{ background: var(--ink); color: var(--paper); }
.constellation-chapter .map-actions > div{ display: flex; gap: 4px; }
.constellation-chapter .map-actions #c-zoom-in,.constellation-chapter .map-actions #c-zoom-out{ width: 44px; padding: 0; font-size: 19px; }
.constellation-chapter .map-footer{ border-top: 1px solid var(--line); padding: 14px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; font-size: 10px; color: var(--muted); }
.constellation-chapter .legend{ display: flex; gap: 15px; flex-wrap: wrap; }
.constellation-chapter .legend-item{ display: flex; align-items: center; gap: 5px; }
.constellation-chapter .legend-mark{ width: 16px; height: 16px; flex: none; overflow: visible; }
.constellation-chapter .method{ margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); font-size: .8125rem; line-height: 1.6; }
.constellation-chapter .method summary{ display: flex; justify-content: space-between; align-items: center; min-height: 44px; list-style: none; }
.constellation-chapter .method summary::-webkit-details-marker{ display: none; }
.constellation-chapter .method summary > span{ font-size: 19px; }
.constellation-chapter .method[open] summary > span{ transform: rotate(45deg); }
.constellation-chapter .method p{ margin-top: 12px; color: var(--muted); max-width: 720px; }
.constellation-chapter .site-footer{ display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--line); padding-block: 12px 22px; }
.constellation-chapter .site-footer > span{ font-size: .625rem; letter-spacing: .04em; }
.constellation-chapter dialog{ width: min(1300px, calc(100% - 60px)); max-height: calc(100dvh - 60px); padding: 0 28px 28px; border: 1px solid #758496; color: var(--ink); background: var(--paper); box-shadow: 0 24px 100px #27313f55; }
.constellation-chapter dialog::backdrop{ background: #27313fb3; backdrop-filter: blur(9px); }
.constellation-chapter:has(dialog[open]){ overflow: hidden; }
.constellation-chapter .dialog-bar{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 66px; border-bottom: 1px solid var(--line); font-size: 11px; }
.constellation-chapter .dialog-bar > span{ text-transform: uppercase; letter-spacing: .06em; }
.constellation-chapter .focus-content{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; gap: 40px; padding-top: 26px; }
.constellation-chapter .image-frame{ width: min(100%, calc(min(57vh, 560px) * var(--image-ratio) + 22px)); margin-inline: auto; padding: 10px; background: #eeede9; border: 1px solid var(--line); box-shadow: 0 12px 30px -24px var(--ink); }
.constellation-chapter .image-frame > img{ display: block; width: 100%; height: auto; }
.constellation-chapter .image-frame .palette{ height: 9px; margin-bottom: 10px; }
.constellation-chapter .card-title{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 14px; }
.constellation-chapter .card-title h2{ font: 900 29px var(--display); letter-spacing: -.06em; }
.constellation-chapter .card-title span{ font-size: 11px; color: var(--muted); }
.constellation-chapter .lab-table{ width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 10px; }
.constellation-chapter .lab-table caption{ text-align: left; padding-bottom: 8px; color: var(--muted); }
.constellation-chapter .lab-table td{ padding: 7px 0; border-top: 1px solid var(--line); }
.constellation-chapter .lab-chip{ display: inline-block; width: 22px; height: 15px; vertical-align: middle; margin-right: 8px; }
.constellation-chapter .neighbor-heading{ margin: 4px 0 22px; }
.constellation-chapter .neighbor-heading h2{ font: 900 clamp(24px, 2.5vw, 34px)/1.1 var(--display); letter-spacing: -.06em; margin: 12px 0; }
.constellation-chapter .neighbor-heading p{ color: var(--muted); font-size: 12px; line-height: 1.5; max-width: 42ch; }
.constellation-chapter #c-neighbors{ display: grid; gap: 12px; }
.constellation-chapter .neighbor-card{ display: grid; grid-template-columns: minmax(0, 145px) minmax(0, 1fr); align-items: center; width: 100%; gap: 17px; padding: 8px; background: #eeede9; border: 1px solid var(--line); text-align: left; transition: transform .15s, border-color .15s; }
.constellation-chapter .neighbor-card:hover{ transform: translateX(-4px); border-color: var(--ink); }
.constellation-chapter .neighbor-card img{ display: block; width: auto; height: auto; max-width: 100%; max-height: 150px; justify-self: center; }
.constellation-chapter .print-meta{ display: grid; gap: 4px; padding-block: 7px; }
.constellation-chapter .match-value{ font-size: .5625rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.constellation-chapter .neighbor-card .rank{ font-size: 9px; color: var(--muted); letter-spacing: .07em; text-transform: uppercase; }
.constellation-chapter .neighbor-card h3{ font: 900 19px var(--display); letter-spacing: -.04em; margin: 9px 0 4px; }
.constellation-chapter .neighbor-card p{ font-size: 10px; color: var(--muted); margin-bottom: 12px; }
.constellation-chapter .neighbor-card .palette{ max-width: 200px; }
.constellation-chapter .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.constellation-chapter #c-collection-count{ color: var(--muted); font-size: 11px; white-space: nowrap; }
.constellation-chapter #c-search-status{ font-size: 11px; padding-top: 12px; }
.constellation-chapter #c-search-status:empty{ display: none; }
.constellation-chapter .card-title{ font-size: 11px; }
.constellation-chapter .save-image-trigger{ background: transparent; padding: 6px; font-size: 11px; }
.constellation-chapter .save-image-trigger:hover{ text-decoration: underline; }
.constellation-chapter .palette-details{ max-width: 420px; margin: 15px auto 0; font-size: 11px; color: var(--muted); }
.constellation-chapter .palette-details summary{ width: fit-content; }
.constellation-chapter .neighbor-card h3{ display: flex; justify-content: space-between; }
.constellation-chapter .print-meta{ display: grid; gap: 4px; padding-block: 7px; }
.constellation-chapter .match-value{ font-size: .5625rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.constellation-chapter .neighbor-card .rank{ font-variant-numeric: tabular-nums; }
.constellation-chapter .image-save-dialog{ width: min(360px, calc(100% - 32px)); padding: 22px; }
.constellation-chapter .image-save-top{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.constellation-chapter .image-save-top h2{ font: 900 24px var(--display); letter-spacing: -.05em; }
.constellation-chapter .image-save-dialog p{ font-size: 12px; margin-top: 12px; }
.constellation-chapter .image-save-actions{ display: flex; gap: 8px; margin-top: 20px; }
.constellation-chapter .image-save-actions button{ background: var(--ink); color: var(--paper); min-height: 44px; padding: 10px 14px; font-size: 12px; }
.constellation-chapter .image-save-actions button:disabled{ opacity: .5; cursor: wait; }
.constellation-chapter #c-image-save-status:empty{ display: none; }
.constellation-chapter img{ -webkit-touch-callout: none; }
.constellation-chapter #c-collection-count{ font-size: .625rem; white-space: normal; }
.constellation-chapter .neighbor-heading h2{ font-family: var(--body); font-weight: 400; letter-spacing: -.04em; }
.constellation-chapter .neighbor-heading h2 span{ color: inherit; }
.constellation-chapter .image-frame,.constellation-chapter .neighbor-card{ background: var(--paper); }
.constellation-chapter dialog{ border: 0; }
.constellation-chapter dialog::backdrop{ background: #0b1118d9; backdrop-filter: none; }
@media (max-width: 900px){.constellation-chapter .constellation-hero{ min-height: 380px; gap: 4%; }
.constellation-chapter #c-constellation-title{ font-size: clamp(2.1rem, 4.7vw, 3.4rem); }
.constellation-chapter .toolbar{ column-gap: 12px; }
.constellation-chapter .explore-steps{ gap: 20px; }

}
@media (max-width: 600px){.constellation-chapter .app{ width: calc(100% - 36px); }
.constellation-chapter .masthead{ min-height: 72px; gap: 12px; }
.constellation-chapter .wordmark{ font-size: 1.6rem; }
.constellation-chapter .constellation-hero{ grid-template-columns: 1fr; gap: 34px; padding-block: 26px 36px; }
.constellation-chapter #c-constellation-title{ font-size: clamp(2.3rem, 9.1vw, 3.5rem); margin-block: 12px 16px; }
.constellation-chapter .intro-copy > p:not(.eyebrow):not(.lead){ font-size: .875rem; margin-top: 12px; max-width: 470px; }
.constellation-chapter .interaction{ padding: 22px; }
.constellation-chapter .explore-steps{ grid-template-columns: 1fr; gap: 16px; margin-top: 20px; }
.constellation-chapter .explorer-section{ padding-block: 28px; }
.constellation-chapter .section-heading{ flex-direction: column; gap: 8px; }
.constellation-chapter .map-panel{ border-width: 4px; padding-inline: 10px; }
.constellation-chapter .toolbar{ grid-template-columns: .8fr 1.2fr 38px; row-gap: 10px; }
.constellation-chapter .toolbar label:nth-child(2){ grid-column: 2 / 4; }
.constellation-chapter .toolbar .search-label{ grid-column: 1 / 3; }
.constellation-chapter .stage{ height: 52svh; min-height: 340px; }
.constellation-chapter .map-footer > span{ display: none; }
.constellation-chapter .legend{ gap: 10px; }
.constellation-chapter .site-footer{ flex-wrap: wrap; gap: 4px; }
.constellation-chapter dialog{ width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 0 16px 20px; }
.constellation-chapter .dialog-bar{ position: sticky; top: 0; background: var(--paper); z-index: 2; min-height: 58px; gap: 10px; }
.constellation-chapter .dialog-bar > span{ font-size: 9px; }
.constellation-chapter .focus-content{ grid-template-columns: 1fr; gap: 25px; padding-top: 16px; }
.constellation-chapter .image-frame{ width: min(100%, calc(55svh * var(--image-ratio) + 22px)); }
.constellation-chapter .neighbor-heading h2{ font-size: 26px; }
.constellation-chapter .neighbor-card{ grid-template-columns: 105px minmax(0, 1fr); }
.constellation-chapter .neighbor-card img{ max-height: 140px; }

}
@media (prefers-reduced-motion: reduce){.constellation-chapter *,.constellation-chapter *::before,.constellation-chapter *::after{ scroll-behavior: auto !important; transition: none !important; }
 }
.constellation-chapter .palette-study{ padding: 12px 18px 12px 34px; }
.constellation-chapter .palette-study > .eyebrow{ margin-bottom: 24px; }
.constellation-chapter .study-row{ margin-bottom: 20px; }
.constellation-chapter .study-row .palette{ height: 64px; }
.constellation-chapter .study-row:nth-child(2){ margin-left: 32px; }
.constellation-chapter .study-row:nth-child(3){ margin-right: 32px; }
.constellation-chapter .study-row p{ margin-top: 8px; font-size: .625rem; letter-spacing: .04em; color: var(--muted); }
.constellation-chapter .study-note{ font-size: .75rem; line-height: 1.5; color: var(--muted); }
.constellation-chapter .explorer-workspace{ display: grid; grid-template-columns: minmax(230px, .85fr) minmax(0, 2fr); gap: 30px; align-items: stretch; }
.constellation-chapter .preview-shelf{ min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.constellation-chapter .frame-space{ height: 460px; display: grid; place-items: center; }
.constellation-chapter .photo-print{ position: relative; padding: 10px 10px 0; max-width: calc(100% - 36px); background: var(--paper); box-shadow: 0 13px 24px -17px #19232780; transition: width 440ms cubic-bezier(.22,1,.36,1); }
.constellation-chapter .photo-print::before{ content: ''; position: absolute; top: -13px; left: 37%; width: 25%; height: 28px; z-index: 1; background: #ece3c699; border-inline: 1px dashed #a9a28b55; transform: rotate(-4deg); pointer-events: none; }
.constellation-chapter .photo-window{ position: relative; height: var(--photo-height, 0px); width: 100%; overflow: hidden; transition: height 440ms cubic-bezier(.22,1,.36,1); }
.constellation-chapter .photo-window > img{ display: block; position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: center; }
.constellation-chapter .preview-hint{ text-align: center; font-size: .6875rem; color: var(--muted); line-height: 1.6; padding: 12px 14px; }
.constellation-chapter .drifting{ animation: constellation-chapter-print-drift 8s ease-in-out infinite; }
@keyframes constellation-chapter-print-drift{ 0%, 100% { transform: translate(-4px, 3px) rotate(-3deg); } 50% { transform: translate(4px, -9px) rotate(-1deg); } }
.constellation-chapter .motion-paused .drifting,.constellation-chapter .motion-hidden .drifting,.constellation-chapter:has(dialog[open]) .drifting,.constellation-chapter .photo-print:hover,.constellation-chapter .photo-print:focus-within{ animation-play-state: paused; }
.constellation-chapter .motion-paused .photo-window,.constellation-chapter .motion-paused .photo-print,.constellation-chapter .motion-paused .image-frame{ transition: none; }
.constellation-chapter #c-motion-toggle{ background: transparent; border: 0; border-bottom: 1px solid var(--muted); min-height: 44px; padding: 8px 0; font-size: .75rem; }
.constellation-chapter .image-frame{ border: 0; padding: 10px; transition: width 440ms cubic-bezier(.22,1,.36,1); }
.constellation-chapter .image-frame .photo-window{ margin-inline: auto; }
.constellation-chapter .neighbor-photo{ display: flex; align-items: center; justify-content: center; min-width: 0; }
.constellation-chapter .neighbor-photo img{ margin: auto; object-position: center; object-fit: contain; }
@media (max-width: 1000px){.constellation-chapter .explorer-workspace{ grid-template-columns: minmax(200px, .85fr) minmax(0, 2fr); gap: 20px; }
.constellation-chapter .map-panel{ padding-inline: 12px; }
.constellation-chapter .toolbar{ grid-template-columns: .8fr 1.2fr 38px; row-gap: 10px; }
.constellation-chapter .toolbar label:nth-child(2){ grid-column: 2 / 4; }
.constellation-chapter .toolbar .search-label{ grid-column: 1 / 3; }

}
@media (max-width: 700px){.constellation-chapter .explorer-workspace{ grid-template-columns: 1fr; gap: 18px; }
.constellation-chapter .frame-space{ height: 330px; max-width: 380px; width: 100%; margin-inline: auto; }
.constellation-chapter .preview-hint{ padding-top: 0; }

}
@media (max-width: 600px){.constellation-chapter .constellation-hero{ min-height: 0; gap: 24px; }
.constellation-chapter .palette-study{ padding: 10px 0 0; }
.constellation-chapter .palette-study > .eyebrow{ margin-bottom: 16px; }
.constellation-chapter .study-row .palette{ height: 40px; }
.constellation-chapter .study-row{ margin-bottom: 14px; }

}
@media (prefers-reduced-motion: reduce){.constellation-chapter .drifting{ animation: none; transform: rotate(-2deg); }
 }
.constellation-chapter .constellation-hero{ min-height: 400px; }
.constellation-chapter .palette-sculpture{ position: relative; width: calc(100% + 110px); max-width: 670px; justify-self: end; margin-left: -110px; }
.constellation-chapter .palette-stage{ position: relative; display: flow-root; width: 100%; height: clamp(350px, 34vw, 425px); }
.constellation-chapter .palette-hint{ position: absolute; z-index: 3; inset: 0; font-size: clamp(.75rem, 1.1vw, .9375rem); line-height: 1.2; white-space: nowrap; pointer-events: none; }
.constellation-chapter .palette-hint > span{ position: absolute; right: 8px; top: clamp(8px, 14%, 92px); }
.constellation-chapter .palette-hint svg{ position: absolute; display: block; width: 64px; height: 57.6px; overflow: visible; }
.constellation-chapter .palette-hint path{ vector-effect: non-scaling-stroke; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.constellation-chapter #c-palette-orbit{ outline: none; display: block; width: calc(100% - 48px); height: calc(100% - 48px); margin: 48px 24px 0; overflow: visible; }
.constellation-chapter #c-palette-orbit .palette-slice{ stroke: none; pointer-events: none; transition: opacity .2s; }
.constellation-chapter #c-palette-orbit .palette-slice[data-muted="true"]{ opacity: .5; }
.constellation-chapter #c-palette-orbit .palette-slice[data-selected="true"]{ opacity: 1; stroke: #25303b90; stroke-width: 2; paint-order: stroke fill; vector-effect: non-scaling-stroke; }
.constellation-chapter #c-palette-orbit .palette-hit{ fill: transparent; stroke: none; cursor: pointer; outline: none; pointer-events: fill; }
.constellation-chapter .palette-selection{ position: absolute; left: 50%; top: calc(50% - 12.5px); transform: translate(-50%, -50%); display: grid; gap: 6px; width: 145px; min-height: 64px; padding: 8px 0; background: transparent; color: inherit; text-align: center; }
.constellation-chapter .palette-selection[hidden]{ display: none; }
.constellation-chapter .selected-color-index{ font-size: .5rem; letter-spacing: .1em; color: var(--muted); }
.constellation-chapter #c-selected-color-hex{ font-size: 1rem; font-weight: 400; font-variant-numeric: tabular-nums; letter-spacing: .015em; }
.constellation-chapter .selected-color-relation{ font-size: .625rem; color: var(--muted); line-height: 1.35; }
.constellation-chapter #c-palette-orbit:has(.palette-hit:focus-visible) .palette-slice[data-selected="true"]{ stroke: var(--ink); }
.constellation-chapter .palette-peek{ position: absolute; z-index: 2; inset: 0; width: min(460px, 100%); height: 208px; margin-inline: auto; padding: 10px 6px; pointer-events: none; }
.constellation-chapter .palette-peek[hidden]{ display: none; }
.constellation-chapter .palette-peek-photos{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); height: 100%; gap: 14px; align-items: center; justify-items: center; }
.constellation-chapter .palette-mini{ position: relative; width: min(100%, calc(144px * var(--mini-ratio) + 12px)); min-width: 0; padding: 6px 6px 0; background: var(--paper); transform: rotate(-5deg); box-shadow: 0 7px 15px -7px #19232766; transition: transform .18s; pointer-events: auto; }
.constellation-chapter .palette-mini::before{ content: ''; position: absolute; z-index: 1; top: -9px; left: 35%; width: 30%; height: 19px; background: #ece3c699; border-inline: 1px dashed #a9a28b55; transform: rotate(-4deg); pointer-events: none; }
.constellation-chapter .palette-mini:nth-child(2)::before{ left: 18%; transform: rotate(6deg); }
.constellation-chapter .palette-mini:nth-child(3)::before{ left: 43%; transform: rotate(3deg); }
.constellation-chapter .palette-mini:nth-child(2){ transform: translateY(6px) rotate(3deg); }
.constellation-chapter .palette-mini:nth-child(3){ transform: rotate(-2deg); }
.constellation-chapter .palette-mini:hover,.constellation-chapter .palette-mini:focus-visible{ transform: translateY(-5px); }
.constellation-chapter .palette-mini-image{ display: block; overflow: hidden; }
.constellation-chapter .palette-mini-image img{ display: block; width: auto; height: auto; max-width: 100%; max-height: 144px; margin-inline: auto; object-fit: contain; object-position: center; }
.constellation-chapter .palette-mini-swatch{ display: block; height: 4px; margin-top: 5px; }
.constellation-chapter .palette-mini-caption{ display: block; padding-block: 7px; font-size: .5625rem; white-space: nowrap; }
.constellation-chapter .palette-mini,.constellation-chapter .palette-selection{ -webkit-tap-highlight-color: transparent; }
.constellation-chapter .intro-copy .lead{ max-width: 360px; font-size: clamp(1.125rem, 1.8vw, 1.5rem); line-height: 1.45; }
.constellation-chapter .explorer-section{ border-top: 1px solid var(--line); }
.constellation-chapter .frame-space{ height: 390px; flex: 0 0 390px; }
.constellation-chapter .preview-shelf{ justify-content: flex-start; min-height: 0; }
.constellation-chapter .map-note{ height: auto; min-height: 0; max-height: 360px; flex: 0 1 auto; display: flex; flex-direction: column; position: relative; margin: 24px 8px 0; padding: 18px 20px 14px; background: #e4e3dcbc; border-left: 2px solid #737e82; }
.constellation-chapter .map-note h3{ flex-shrink: 0; font: 400 .9375rem var(--body); margin-bottom: 12px; letter-spacing: -.02em; }
.constellation-chapter .map-note p{ font-size: .75rem; line-height: 1.65; margin: 10px 0 0; color: var(--muted); }
.constellation-chapter .map-note-scroll{ min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8d9baa transparent; padding-right: 10px; }
.constellation-chapter .map-note-scroll > p:first-child{ margin-top: 0; }
.constellation-chapter .map-note-scroll:focus-visible{ outline: 1px solid var(--muted); outline-offset: 3px; }
.constellation-chapter .map-topic{ border-top: 1px solid #8d9baa66; margin-top: 12px; }
.constellation-chapter .map-topic + .map-topic{ margin-top: 0; }
.constellation-chapter .map-topic summary{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; font-size: .75rem; list-style: none; }
.constellation-chapter .map-topic summary::-webkit-details-marker{ display: none; }
.constellation-chapter .map-topic summary:focus-visible{ outline: 1px solid var(--muted); outline-offset: -1px; }
.constellation-chapter .topic-toggle::after{ content: '+'; font-size: 1rem; }
.constellation-chapter .map-topic[open] .topic-toggle::after{ content: '−'; }
.constellation-chapter .map-topic > p:first-of-type{ margin-top: 0; }
.constellation-chapter .map-topic[open]{ padding-bottom: 8px; }
.constellation-chapter .algorithm-comparison{ width: 100%; border-collapse: collapse; margin-top: 18px; font-size: .6875rem; font-variant-numeric: tabular-nums; }
.constellation-chapter .algorithm-comparison caption{ text-align: left; margin-bottom: 9px; }
.constellation-chapter .algorithm-comparison th{ font-weight: 400; text-align: left; }
.constellation-chapter .algorithm-comparison td,.constellation-chapter .algorithm-comparison thead th:not(:first-child){ text-align: right; }
.constellation-chapter .algorithm-comparison td,.constellation-chapter .algorithm-comparison th{ padding: 6px 0; border-bottom: 1px solid #8d9baa55; }
.constellation-chapter .algorithm-comparison .current-layout{ color: var(--accent); }
.constellation-chapter .method-link{ display: inline-block; margin-top: 14px; font-size: .6875rem; border-bottom: 1px solid var(--line); }
.constellation-chapter #c-point-labels{ pointer-events: none; }
.constellation-chapter .point-label{ font: 12px var(--body); text-anchor: middle; dominant-baseline: central; stroke: none; }
.constellation-chapter .label-leader{ stroke: var(--ink); stroke-opacity: .45; stroke-width: 1; }
.constellation-chapter #c-focus-dialog{ background: #b4c0cc; width: min(1200px, calc(100% - 48px)); padding: 0 30px 28px; }
.constellation-chapter #c-focus-dialog .dialog-bar{ border-color: #71818f70; }
.constellation-chapter .focus-content{ grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: center; gap: 28px; padding: 34px 12px 10px; }
.constellation-chapter #c-selected-card{ min-width: 0; padding-block: 10px; }
.constellation-chapter .image-frame{ position: relative; transform: rotate(-2deg); box-shadow: 0 14px 23px -15px #19232799; }
.constellation-chapter .image-frame::before,.constellation-chapter .neighbor-card::before{ content: ''; position: absolute; z-index: 2; top: -12px; left: 35%; width: 28%; height: 25px; background: #e4dbbaad; border-inline: 1px dashed #a9a28b55; transform: rotate(3deg); pointer-events: none; }
.constellation-chapter .card-title{ min-height: 30px; align-items: center; margin-top: 8px; }
.constellation-chapter .card-title span,.constellation-chapter .save-image-trigger{ font-size: .6875rem; }
.constellation-chapter .palette-details{ margin-top: 44px; font-size: .6875rem; }
.constellation-chapter .neighbor-heading{ margin: 0 0 26px; }
.constellation-chapter .neighbor-heading h2{ font-size: 1.25rem; margin: 0; }
.constellation-chapter #c-neighbors{ display: grid; isolation: isolate; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; justify-items: center; gap: 14px 10px; padding: 4px 8px; max-width: 490px; margin-inline: auto; }
.constellation-chapter .neighbor-card{ --print-angle: 4deg; position: relative; z-index: 2; display: block; width: min(100%, calc(230px * var(--print-ratio) + 16px)); padding: 8px 8px 0; background: var(--paper); border: 0; transform: rotate(var(--print-angle)); box-shadow: 0 12px 22px -14px #19232799; transition: transform .2s, box-shadow .2s; }
.constellation-chapter .neighbor-card:nth-child(2){ --print-angle: -4deg; margin-top: 16px; }
.constellation-chapter .neighbor-card:nth-child(3){ --print-angle: 2deg; z-index: 1; grid-column: 1 / -1; width: min(70%, calc(230px * var(--print-ratio) + 16px)); margin-top: clamp(-64px, -14%, -32px); }
.constellation-chapter .neighbor-card:nth-child(2)::before{ transform: rotate(-5deg); left: 16%; }
.constellation-chapter .neighbor-card:hover,.constellation-chapter .neighbor-card:focus-visible{ transform: translateY(-3px) rotate(var(--print-angle)); box-shadow: 0 20px 25px -16px #192327aa; }
.constellation-chapter .neighbor-photo{ display: block; }
.constellation-chapter .neighbor-photo img{ width: 100%; height: auto; max-height: none; margin: 0; }
.constellation-chapter .neighbor-card .palette{ max-width: none; height: 5px; margin-top: 8px; }
.constellation-chapter .print-caption{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 46px; font-size: .625rem; white-space: nowrap; }
.constellation-chapter .print-meta{ display: grid; gap: 4px; padding-block: 7px; }
.constellation-chapter .match-value{ font-size: .5625rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.constellation-chapter .neighbor-card .rank{ font-size: .5625rem; color: var(--muted); }
@media (min-width: 601px) and (max-width: 800px){.constellation-chapter .palette-sculpture{ width: calc(100% + 60px); margin-left: -60px; }

}
@media (max-width: 800px){.constellation-chapter #c-focus-dialog{ padding: 0 18px 22px; }
.constellation-chapter .focus-content{ gap: 25px; padding-inline: 5px; }
.constellation-chapter #c-neighbors{ gap: 14px 10px; padding-inline: 0; }
.constellation-chapter .print-caption{ font-size: .5625rem; gap: 3px; }

}
@media (max-width: 700px){.constellation-chapter .map-note{ margin: 6px 0 8px; max-height: none; flex: none; }
.constellation-chapter .frame-space{ height: 320px; flex-basis: 320px; }

}
@media (max-width: 600px){.constellation-chapter .constellation-hero{ min-height: 0; gap: 8px; }
.constellation-chapter .palette-sculpture{ width: 100%; max-width: 430px; margin-left: 0; justify-self: center; }
.constellation-chapter .palette-stage{ height: clamp(310px, 86vw, 365px); }
.constellation-chapter .palette-mini{ width: min(100%, calc(100px * var(--mini-ratio) + 10px)); }
.constellation-chapter .palette-selection{ width: 118px; }
.constellation-chapter #c-selected-color-hex{ font-size: .875rem; }
.constellation-chapter .selected-color-relation{ font-size: .5625rem; }
.constellation-chapter #c-focus-dialog{ width: calc(100% - 24px); }
.constellation-chapter #c-focus-dialog .dialog-bar{ background: #b4c0cc; }
.constellation-chapter .focus-content{ grid-template-columns: 1fr; gap: 30px; padding-top: 26px; }
.constellation-chapter .neighbor-heading h2{ font-size: 1.25rem; }
.constellation-chapter .neighbor-card{ width: min(100%, calc(190px * var(--print-ratio) + 16px)); }
.constellation-chapter .neighbor-card:nth-child(3){ width: min(76%, calc(190px * var(--print-ratio) + 16px)); }
.constellation-chapter .neighbor-photo img{ max-height: none; }

}
.constellation-chapter .dismiss-button{ flex-shrink: 0; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; font-size: 1.8rem; line-height: 1; }
.constellation-chapter .dismiss-button:hover{ background: #0000000d; }
.constellation-chapter .dismiss-button:focus-visible{ outline: 3px solid currentColor; outline-offset: 6px; }
.constellation-chapter .project-story{ display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); padding-block: 48px 20px; border-top: 1px solid var(--line); scroll-margin-top: 28px; }
.constellation-chapter .project-story h2{ margin-top: 16px; font-size: clamp(1.75rem, 3vw, 2.5rem); }
.constellation-chapter .project-story-copy{ max-width: 62ch; font-size: .9375rem; line-height: 1.75; }
.constellation-chapter .project-story-copy > p + p{ margin-top: 20px; }
.constellation-chapter .story-method{ margin-top: 26px; border-top: 1px solid var(--line); font-size: .8125rem; color: var(--muted); }
.constellation-chapter .story-method summary{ padding-block: 10px; min-height: 44px; color: var(--ink); }
.constellation-chapter .story-method p{ padding-bottom: 8px; }
@media (max-width: 700px){.constellation-chapter .project-story{ grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 34px 16px; }

}
.constellation-chapter .case-study{ max-width: 1200px; margin-inline: auto; }
.constellation-chapter .project-story.case-study{ display: block; max-width: 1280px; margin-top: 40px; padding: 0; border: 0; }
.constellation-chapter .case-study .case-section{ padding-block: clamp(36px, 5vw, 72px); border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.constellation-chapter .case-study .case-section:has(> .case-detail:last-child){ padding-bottom: 22px; }
.constellation-chapter .case-study .case-label{ display: block; margin: 0 0 26px; font-size: .6875rem; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.constellation-chapter .case-study .case-split{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: start; gap: clamp(28px, 6vw, 80px); }
.constellation-chapter .case-study .case-section h2{ margin: 0; font-size: clamp(1.8rem, 3vw, 2.65rem); font-weight: 400; line-height: 1.13; letter-spacing: -.055em; text-wrap: balance; }
.constellation-chapter .case-study .case-section .case-statement{ font-family: Archivo, sans-serif; font-weight: 900; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.08; letter-spacing: -.065em; }
.constellation-chapter .case-study .case-copy{ max-width: 60ch; font-size: 1rem; line-height: 1.7; }
.constellation-chapter .case-study .case-copy > p + p,.constellation-chapter .case-study .case-copy > h2 + p{ margin-top: 18px; }
.constellation-chapter .case-study .case-copy h3{ margin: 0 0 9px; font-size: 1.25rem; line-height: 1.25; font-weight: 400; letter-spacing: -.03em; }
.constellation-chapter .case-study .case-notes{ margin: 28px 0 0; }
.constellation-chapter .case-study .case-notes > div{ padding-block: 17px; border-top: 1px solid var(--line); }
.constellation-chapter .case-study .case-notes > div:last-child{ padding-bottom: 0; }
.constellation-chapter .case-study dt{ font-weight: 400; font-size: 1.125rem; letter-spacing: -.025em; line-height: 1.35; }
.constellation-chapter .case-study dd{ margin: 8px 0 0; color: var(--muted); font-size: .9375rem; line-height: 1.65; }
.constellation-chapter .case-study .case-detail{ margin-top: 24px; border: 0; font-size: .875rem; line-height: 1.7; }
.constellation-chapter .case-study .case-detail summary{ padding: 15px 0; min-height: 48px; cursor: pointer; color: var(--ink); }
.constellation-chapter .case-study .case-detail summary:hover{ text-decoration: underline; text-underline-offset: 5px; }
.constellation-chapter .case-study .case-detail-content{ display: grid; gap: 16px; max-width: 76ch; padding: 0 0 24px; color: var(--muted); }
.constellation-chapter .case-study .case-detail-content p{ margin: 0; }
.constellation-chapter .case-study .case-detail a{ text-decoration: underline; text-underline-offset: 4px; }
.constellation-chapter .case-study .case-sequence{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 36px 0 0; }
.constellation-chapter .case-study .case-sequence > div{ border-top: 1px solid var(--line); padding-top: 18px; }
.constellation-chapter .case-study .case-sequence dt{ font-size: .6875rem; line-height: 1.5; text-transform: uppercase; letter-spacing: .07em; }
.constellation-chapter .case-study .case-sequence dd{ margin-top: 14px; max-width: 36ch; }
.constellation-chapter .case-study .case-status{ margin-top: 16px; font-size: .8125rem; line-height: 1.6; color: var(--muted); }
.constellation-chapter .case-study .case-return{ display: inline-flex; align-items: center; min-height: 44px; margin-top: 22px; font-size: .8125rem; border-bottom: 1px solid var(--line); }
.constellation-chapter .case-study .study-polaroid{ position: relative; min-width: 0; margin: 0; padding: 10px 10px 0; color: #27313f; background: var(--paper); box-shadow: 0 14px 28px -16px #19232780; transform: rotate(-2deg); }
.constellation-chapter .case-study .study-polaroid::before{ content: ''; position: absolute; z-index: 1; top: -11px; left: 34%; width: 27%; height: 23px; background: #ece3c699; border-inline: 1px dashed #a9a28b55; transform: rotate(-5deg); pointer-events: none; }
.constellation-chapter .case-study .study-photo-open{ display: block; width: 100%; padding: 0; border: 0; background: transparent; }
.constellation-chapter .case-study .case-palette{ display: flex; height: 12px; margin-top: 10px; }
.constellation-chapter .case-study .case-palette span{ min-width: 0; }
.constellation-chapter .case-study .study-print-label{ display: block; color: var(--muted); font-size: .625rem; }
.constellation-chapter .case-study .case-caption{ max-width: 78ch; margin-top: 22px; color: var(--muted); font-size: .8125rem; line-height: 1.65; }
.constellation-chapter .case-study .case-emphasis{ padding-left: 20px; border-left: 2px solid var(--muted); font-size: 1.25rem; line-height: 1.5; letter-spacing: -.025em; }
.constellation-chapter .case-study .case-future{ padding-bottom: 28px; }
@media (max-width: 700px){.constellation-chapter .project-story.case-study{ margin-top: 28px; }
.constellation-chapter .case-study .case-split{ grid-template-columns: minmax(0, 1fr); gap: 24px; }
.constellation-chapter .case-study .case-label{ margin-bottom: 20px; }
.constellation-chapter .case-study .case-copy{ font-size: .9375rem; }
.constellation-chapter .case-study .case-sequence{ grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 28px; }
.constellation-chapter .case-study .case-sequence dd{ max-width: none; margin-top: 8px; }
.constellation-chapter .case-study .case-emphasis{ font-size: 1.125rem; padding-left: 16px; }

}
.constellation-chapter .case-study .case-detail summary{ display: flex; align-items: center; gap: 10px; width: fit-content; padding: 6px 0; list-style: none; font-size: .8125rem; }
.constellation-chapter .case-study .case-detail summary::-webkit-details-marker{ display: none; }
.constellation-chapter .case-study .case-detail summary::before{ content: '+'; display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid var(--muted); border-radius: 50%; font-size: 1rem; line-height: 1; }
.constellation-chapter .case-study .case-detail[open] > summary::before{ content: '−'; }
.constellation-chapter .case-study .case-detail-content{ margin: 12px 0 0 12px; padding: 0 0 0 22px; border-left: 1px solid var(--line); }
.constellation-chapter .case-study .case-inline-link{ text-decoration: underline; text-underline-offset: 4px; }
.constellation-chapter .case-study .study-switch{ display: flex; flex-wrap: wrap; gap: 0 24px; border: 0; padding: 0; margin: 20px 0 0; min-width: 0; }
.constellation-chapter .case-study .study-switch legend{ padding: 0; margin-bottom: 8px; font-size: .6875rem; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; }
.constellation-chapter .case-study .study-switch label{ position: relative; cursor: pointer; }
.constellation-chapter .case-study .study-switch input{ position: absolute; width: 1px; height: 1px; opacity: 0; }
.constellation-chapter .case-study .study-switch label span{ display: flex; align-items: center; min-height: 44px; border-bottom: 1px solid transparent; font-size: .875rem; }
.constellation-chapter .case-study .study-switch input:checked + span{ border-color: currentColor; }
.constellation-chapter .case-study .study-switch input:focus-visible + span{ outline: 3px solid currentColor; outline-offset: 4px; }
.constellation-chapter .case-study .study-switch label:hover span{ color: var(--muted); }
.constellation-chapter .case-study .extraction-study{ margin-top: 32px; }
.constellation-chapter .case-study .extraction-study .study-switch{ width: fit-content; justify-content: center; margin-inline: auto; text-align: center; }
.constellation-chapter .case-study .extraction-pair{ --study-image-height: clamp(200px, 25vw, 360px); display: flex; justify-content: center; align-items: center; gap: clamp(24px, 4vw, 48px); margin: 38px 0 0; padding-block: 8px; }
.constellation-chapter .case-study .extraction-pair figure{ flex: 0 0 auto; min-width: 0; margin: 0; width: calc(var(--study-image-height) * var(--photo-ratio) + 20px); }
.constellation-chapter .case-study .extraction-match{ display: grid; justify-items: center; }
.constellation-chapter .case-study .extraction-match .study-polaroid{ transform: rotate(2deg); }
.constellation-chapter .case-study .extraction-pair img{ display: block; width: 100%; height: auto; }
.constellation-chapter .case-study .extraction-pair figcaption{ display: flex; flex-direction: column; gap: 4px; margin-top: 0; padding: 18px 4px 24px; font-size: .75rem; text-align: center; line-height: 1.5; }
.constellation-chapter .case-study .extraction-pair figcaption span{ color: var(--muted); }
.constellation-chapter .case-study .extraction-study > .case-caption{ max-width: 80ch; margin-inline: auto; text-align: center; }
.constellation-chapter .pet-intro{ display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 350px); gap: clamp(32px, 5vw, 64px); align-items: center; padding-block: 30px 40px; }
.constellation-chapter .pet-intro #pet-title{ font-size: clamp(4rem, 6.5vw, 6rem); margin: 12px 0 24px; }
.constellation-chapter .pet-intro-copy .lead{ font-size: clamp(1.5rem, 2.6vw, 2.3rem); line-height: 1.16; letter-spacing: -.045em; }
.constellation-chapter .pet-intro-copy > p:not(.lead):not(.eyebrow){ max-width: 40ch; margin-top: 12px; font-size: .9375rem; line-height: 1.65; }
.constellation-chapter .pet-intro-device{ width: min(100%, 350px); margin: 0; justify-self: center; transform: rotate(3deg); }
.constellation-chapter .pet-screen-link{ display: block; border-radius: 22px; }
.constellation-chapter .pet-intro-device img{ display: block; width: 100%; height: auto; border: 12px solid #22262b; border-radius: 22px; box-shadow: 0 20px 30px -22px #17212c99; }
.constellation-chapter .pet-intro-links{ display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 24px; }
.constellation-chapter .pet-intro .pet-intro-links a{ border-bottom: 0; display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); font-size: .8125rem; text-decoration: underline; text-underline-offset: 5px; }
.constellation-chapter .os-section.pet-live{ padding-block: 24px 44px; }
.constellation-chapter .pet-live .section-heading{ width: min(100%, 960px); margin-inline: auto; margin-bottom: 22px; }
.constellation-chapter .pet-live .section-heading h2{ font-size: 1.35rem; }
.constellation-chapter .pet-live .os-note{ max-width: 64ch; }
.constellation-chapter .pet-live #os-preview{ width: min(100%, 960px); margin-inline: auto; }
.constellation-chapter .pet-demo-note{ margin-top: 14px; text-align: center; font-size: .6875rem; line-height: 1.5; color: var(--muted); }
.constellation-chapter .case-study .case-compact-notes{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.constellation-chapter .case-study .case-compact-notes > div{ border: 0; padding: 0; }
.constellation-chapter .case-study .case-compact-notes dt{ font-size: .6875rem; text-transform: uppercase; letter-spacing: .06em; }
.constellation-chapter .case-study .pet-exchange{ display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin: 32px 0 0; gap: 30px; }
.constellation-chapter .case-study .pet-exchange li{ border-top: 1px solid var(--line); padding-top: 18px; }
.constellation-chapter .case-study .pet-exchange span{ display: block; margin-bottom: 10px; font-size: .6875rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.constellation-chapter .case-study .pet-exchange strong{ font-size: 1.125rem; font-weight: 400; letter-spacing: -.025em; }
.constellation-chapter .case-study .pet-design-row{ display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); align-items: center; gap: clamp(28px, 6vw, 80px); margin-top: 28px; }
.constellation-chapter .case-study .pet-design-row + .pet-design-row{ margin-top: 56px; }
.constellation-chapter .case-study .pet-design-row h3,.constellation-chapter .case-study .pet-nfc-note h3{ font-size: 1.5rem; line-height: 1.2; font-weight: 400; letter-spacing: -.04em; }
.constellation-chapter .case-study .pet-design-row .case-caption{ margin-top: 14px; font-size: .75rem; }
.constellation-chapter .case-study .pet-screen-study{ min-width: 0; margin: 0; }
.constellation-chapter .case-study .pet-screen-study img{ display: block; width: 100%; height: auto; border: 12px solid #22262b; border-radius: 22px; box-shadow: 0 20px 30px -22px #17212c99; }
.constellation-chapter .case-study .pet-screen-study figcaption,.constellation-chapter .case-study .pet-portrait-study figcaption{ margin-top: 18px; font-size: .75rem; line-height: 1.5; text-align: center; color: var(--muted); }
.constellation-chapter .case-study .pet-orientation-stage{ display: grid; justify-items: center; align-content: center; gap: 16px; width: min(100%, 360px); min-width: 0; margin: 0 auto; }
.constellation-chapter .case-study .pet-orientation-device{ position: relative; width: 100%; aspect-ratio: 1088 / 637; border: 10px solid #22262b; border-radius: 20px; background: #111316; box-shadow: 0 20px 30px -22px #17212c99; }
.constellation-chapter .case-study [data-view="portrait"] .pet-orientation-device{ width: 58.55%; aspect-ratio: 637 / 1088; }
.constellation-chapter .case-study .pet-orientation-content{ position: absolute; inset: 0; overflow: hidden; border-radius: 10px; }
.constellation-chapter .case-study .pet-orientation-content > img{ width: 100%; height: 100%; object-fit: fill; }
.constellation-chapter .case-study .pet-orientation-stage figcaption{ min-height: 2.8em; font-size: .75rem; line-height: 1.4; text-align: center; color: var(--muted); }
.constellation-chapter .case-study .pet-portrait-screen{ display: grid; align-content: start; padding: 10px; color: #f1f0eb; background: #111316; }
.constellation-chapter .case-study .pet-orientation-outgoing{ position: absolute; left: 50%; top: 50%; overflow: hidden; border-radius: 10px; pointer-events: none; }
.constellation-chapter .case-study .pet-orientation-outgoing > .pet-orientation-content{ width: 100%; height: 100%; }
.constellation-chapter .case-study .pet-wire-top{ display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #34373d; font-size: 9px; }
.constellation-chapter .case-study .pet-portrait-screen > strong{ margin-top: 16px; font: 900 28px/.94 Archivo, sans-serif; letter-spacing: -.04em; }
.constellation-chapter .case-study .pet-wire-sub{ margin-top: 10px; font-size: 9px; color: #a7acb3; }
.constellation-chapter .case-study .pet-wire-hello{ justify-self: center; margin-block: 16px; font-size: 26px; letter-spacing: -.06em; color: #bfd6b8; }
.constellation-chapter .case-study .pet-wire-label{ font-size: 8px; color: #a7acb3; }
.constellation-chapter .case-study .pet-wire-projects{ display: grid; gap: 5px; margin-top: 8px; }
.constellation-chapter .case-study .pet-wire-projects span{ padding: 7px; background: #1c1e23; font-size: 10px; text-align: center; border-radius: 4px; }
.constellation-chapter .case-study .pet-display-study img{ transition: filter .4s ease; }
.constellation-chapter .case-study [data-view="mono"] .pet-display-study img{ filter: grayscale(1); }
.constellation-chapter .case-study .pet-nfc-note{ display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); align-items: center; gap: clamp(28px, 6vw, 80px); margin-top: 72px; }
.constellation-chapter .case-study .pet-nfc-note p{ font-size: .9375rem; line-height: 1.7; max-width: 42ch; }
.constellation-chapter .case-study .pet-card-actions{ display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 20px; }
.constellation-chapter .case-study .pet-card-actions button{ min-height: 44px; padding: 8px 0; color: inherit; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; font: inherit; font-size: .8125rem; }
.constellation-chapter .case-study .pet-card-stage{ min-width: 0; padding: 30px 0; perspective: 1300px; transform: rotate(2deg); }
.constellation-chapter .case-study .pet-card-turn{ position: relative; aspect-ratio: 7 / 4; transform-style: preserve-3d; }
.constellation-chapter .case-study [data-side="back"] .pet-card-turn{ transform: rotateY(180deg); }
.constellation-chapter .case-study .pet-card-face{ position: absolute; inset: 0; backface-visibility: hidden; box-shadow: 0 16px 28px -16px #19232780; }
.constellation-chapter .case-study .pet-card-back{ transform: rotateY(180deg); }
.constellation-chapter .case-study .pet-card-face > img{ width: 100%; height: 100%; object-fit: contain; }
.constellation-chapter .case-study .pet-card-tag{ position: absolute; width: 17%; height: auto; right: 6%; top: 10%; opacity: 0; filter: drop-shadow(0 2px 2px #19232725); }
.constellation-chapter .case-study [data-tag="placed"] .pet-card-tag{ opacity: 1; }
.constellation-chapter .case-study .case-field{ padding-bottom: 12px; }
.constellation-chapter .case-study .pet-next{ display: grid; grid-template-columns: 1fr 1.1fr; gap: 12px 80px; margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--line); }
.constellation-chapter .case-study .pet-next h3{ font-size: 1.35rem; font-weight: 400; letter-spacing: -.04em; }
.constellation-chapter .case-study .pet-next p{ font-size: .9375rem; line-height: 1.65; color: var(--muted); max-width: 55ch; }
.constellation-chapter .case-study .pet-next .case-return{ grid-column: 2; justify-self: start; margin-top: 0; }
.constellation-chapter .case-study .pet-hardware{ margin-top: 28px; }
.constellation-chapter .case-study .pet-hardware .parts{ display: grid; gap: 6px; justify-items: start; }
.constellation-chapter .case-study .pet-hardware .parts a{ display: inline-flex; align-items: center; min-height: 36px; }
.constellation-chapter .case-study .device-gallery{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: start; position: relative; left: auto; height: auto; margin-top: 48px; padding: 12px 10px 22px; }
.constellation-chapter .case-study .pet-build-study{ min-width: 0; }
.constellation-chapter .case-study .device-print{ position: relative; width: 100%; max-width: none; inset: auto; margin: 0; transform: rotate(-2deg); }
.constellation-chapter .case-study .pet-prototype-photos .device-print{ transform: rotate(2deg); }
.constellation-chapter .case-study .device-gallery .paper{ padding: 12px 12px 0; animation: none; }
.constellation-chapter .case-study .device-gallery figcaption{ display: flex; justify-content: center; align-items: center; min-height: 70px; padding: 10px 0 16px; font-size: .75rem; line-height: 1.5; text-align: center; }
.constellation-chapter .case-study .pet-prototype-photos figcaption{ display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 4px; }
.constellation-chapter .case-study .pet-prototype-photos figcaption button{ display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; padding: 0; color: inherit; font: inherit; font-size: 1.25rem; }
.constellation-chapter .case-study .pet-prototype-photos figcaption button:hover{ background: #17212c0d; }
.constellation-chapter .case-study .pet-prototype-photos figcaption button:focus-visible{ outline: 2px solid currentColor; outline-offset: -3px; }
.constellation-chapter .case-study .pet-prototype-photos{ --photo-ratio: 4 / 3; }
.constellation-chapter .case-study .palette-game{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 6vw, 80px); min-height: 460px; margin: 28px 0 0; padding: 16px 0; }
.constellation-chapter .case-study .palette-game-print{ width: min(100%, calc(370px * var(--photo-ratio, 1) + 20px)); justify-self: center; }
.constellation-chapter .case-study .palette-image-stage img{ display: block; width: 100%; height: auto; }
.constellation-chapter .case-study [data-state="guessing"] .palette-image-stage img{ filter: grayscale(1); }
.constellation-chapter .case-study .palette-game-print figcaption{ display: grid; gap: 5px; padding: 18px 2px 22px; text-align: center; font-size: .75rem; line-height: 1.4; }
.constellation-chapter .case-study .palette-game-controls{ position: relative; min-width: 0; width: min(100%, 430px); padding-bottom: 56px; }
.constellation-chapter .case-study .palette-instruction{ max-width: 32ch; margin: 0 0 24px; font-size: 1rem; line-height: 1.6; letter-spacing: -.025em; }
.constellation-chapter .case-study .palette-options{ display: grid; gap: 16px; }
.constellation-chapter .case-study .guess-option{ position: relative; display: block; width: 100%; padding: 6px 6px 22px; border: 0; border-radius: 0; background: var(--paper); color: var(--muted); text-align: right; font: inherit; box-shadow: 0 5px 12px -7px #17212c66; transform: rotate(-1deg); transition: transform 350ms ease, opacity 350ms ease; }
.constellation-chapter .case-study .guess-option:nth-child(2){ transform: rotate(1deg); }
.constellation-chapter .case-study .guess-option:nth-child(3){ transform: rotate(-.5deg); }
.constellation-chapter .case-study .guess-option-label{ position: absolute; bottom: 4px; right: 8px; font-size: .625rem; line-height: 1.4; }
.constellation-chapter .case-study .guess-palette-bar{ display: flex; height: 40px; width: 100%; }
.constellation-chapter .case-study .guess-palette-bar > span{ min-width: 0; }
.constellation-chapter .case-study .guess-option:hover:not([aria-disabled="true"]),.constellation-chapter .case-study .guess-option:focus-visible,.constellation-chapter .case-study .guess-option[data-result="correct"]{ transform: rotate(0deg) translateY(-2px); }
.constellation-chapter .case-study .guess-option[data-result="correct"]{ color: var(--ink); }
.constellation-chapter .case-study .guess-option[data-result="other"]{ opacity: .4; }
.constellation-chapter .case-study .guess-option[aria-disabled="true"]{ cursor: default; }
.constellation-chapter .case-study .palette-feedback{ min-height: 1.7em; margin: 18px 0 8px; font-size: .75rem; line-height: 1.7; color: var(--muted); }
.constellation-chapter .case-study .palette-actions{ display: flex; flex-wrap: wrap; gap: 8px 24px; }
.constellation-chapter .case-study .palette-actions button,.constellation-chapter .case-study .palette-explore{ min-height: 44px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: .8125rem; text-align: left; }
.constellation-chapter .case-study .palette-actions [aria-disabled="true"]{ color: var(--muted); border-color: transparent; cursor: default; }
.constellation-chapter .case-study .palette-explore{ position: absolute; bottom: 0; left: 0; max-width: 100%; margin: 0; font-size: .75rem; }
.constellation-chapter .case-study .palette-game button:focus-visible,.constellation-chapter .case-study .analysis-option:focus-visible,.constellation-chapter .case-study .study-photo-open:focus-visible{ outline: 2px solid var(--ink); outline-offset: 5px; }
.constellation-chapter .case-study .case-distribution{ --analysis-photo-height: clamp(280px, 26vw, 350px); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 28px clamp(32px, 6vw, 80px); margin: 38px 0 0; }
.constellation-chapter .case-study .analysis-categories{ display: grid; grid-template-rows: auto 1fr; gap: 18px; min-height: calc(var(--analysis-photo-height) + 88px); }
.constellation-chapter .case-study .analysis-heading{ font-size: 1.125rem; letter-spacing: -.025em; margin: 0 0 9px; }
.constellation-chapter .case-study .analysis-options{ display: grid; grid-template-rows: repeat(6, 1fr); }
.constellation-chapter .case-study .analysis-option{ display: grid; grid-template-columns: minmax(0, 1fr) 66px 18px; align-items: center; gap: 18px; width: 100%; padding: 13px 0; background: transparent; border: 0; border-radius: 0; font: inherit; font-size: .8125rem; text-align: left; color: var(--muted); }
.constellation-chapter .case-study .analysis-option[aria-pressed="true"],.constellation-chapter .case-study .analysis-option:hover{ color: var(--ink); }
.constellation-chapter .case-study .analysis-option[aria-pressed="true"] > span:first-child{ text-decoration: underline; text-underline-offset: 4px; }
.constellation-chapter .case-study .analysis-count{ text-align: right; font-size: 1.125rem; font-variant-numeric: tabular-nums; }
.constellation-chapter .case-study .analysis-count > span{ display: inline-block; margin-left: 8px; font-size: .6875rem; }
.constellation-chapter .case-study .analysis-pointer{ visibility: hidden; font-size: 1.125rem; }
.constellation-chapter .case-study .analysis-option[aria-pressed="true"] .analysis-pointer{ visibility: visible; }
.constellation-chapter .case-study .distribution-track{ display: block; height: 4px; margin-top: 10px; background: #44516112; }
.constellation-chapter .case-study .distribution-track > span{ display: block; height: 100%; background: currentColor; }
.constellation-chapter .case-study .analysis-print-stage{ display: grid; min-width: 0; padding: 0 12px; }
.constellation-chapter .case-study .analysis-example{ display: grid; justify-items: center; align-content: start; width: 100%; }
.constellation-chapter .case-study .analysis-photos{ width: 100%; }
.constellation-chapter .case-study .analysis-photo{ display: grid; justify-items: center; }
.constellation-chapter .case-study .analysis-photo[hidden]{ display: none; }
.constellation-chapter .case-study .analysis-example[hidden]{ display: none; }
.constellation-chapter .case-study .analysis-example .study-polaroid{ width: min(100%, calc(var(--analysis-photo-height) * var(--photo-ratio) + 20px)); transform: rotate(2deg); }
.constellation-chapter .case-study .analysis-example img{ display: block; width: 100%; height: auto; }
.constellation-chapter .case-study .analysis-example figcaption{ padding: 6px 0; text-align: center; font-size: .75rem; line-height: 1.5; }
.constellation-chapter .case-study .case-observations > .case-caption{ max-width: 52ch; }
.constellation-chapter .case-study .analysis-example-note{ max-width: 38ch; margin-top: 18px; text-align: center; font-size: .8125rem; line-height: 1.6; }
.constellation-chapter .case-study .analysis-example-note .study-print-label{ margin-bottom: 6px; }
@media (max-width: 700px){.constellation-chapter .case-study .palette-game,.constellation-chapter .case-study .case-distribution{ grid-template-columns: minmax(0, 1fr); gap: 30px; min-height: 0; }
.constellation-chapter .case-study .palette-game{ margin-top: 22px; padding: 12px 0; }
.constellation-chapter .case-study .palette-game-print{ width: min(100%, calc(240px * var(--photo-ratio, 1) + 20px)); }
.constellation-chapter .case-study .palette-game-controls{ width: 100%; max-width: 430px; justify-self: center; }
.constellation-chapter .case-study .palette-instruction{ margin-bottom: 12px; font-size: 1rem; }
.constellation-chapter .case-study .palette-options{ gap: 12px; }
.constellation-chapter .case-study .guess-palette-bar{ height: 30px; }
.constellation-chapter .case-study .palette-feedback{ margin-top: 14px; }
.constellation-chapter .case-study .palette-actions{ gap: 8px 20px; }
.constellation-chapter .case-study .palette-actions button{ font-size: .75rem; }
.constellation-chapter .case-study .analysis-categories{ min-height: 0; }
.constellation-chapter .case-study .analysis-options{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto; min-height: 0; gap: 0 22px; }
.constellation-chapter .case-study .analysis-option{ grid-template-columns: minmax(0, 1fr) 36px; align-items: start; gap: 8px; min-height: 76px; font-size: .75rem; }
.constellation-chapter .case-study .analysis-count{ font-size: 1rem; }
.constellation-chapter .case-study .analysis-count > span{ display: block; margin: 4px 0 0; font-size: .625rem; }
.constellation-chapter .case-study .analysis-pointer{ display: none; }
.constellation-chapter .case-study .analysis-print-stage{ padding: 12px; }
.constellation-chapter .case-study .analysis-example{ min-height: 0; }
.constellation-chapter .case-study .analysis-example .study-polaroid{ width: min(100%, calc(240px * var(--photo-ratio) + 20px)); }

}
.constellation-chapter .case-study .device-gallery .paper{ animation: none; }
.constellation-chapter .motion-paused .pet-display-study img{ transition: none; }
@media (max-width: 700px){.constellation-chapter .pet-intro{ grid-template-columns: 1fr; gap: 32px; padding-block: 4px 32px; }
.constellation-chapter .pet-intro-device{ width: min(92%, 300px); }
.constellation-chapter .pet-intro-device img{ border-width: 8px; border-radius: 16px; }
.constellation-chapter .case-study .device-gallery{ grid-template-columns: minmax(0, 1fr); gap: 36px; padding-inline: 6px; }
.constellation-chapter .case-study .pet-hardware > summary{ column-gap: 10px; row-gap: 6px; }
.constellation-chapter .pet-intro-copy .lead br{ display: none; }
.constellation-chapter .os-section.pet-live{ padding-block: 12px 32px; }
.constellation-chapter .pet-live .section-heading{ gap: 14px; align-items: start; }
.constellation-chapter .pet-live .os-note{ font-size: .75rem; }
.constellation-chapter .case-study .case-compact-notes{ gap: 20px; }
.constellation-chapter .case-study .pet-exchange{ grid-template-columns: 1fr; gap: 16px; }
.constellation-chapter .case-study .pet-exchange li{ display: grid; grid-template-columns: 100px 1fr; gap: 12px; padding-top: 14px; }
.constellation-chapter .case-study .pet-exchange span{ margin: 0; }
.constellation-chapter .case-study .pet-exchange strong{ font-size: 1rem; }
.constellation-chapter .case-study .pet-design-row,.constellation-chapter .case-study .pet-nfc-note,.constellation-chapter .case-study .pet-next{ grid-template-columns: minmax(0, 1fr); gap: 24px; }
.constellation-chapter .case-study .pet-design-row{ margin-top: 30px; }
.constellation-chapter .case-study .pet-design-row + .pet-design-row{ margin-top: 32px; }
.constellation-chapter .case-study .pet-orientation-stage{ min-height: 0; }
.constellation-chapter .case-study .pet-screen-study img{ border-width: 8px; border-radius: 15px; }
.constellation-chapter .case-study .pet-next .case-return{ grid-column: 1; }
.constellation-chapter .case-study .pet-nfc-note,.constellation-chapter .case-study .pet-next{ gap: 12px; }
.constellation-chapter .case-study .extraction-pair{ --study-image-height: calc((100vw - 80px) / 1.667); gap: 16px; margin-top: 28px; }
.constellation-chapter .case-study .extraction-pair figure{ width: calc(var(--study-image-height) * var(--photo-ratio) + 12px); }
.constellation-chapter .case-study .extraction-pair .study-polaroid{ padding: 6px 6px 0; }
.constellation-chapter .case-study .extraction-pair figcaption{ padding: 12px 2px 18px; }
.constellation-chapter .case-study .extraction-pair figcaption{ font-size: .6875rem; }
.constellation-chapter .case-study .extraction-study > .case-caption{ text-align: left; }

}
@media (prefers-reduced-motion: reduce){.constellation-chapter .case-study .pet-display-study img{ transition: none; }
 }
.constellation-chapter .case-study .study-photo-window,.constellation-chapter .case-study .palette-image-stage{ position: relative; display: block; width: 100%; aspect-ratio: var(--photo-ratio, 1); overflow: hidden; }
.constellation-chapter .case-study .study-photo-window > img,.constellation-chapter .case-study .palette-image-stage > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.constellation-chapter .case-study .palette-image-stage > canvas{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.constellation-chapter .case-study .palette-flight{ position: absolute; top: 0; left: 0; z-index: 4; pointer-events: none; border-radius: 3px; opacity: 0; box-shadow: 0 0 12px 3px var(--flight-color); background: var(--flight-color); }
.constellation-chapter .case-study .analysis-example-controls{ display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; }
.constellation-chapter .case-study [data-analysis-caption]{ white-space: nowrap; }
.constellation-chapter .case-study .analysis-example-controls button{ display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: inherit; background: transparent; font: inherit; font-size: 1.25rem; line-height: 1; cursor: pointer; }
.constellation-chapter .case-study .analysis-example-controls button:hover{ background: #17212c0d; }
.constellation-chapter .case-study .analysis-example-controls button:focus-visible{ outline: 2px solid currentColor; outline-offset: -3px; }
.constellation-chapter .case-study .case-possibilities{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 6vw, 80px); margin-top: 42px; }
.constellation-chapter .case-study .case-possibilities h3{ margin-top: 14px; font-size: 1.5rem; font-weight: 400; line-height: 1.25; letter-spacing: -.04em; }
.constellation-chapter .case-study .case-possibilities .case-status{ margin: 0; }
.constellation-chapter .case-study .case-possibilities .case-notes{ margin-top: 18px; }
@media (max-width: 700px){.constellation-chapter .case-study .case-possibilities{ grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 32px; }

}
.constellation-chapter .motion-paused .case-study .guess-option{ transition: none; }
@media (prefers-reduced-motion: reduce){.constellation-chapter .case-study .guess-option{ transition: none; }
 }