:root{--ink:#30261c;--muted:#746453;--accent:#a6461c;--paper:#f8eddd;--rule:rgba(103,70,37,.2);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:light}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#eee1cd;font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{cursor:pointer}[hidden]{display:none!important}#site{height:100vh;height:100dvh}h1,h2,h3,p{margin:0}svg{display:block}::selection{background:#e6c09d;color:#342316}
.wordmark{font-size:18px;letter-spacing:.015em}.short-rule{display:inline-block;width:34px;height:1px;background:var(--accent);flex:none}
.cover-view,.profile-view{height:100%;position:relative;background:url('./assets/cosmic-landscape.png') center/cover no-repeat}.cover-view:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,244,224,.82),rgba(255,244,224,.04) 34%,rgba(245,224,192,.16) 75%,rgba(245,229,207,.96))}
.cover-heading{position:absolute;z-index:2;top:4.5%;left:4.2%}.cover-heading h1{font:clamp(30px,5.4vw,74px)/1.08 var(--serif);margin:12px 0 8px;font-weight:400}.cover-heading p{text-transform:uppercase;letter-spacing:.3em;color:var(--muted);font-size:13px}.cover-intro{position:absolute;top:8%;right:5%;line-height:1.6;font-size:17px;letter-spacing:.04em}.cover-intro:after{content:"";display:block;width:40px;height:1px;background:var(--accent);margin-top:16px}
.cover-cards{position:absolute;inset:23% 4.4% 9%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:9px}.family-card{appearance:none;border:0;background:transparent;position:relative;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:left}.family-card:focus-visible{outline-offset:0}.family-card .figure-window{width:110%;max-height:calc(100% - 82px);flex:0 1 auto;transition:filter .25s,transform .3s}.family-card:hover .figure-window{filter:drop-shadow(0 0 13px rgba(255,234,179,.9));transform:translateY(-6px)}.family-card-label{width:100%;min-height:82px;border-top:1px solid rgba(88,57,29,.36);padding:11px 12px 0;position:relative;z-index:2}.family-card-label small{display:block;color:var(--accent);font-size:11px;letter-spacing:.08em;margin-bottom:6px}.family-card-label strong{font:400 clamp(21px,2.3vw,31px)/1.15 var(--serif)}.family-card-label span{display:block;color:var(--muted);font-size:14px;margin-top:5px}.family-card:hover .family-card-label{border-color:var(--accent);color:var(--accent)}.cover-footer{position:absolute;bottom:2.7%;left:5%;right:5%;display:flex;justify-content:space-between;gap:16px;color:#66533f;font-size:12px}
.figure-window{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);position:relative;aspect-ratio:var(--figure-ratio);overflow:hidden;isolation:isolate}.figure-window img{position:absolute;display:block;max-width:none;width:var(--figure-width);height:var(--figure-height);left:var(--figure-left);top:var(--figure-top);clip-path:none;pointer-events:none;user-select:none}
.profile-view{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(205px,18.7vw,285px) minmax(155px,18.4vw) minmax(0,1fr);gap:0;padding:0 22px 0 0}.chapter-sidebar{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;background:linear-gradient(100deg,#f6e9d7f5,#f4e5cef0);border-right:1px solid #fff7ea90;padding:28px 24px 19px}.sidebar-heading{flex:none;padding-bottom:21px;border-bottom:1px solid var(--rule)}.sidebar-heading h1{font:400 clamp(22px,1.85vw,30px)/1.15 var(--serif);margin:18px 0 6px}.sidebar-heading p{font-size:12px;line-height:1.6;letter-spacing:.04em;color:var(--muted)}.family-return{display:inline-flex;gap:12px;align-items:center;font-size:14px;color:var(--accent);margin-top:19px}.family-return:hover{color:#722d13}.family-return span{font-size:23px;line-height:1}
.chapter-list{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b89975 transparent;flex:1;padding:3px 0}.chapter-link{display:grid;grid-template-columns:29px minmax(0,1fr);gap:12px;align-items:center;padding:13px 0;position:relative;min-height:63px;border-bottom:1px solid var(--rule);transition:color .2s,background .2s}.chapter-link .line-icon{width:27px;height:27px;stroke-width:1.45}.chapter-link small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-bottom:3px;letter-spacing:.04em}.chapter-link strong{display:block;font:400 16px/1.18 var(--serif)}.chapter-link:hover{color:var(--accent)}.chapter-link[aria-current="page"]{color:var(--accent);background:linear-gradient(90deg,#e9c7a526,transparent)}.chapter-link[aria-current="page"]:before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:2px;background:var(--accent)}.chapter-link[aria-current="page"] strong{font-weight:700}.sidebar-footer{display:flex;align-items:center;gap:12px;flex:none;font-size:10px;color:#8b735c;padding-top:16px}.sidebar-footer .short-rule{width:23px}
.portrait-band{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px 0 85px}.profile-figure{width:116%;max-width:345px;max-height:100%;flex:none;position:relative;z-index:2;pointer-events:none}.profile-figure .figure-window{width:100%;max-height:100%;filter:drop-shadow(0 8px 13px #40281126)}.person-pager{position:absolute;z-index:3;bottom:29px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;color:#743d21}.person-pager a{padding:12px 1px;border-bottom:1px solid #75452470;line-height:1.4}.person-pager a:hover{color:var(--accent);border-color:var(--accent)}.person-next{margin-left:auto;text-align:right}
.reader{align-self:stretch;margin:24px 0;min-height:0;min-width:0;position:relative;display:flex;flex-direction:column;background:linear-gradient(112deg,#fbf3e5,#f8eede 70%,#f4e7d4);border:1px solid #ffffff95;border-radius:2px;box-shadow:-12px 10px 44px #64451a1a,1px 1px 0 #7a51223b;z-index:4}.reader-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:38px clamp(28px,3.6vw,58px) 24px;scrollbar-width:thin;scrollbar-color:#bca386 #eadac135;overscroll-behavior:contain;scroll-behavior:auto}.reader-heading{margin-bottom:30px}.reader-kicker{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--accent);letter-spacing:.03em}.reader-kicker #reader-person{color:#8d745d;font-size:11px}.reader-heading h2{font:400 clamp(29px,3.05vw,48px)/1.1 var(--serif);letter-spacing:-.025em;margin:20px 0 15px}.reader-lead{font:italic 19px/1.5 var(--serif);color:#68503a;max-width:58ch}.reader-body{font:18px/1.58 var(--serif);color:#403124;overflow-wrap:break-word}.book-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-bottom:32px}.book-column:first-child{padding-right:25px}.book-column+.book-column{border-left:1px solid var(--rule);padding-left:25px}.book-column p{margin-bottom:19px}.book-column p:last-child{margin-bottom:0}.reader-body strong{font-weight:700;color:#32251a}.reader-body em{font-style:italic;color:#765133}.reader-body h3{font:400 24px/1.15 var(--serif);margin:5px 0 22px;color:#2e251b}.reader-body h3:after{content:"";display:block;height:1px;width:34px;background:#b06b39;margin-top:15px}.reader-body ul{margin:5px 0 20px;padding-left:19px}.reader-body li{padding-left:3px;margin-bottom:8px}.pull-quote{font-style:italic;border-left:2px solid #aa6234;padding:3px 0 3px 15px!important;color:#785137}.table-block{overflow-x:auto;margin:4px 0 29px}.configuration-table{width:100%;border-collapse:collapse;font:14px/1.5 var(--sans);table-layout:fixed}.configuration-table th{text-align:left;color:#8b552f;font-size:11px;letter-spacing:.04em;font-weight:500;border-bottom:1px solid #b58f68;padding:9px 9px 12px}.configuration-table td{vertical-align:top;border-bottom:1px solid var(--rule);padding:12px 9px}.configuration-table th:first-child{width:22%}.configuration-table th:nth-child(2){width:28%}.configuration-table td:first-child{font-weight:600}.chapter-end{display:flex;align-items:center;gap:13px;font-size:10px;color:#9b8268;letter-spacing:.03em;padding-top:5px;padding-bottom:7px}.chapter-end .short-rule{background:#b39575}.chapter-pager{min-height:67px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--rule);padding:14px clamp(28px,3.6vw,58px);font-size:13px;color:var(--accent);background:#f8eddde8}.chapter-pager a{max-width:42%;line-height:1.4;display:flex;align-items:center;gap:10px;min-height:34px}.chapter-pager a:hover{text-decoration:underline;text-underline-offset:4px}.chapter-pager a:last-child{text-align:right;justify-content:flex-end;margin-left:auto}.chapter-pager #chapter-page{font-size:11px;color:#917456;font-variant-numeric:tabular-nums;margin:auto}.chapter-pager [aria-disabled="true"]{visibility:hidden;pointer-events:none}.pending-text{font:20px/1.6 var(--serif);max-width:42ch}.pending-text p{margin-bottom:20px}.empty-chapters{color:var(--muted);font:16px/1.5 var(--serif);padding-top:24px}.noscript{position:fixed;inset:auto 20px 20px;background:#fff4e2;padding:18px;z-index:20}
@media(min-width:1650px){.profile-view{grid-template-columns:285px minmax(220px,18.4vw) minmax(0,1fr)}.reader-body{font-size:20px}.reader-scroll{padding-top:48px}.chapter-link{min-height:70px}.chapter-link strong{font-size:18px}.profile-figure{max-width:380px}}
@media(max-width:1190px){.profile-view{grid-template-columns:190px 155px minmax(0,1fr);padding-right:15px}.chapter-sidebar{padding:22px 18px 16px}.reader{margin:16px 0}.reader-scroll{padding:27px 27px 22px}.reader-heading h2{font-size:32px}.reader-body{font-size:17px}.reader-lead{font-size:18px}.book-column:first-child{padding-right:16px}.book-column+.book-column{padding-left:16px}.chapter-link{gap:9px;padding:11px 0;min-height:62px}.chapter-link strong{font-size:15px}.portrait-band{padding-top:27px}.profile-figure{width:118%}.chapter-pager{padding:11px 27px;font-size:12px}.reader-body h3{font-size:22px}}
@media(max-width:950px),(max-height:590px) and (min-width:761px){.book-spread{display:block;margin-bottom:23px}.book-column:first-child{padding:0}.book-column+.book-column{border-left:0;padding:19px 0 0}.reader-body{font-size:17px;line-height:1.58}.portrait-band{padding-bottom:85px}.reader-heading{margin-bottom:25px}.reader-heading h2{font-size:30px}.reader-scroll{padding:23px 24px 19px}.reader-lead{font-size:17px}.chapter-pager{min-height:53px;padding:9px 24px}.sidebar-heading h1{margin-top:12px}.family-return{margin-top:12px}.chapter-sidebar{padding-top:18px}.sidebar-heading{padding-bottom:17px}}
@media(max-width:760px) and (orientation:portrait){.profile-view{grid-template-columns:1fr;grid-template-rows:142px minmax(0,1fr);padding:0 10px 10px;gap:0;background-position:47% center}.chapter-sidebar{padding:15px 0 0;display:contents;border:0}.sidebar-heading{position:absolute;top:15px;left:18px;right:108px;height:78px;border:0;padding:0;z-index:3}.sidebar-heading .wordmark{font-size:13px}.sidebar-heading h1{font-size:24px;margin:6px 0 3px}.sidebar-heading p{font-size:10px}.family-return{position:fixed;right:16px;top:18px;margin:0;font-size:12px;gap:7px;z-index:7}.family-return span{font-size:18px}.chapter-list{position:absolute;top:101px;left:10px;right:10px;height:41px;display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;padding:0 3px 2px;border-top:1px solid #a7805733;z-index:6;scrollbar-width:none}.chapter-link{display:flex;flex:none;min-height:0;gap:7px;border:0;padding:7px 10px;max-width:185px}.chapter-link .line-icon{width:17px;height:17px;flex:none}.chapter-link small{display:none}.chapter-link strong{font:12px/1.18 var(--sans);white-space:nowrap}.chapter-link[aria-current="page"]{background:#f6ecd9b5;border-bottom:1px solid var(--accent)}.chapter-link[aria-current="page"]:before{display:none}.sidebar-footer{display:none}.portrait-band{position:absolute;top:6px;right:70px;width:64px;height:89px;display:block;padding:0;z-index:2;overflow:hidden}.profile-figure{width:58px;max-width:none}.profile-figure .figure-window{filter:none}.person-pager{display:none}.reader{grid-row:2;margin:3px 0 0;border-radius:1px}.reader-scroll{padding:23px 22px 19px}.reader-kicker{font-size:10px;gap:12px}.reader-kicker #reader-person{font-size:9px}.reader-heading h2{font-size:30px;margin:16px 0 12px}.reader-heading{margin-bottom:25px}.reader-lead{font-size:18px;line-height:1.45}.reader-body{font-size:18px;line-height:1.6}.reader-body h3{font-size:23px}.book-spread{display:block;margin-bottom:21px}.book-column:first-child{padding:0}.book-column+.book-column{border-left:0;padding:19px 0 0}.book-column p{margin-bottom:18px}.chapter-pager{min-height:61px;padding:10px 19px;font-size:11px;gap:6px}.chapter-pager a{gap:6px}.chapter-pager #chapter-page{font-size:10px}.configuration-table{font-size:11px;line-height:1.45}.configuration-table td,.configuration-table th{padding:9px 5px}.configuration-table th:first-child{width:22%}.configuration-table th:nth-child(2){width:31%}.configuration-table th{font-size:9px}.empty-chapters{padding:8px 10px;font:12px var(--sans)}
.cover-heading{top:3.4%;left:6%}.cover-heading .wordmark{font-size:14px}.cover-heading h1{font-size:37px;margin:8px 0 7px}.cover-heading p{font-size:9px;letter-spacing:.3em}.cover-intro{display:none}.cover-cards{inset:21% 5% 8.5%;display:flex;flex-wrap:wrap;justify-content:center;align-content:stretch;gap:10px 5px}.family-card{width:calc(33.33% - 4px);height:calc(50% - 5px)}.family-card .figure-window{width:112%;max-height:calc(100% - 53px)}.family-card-label{padding:7px 4px 0;min-height:53px}.family-card-label small{font-size:8px;margin-bottom:3px}.family-card-label strong{font-size:20px}.family-card-label span{font-size:10px;margin-top:3px}.cover-footer{left:6%;right:6%;bottom:3%;font-size:10px;display:block}.cover-footer span{display:block;margin-top:5px}.cover-view:before{background:linear-gradient(180deg,#fff2dbcf,#ffebc34a 30%,#f9e6c478,#f5e1c4f5)}}
@media(orientation:landscape) and (max-height:590px){.profile-view{grid-template-columns:170px 130px minmax(0,1fr)}.sidebar-heading .wordmark{font-size:13px}.sidebar-heading h1{font-size:20px}.sidebar-heading p{font-size:10px}.family-return{font-size:12px}.sidebar-footer{display:none}.chapter-link strong{font-size:14px}.chapter-link .line-icon{width:22px;height:22px}.chapter-link{min-height:54px}.profile-figure{width:auto;height:calc(100dvh - 76px);aspect-ratio:var(--figure-ratio)}.profile-figure .figure-window{height:100%;width:auto}.portrait-band{padding:8px 0 68px}.person-pager{bottom:12px;left:8px;right:8px;font-size:10px}.reader{margin:10px 0}.reader-heading h2{font-size:27px}.reader-heading{margin-bottom:21px}.reader-kicker{font-size:10px}.reader-scroll{padding:22px 24px 16px}.cover-heading{top:3%;left:4%}.cover-heading .wordmark{font-size:13px}.cover-heading h1{font-size:34px;margin:5px 0}.cover-heading p{font-size:9px}.cover-intro{top:7%;font-size:12px}.cover-cards{inset:23% 5% 8%;gap:5px}.family-card .figure-window{width:90%;max-height:calc(100% - 50px)}.family-card-label{min-height:50px;padding-top:5px}.family-card-label small{font-size:8px;margin-bottom:3px}.family-card-label strong{font-size:21px}.family-card-label span{font-size:9px;margin-top:3px}.cover-footer{font-size:9px;bottom:2%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The approved ensemble remains one intact scene; its live labels select profiles. */
.cover-view{--ensemble-width:min(100vw,calc(100dvh * 1.59879));--ensemble-height:min(100dvh,calc(100vw * .625473));background:#f4e6d0}.cover-view:before{display:none}
.cover-heading{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cover-scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--ensemble-width);height:var(--ensemble-height);overflow:visible}
.cover-scene img{position:absolute;top:0;width:100%;height:100%;display:block}
.cover-scene:after{content:"";position:absolute;z-index:1;left:0;top:85.4%;width:100%;height:14.6%;background:#f4e3c9;pointer-events:none}
.cover-intro{visibility:hidden}.cover-footer{z-index:3}
.cover-cards{width:var(--ensemble-width);height:var(--ensemble-height);inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:0 calc(var(--ensemble-width) * .044);gap:0}
.family-card{min-width:0;min-height:0;justify-content:flex-end}
.family-card .figure-window{display:none}
.family-card-label{position:absolute;top:86.5%;min-height:82px;background:linear-gradient(180deg,#f6e6cc8c,#f4e3c9c7);border-top-color:#88562e70}
.family-card:hover{background:linear-gradient(180deg,transparent 55%,#f5d7a619)}
.family-card:hover .family-card-label{background:#f9ebd6d6}
.profile-figure{width:100%;max-width:295px}.profile-figure .figure-window{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent 0 4.5%,#000 6%);mask-composite:intersect}
.book-spread.single{grid-template-columns:1fr}
.book-spread.single .book-column{padding:0}
@media(max-width:1190px){.profile-figure{width:100%}}
@media(max-width:760px) and (orientation:portrait){
.cover-view{background:url('./assets/cosmic-landscape.png') center/cover no-repeat}.cover-view:before{display:block}.cover-heading{width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.cover-scene{display:none}.cover-cards{width:auto;height:auto;inset:21% 5% 8.5%;transform:none;padding:0;gap:10px 5px}.family-card .figure-window{display:block;width:auto;height:calc(100% - 53px);flex:none;min-height:0;max-height:none;aspect-ratio:var(--figure-ratio);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent 0 4.5%,#000 6%);mask-composite:intersect}.family-card-label{position:relative;top:auto;min-height:53px;width:100%;background:#f8e7cc94}.family-card{height:calc(50% - 5px);min-height:0}.family-card .figure-window img{height:var(--figure-height);width:var(--figure-width);left:var(--figure-left);top:var(--figure-top)}.profile-figure{width:58px}.portrait-band .figure-window{mask-image:linear-gradient(180deg,transparent 0 4.5%,#000 6% 55%,transparent 99%)}
}
@media(orientation:landscape) and (max-height:590px){.family-card-label{top:86.5%;min-height:50px;padding:3px 8px 0}.family-card-label strong{font-size:18px;line-height:1.1}.family-card-label small{margin-bottom:2px}.family-card-label span{margin-top:2px}.cover-footer{display:none}.profile-figure{width:auto;max-width:none}.profile-figure .figure-window{height:100%;width:auto}}

@media(orientation:landscape) and (max-height:590px){.profile-figure{width:100%;height:auto;max-width:none;aspect-ratio:var(--figure-ratio)}.profile-figure .figure-window{height:auto;width:100%}.portrait-band{padding-left:0;padding-right:0;overflow:hidden}.person-pager{background:#f5e3c494;padding:0 3px}}
@media(orientation:landscape) and (max-width:760px){.profile-view{grid-template-columns:145px 100px minmax(0,1fr);padding-right:10px}.chapter-sidebar{padding:15px 13px 12px}.sidebar-heading h1{font-size:19px}.chapter-link{grid-template-columns:22px minmax(0,1fr);gap:8px}.chapter-link strong{font-size:13px}.reader-scroll{padding:20px}.chapter-pager{padding:8px 20px}.portrait-band{padding-bottom:60px}.person-pager{flex-wrap:wrap;gap:0;font-size:10px}.person-pager a{padding:7px 0}}