/* Personas and Works & Reflections: local V2, September 2026. */
.personas-site .page-hero .section {max-width:var(--max);margin:auto;}
.personas-site .page-hero h1 {max-width:1000px;}
.personas-site .page-hero .lead {max-width:760px;}
.personas-site .eyebrow {font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;}
.personas-site .section:not(.page-hero .section) .eyebrow {color:#806017;}
.personas-site .page-hero .eyebrow {color:var(--gold-soft);}
.download-row .button.secondary {color:var(--ink-800);border-color:#987528;}
.personas-site .section-heading {max-width:720px;margin-bottom:2rem;}
.personas-site a:focus-visible,.personas-site button:focus-visible,.personas-site summary:focus-visible {outline:3px solid #078697;outline-offset:5px;}
.personas-site .site-footer a:focus-visible,.orbit-person:focus-visible {outline-color:var(--gold);}
.nexus-section {background:var(--ink-900);color:var(--paper);padding:1rem 1rem 2rem;}
.persona-nexus {width:min(100%,920px);aspect-ratio:1.5;position:relative;margin:0 auto;}
.nexus-heart {position:absolute;left:50%;top:48%;width:42%;transform:translate(-50%,-50%);}
.nexus-heart img {display:block;width:100%;height:auto;opacity:.8;mask-image:radial-gradient(ellipse,black 46%,transparent 72%);}
.nexus-heart p {position:absolute;bottom:-1.8rem;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:1.35rem;line-height:1.3;letter-spacing:.02em;}
.orbit-person {position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;color:var(--paper);gap:.35rem;text-decoration:none;font-family:Georgia,serif;font-size:1.2rem;}
.persona-portrait {width:112px;height:112px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(228,173,69,.08);display:block;}
.orbit-person:hover .persona-portrait {box-shadow:0 0 0 8px rgba(228,173,69,.23);}
.orbit-person:hover {color:var(--gold-soft);}
.orbit-0 {left:50%;top:12%;}.orbit-1 {left:80%;top:28%;}.orbit-2 {left:87%;top:63%;}.orbit-3 {left:69%;top:90%;}.orbit-4 {left:31%;top:90%;}.orbit-5 {left:13%;top:63%;}.orbit-6 {left:20%;top:28%;}
.monogram {display:grid;place-items:center;background:var(--ink-800);color:var(--gold-soft);font-family:Georgia,serif;font-size:3rem;}
.nexus-caption {text-align:center;margin:2.3rem auto 0;max-width:600px;color:#d0dae0;}
.profile-layout {display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3.5rem;align-items:start;}
.profile-heading {display:flex;align-items:center;gap:1.5rem;margin-bottom:1.75rem;}
.profile-heading .persona-portrait {width:130px;height:130px;flex:none;}
.profile-heading h2 {font-size:2.25rem;line-height:1.2;margin:.25rem 0;}
.profile-heading .eyebrow {margin:0;}
.profile-synopsis {font-size:1.14rem;line-height:1.8;}
.origin-note {margin:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;}
.personas-site summary {cursor:pointer;font-weight:600;}
.origin-note p {font-size:.95rem;}
.persona-comment {margin:2rem 0 0;padding:1rem 0 1rem 1.7rem;border-left:3px solid var(--teal);font-family:Georgia,serif;font-size:1.25rem;line-height:1.8;}
.persona-comment footer {font: .85rem "Segoe UI",sans-serif;color:var(--muted);}
.invitation-space {border-left:3px solid var(--teal);padding:.6rem 1.4rem;margin:2rem 0;}
.invitation-space h3 {font-size:1.4rem;}
.profile-metrics {border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:1.5rem;background:rgba(255,255,255,.55);}
.profile-metrics h2 {font-family:inherit;font-size:1rem;font-weight:400;line-height:1.3;}
.axis-count {display:block;font-family:Georgia,serif;font-size:3.7rem;color:var(--ink-800);}
.fine-print {font-size:.86rem;line-height:1.6;color:#52616b;}
.metric-row {position:relative;display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-top:1px solid var(--line);padding:.7rem 0;}
.metric-row strong,.selected-row strong {font-variant-numeric:tabular-nums;}
.metric-label {display:flex;align-items:center;gap:.3rem;}
.info-wrap {position:static;display:inline-flex;}
.info-button {display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #91a4ad;border-radius:50%;background:transparent;color:var(--ink-800);font:italic 1rem Georgia,serif;cursor:pointer;}
.info-tip {position:absolute;z-index:10;left:0;right:0;top:calc(100% - 4px);padding:.9rem 1rem;background:var(--ink-800);color:var(--white);border-radius:9px;box-shadow:0 6px 22px #04122133;font-size:.87rem;line-height:1.5;}
.info-tip[hidden] {display:none;}
.profile-details {border-top:1px solid var(--line);padding-top:1rem;}
.profile-details p {font-size:.88rem;}
.selected-row {display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;margin:1rem 0;}
.selected-row p {grid-column:1/-1;margin:0;color:#52616b;font-size:.83rem;}
.blend-values {padding:0;list-style:none;}
.blend-values li {display:flex;justify-content:space-between;}
.profile-details h4 {margin-top:1.3rem;}
.works-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch;}
.work-card {display:grid;grid-template-columns:135px minmax(0,1fr);gap:1.6rem;align-items:center;background:rgba(255,255,255,.55);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:var(--ink-800);}
.work-card:hover {border-color:var(--teal);background:#fffdf8;}
.work-card h3 {font-size:2rem;line-height:1.15;margin:.5rem 0;}
.work-card p {margin:.5rem 0 1rem;}
.work-card .eyebrow {font-size:.72rem;}
.work-thumb {width:135px;height:200px;object-fit:contain;}
.text-link {color:#865900;font-weight:600;}
.music-motif {display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;justify-items:center;aspect-ratio:1;border-radius:50%;background:var(--ink-800);padding:20px;}
.music-motif span {display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--teal);color:var(--white);font:.85rem Georgia,serif;}
.music-motif span:nth-child(2) {border-color:var(--gold);}.music-motif span:nth-child(3) {border-color:#b8a0ed;}.music-motif span:nth-child(4) {border-color:#f0917b;}
.collection-note {margin-top:2rem;max-width:780px;color:#52616b;}
.open-shelf {max-width:760px;border-top:1px solid var(--line);padding:1.4rem 0 2rem;}
.art-layout {display:grid;grid-template-columns:minmax(230px,400px) minmax(0,1fr);gap:4rem;align-items:start;}
.art-layout figure {margin:0;}.art-image {width:100%;height:auto;box-shadow:var(--shadow);}
.art-layout figcaption {font-size:.83rem;color:#52616b;margin-top:1rem;}
.work-poem {font-family:Georgia,serif;font-size:1.28rem;line-height:1.95;margin:1.7rem 0;}
.story-space {border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;}
.story-space h3 {font-size:1.5rem;}
.story-reading {max-width:760px;border-top:1px solid var(--line);scroll-margin-top:100px;}
.story-reading p {font-family:Georgia,serif;font-size:1.2rem;line-height:1.85;}
.story-reading .eyebrow,.story-reading .story-byline,.story-reading .story-credit {font-family:inherit;font-size:.86rem;}
.story-reading .story-byline {margin-bottom:2rem;}
.story-reading .story-credit {border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;}
.work-context {display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2.5rem;}
.download-row {display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0;}
#virgil-four-windows {--viz-series-1:#50d9ca;--viz-series-2:#efc46a;--viz-series-3:#c5a7fa;--viz-series-4:#f69c88;--foreground:#f5f1e8;--border:#628491;background:var(--ink-900);color:var(--paper);padding:1.8rem;border-radius:var(--radius);scroll-margin-top:100px;}
#virgil-four-windows h2 {color:var(--paper);font-size:1.5rem;}
#virgil-four-windows .quartet-stage {display:block;width:100%;height:400px;}
#virgil-four-windows .quartet-legend {display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0;font-size:.9rem;}
#virgil-four-windows .quartet-legend span {display:inline-flex;align-items:center;gap:7px;}
#virgil-four-windows .quartet-dot {width:12px;height:12px;border-radius:50%;display:inline-block;}
.quartet-dot[data-part="1"] {background:var(--viz-series-1);}.quartet-dot[data-part="2"] {background:var(--viz-series-2);}.quartet-dot[data-part="3"] {background:var(--viz-series-3);}.quartet-dot[data-part="4"] {background:var(--viz-series-4);}
#virgil-four-windows .quartet-summary {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0;font-size:.95rem;}
#virgil-four-windows [data-clock] {font-variant-numeric:tabular-nums;}
#virgil-four-windows .quartet-transport {display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1rem 0;}
#virgil-four-windows button {padding:.7rem 1rem;border-radius:7px;border:1px solid #75939f;background:var(--ink-800);color:var(--white);font:inherit;cursor:pointer;}
#virgil-four-windows button[data-play] {background:var(--gold);color:var(--ink-950);border-color:var(--gold);font-weight:600;}
#virgil-four-windows button:disabled {opacity:.55;cursor:wait;}
#virgil-four-windows [data-status] {font-size:.86rem;color:#d0dae0;}
#virgil-four-windows .quartet-timeline {display:block;margin:1rem 0;}
#virgil-four-windows input[type="range"] {display:block;width:100%;accent-color:var(--gold);min-height:30px;}
#virgil-four-windows .viz-controls {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;}
#virgil-four-windows select {display:block;width:100%;padding:.65rem;background:var(--ink-800);color:var(--paper);border:1px solid #75939f;border-radius:7px;font:inherit;margin-top:.5rem;}
#virgil-four-windows .audio-alternative {margin-top:1rem;font-size:.85rem;color:#d0dae0;}
#virgil-four-windows audio {display:block;width:100%;margin:.8rem 0;}
#virgil-four-windows :focus-visible {outline-color:var(--gold);}
@media (max-width:1100px) {
 .works-grid {grid-template-columns:1fr;}
 .profile-layout {gap:2rem;grid-template-columns:minmax(0,1fr) 310px;}
}
@media (max-width:740px) {
 .profile-layout,.art-layout,.work-context {grid-template-columns:1fr;gap:2rem;}
 .profile-metrics {max-width:none;}
 .persona-nexus {aspect-ratio:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem .7rem;padding:1rem 0;}
 .nexus-heart {position:relative;inset:auto;transform:none;grid-column:1/-1;width:250px;margin:0 auto 1.5rem;}
 .nexus-heart p {font-size:1.1rem;bottom:-1rem;}
 .orbit-person {position:static;transform:none;font-size:1.05rem;gap:.7rem;}
 .orbit-person .persona-portrait {width:80px;height:80px;}
 .nexus-caption {margin-top:1rem;}
 .art-layout figure {max-width:350px;margin:auto;}
 #virgil-four-windows {padding:1.2rem;}
 #virgil-four-windows .quartet-stage {height:320px;}
 .work-poem {font-size:1.13rem;}
}
@media (max-width:440px) {
 .persona-nexus {grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1rem;}
 .orbit-person:last-child {grid-column:2;}
 .profile-heading {align-items:flex-start;gap:1rem;}
 .profile-heading .persona-portrait {width:85px;height:85px;}
 .profile-heading h2 {font-size:1.65rem;}
 .work-card {grid-template-columns:1fr;gap:1rem;}
 .music-motif {width:130px;}
 .work-thumb {width:110px;height:165px;}
 .work-card h3 {font-size:1.8rem;}
 #virgil-four-windows .viz-controls {grid-template-columns:1fr;gap:1rem;}
 #virgil-four-windows .quartet-stage {height:280px;}
 .download-row a {width:100%;text-align:center;}
}
@media (pointer:coarse) {.info-button {width:44px;height:44px;}summary {min-height:44px;}}

.work-card.text-work-card {grid-template-columns:1fr;}
