/* Shared companion identity. The embedded artwork and its renderer are unchanged. */
:root{--brand-ink:#171717;--brand-muted:#696969;--brand-line:#ddd;--brand-paper:#fff}
body{font-family:Arial,Helvetica,sans-serif}
body.brand-reading,body.brand-encounter{background:#fff;color:#171717}
.brand-reading h1,.brand-reading h2,.brand-reading .premise,.brand-reading .chapter-row strong,.brand-gallery h1,.brand-gallery h2{font-family:Arial,Helvetica,sans-serif;font-weight:400}
.brand-reading h1{font-size:clamp(46px,6.5vw,84px);line-height:1.04;letter-spacing:-.045em}
.brand-reading h2{font-size:34px;line-height:1.2}
.brand-reading .premise{font-size:clamp(21px,2.5vw,28px);letter-spacing:-.025em;line-height:1.45}
.brand-reading .chapter-row strong{font-size:28px}
.brand-reading .eyebrow,.brand-reading .intro,.brand-reading .muted,.brand-reading .chapter-note,.brand-reading .state,.brand-reading .number,.brand-reading .section-heading p,.brand-reading .inquiry p{color:var(--brand-muted)}
.brand-reading .featured,.brand-reading .chapter-row,.brand-reading .inquiry details,.brand-reading footer{border-color:var(--brand-line)}
.brand-reading .button,.brand-gallery .button,.brand-gallery button,.brand-gallery select,.brand-gallery input{border-radius:0}
.brand-reading .button{font:12px/1.4 Arial,Helvetica,sans-serif;min-height:44px;padding:13px 20px;border:1px solid #171717;color:#171717;background:transparent}
.brand-reading .button:hover{background:#171717;color:#fff}
.brand-header{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:26px 48px;color:var(--brand-ink);font:12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:normal}
.brand-wordmark{font-size:11px;font-weight:700;letter-spacing:.13em;text-decoration:none}
.brand-menu{position:relative;z-index:30;padding:0;border:0;letter-spacing:normal}
.brand-menu summary{list-style:none;cursor:pointer;border:1px solid var(--brand-line);padding:11px 14px;min-height:42px;font:12px/1.4 Arial,Helvetica,sans-serif}
.brand-menu summary::-webkit-details-marker{display:none}
.brand-menu summary::after{content:"+";margin-left:18px}
.brand-menu[open] summary::after{content:"−"}
.brand-menu nav{position:absolute;right:0;top:calc(100% + 8px);width:240px;max-width:calc(100vw - 48px);padding:12px;background:var(--brand-paper);color:var(--brand-ink);border:1px solid var(--brand-line);box-shadow:0 8px 24px #0001}
.brand-menu nav a{display:block;text-decoration:none;font-size:13px;padding:12px;letter-spacing:normal}
.brand-menu nav a:hover,.brand-menu nav a:focus-visible{background:#8881}
.brand-header a:focus-visible,.brand-header summary:focus-visible,.breath-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.breath-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:11px/1.5 Arial,Helvetica,sans-serif;color:var(--brand-muted)}
.breath-navigation a{color:inherit;text-underline-offset:4px}
.breath-navigation>div{display:flex;gap:18px;width:100%;margin-top:9px}
.breath-navigation>div a{text-decoration:none;border-bottom:1px solid transparent;padding:3px 0}
.breath-navigation>div a[aria-current=page]{color:var(--brand-ink);border-bottom-color:currentColor}
.brand-encounter main{max-width:1240px;padding:0 48px}
.brand-encounter .brand-header{padding:26px 0}
.brand-encounter>.skip-link{background:#fff}
.brand-encounter main>.breath-navigation{margin:16px 0 0}
.brand-encounter .intro{margin:36px 0 44px}
.brand-encounter .intro h1{font-size:clamp(36px,4.6vw,60px)}
.brand-encounter .series-line{font-size:10px;letter-spacing:.12em;margin:0 0 14px}
.encounter-context{font-size:13px;line-height:1.7;color:#696969;margin-top:14px}
.brand-gallery{--brand-ink:#eee;--brand-muted:#aaa;--brand-line:#444;--brand-paper:#111;color:#eee}
.brand-gallery .brand-header{position:fixed;z-index:10;inset:0 0 auto;max-width:none;padding:20px 26px;pointer-events:none;background:linear-gradient(#000c,transparent)}
.brand-gallery .brand-header>a,.brand-gallery .brand-menu{pointer-events:auto}
.brand-gallery .artwork-title{top:86px;left:26px;max-width:calc(100vw - 155px);pointer-events:auto}
.brand-gallery .artwork-title h1{font:400 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:17px 0 0}
.brand-gallery #menu-toggle{top:91px;right:26px;width:auto;min-width:96px;height:42px;display:flex;gap:16px;padding:10px 14px;border:1px solid #444;border-radius:0;background:#111c;color:#eee;font:12px Arial}
.brand-gallery #menu-toggle[aria-expanded=true]{background:#292929}
.brand-gallery #artwork-menu{top:143px;right:26px;border:1px solid #444;border-radius:0;background:#111f;color:#eee;max-height:calc(100dvh - 165px)}
.brand-gallery #artwork-menu>a,.brand-gallery #artwork-menu>button{color:#ddd;border-color:#333}
.brand-gallery #artwork-menu>a:hover,.brand-gallery #artwork-menu>button:enabled:hover{background:#252525}
.brand-gallery .menu-premise,.brand-gallery .eyebrow,.brand-gallery .small,.brand-gallery label,.brand-gallery figcaption{color:#aaa}
.brand-gallery .artwork-status #record-status,.brand-gallery .artwork-status #invitation{color:#eee}
.brand-gallery .artwork-status .small{color:#aaa}
.brand-gallery #info-panel,.brand-gallery .panel-heading{background:#111f;color:#eee;border-color:#444}
.brand-gallery .panel-heading p{color:#aaa}
.brand-gallery button,.brand-gallery select,.brand-gallery input{background:#171717;color:#eee;border-color:#555}
.brand-gallery .primary{background:#eee;color:#171717;border-color:#eee}
.brand-gallery button:disabled,.brand-gallery [aria-disabled=true]{background:#171717;color:#999;border-color:#444}
.brand-gallery #panel-content details{border-color:#444}
.brand-gallery .artwork-status #invitation{border-color:#aaa}
@media(max-width:700px){.brand-header{padding:20px 24px}.brand-reading .featured-copy h2{font-size:32px}.brand-encounter main{padding:0 24px}.brand-encounter .brand-header{padding:20px 0}.brand-encounter .intro{margin-top:30px}.brand-gallery .brand-header{padding:14px 18px}.brand-gallery .artwork-title{top:77px;left:18px;max-width:calc(100vw - 125px)}.brand-gallery .artwork-title h1{font-size:20px}.brand-gallery #menu-toggle{top:83px;right:18px;min-width:85px;gap:10px;padding:10px}.brand-gallery #artwork-menu{top:135px;right:18px;max-height:calc(100dvh - 153px)}.brand-gallery .breath-navigation{font-size:10px}.brand-gallery .breath-navigation>div{gap:12px}}

/* Encounter frames follow the available screen height, not the site header width. */
.brand-encounter{--encounter-frame:min(100%,560px,max(220px,calc(100svh - 180px)))}
.brand-encounter .journey-step{width:min(100%,560px,max(220px,calc(100svh - 180px)));margin-inline:auto}
.brand-encounter .intro{max-width:560px;margin:30px auto 36px}
.brand-encounter .intro h1{font-size:clamp(32px,4vw,46px)}
.brand-encounter .intro .premise{font-size:16px}
.brand-encounter .outcome .art-column{--reveal-width:min(100%,560px,max(220px,calc(100svh - 280px)))}
.brand-encounter .outcome .outcome-square{width:min(100%,560px,max(220px,calc(100svh - 280px)));max-width:100%}
.brand-encounter .outcome .art-column>.outcome-line{width:100%}
.brand-encounter .afterword{max-width:560px;margin-inline:auto}

/* Future chapters are text, not navigation. */
.chapter-planned{cursor:default}.chapter-planned:hover{background:transparent}