@font-face{font-family:"Baskervville";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/baskervville.3938562448.woff2) format("woff2")}@font-face{font-family:"Baskervville";font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/baskervville-italic.a33a7d6973.woff2) format("woff2")}@font-face{font-family:"NS Baskerville Fallback";src:local("Times New Roman"),local("Liberation Serif"),local("Nimbus Roman");size-adjust:110.18%;ascent-override:90.58%;descent-override:26.77%;line-gap-override:0%}:root{--rose:#8a4a50;--rose-deep:#6e343b;--rose-light:#8a4a50;--phthalo:#3f2b2f;--phthalo-deep:#2e0910;--oxblood:#4d111b;--oxblood-deep:#2e0910;--gold:#cda053;--gold-soft:#cda053;--cream:#f5ede1;--ink:#3f2b2f;--serif:"Baskervville","NS Baskerville Fallback",Georgia,"Times New Roman",serif;--sans:"Baskervville","NS Baskerville Fallback",Georgia,"Times New Roman",serif;--pad:clamp(20px,4.5vw,72px);--hh:72px;--pp:clamp(24px,5vw,68px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--hh) + 14px);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);overflow-wrap:break-word}
img,picture,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,figure,blockquote{margin:0}
.wrap{width:min(100%,1360px);margin-inline:auto;padding-inline:var(--pad)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:200;background:var(--cream);color:var(--ink);padding:12px 16px;font-weight:600}.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--phthalo);outline-offset:3px;box-shadow:0 0 0 6px var(--gold-soft)}
.kicker{font:600 .78rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rose-deep)}
.top{position:sticky;top:0;z-index:60;background:var(--oxblood-deep);color:var(--cream);border-bottom:1px solid rgb(205 160 83 / 35%)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:500 1.3rem var(--serif)}.brand img{width:34px;height:auto}
.nav ul,.menu ul{list-style:none;padding:0;margin:0;display:flex;gap:clamp(14px,2.2vw,32px)}
.nav a,.menu a{text-decoration:none;font-size:.95rem;padding:10px 4px;display:inline-block;min-height:44px;line-height:24px}.nav a:hover,.menu a:hover{text-decoration:underline;text-underline-offset:6px}
.cta-small{border:1px solid var(--gold-soft);color:var(--gold-soft);text-decoration:none;padding:11px 16px;font-size:.92rem;min-height:44px}
.menu{display:none;position:relative}.menu summary{list-style:none;cursor:pointer;border:1px solid rgb(245 237 225 / 55%);padding:11px 16px;min-height:44px}.menu summary::-webkit-details-marker{display:none}
.menu ul{position:absolute;right:0;top:calc(100% + 8px);flex-direction:column;gap:0;background:var(--oxblood-deep);border:1px solid rgb(205 160 83 / 45%);min-width:220px;padding:8px 16px;z-index:70}
@media (max-width:900px){.nav{display:none}.cta-small{display:none}.menu{display:block}.top .wrap{gap:12px;flex-wrap:nowrap}}
.hero{background:linear-gradient(140deg,var(--rose-deep) 0%,var(--oxblood) 55%,var(--oxblood-deep) 100%);color:var(--cream);padding-block:clamp(36px,6vw,92px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,88px);align-items:center}
.hero-role{font-size:.98rem;letter-spacing:.04em;opacity:.95;max-width:46ch}
.hero h1{font:500 clamp(3.4rem,10.5vw,9.4rem)/.88 var(--serif);margin:.18em 0 .3em;letter-spacing:-.01em}
.hero h1 .h1-a,.hero h1 .h1-b{display:block}.hero h1 .h1-b{font-style:italic;font-weight:400;color:var(--gold-soft);padding-left:.12em}
.prologue{font:italic 400 clamp(1.3rem,2.5vw,2.1rem)/1.35 var(--serif);max-width:26em}
.hero-now{margin-top:1.4em;max-width:46ch;opacity:.95}
.actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold-soft);color:var(--ink);padding:14px 26px;min-height:48px;text-decoration:none;border:0;cursor:pointer;font:600 1rem var(--sans)}.btn:hover{background:var(--cream)}
.link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.portrait{justify-self:end;width:min(100%,460px)}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--gold);box-shadow:14px 14px 0 rgb(63 43 47 / 24%)}.portrait figcaption{font-size:.85rem;margin-top:.8rem;opacity:.9}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.1,1) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.portrait{animation:rise .9s cubic-bezier(.2,.7,.1,1) .15s both}
@media (max-width:820px){
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{display:contents}
 .hero-role{order:1}.hero h1{order:2;font-size:clamp(3rem,15vw,4.4rem);margin:.15em 0 .25em}.portrait{order:3;justify-self:start;width:min(56vw,230px);margin:0 0 18px}.prologue{order:4}.actions{order:5;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.actions .btn{grid-column:1/-1}.actions .link{justify-content:center;border:1px solid rgb(245 237 225 / 45%);text-decoration:none}.hero-now{order:6}
}
@media (max-width:820px) and (max-height:700px){.portrait{order:7;margin-top:22px}}
.ledger{background:var(--cream);border-bottom:1px solid rgb(77 17 27 / 25%)}
.ledger ul{list-style:none;margin:0 auto;padding:0 var(--pad);width:min(100%,1360px);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ledger li{padding:22px 22px 22px 22px;border-left:1px solid rgb(77 17 27 / 22%)}.ledger li:first-child{border-left:0;padding-left:0}
.ledger b{display:block;font:600 .74rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rose-deep);margin-bottom:6px}.ledger span{font:500 1.08rem/1.35 var(--serif)}
@media (max-width:620px){.ledger li{border-left:0;padding-left:0;border-top:1px solid rgb(77 17 27 / 22%)}.ledger li:first-child{border-top:0}}
.story{padding-top:clamp(36px,6vw,84px)}
.story-head{display:grid;gap:14px;max-width:60rem;margin:0 auto 28px 0;padding-bottom:12px}.story-head h2{font:500 clamp(2.6rem,7vw,6rem)/.95 var(--serif)}.story-head p{max-width:62ch}.story-head .legend{font-size:.9rem;color:var(--rose-deep);font-style:italic}
.story-app{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-bottom:clamp(40px,7vw,96px)}
.story-index{background:var(--oxblood-deep);color:var(--cream);padding:20px 18px}
.grp{margin-bottom:14px}.grp-h{font:600 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);padding:6px 10px}
.story-index ul{list-style:none;margin:0;padding:0}
.story-index a{display:flex;gap:12px;align-items:baseline;padding:9px 10px;min-height:44px;color:var(--cream);text-decoration:none;border-left:3px solid transparent}
.story-index a:hover{background:rgb(245 237 225 / 10%)}
.t-num{font:italic 500 1.05rem var(--serif);color:var(--gold-soft);min-width:3ch}.t-name{font-size:.97rem;line-height:1.3}
.story-index a[aria-selected="true"]{background:var(--cream);color:var(--ink);border-left-color:var(--gold)}.story-index a[aria-selected="true"] .t-num{color:var(--rose-deep)}
.story-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;background:var(--oxblood-deep);color:var(--cream);padding:10px 16px;position:sticky;top:var(--hh);z-index:30;border-bottom:2px solid var(--gold)}
.story-bar[hidden]{display:none}
.sb-pos{display:grid;gap:0;min-width:0}.sb-count{font:600 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}.sb-title{font:500 1.2rem/1.2 var(--serif)}
.sb-ctl{display:flex;gap:8px;flex-wrap:wrap}
.sb-btn,.sb-all{background:transparent;color:var(--cream);border:1px solid rgb(245 237 225 / 60%);min-height:44px;padding:8px 14px;font:500 .95rem var(--sans);cursor:pointer}.sb-btn:hover,.sb-all:hover{background:rgb(245 237 225 / 12%)}.sb-btn[disabled]{opacity:.4;cursor:default}
html.tabs-on .story-app{grid-template-areas:"bar" "index" "panels"}
html.tabs-on .story-bar{grid-area:bar}html.tabs-on .story-index{grid-area:index;display:none;max-height:min(62vh,520px);overflow:auto}html.tabs-on .story-app.index-open .story-index{display:block}html.tabs-on .story-panels{grid-area:panels}
@media (min-width:1100px){
 html.tabs-on .story-app{grid-template-columns:310px minmax(0,1fr);grid-template-areas:"index bar" "index panels";column-gap:28px;align-items:start}
 html.tabs-on .story-index{display:block;position:sticky;top:calc(var(--hh) + 14px);max-height:calc(100vh - var(--hh) - 28px)}html.tabs-on .sb-all{display:none}
}
.panel{padding:var(--pp);scroll-margin-top:calc(var(--hh) + 14px)}
.panel[hidden]{display:none}
.tone-paper{background:var(--cream);color:var(--ink);border:1px solid rgb(77 17 27 / 18%)}
.tone-ox{background:var(--oxblood);color:var(--cream)}
.tone-blue{background:var(--phthalo-deep);color:var(--cream)}
.tone-paper .ch-place,.tone-paper .verse,.tone-paper .b-kick{color:var(--rose-deep)}
.tone-ox .ch-place,.tone-blue .ch-place,.tone-ox .verse,.tone-blue .verse,.tone-ox .ch-num,.tone-blue .ch-num{color:var(--gold-soft)}
.ch-head{margin-bottom:clamp(18px,3vw,36px)}
.ch-num{font:italic 400 clamp(3.4rem,9vw,8rem)/.8 var(--serif);color:var(--rose-deep);opacity:.9}
.ch-place{font:600 .8rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:.6rem}
.ch-title{font:500 clamp(2.4rem,6vw,5.4rem)/.98 var(--serif);margin-top:.25em;max-width:14em}
.ch-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:start}.ch-cols.no-art{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){.ch-cols{grid-template-columns:minmax(0,1fr)}}
.verse{font:italic 400 clamp(1.25rem,2.1vw,1.7rem)/1.4 var(--serif);margin-bottom:1.5em}.verse span{display:block}.verse span:nth-child(even){padding-left:1.4em}
.prose p{max-width:62ch;margin-bottom:1.1em;font-size:1.08rem}
figcaption{font-size:.88rem;line-height:1.5;margin-top:.65rem;opacity:.92}
.plate{margin:0 0 clamp(24px,4vw,44px)}.plate figcaption b{display:block;font:500 1.25rem/1.2 var(--serif);margin-bottom:.2rem}
.book-intro{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--oxblood-deep);color:var(--cream);padding:clamp(20px,3vw,40px) var(--pp);margin:calc(-1 * var(--pp)) calc(-1 * var(--pp)) clamp(28px,4vw,52px)}
.b-kick{font:600 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)!important}.b-name{font:italic 500 clamp(2.2rem,6vw,4.6rem)/1 var(--serif)}.b-sub{font:italic 400 1.2rem var(--serif);opacity:.92;margin-top:.3rem}
.cameo{flex:none;width:clamp(96px,16vw,150px)}.cameo img{width:100%;border:1px solid var(--gold-soft);border-radius:0}.cameo figcaption{font-size:.75rem}
.vo{font:italic 400 clamp(1.35rem,2.6vw,2.1rem)/1.35 var(--serif);text-align:center;max-width:28ch;margin:clamp(36px,5vw,64px) auto 0}
.tone-paper .vo{color:var(--rose-deep)}.tone-ox .vo,.tone-blue .vo{color:var(--gold-soft)}
.pull{font:italic 400 clamp(1.5rem,3vw,2.4rem)/1.3 var(--serif);text-align:center;max-width:30ch;margin:clamp(40px,6vw,72px) auto 0;padding-top:1.4rem;border-top:2px solid var(--gold)}.pull cite{display:block;font:600 .8rem var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;font-style:normal}
.interlude{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:clamp(36px,5vw,64px);padding:clamp(20px,3vw,36px);background:rgb(138 74 80 / 12%);border:1px solid rgb(77 17 27 / 25%)}.interlude img{width:100%}.interlude h4{font:500 clamp(1.7rem,3vw,2.4rem)/1.1 var(--serif);margin:.2em 0 .5em}.interlude p{margin-bottom:.9em;max-width:60ch}
@media (max-width:760px){.interlude{grid-template-columns:minmax(0,1fr)}.book-intro{flex-wrap:wrap}}
.see-also{margin-top:1.4em}.see-also a{font-weight:600}
.panel-nav{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(36px,5vw,64px);border-top:1px solid currentColor;padding-top:6px}
.pn{display:flex;flex-direction:column;min-height:64px;padding:12px 0;text-decoration:none;max-width:48%}.pn span{font:600 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.pn strong{font:500 1.15rem/1.25 var(--serif)}.pn:hover strong{text-decoration:underline;text-underline-offset:5px}.pn-next{text-align:right;margin-left:auto}
.sect-body{display:grid;gap:clamp(20px,3vw,36px)}
.lead{font-size:clamp(1.12rem,1.6vw,1.34rem);line-height:1.55;max-width:62ch}
.sect-body h4,.chapter-body h4{font:500 clamp(1.5rem,2.6vw,2.1rem)/1.15 var(--serif);margin:1.3em 0 .5em}.sect-body h5{font:500 1.35rem var(--serif);margin-bottom:.4rem}
.tone-ox a,.tone-blue a{color:var(--gold-soft)}.tone-paper a:not(.pn):not(.btn){color:var(--rose-deep)}
.note{font-size:.9rem;opacity:.9;max-width:70ch}
.structure{margin:0}.structure-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.25fr)}
.s-node{border:1px solid var(--gold-soft);padding:clamp(14px,2vw,22px);background:rgb(63 43 47 / 28%);display:flex;flex-direction:column;gap:6px;min-width:0}
.s-kind,.s-label{font:600 .72rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}
.s-node strong{font:500 clamp(1.15rem,1.7vw,1.5rem)/1.2 var(--serif)}.s-node small{opacity:.9;font-size:.9rem}
.s-subs ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.s-subs li{border-top:1px solid rgb(245 237 225 / 22%);padding-top:6px}
.s-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 clamp(8px,1.4vw,18px);min-width:104px;text-align:center}
.s-arrow{display:block;width:100%;height:0;border-top:2px solid var(--gold-soft);position:relative}.s-arrow::after{content:"";position:absolute;right:-1px;top:-7px;border-left:10px solid var(--gold-soft);border-top:6px solid transparent;border-bottom:6px solid transparent}
.s-capital .s-arrow{border-top-style:dashed}
.s-owns .s-arrow{border-top-style:solid;border-top-width:4px}
@media (max-width:860px){.structure-flow{grid-template-columns:minmax(0,1fr)}.s-link{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 0 10px 22px;min-width:0}.s-arrow{width:0;height:34px;border-top:0;border-left:2px solid var(--gold-soft)}.s-capital .s-arrow{border-left-style:dashed}.s-owns .s-arrow{border-left-style:solid;border-left-width:4px}.s-arrow::after{left:-7px;right:auto;top:auto;bottom:-1px;border-top:10px solid var(--gold-soft);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}}
.structure figcaption{margin-top:16px;max-width:76ch;font-size:.94rem}.corp{font:600 .86rem var(--sans);letter-spacing:.06em;color:var(--gold-soft)}
.ventures{display:grid}.venture{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) auto minmax(0,.55fr);gap:20px 28px;align-items:start;padding:28px 0;border-top:1px solid rgb(245 237 225 / 28%);text-decoration:none}
.v-num{font:italic 500 1rem var(--serif);color:var(--gold-soft)}.venture h4{font:500 clamp(1.5rem,2.4vw,2.2rem)/1.1 var(--serif);margin:.2em 0}.role{display:block;color:var(--gold-soft);font-size:.9rem}.v-port{display:block;font-size:.85rem;opacity:.9;margin-top:.5rem}
.status{border:1px solid var(--gold-soft);padding:6px 12px;font-size:.85rem;white-space:nowrap}.v-logo{margin:0}.v-logo img{max-width:150px;height:auto}.v-logo figcaption{font-size:.78rem}
.v-facts{display:grid;gap:8px;margin-top:14px}.v-facts div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:10px;font-size:.9rem}.v-facts dt{color:var(--gold-soft)}.v-facts dd{margin:0}
@media (max-width:900px){.venture{grid-template-columns:minmax(0,1fr)}.v-facts div{grid-template-columns:minmax(0,1fr);gap:2px}.status{justify-self:start}}
.strands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.strands>h4{grid-column:1/-1;margin-bottom:0}.strand{border:1px solid var(--gold-soft);padding:22px}.strand p{margin-bottom:.8em;max-width:56ch}
@media (max-width:820px){.strands{grid-template-columns:minmax(0,1fr)}}
.rosslyn-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.render img{width:100%;border:1px solid rgb(245 237 225 / 35%)}
.rh-facts{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rh-facts li{border:1px solid rgb(205 160 83 / 55%);padding:12px}.rh-facts b{display:block;font:500 1.3rem var(--serif);color:var(--gold-soft)}.rh-facts span{font-size:.85rem}
@media (max-width:1000px){.rosslyn-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.rh-facts{grid-template-columns:minmax(0,1fr)}}
.house-head h4{font:italic 500 clamp(1.8rem,4vw,3rem)/1.05 var(--serif);margin:0}.house-plates{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end}.house-plates img{max-width:230px;height:auto}
.house-quote{font:italic 400 clamp(1.3rem,2.4vw,1.9rem)/1.4 var(--serif);border-left:3px solid var(--gold);padding-left:1em;max-width:40ch}
.charges,.lineage{list-style:none;padding:0;display:grid;gap:14px;max-width:70ch}
.tej-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px}.tej-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px}.tej-frame{background:var(--cream);border:1px solid var(--gold)}.tej-frame img{width:100%;height:auto;border-radius:0}
.album{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.album[hidden]{display:none}
.album-item{flex:calc(var(--ar) * 100) 1 calc(var(--ar) * 200px)}.album-open{all:unset;display:block;cursor:pointer;width:100%}.album-open:focus-visible{outline:3px solid var(--phthalo);box-shadow:0 0 0 6px var(--gold-soft)}
.album-frame{display:block;aspect-ratio:var(--ar)}.album-frame img{width:100%;height:100%;object-fit:cover;border:1px solid rgb(63 43 47 / 22%)}.album-cap{display:block;font-size:.84rem;line-height:1.4;margin-top:.4rem}
.album-more{background:transparent;border:1px solid currentColor;color:inherit;min-height:44px;padding:10px 18px;font:500 .98rem var(--sans);cursor:pointer}.album-more-wrap{margin:6px 0}
.reel{overflow-x:auto;padding:6px 0 14px;scroll-snap-type:x proximity}.reel:focus-visible{outline:3px solid var(--phthalo)}.reel-track{display:flex;gap:16px;width:max-content}
.frame{flex:none;width:min(calc(var(--ar) * 340px),82vw);scroll-snap-align:start;margin:0}.frame-img img{width:100%;height:auto;aspect-ratio:var(--ar);object-fit:cover;border:1px solid rgb(63 43 47 / 22%)}.frame figcaption span{font-weight:700;margin-right:.6em;color:var(--rose-deep)}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.vids a{display:block;border:1px solid rgb(205 160 83 / 50%);padding:16px;text-decoration:none}
.years{display:grid}.year{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid rgb(245 237 225 / 25%)}.year h4{font:500 clamp(2rem,4vw,3rem)/1 var(--serif);margin:0;color:var(--gold-soft)}.year small{display:block;font:400 .9rem var(--sans);color:var(--cream)}
.rec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;padding:14px 0;border-bottom:1px solid rgb(245 237 225 / 16%);text-decoration:none}.rec strong{font:500 1.2rem/1.25 var(--serif)}.rec small{font-size:.85rem}
.honours{list-style:none;padding:0;display:grid;gap:12px;max-width:70ch}
@media (max-width:700px){.year{grid-template-columns:minmax(0,1fr)}.rec{grid-template-columns:minmax(0,1fr)}}
.volume{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(20px,4vw,52px);align-items:center}.volume img{max-width:100%}.volume-copy p{margin-bottom:1em;max-width:56ch}
@media (max-width:760px){.volume{grid-template-columns:minmax(0,1fr)}}
.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,32px);list-style:none;padding:0}.principles>*{border-top:1px solid var(--gold-soft);padding-top:14px}.principles h4{margin-top:0}
@media (max-width:760px){.principles{grid-template-columns:minmax(0,1fr)}}
dialog{border:1px solid var(--gold);background:var(--oxblood-deep);color:var(--cream);padding:18px 20px;max-width:min(94vw,760px);max-height:94vh;overflow:auto}dialog::backdrop{background:rgb(46 9 16 / 84%)}
.peek-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.peek-head h4{font:500 1.25rem var(--serif);margin:0}.peek-note{font-size:.9rem;margin:8px 0 12px}.peek-pages{list-style:none;margin:0;padding:0}.peek-pages li[hidden]{display:none}.peek-pages img{width:100%;height:auto;max-height:62vh;object-fit:contain;background:var(--oxblood-deep)}.peek-nav,.v-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}.peek-text{margin-top:10px;font-size:.92rem}.peek-text summary{cursor:pointer;color:var(--gold-soft);min-height:44px;display:flex;align-items:center}
.lb-btn,.v-close,.peek-close{background:transparent;border:1px solid rgb(245 237 225 / 60%);color:var(--cream);min-width:44px;min-height:44px;font-size:1.4rem;cursor:pointer}.v-close{float:right}
.v-nav button,.peek-nav button{background:transparent;color:var(--cream);border:1px solid rgb(245 237 225 / 60%);min-height:44px;padding:8px 16px;font:500 .95rem var(--sans);cursor:pointer}.v-nav button[disabled],.peek-nav button[disabled]{opacity:.4}
.viewer img{max-height:68vh;width:auto;max-width:100%;margin:0 auto;object-fit:contain}.viewer figcaption{text-align:center}
.foot{background:var(--oxblood-deep);color:var(--cream);padding:clamp(36px,6vw,72px) 0;font-size:.92rem}.foot .wrap{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:32px}.foot p{margin-bottom:.9em;max-width:70ch}.foot a{color:var(--gold-soft)}.foot-crest img{max-width:180px}.foot-crest small{display:block;opacity:.85;margin-top:.5rem}
@media (max-width:760px){.foot .wrap{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.top,.story-index,.story-bar,.panel-nav,.skip,.actions,dialog,.album-more-wrap,.menu{display:none!important}.panel[hidden]{display:block!important}.panel,.hero,.foot{background:var(--cream)!important;color:var(--ink)!important;border:0!important;padding:12px 0!important}.book-intro{background:var(--cream)!important;color:var(--ink)!important;margin:0 0 12px!important}body{background:var(--cream);font-size:11pt}a{color:var(--ink)}.hero h1,.ch-title,.ch-num,.ch-place,.verse,.vo{color:var(--ink)!important}.ch-cols{grid-template-columns:1fr}}
.structure{container:structure/inline-size}.sect-body{container:sect/inline-size}
@container structure (max-width:960px){.structure-flow{grid-template-columns:minmax(0,1fr)}.s-link{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 0 10px 22px;min-width:0}.s-arrow{width:0;height:34px;border-top:0;border-left:2px solid var(--gold-soft)}.s-capital .s-arrow{border-left-style:dashed}.s-owns .s-arrow{border-left-style:solid;border-left-width:4px}.s-arrow::after{left:-7px;right:auto;top:auto;bottom:-1px;border-top:10px solid var(--gold-soft);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}}
@container sect (max-width:960px){.rosslyn-grid,.strands,.venture,.volume,.principles,.year{grid-template-columns:minmax(0,1fr)}.v-facts div{grid-template-columns:minmax(0,1fr);gap:2px}.status{justify-self:start}.rh-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container sect (max-width:520px){.rh-facts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
 .story-bar{flex-wrap:nowrap;gap:8px;padding:8px 12px}
 .sb-pos{flex:1 1 auto;min-width:0}.sb-title{font-size:1rem;line-height:1.2}
 .sb-ctl{flex:none;flex-wrap:nowrap;gap:6px}.sb-btn span{display:none}.sb-btn{min-width:44px;padding:8px 10px;font-size:1.15rem}.sb-all{padding:8px 12px}
}

.tone-ox .kicker,.tone-blue .kicker,.foot .kicker{color:var(--gold-soft)}
.story-head{grid-template-columns:minmax(0,1fr)}
h1,h2,h3,.ch-title,.b-name,.sb-title,.hero h1 span{overflow-wrap:anywhere}
@media (max-width:900px){.top .wrap{flex-wrap:wrap}}
.sect-body a,.sect-body p,.sect-body li,.sect-body dd{overflow-wrap:anywhere}
@media (max-height:700px){.story-bar{position:static}}
@media (max-width:700px){.sb-title{font-size:.95rem}}
.vids a.vid{display:grid;gap:8px;align-content:start;text-decoration:none;border:1px solid rgb(205 160 83 / 50%);padding:12px;color:inherit}.vids a.vid:hover{background:rgb(245 237 225 / 8%)}
.vid-screen{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:var(--oxblood-deep)}
.vid-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(46 9 16 / 60%),transparent 60%)}
.vid-num{position:absolute;left:8px;top:8px;z-index:2;background:var(--phthalo-deep);color:var(--gold-soft);font:600 .75rem var(--sans);padding:3px 8px}
.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgb(46 9 16 / 82%);border:1px solid var(--gold-soft);display:grid;place-items:center}.play svg{width:22px;height:22px;fill:var(--gold-soft);display:block}
.vid strong{font:500 1.15rem/1.25 var(--serif)}.vid small{font-size:.85rem;opacity:.92}
.volume-cover{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center;border:1px solid var(--gold);display:grid;place-items:center;min-height:220px}
.volume-panel{background:rgb(46 9 16 / 80%);padding:22px 26px;text-align:center;display:grid;gap:8px;justify-items:center;max-width:72%}.volume-panel img{width:100px;height:auto}.volume-panel span{font:500 clamp(1.1rem,2vw,1.6rem)/1.15 var(--serif)}.volume-panel em{font:italic 1rem var(--serif);color:var(--gold-soft)}
.vol-note{position:absolute;left:8px;bottom:6px;font-size:.72rem;background:rgb(46 9 16 / 82%);padding:2px 8px}
.charges li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 14px;border-top:1px solid rgb(245 237 225 / 22%);padding:14px 0}.c-num{grid-row:1/3;font:italic 500 1.4rem var(--serif);color:var(--gold-soft)}.charges h4{margin:0;grid-column:2;font-size:1.3rem}.charges p{grid-column:2}
.lineage li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:2px 16px;border-top:1px solid rgb(245 237 225 / 22%);padding:14px 0}.l-year{font:italic 500 1.5rem var(--serif);color:var(--gold-soft);grid-row:1/3}.l-place{font:600 .75rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.lineage p{grid-column:2}
.honours li{display:grid;gap:2px;border-top:1px solid rgb(245 237 225 / 22%);padding:10px 0}.honours strong{font:500 1.2rem var(--serif);color:var(--gold-soft)}
.revival h4{margin-top:0}.house-note{font-size:.9rem;opacity:.92;max-width:70ch}
.house-plates figcaption b{display:block}
.volume-cover{aspect-ratio:auto;width:100%;min-width:0;min-height:clamp(220px,40vw,340px)}.vol-note{max-width:calc(100% - 16px)}

/* =====================  V25 layer: atmosphere, composition, motion  ===================== */
/* hero: palette endpoints blended as translucent layers */
.hero{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(55% 80% at 86% 14%,rgb(192 128 129 / 22%),transparent 62%),radial-gradient(70% 90% at 6% 108%,rgb(63 43 47 / 58%),transparent 66%),linear-gradient(150deg,var(--rose-deep) 0%,var(--oxblood) 55%,var(--oxblood-deep) 100%)}
.hero-glow{position:absolute;z-index:-1;right:-8%;top:-14%;width:64vw;height:64vw;max-width:880px;max-height:880px;background:radial-gradient(closest-side,rgb(205 160 83 / 32%),rgb(205 160 83 / 8%) 56%,transparent 74%);pointer-events:none}
.portrait{position:relative}
.portrait-art{position:relative;isolation:isolate}.portrait-art::before{content:"";position:absolute;z-index:-1;inset:6% -6% -4% 10%;background:linear-gradient(160deg,rgb(245 237 225 / 94%),rgb(205 160 83 / 76%) 70%,rgb(205 160 83 / 70%))}
.portrait-art img{box-shadow:0 28px 50px -22px rgb(63 43 47 / 60%)}
.hero-places{display:flex;align-items:baseline;gap:.8em;margin:.1em 0 1em;font:italic 400 clamp(1.5rem,3.2vw,2.6rem)/1.1 var(--serif);color:var(--gold-soft)}
.hp-lead{font:600 .74rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);opacity:.9}
.hp-words{display:inline-grid;min-width:8.5ch}.hp-words span{grid-area:1/1;opacity:0}
@keyframes hpIn{0%{opacity:0;transform:translateY(.45em)}9%{opacity:1;transform:none}91%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.3em)}}
@keyframes hpLast{from{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}
.hp-words span:nth-child(1){animation:hpIn 2.5s .5s both}.hp-words span:nth-child(2){animation:hpIn 2.5s 3s both}.hp-words span:nth-child(3){animation:hpIn 2.5s 5.5s both}.hp-words span:nth-child(4){animation:hpIn 2.5s 8s both}.hp-words span:nth-child(5){animation:hpLast .8s 10.5s both}
@media (prefers-reduced-motion:reduce){.hp-words{display:inline;min-width:0}.hp-words span{display:inline;opacity:1!important;animation:none!important}.hp-words span+span::before{content:" · "}}
/* story: one atmosphere behind everything, cross-faded between tones (static gradients, only opacity changes) */
.story{background:var(--oxblood-deep);position:relative;isolation:isolate;overflow:clip;color:var(--cream);padding-top:calc(96px + clamp(20px,4vw,48px))}
.story::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:96px;background:linear-gradient(var(--cream),rgb(245 237 225 / 0%))}
.story .kicker,.story-head .legend{color:var(--gold-soft)}
.atmos{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;z-index:-2;pointer-events:none;contain:strict}.atmos i{position:absolute;inset:0;opacity:0;display:none;transition:opacity .7s ease}
.atmos i.is-on{display:block;opacity:1}
/* panels sit on the atmosphere; every block of body text sits on a stable reading surface */
.panel,.panel.tone-paper,.panel.tone-ox,.panel.tone-blue{background:none;border:0;padding:0;color:var(--cream)}
.panel[data-kind="chapter"] .ch-head,.panel[data-kind="section"] .ch-head{padding:var(--pp) var(--pp) 0;margin-bottom:0}
.panel .ch-head .ch-num,.panel .ch-head .ch-place{color:var(--gold-soft)}.panel .ch-head .ch-title{color:var(--cream)}
.panel[data-kind="chapter"] .ch-cols{margin:clamp(18px,3vw,36px) var(--pp) 0;padding:var(--pp);background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 42%,var(--cream) 100%);color:var(--ink);box-shadow:0 1px 0 rgb(63 43 47 / 40%),0 14px 0 -6px rgb(63 43 47 / 16%)}
.panel[data-kind="chapter"] .verse{color:var(--rose-deep)}
.panel[data-kind="chapter"] .prose a{color:var(--rose-deep)}
.panel[data-tone="ember"][data-kind="chapter"] .ch-cols{background:linear-gradient(180deg,rgb(46 9 16 / 90%),rgb(63 43 47 / 94%));color:var(--cream)}
.panel[data-tone="ember"][data-kind="chapter"] .verse,.panel[data-tone="ember"][data-kind="chapter"] .prose a{color:var(--gold-soft)}
.panel[data-kind="chapter"] > .plate{margin:0 var(--pp) clamp(20px,3vw,36px)}.panel[data-kind="chapter"] > .plate:first-child{margin-top:var(--pp)}
.panel[data-kind="chapter"] > .plate figcaption{color:var(--cream)}
.book-intro{margin:0 0 clamp(20px,3vw,40px);background:linear-gradient(90deg,rgb(46 9 16 / 92%),rgb(46 9 16 / 62%) 70%,rgb(46 9 16 / 35%))}
.panel[data-kind="chapter"] .vo,.panel[data-kind="chapter"] .vo{color:var(--gold-soft)}
.panel[data-kind="chapter"] > .vo,.panel[data-kind="chapter"] > .pull,.panel[data-kind="chapter"] > .see-also{margin-inline:auto;padding-inline:var(--pp)}.panel[data-kind="chapter"] > .see-also{max-width:none;margin-inline:0;padding-top:20px}.see-also a{color:var(--gold-soft)}
.panel[data-kind="chapter"] > .interlude{margin:36px var(--pp) 0;background:linear-gradient(180deg,var(--cream),var(--cream));color:var(--ink)}.panel[data-kind="chapter"] > .interlude a{color:var(--rose-deep)}
.panel > .panel-nav{margin:clamp(32px,5vw,56px) var(--pp) 0;padding-bottom:var(--pp);color:var(--cream)}
.panel[data-kind="section"] .sect-body{margin:clamp(18px,3vw,36px) var(--pp) 0;padding:var(--pp);background:linear-gradient(180deg,rgb(46 9 16 / 88%),rgb(46 9 16 / 80%));color:var(--cream);box-shadow:0 1px 0 rgb(63 43 47 / 40%),0 14px 0 -6px rgb(63 43 47 / 16%)}
.panel[data-kind="section"].tone-paper .sect-body{background:linear-gradient(180deg,var(--cream),var(--cream) 45%,var(--cream));color:var(--ink)}
.quote-note{font-size:.86rem;color:rgb(63 43 47 / 78%);max-width:60ch;margin-top:-.4em}
/* the tab change: one coordinated move (title wipe, panel rise, atmosphere cross-fade) */

@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* scroll-driven effects inside the selected panel and hero (progressive; compositor properties only) */
@supports (animation-timeline:scroll()){
 @keyframes heroDrift{to{transform:translate3d(0,-30px,0)}}@keyframes glowFade{to{opacity:.2;transform:scale(1.18)}}
 .portrait-art{animation:heroDrift linear both;animation-timeline:scroll(root);animation-range:0 90vh}.hero-glow{animation:glowFade linear both;animation-timeline:scroll(root);animation-range:0 90vh}
 
 
 @keyframes plateZoom{from{transform:scale(1.07)}to{transform:scale(1)}}.plate-media{overflow:hidden}
 @keyframes artFloat{from{transform:translateY(20px)}to{transform:translateY(-20px)}}
}
/* mobile hero: a balanced crop, the primary action early, no narrow left-aligned strip */
@media (max-width:820px){
 .hero{padding-block:22px 36px}.hero-role{order:1}.hero h1{order:2;margin-bottom:.12em}.hero-places{order:3;margin-bottom:.6em}
 .portrait{order:4;justify-self:stretch;width:100%;max-width:520px;margin:0 auto 18px}.portrait-art::before{inset:5% -2% -3% 4%}
 .portrait-art img{aspect-ratio:5/4;object-position:50% 9%;box-shadow:0 18px 34px -18px rgb(63 43 47 / 60%)}.portrait figcaption{display:none}
 .actions{order:5;margin-top:4px}.prologue{order:6;margin-top:22px}.hero-now{order:7}
}
@media (max-width:820px) and (max-height:700px){.portrait{order:8;margin-top:22px}}
@media (max-width:420px){.sb-pos{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}.sb-count{white-space:nowrap}.sb-title{flex:1 1 9ch}}
.reel{cursor:grab}.reel.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.reel img{-webkit-user-drag:none;user-select:none}
.ch-title:focus-visible{outline:3px solid var(--gold-soft);outline-offset:6px;box-shadow:none}
@media print{.atmos,.hero-glow{display:none!important}.panel[data-kind] .ch-cols,.sect-body,.interlude,.book-intro{background:var(--cream)!important;color:var(--ink)!important;box-shadow:none!important}.story{padding-top:0}.story::before{display:none}.panel{color:var(--ink)}.panel .ch-head .ch-title,.panel .ch-head .ch-num,.panel .ch-head .ch-place{color:var(--ink)!important}}

.panel:focus{outline:none}

/* small text over the atmosphere is cream (gold stays for large type and solid surfaces); the label inside a cream card is rose */
.story .kicker,.story-head .legend,.panel .ch-head .ch-place{color:var(--cream)}
.panel .interlude .kicker{color:var(--rose-deep)}
.panel > .see-also a{color:var(--cream);text-decoration:underline;text-underline-offset:4px}
.panel[data-kind="chapter"] > .vo,.panel[data-kind="chapter"] > .pull{color:var(--cream)}
.portrait figcaption{margin-top:1.1rem;color:var(--cream)}
.portrait figcaption{margin-top:2.1rem}
.panel[data-kind="chapter"].tone-paper > .see-also a,.panel[data-kind="chapter"].tone-ox > .see-also a{color:var(--cream)}

/* before the script takes over: show only the target panel (or the first), so a direct link never paints the whole story and then collapses it */
html.js-tabs .story-panels > .panel{display:none}
html.js-tabs .story-panels > .panel:first-child{display:block}
html.js-tabs .story-panels:has(> .panel:target) > .panel:first-child:not(:target){display:none}
html.js-tabs .story-panels > .panel:target{display:block}
html{scrollbar-gutter:stable}
/* the pre-script state uses the finished layout so nothing moves when the script takes over */
html.js-tabs .story-app{grid-template-areas:"bar" "index" "panels"}
html.js-tabs .story-bar{grid-area:bar}html.js-tabs .story-index{grid-area:index;display:none;max-height:min(62vh,520px);overflow:auto}html.js-tabs .story-panels{grid-area:panels}
html.js-tabs .story-bar[hidden]{display:flex;visibility:hidden;min-height:62px}
@media (min-width:1100px){html.js-tabs .story-app{grid-template-columns:310px minmax(0,1fr);grid-template-areas:"index bar" "index panels";column-gap:28px;align-items:start}html.js-tabs .story-index{display:block;position:sticky;top:calc(var(--hh) + 14px);max-height:calc(100vh - var(--hh) - 28px)}html.js-tabs .sb-all{display:none}}
@media (max-width:360px){.story-bar{flex-wrap:wrap;gap:6px 8px}.sb-pos{flex:1 1 100%}.sb-ctl{flex:1 1 100%;justify-content:space-between}.sb-ctl .sb-all{margin-left:auto}.sb-title{flex:1 1 auto}}
.plate figcaption strong{display:block;font:500 1.25rem/1.2 var(--serif);margin-bottom:.2rem}.plate figcaption small{display:block;font-size:.9rem}

/* =====================  V25 layer  ===================== */
/* One set of motion tokens: the stylesheet and the script both read these, so durations cannot drift apart */
:root{--m-fast:.22s;--m-panel:.5s;--m-stagger:.08s;--m-title:.75s;--m-num:.9s;--m-tone:.7s;--m-ease:cubic-bezier(.2,.7,.1,1)}
.atmos i{transition-duration:var(--m-tone)}
/* chapter entrance: the heading block moves first, then the reading card; the script removes the state only when these have finished */
.panel.is-entering .ch-title{animation:titleIn var(--m-title) var(--m-ease) both}
.panel.is-entering .ch-num{animation:numIn var(--m-num) var(--m-ease) both}
.panel.is-entering .ch-place{animation:placeIn var(--m-panel) var(--m-ease) both}
.panel.is-entering .ch-cols,.panel.is-entering .sect-body{animation:cardIn var(--m-panel) var(--m-ease) var(--m-stagger) both}
@keyframes titleIn{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(20px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes numIn{from{opacity:0;transform:translateX(-18px)}to{opacity:.9;transform:none}}
@keyframes placeIn{from{opacity:0}to{opacity:1}}
@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* title: the h3 carries the entrance, .t-scroll carries the scroll-linked movement (transform only), the text itself is never animated */
.t-scroll{display:block;transform-origin:0 100%}
@keyframes plateZoom{from{transform:scale(1.045)}to{transform:scale(1)}}
@supports (animation-timeline:scroll()){
 @keyframes titleScroll{from{transform:translateY(22px) scale(.97)}to{transform:none}}
 .panel .t-scroll{animation:titleScroll linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
}
@media (prefers-reduced-motion:reduce){.t-scroll{animation:none!important}}
/* chapter rhythm: quiet reading chapters, immersive turning points, alternating sides */
.panel:not([data-turn]) .ch-head .ch-num{display:inline;font-size:clamp(1.5rem,2.6vw,2.2rem);margin-right:.7em;vertical-align:baseline;opacity:.95}
.panel:not([data-turn]) .ch-head .ch-place{display:inline}
.panel[data-turn] .ch-num{font-size:clamp(5rem,13vw,11rem)}
.panel[data-turn] .ch-title{font-size:clamp(2.8rem,7.4vw,6.4rem)}
.panel[data-turn] .ch-cols{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.panel[data-glow] .ch-head{background:linear-gradient(180deg,rgb(205 160 83 / 20%),transparent 85%)}
@media (max-width:900px){.panel[data-turn] .ch-cols{grid-template-columns:minmax(0,1fr)}}
.plate[data-kind="illustration"] .plate-media,.plate[data-kind="reconstruction"] .plate-media{padding:10px;background:rgb(245 237 225 / 94%);border:1px solid var(--gold)}
.plate[data-kind="reconstruction"] .plate-media{border-style:dashed}
.plate[data-kind="illustration"] .plate-media img,.plate[data-kind="illustration"] .plate-media svg,.plate[data-kind="reconstruction"] .plate-media img{border:0}
.plate[data-kind="photograph"] .plate-media img{border:1px solid rgb(245 237 225 / 35%)}
figure[data-kind="ai"] img{outline:2px dotted var(--gold);outline-offset:3px}
figure[data-kind="render"] img{border:1px solid var(--gold-soft)}
/* desktop hero: name, portrait, positioning and the primary action fit the first screen */
@media (min-width:821px){
 .hero{padding-block:clamp(18px,2.6vw,44px)}
 .hero h1{font-size:clamp(3.1rem,min(8vw,15vh),8rem);margin:.1em 0 .18em}
 .hero-places{font-size:clamp(1.2rem,2.3vw,1.9rem);margin:0 0 .6em}
 .prologue{font-size:clamp(1.12rem,1.8vw,1.55rem)}
 .hero-now{margin-top:.9em;font-size:.98rem;max-width:44ch}
 .actions{margin-top:1.1rem}
 .portrait{width:min(100%,440px,calc((100vh - 170px) * .8))}
}

/* pre-script state: the synchronous marker (not :target, which waits for the deferred script) chooses the visible panel; aliases work too */
html.js-tabs .story-panels:has(> .panel[data-pre]) > .panel:first-child:not([data-pre]){display:none}
html.js-tabs .story-panels > .panel[data-pre]{display:block}

/* very narrow phones: keep the header on one row */
@media (max-width:360px){.brand span{font-size:1.05rem}.top .wrap{flex-wrap:nowrap;gap:8px}.menu summary{padding:10px 12px}}

/* anchor navigation in the readable fallback (no JavaScript, or after a failure): jump, never smooth-scroll across a very long page, where lazily loaded images move the destination mid-flight; and one offset, not two */
html:not(.tabs-on){scroll-behavior:auto}
.panel{scroll-margin-top:0}
html.tabs-on .panel,html.js-tabs .panel{scroll-margin-top:var(--bh,70px)}


/* Constant selector height across short and long chapter titles. */
.sb-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;line-height:1.25}
@media(max-width:700px){.sb-count,.sb-title{flex:0 0 100%;width:100%}}
/* V25.2: one composition in source order — verse, painting, prose, archive. */
.story-app.wrap{max-width:1600px}
.panel[data-kind="chapter"]{--pp:clamp(18px,2.4vw,36px)}
.panel[data-kind="chapter"] .chapter-composition{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px 32px;margin:24px 0 0;padding:var(--pp);align-items:start}
.chapter-verse{grid-column:1;grid-row:1;margin:0;font-size:clamp(1.25rem,1.8vw,1.65rem)}
.chapter-prose{grid-column:1;grid-row:2;min-width:0}
.narrative-art{grid-column:2;grid-row:1/span 2;align-self:start;justify-self:center;width:100%;max-width:560px;margin:0;min-width:0}
.art-surface{width:100%;aspect-ratio:1122/1402;background:var(--cream);box-shadow:0 2px 16px rgb(63 43 47 / 12%)}
.art-surface picture,.art-surface img{width:100%;height:auto;display:block}
.art-surface img{aspect-ratio:1122/1402;object-fit:contain;border:0}
.narrative-art figcaption{margin:.75rem 0 0;font-size:.85rem;line-height:1.5;color:inherit;opacity:1}
.narrative-art figcaption strong,.narrative-art figcaption small{display:block;font:inherit}
.narrative-art figcaption strong{font-weight:600;margin-bottom:.25rem}
.narrative-art a{color:inherit!important}
.archive-photo{grid-column:1/-1;grid-row:auto;width:min(100%,360px);justify-self:center;margin:8px 0 0;padding-top:24px;border-top:1px solid var(--gold)}
.archive-photo img{width:100%;height:auto;object-fit:contain;border-radius:0}
.archive-photo figcaption{font-size:.85rem;opacity:1}
.panel[data-rhythm="quiet"] .narrative-art{max-width:430px}
.panel[data-turn] .chapter-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.panel[data-turn] .ch-head{padding-bottom:0}
@media(max-width:1099px){
 .panel[data-kind="chapter"] .chapter-composition{grid-template-columns:minmax(0,1fr);gap:24px}
 .chapter-verse,.narrative-art,.chapter-prose,.archive-photo{grid-column:1;grid-row:auto}
 .chapter-verse,.chapter-prose{width:100%;max-width:65ch;justify-self:center}
 .narrative-art{width:100%;max-width:min(560px,calc((100svh - var(--hh) - var(--bh,100px) - 96px)*.8));min-width:min(100%,280px)}
 .panel[data-rhythm="quiet"] .narrative-art{max-width:min(430px,calc((100svh - var(--hh) - var(--bh,100px) - 96px)*.8))}
}
@media(max-width:600px){
 .story-app.wrap{padding-inline:18px}
 .panel[data-kind="chapter"] .chapter-composition{padding:18px;gap:22px;margin-top:18px}
 .panel[data-kind="chapter"] .ch-head{padding-inline:0}
 .chapter-verse{font-size:1.25rem}
 .archive-photo{width:84%;padding-top:20px}
 .panel .ch-title{font-size:clamp(2.4rem,10vw,3.8rem)}
 .panel[data-turn] .ch-num{font-size:clamp(3.2rem,12vw,5.5rem)}
}
/* Calm, finite entrance; the composition owns its transform, images never float out of alignment. */
.hero-crest{width:auto;height:108px;object-fit:contain;margin:0 0 16px;justify-self:start;animation:rise .65s var(--m-ease) both}
.hero-copy>:not(.hero-crest){animation-delay:.1s}
.hero-copy h1{animation-delay:.18s}
.hero-copy .actions{animation-delay:.24s}
@media(max-width:820px){
 .hero-crest{order:0;height:76px;margin-bottom:12px}
 .hero-role{font-size:.88rem;line-height:1.45}
 .hero h1{font-size:clamp(3.2rem,14.5vw,4.6rem)}
 .actions{order:4}.portrait{order:5;margin-top:20px}
}
@media(max-height:500px) and (min-width:700px){
 .hero{padding-block:12px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);row-gap:4px;align-items:start}.hero-copy{display:contents}
 .hero-crest{grid-column:1;grid-row:1;height:64px;margin:0}
 .hero-role{grid-column:1;grid-row:2;font-size:.76rem;line-height:1.35;max-width:none}
 .hero h1{grid-column:1;grid-row:3;font-size:3rem;margin:0}
 .hero-places{grid-column:1;grid-row:4;font-size:1rem;margin:2px 0}
 .hero .actions{grid-column:1;grid-row:5;margin:4px 0 0;gap:8px 16px;display:flex}
 .hero .btn{padding:10px 18px;min-height:44px}
 .hero .portrait{grid-column:2;grid-row:1/span 5;width:min(100%,200px);margin:0;justify-self:center;align-self:center}
 .hero .prologue{grid-column:1/-1;grid-row:6;font-size:1rem;margin-top:16px}
 .hero-now{grid-column:1/-1;grid-row:7;font-size:1rem;margin:6px 0 0}
}
@media(prefers-reduced-motion:reduce){.hero-crest,.panel.is-entering .chapter-composition{animation:none!important;transform:none!important}.atmos i{transition:none!important}}
@media print{.chapter-composition{display:block!important}.narrative-art,.archive-photo{max-width:320px;margin:18px auto;break-inside:avoid}.hero-crest{height:80px}.chapter-prose{margin-top:20px}}

/* Native fragment scrolling must not race the tab transaction. */
html.tabs-on{scroll-behavior:auto}

/* V25.3: editorial rhythm and complete-art viewing. Existing identity tokens retained. */
.panel .ch-title{max-width:16ch;text-wrap:balance}
.panel .ch-head{padding-top:clamp(20px,3vw,38px)}
.book-intro{padding-block:24px;margin-bottom:24px}
.book-intro .b-name{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.05}
.panel .chapter-prose{font-size:1rem;line-height:1.8;max-width:65ch}
.chapter-prose p+p{margin-top:1.25em}
.chapter-verse{line-height:1.45;text-wrap:pretty}
.narrative-art figcaption{max-width:60ch;font-size:.82rem;line-height:1.55;margin-top:12px}
.art-open{display:block;position:relative;text-decoration:none!important;color:inherit;border:0}
.art-open:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.art-cue{display:block;margin-top:10px;font-family:var(--sans);font-size:.72rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.art-surface{box-shadow:0 5px 20px rgb(63 43 47 / 10%)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.art-open .art-surface{transition:box-shadow .2s ease}.art-open:hover .art-surface{box-shadow:0 8px 26px rgb(63 43 47 / 22%)}}
@media(min-width:1100px){
 .panel[data-kind="chapter"] .chapter-composition{column-gap:clamp(24px,3vw,48px);grid-template-rows:min-content 1fr}
 .panel[data-rhythm="quiet"] .chapter-composition{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .panel[data-rhythm="quiet"] .narrative-art{max-width:360px}
 .panel[data-kind="chapter"] .narrative-art{position:sticky;top:calc(var(--hh) + var(--bh,76px) + 20px);max-width:min(560px,calc((100svh - var(--hh) - var(--bh,76px) - 126px)*.8))}
 .panel[data-kind="chapter"] .archive-photo{grid-column:1;justify-self:start;width:min(100%,300px);margin-top:0}
}
.structure-description{font-size:.9rem;line-height:1.65;margin-top:16px}
.structure-description summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.venture .v-copy{max-width:65ch}
.hero-crest{padding:4px;background:var(--cream);outline:1px solid var(--gold);outline-offset:4px;margin-left:5px}
@media(min-width:601px) and (max-width:820px) and (min-height:600px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:20px 28px;align-items:start}
 .hero-copy{display:block;grid-column:1}
 .hero .portrait{grid-column:2;grid-row:1;width:100%;margin-top:36px;align-self:center}
 .hero h1{font-size:clamp(3rem,7.5vw,4.3rem)}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}
 .hero .actions .btn{grid-column:1/-1}
 .hero .prologue{font-size:1.2rem;margin-top:20px}
 .hero .hero-now{font-size:1rem}
}
@media(max-width:600px){
 .book-intro{padding-block:18px;margin-bottom:18px}
 .book-intro .b-name{font-size:2.7rem}
 .panel .ch-title{font-size:clamp(2.25rem,10vw,3.4rem);line-height:1.05}
 .panel[data-kind="chapter"] .chapter-composition{padding:16px;gap:24px}
 .panel .chapter-verse{font-size:1.18rem}
 .panel .chapter-prose{font-size:1rem;line-height:1.75}
 .panel[data-kind="chapter"] .narrative-art{min-width:0;max-width:min(100%,calc((100svh - var(--hh) - var(--bh,76px) - 114px)*.8));width:100%}
 .panel[data-kind="chapter"] .archive-photo{width:min(84%,300px)}
 .hero-crest{height:68px}
}
/* Artwork viewer: image fits the screen; text and controls remain independently readable. */
.art-viewer{width:min(100% - 24px,960px);max-width:960px;max-height:calc(100svh - 24px);padding:20px;border:1px solid var(--gold);background:var(--cream);color:var(--ink);overflow:auto}
.art-viewer::backdrop{background:rgb(46 9 16 / 88%)}
.art-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.art-viewer h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,3vw,2rem);line-height:1.2;margin:0}
.art-viewer button{background:transparent;color:var(--ink);border:1px solid currentColor;min-width:44px;min-height:44px;padding:8px 14px;cursor:pointer;font:inherit}
.art-viewer button:disabled{opacity:.45;cursor:default}
.art-viewer button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.art-viewer figure{margin:16px 0}
.art-viewer figure img{display:block;width:auto;height:auto;max-width:100%;max-height:max(180px,calc(100svh - 270px));object-fit:contain;margin:auto}
.art-viewer figcaption{font-size:.85rem;line-height:1.5;max-width:65ch;margin:14px auto 0}
.art-viewer-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.art-count{font-size:.8rem}
.art-viewer-note{font-size:.75rem;line-height:1.5;margin:14px 0 0}
@media(max-width:600px){.art-viewer{padding:14px}.art-viewer button{font-size:.85rem;padding:8px 10px}}
@media print{.art-cue,.art-viewer{display:none!important}.narrative-art{position:static!important;max-width:320px!important}.chapter-composition{display:block!important}.structure-description{display:block}}

@media(max-width:600px){.venture .v-logo{max-width:112px;justify-self:start}.venture .v-logo img{max-height:130px;width:auto;object-fit:contain}.venture .v-logo figcaption{font-size:.75rem}.venture{padding-block:24px}}

/* V25.4: separate landing state, single Home identity, explicit transitions. */
.brand{display:inline-flex;align-items:center;gap:12px;padding-block:6px;min-height:52px;text-decoration:none;white-space:nowrap}
.brand img{width:34px;height:42px;object-fit:contain;flex:none}.brand span{line-height:1.15}
html[data-view="home"] .story{display:none!important}html[data-view="panel"] .hero{display:none!important}
html[data-view="panel"] .story{padding-top:24px}
.story-context-wrap,.group-glance{margin:24px var(--pp);font-size:.9rem;line-height:1.7}
.story-context-wrap summary,.group-glance summary,.site-information summary{min-height:44px;cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.story-context{padding:20px 0;max-width:65ch}.story-context h2{font-size:2rem}.story-context p{margin-top:12px}
.group-glance{margin:24px 0 0}.group-glance .ledger .wrap{padding:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.site-information{font-size:.8rem}.site-information[open] p{margin-block:12px}
@media(max-width:600px){.brand{gap:9px}.brand img{width:28px;height:36px}.brand span{font-size:1.05rem}.top>.wrap{gap:12px}.story-context-wrap{margin-inline:18px}}
:root{--m-panel:.65s;--m-stagger:.16s;--m-title:1s;--m-num:1s;--m-tone:.9s}
@keyframes pageOut{to{opacity:0;transform:translateY(-10px)}}
.panel.is-leaving{animation:pageOut .18s ease-in both;pointer-events:none}
@keyframes cardIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.panel.is-leaving{animation:none!important}.panel.is-entering *{animation:none!important}}
@media print{html[data-view] .hero,html[data-view] .story{display:block!important}.site-information{display:block}}

.brand img{width:32px;height:48px}@media(max-width:600px){.brand img{width:28px;height:42px}}

.tabs-on #story-h{display:none}

.group-glance .ledger{color:var(--ink)}
/* V25.5 — refinement of the established identity. */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px}
.atmos .a-dawn{background:linear-gradient(145deg,var(--cream),var(--gold-soft))}
.atmos .a-warm{background:linear-gradient(145deg,var(--rose-light),var(--rose-deep))}
.atmos .a-night{background:linear-gradient(145deg,var(--phthalo),var(--phthalo-deep))}
.atmos .a-ember{background:linear-gradient(145deg,var(--oxblood),var(--oxblood-deep))}
.atmos .a-gold{background:linear-gradient(145deg,var(--oxblood-deep),var(--oxblood))}
.panel[data-book="1"]{color:var(--ink)}
.panel[data-book="1"] .ch-head .ch-title,.panel[data-book="1"] .ch-head .ch-num,.panel[data-book="1"] .ch-head .ch-place,.panel[data-book="1"]>.panel-nav,.panel[data-book="1"] .story-context{color:var(--ink)}
.panel[data-book="2"] .ch-head{background:var(--rose-deep)}
.panel[data-book="1"] .book-intro{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--gold)}
.panel[data-book="1"] .book-intro .b-kick{color:var(--rose-deep)!important}
.panel[data-book="2"] .book-intro{background:var(--rose-deep)}
.panel[data-book="3"] .book-intro{background:var(--phthalo-deep)}
.panel[data-book="4"] .book-intro,.panel[data-book="5"] .book-intro{background:var(--oxblood-deep)}
.panel[data-book="5"] .ch-title{color:var(--gold-soft)}
.panel[data-kind="chapter"] .chapter-composition{margin:var(--s3) 0 0;padding:var(--s3);gap:var(--s3);background:var(--cream);color:var(--ink);box-shadow:none}
.panel[data-kind="chapter"] .chapter-verse,.panel[data-kind="chapter"] .chapter-prose a{color:var(--rose-deep)}
.panel[data-kind="chapter"] .narrative-art{position:static;min-width:0;width:100%;max-width:420px;align-self:start}
.panel[data-art-size="560"] .narrative-art{max-width:560px}
.art-surface{background:transparent;border:1px solid var(--gold);padding:0;box-shadow:0 8px 24px rgb(63 43 47 / 18%)}
.art-surface img,.art-surface picture,.narrative-art{transform:none!important}
figcaption,.narrative-art figcaption,.archive-photo figcaption{font:400 .8125rem/1.55 var(--sans);opacity:1;margin-top:var(--s2)}
.caption-label{display:block;font-variant-caps:all-small-caps;letter-spacing:.1em;font-size:.875rem;font-weight:600;margin-bottom:4px}
.panel .chapter-prose{max-width:65ch;line-height:1.8}
.chapter-prose p{font-size:1rem;max-width:65ch;margin-bottom:var(--s3)}
.chapter-prose>p:first-of-type::first-letter{float:left;font:500 3.7em/.8 var(--serif);padding:.12em .12em 0 0;color:var(--rose-deep)}
.chapter-verse span,.chapter-verse span:nth-child(even){padding-left:1.2em;text-indent:-1.2em}
.panel .ch-title{text-wrap:balance;max-width:18ch}
@media(min-width:1100px){
 html.tabs-on .story-app{grid-template-columns:260px minmax(0,1fr);column-gap:24px;padding-inline:48px}
 .panel[data-kind="chapter"] .chapter-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--s3)}
 .panel[data-art-side="left"] .narrative-art{grid-column:1;grid-row:1/span 2}
 .panel[data-art-side="left"] .chapter-verse{grid-column:2;grid-row:1}
 .panel[data-art-side="left"] .chapter-prose{grid-column:2;grid-row:2}
 .panel[data-art-side="left"] .archive-photo{grid-column:2}
 .panel[data-art-side="right"] .archive-photo{grid-column:1}
}
@media(max-width:1099px){
 .panel[data-kind="chapter"] .chapter-composition{grid-template-columns:minmax(0,1fr)}
 .chapter-verse,.chapter-prose,.narrative-art,.archive-photo{grid-column:1;grid-row:auto}
}
@media(max-width:599px){.panel[data-kind="chapter"] .chapter-composition{padding:var(--s2);margin-inline:0}.story-app.wrap{padding-inline:34px}.panel[data-kind="chapter"] .ch-head{padding-inline:0}.panel .chapter-verse{font-size:1.2rem}}
.hero .prologue{margin-top:var(--s2)}
@media(max-width:600px){.hero{padding-top:20px}.hero-copy{display:contents}.hero .prologue{order:3;font-size:1.25rem}.hero .hero-places{order:5;margin-top:20px}.hero .hero-now{order:6}.hero .actions{order:4;margin-top:20px}.hero .portrait{order:7}.hero h1{font-size:clamp(3.2rem,14vw,4.6rem)}.hero-role{font-size:.8rem}.hero .actions .btn{padding-block:12px}}
@media(max-height:500px) and (min-width:601px){
 .hero{padding:12px 0 24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px 32px;align-items:start}.hero-copy{display:block}.hero h1{font-size:3rem;margin:8px 0}.hero h1 .h1-a,.hero h1 .h1-b{display:inline}.hero-role{font-size:.78rem}.hero .prologue{font-size:1.05rem;line-height:1.3;margin:8px 0}.hero .actions{display:flex;margin-top:12px;gap:8px 16px}.hero .actions .btn{padding:10px 16px;min-height:44px}.hero .portrait{grid-column:2;grid-row:1;width:170px;margin:0}.hero .hero-places,.hero .hero-now{display:none}
}
.story-panels{position:relative}
@keyframes crossOut{from{opacity:1}to{opacity:0}}
@keyframes crossIn{from{opacity:0}to{opacity:1}}
.panel.is-crossfading-out{display:block!important;position:absolute;inset:0 0 auto;pointer-events:none;z-index:1;animation:crossOut 320ms ease both}
.panel.is-crossfading-in{animation:crossIn 320ms ease both}
@keyframes paintingFade{from{opacity:0}to{opacity:1}}
@keyframes verseFade{from{opacity:0}to{opacity:1}}
.panel.is-entering .chapter-composition{animation:none;transform:none}
.panel.is-entering .narrative-art{animation:paintingFade 600ms ease both}
.panel.is-entering .chapter-verse>span{animation:verseFade 600ms ease both;animation-delay:calc(var(--line,0)*80ms)}
.chapter-progress{display:flex;justify-content:space-between;width:100%;gap:2px;border-top:1px solid var(--gold);padding-top:4px;font:400 11px/16px var(--serif);color:var(--cream)}
.chapter-progress span{min-width:0;text-align:center;flex:1}.chapter-progress .current{color:var(--gold-soft);font-weight:700;border-bottom:2px solid var(--gold-soft)}
.pn-next:has(.next-art){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px}.pn-next .next-art{grid-column:1;grid-row:1/span 2;width:44px;height:55px;object-fit:contain;border:1px solid var(--gold)}.pn-next>span,.pn-next>strong{grid-column:2}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.panel.is-entering *{opacity:1!important}.is-crossfading-out{display:none!important}}
@media print{.chapter-progress{display:none!important}.panel.is-crossfading-out{position:static;opacity:1}}
.panel[data-kind="chapter"][data-book] .chapter-composition{background:var(--cream);color:var(--ink)}
.panel[data-kind="chapter"][data-book] .chapter-verse,.panel[data-kind="chapter"][data-book] .chapter-prose a{color:var(--rose-deep)}
/* The painting's finite fade is triggered on intersection, including below-fold phone artwork. */
.panel.is-entering .narrative-art{animation:none}
/* Stable text surfaces across every atmosphere, including secondary sections. */
.panel[data-book="1"] .story-context .kicker,.panel[data-book="1"]>.vo{color:var(--ink)}
.panel[data-kind="section"]>.chapter-body>.ch-head{background:var(--oxblood-deep);padding-bottom:24px}
.panel>.panel-nav{background:var(--oxblood-deep);color:var(--cream);padding:16px 24px;margin-inline:0}
.panel[data-book="1"]>.panel-nav{background:var(--cream);color:var(--ink)}
.pn span{opacity:1}
.panel[data-book="1"]{background:linear-gradient(160deg,var(--cream),var(--gold-soft))}
.panel[data-book="2"]{background:linear-gradient(160deg,var(--rose),var(--rose-deep))}
.panel[data-book="3"]{background:linear-gradient(160deg,var(--phthalo),var(--phthalo-deep))}
.panel[data-book="4"],.panel[data-book="5"]{background:linear-gradient(160deg,var(--oxblood),var(--oxblood-deep))}
@media(max-width:600px){.panel>.panel-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}.panel-nav .pn{max-width:none;width:100%;margin:0;text-align:left}.pn-next:has(.next-art){grid-template-columns:44px minmax(0,1fr)}.pn-prev{border-bottom:1px solid var(--gold);padding-bottom:16px}}
.story-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
.chapter-progress{grid-column:1/-1;min-width:0;width:100%;white-space:nowrap}
.chapter-progress span{flex:1 1 auto;min-width:max-content;line-height:16px}
@media(max-width:700px){.story-bar{grid-template-columns:minmax(0,1fr)}.sb-pos{display:block}.sb-count,.sb-title{display:block}.sb-title{height:2.5em}.sb-ctl{justify-content:space-between;flex-wrap:nowrap}.chapter-progress{font-size:10px;gap:1px}}
@media(max-width:700px){.story-bar{padding:6px 12px;row-gap:3px}.sb-title{line-height:1;height:2em;min-height:2em}.chapter-progress{padding-top:2px}.chapter-progress span{line-height:12px}}
.chapter-progress span{font-weight:700;border-bottom:2px solid transparent}.chapter-progress .current{border-bottom-color:var(--gold-soft)}

/* V25.6 item 3: preserve the domain as one readable unit. */
#contact .email{white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:clamp(.95rem,4.6vw,1.125rem);max-width:100%;display:inline-block}
#contact .email-domain{display:inline-block;white-space:nowrap;overflow-wrap:normal;hyphens:none}
@media(max-width:600px){#contact .sect-body{margin-inline:0;padding:16px}#contact .contact-card{padding:0}}

/* V25.6 item 4: explicit ordinary and feature compositions. */
@media(min-width:1100px){
 html.tabs-on .story-app,html.js-tabs .story-app{grid-template-columns:200px minmax(0,1fr);column-gap:20px;padding-inline:24px}
 .panel[data-kind="chapter"]{--pp:24px}
 .panel[data-kind="chapter"] .chapter-composition{grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding:24px}
 .panel[data-kind="chapter"][data-art-side="left"] .chapter-composition{grid-template-columns:400px minmax(0,1fr)}
 .panel[data-kind="chapter"] .narrative-art{width:400px;max-width:400px}
 .panel[data-art-size="560"] .chapter-composition{grid-template-columns:minmax(0,1fr)!important;justify-items:center}
 .panel[data-art-size="560"] .chapter-composition>*{grid-column:1!important;grid-row:auto!important}
 .panel[data-art-size="560"] .narrative-art{width:560px;max-width:560px}
 .panel[data-art-size="560"] .chapter-verse,.panel[data-art-size="560"] .chapter-prose{width:100%;max-width:34rem}
 .art-surface{border:0;outline:1px solid var(--gold);outline-offset:-1px}
}
@media(min-width:1100px) and (max-width:1349px){
 html.tabs-on .story-app,html.js-tabs .story-app{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "index" "panels"}
 html.tabs-on .story-index,html.js-tabs .story-index{display:none;position:static}
 html.tabs-on .story-app.index-open .story-index{display:block}
 html.tabs-on .sb-all,html.js-tabs .sb-all{display:inline-flex}
}

/* V25.6 item 5: reading measure and a companion painting, not a trailing empty column. */
.panel .chapter-prose,.panel .chapter-prose p{max-width:34rem;line-height:1.6}
@media(min-width:1100px){
 .panel[data-kind="chapter"] .chapter-prose{width:min(100%,var(--prose-width,34rem));justify-self:center}
 .panel[data-kind="chapter"] .chapter-verse{width:min(100%,34rem);justify-self:center}
 .panel[data-kind="chapter"] .chapter-composition{grid-template-rows:auto auto auto}
 .panel[data-kind="chapter"] .narrative-art{position:sticky;top:calc(var(--hh) + var(--bar-height,90px) + 24px);grid-row:1 / span 3;align-self:start}
 .panel[data-kind="chapter"] .archive-photo{width:min(100%,480px);max-width:480px;grid-row:3;justify-self:center;margin:0;padding-top:24px}
 .panel[data-art-side="left"] .archive-photo{grid-column:2}
 .panel[data-art-side="right"] .archive-photo{grid-column:1}
 .panel[data-art-size="560"] .narrative-art{position:static}
 .panel[data-art-size="560"] .archive-photo{grid-column:1;grid-row:auto}
}

/* Measured character-line fit at desktop; widths never exceed 34rem. */
@media(min-width:1100px){#ch1{--prose-width:496px}#ch2{--prose-width:508px}#ch3{--prose-width:540px}#ch4{--prose-width:540px}#ch5{--prose-width:502px}#ch6{--prose-width:496px}#ch7{--prose-width:514px}#ch8{--prose-width:502px}#ch9{--prose-width:514px}#ch10{--prose-width:498px}#ch11{--prose-width:518px}#ch12{--prose-width:482px}#ch13{--prose-width:508px}#ch14{--prose-width:496px}#ch15{--prose-width:544px}#ch16{--prose-width:520px}}

/* V25.6 item 6: one panel surface and optional cards, with rules between sections. */
.panel[data-kind="section"]{background:var(--oxblood-deep);color:var(--cream)}
.panel[data-kind="section"] .sect-body{background:none;box-shadow:none;border:0;margin:24px 0 0;padding:0;color:var(--cream)}
.panel[data-kind="section"] .sect-body :is(article,section,div,ul,ol,li,figure,a):not([data-surface]):not(.volume-cover):not(.volume-panel):not(.btn):not(.album-open){background-color:transparent;box-shadow:none;border-left:0;border-right:0;border-bottom:0}
.panel[data-kind="section"] .sect-body :is(.ventures,.strands,.structure,.rosslyn-grid,.house-plates,.tej,.tej-primary,.volume,.volume-figure,.years,.principles,.charges,.lineage,.honours,.revival,.v-facts,.contact-side){background:none;border:0;box-shadow:none}
.panel[data-kind="section"] [data-surface="card"]{background:transparent;border:0;border-top:1px solid var(--gold);padding:20px 0;box-shadow:none}
.panel[data-kind="section"] .volume-panel{background:var(--oxblood-deep);border:0}
.panel[data-kind="section"] .volume-cover{border:0}
.vol-note{position:static;display:block;background:none;padding:12px 0 0;max-width:none;font-size:.8rem;line-height:1.5}
.panel[data-kind="section"] .group-glance .ledger{background:var(--cream);color:var(--ink)}
.panel[data-kind="section"] .tej-frame{background:none;border:0}
.panel[data-kind="section"] .ch-head{background:none!important}
@media(max-width:600px){.panel[data-kind="section"]{padding:20px}.panel[data-kind="section"] .sect-body{padding:0!important}.panel[data-kind="section"] .ch-head{padding-inline:0}.volume-panel{max-width:84%;padding:20px}}

/* The cover artwork and its typeset label are sequential, not nested surfaces. */
.panel[data-kind="section"] .volume-cover{display:block;background-image:none!important;min-height:0}
.volume-cover::before{content:"";display:block;aspect-ratio:4/3;background-image:var(--cover-art);background-position:center;background-size:cover}
.panel[data-kind="section"] .volume-panel{background:none!important;max-width:none;padding:20px 0 0}
.panel[data-kind="section"] .vid-num{background:none;border:0}

.panel[data-kind="section"] .vid-num{background:transparent!important;border:0!important}

.panel[data-kind="section"] .play{background:transparent!important;border:0!important}

/* V25.6 item 7: identical reserved geometry before and after enhancement. */



:root{--hh:73px;--bar-height:115px;--bh:121px;--serif:"Baskervville","NS Baskerville Fallback",Georgia,"Times New Roman",serif;--sans:"Baskervville","NS Baskerville Fallback",Georgia,"Times New Roman",serif}
.top{height:var(--hh)}.top>.wrap{height:72px;min-height:72px;flex-wrap:nowrap}
html:is(.js-tabs,.tabs-on) #story-h{display:none}
html:is(.js-tabs,.tabs-on) .story-app{display:grid;grid-template-areas:"bar" "index" "panels";grid-template-columns:minmax(0,1fr)}
html:is(.js-tabs,.tabs-on) .story-bar,html.js-tabs .story-bar[hidden]{display:grid;height:var(--bar-height);min-height:var(--bar-height);grid-template-rows:minmax(0,1fr) 23px;grid-template-columns:minmax(0,1fr) auto;align-content:center;box-sizing:border-box}
html.js-tabs .story-bar[hidden]{visibility:hidden}
html:is(.js-tabs,.tabs-on) .story-index{grid-area:index;display:none}
html:is(.js-tabs,.tabs-on) .story-panels{grid-area:panels;min-width:0}
.art-surface,.narrative-art img{aspect-ratio:1122/1402}
.chapter-composition{min-width:0}
@media(min-width:1350px){html:is(.js-tabs,.tabs-on) .story-app{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"index bar" "index panels";column-gap:20px;padding-inline:24px}html:is(.js-tabs,.tabs-on) .story-index{display:block}}
@media(min-width:1100px) and (max-width:1349px){html:is(.js-tabs,.tabs-on) .story-app{padding-inline:24px}}
@media(max-width:700px){:root{--bar-height:126px;--bh:132px}html:is(.js-tabs,.tabs-on) .story-bar,html.js-tabs .story-bar[hidden]{grid-template-columns:minmax(0,1fr);grid-template-rows:45px 44px 17px;row-gap:3px;padding:6px 12px}.sb-pos{height:45px}.sb-title{height:30.4px;min-height:30.4px}.sb-count{height:13.25px}}
html:is(.js-tabs,.tabs-on) .story-app.index-open .story-index{display:block}

/* V25.6 item 8: decoded images and verse are revealed in the viewport, once per visit. */
.story,.story-panels{background-color:var(--oxblood-deep)}
.panel.is-entering .chapter-verse>span{animation:none!important}
.chapter-verse[data-reveal-state="pending"]>span,.art-open[data-reveal-state="pending"]{opacity:0}
html.js-tabs .narrative-art .art-open{opacity:0}
@media(prefers-reduced-motion:reduce){.chapter-verse[data-reveal-state]>span,.art-open[data-reveal-state],html.js-tabs .narrative-art .art-open{opacity:1!important;transform:none!important}}
@media print{.chapter-verse[data-reveal-state]>span,.art-open[data-reveal-state]{opacity:1!important;transform:none!important}}

.volume-cover::before{content:none}.volume-marble{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:360px){#contact{padding-inline:16px}}

/* The archival closing image spans the composition instead of leaving a second column empty. */
@media(min-width:1100px){.panel[data-kind="chapter"] .archive-photo{grid-column:1/-1;justify-self:center}.panel[data-kind="chapter"] .narrative-art{grid-row:1/span 2}.panel[data-art-size="560"] .narrative-art{grid-row:auto}}

/* Final rendered contrast: ledger uses its original cream surface; video labels sit below imagery. */
.panel[data-kind="section"] .group-glance .ledger{background:var(--cream)!important;color:var(--ink)}
.panel[data-kind="section"] .group-glance .ledger span{color:var(--ink)}
.panel[data-kind="section"] .vid-num{position:static;display:block;padding:8px 0 0;color:var(--gold-soft)}

/* Contain the sticky painting before the archive row. */
.painting-column{display:contents}
@media(min-width:1100px){.panel[data-kind="chapter"] .painting-column{display:block;grid-column:2;grid-row:1/span 2;align-self:stretch;justify-self:center;width:400px;min-width:0}.panel[data-art-side="left"] .painting-column{grid-column:1}.panel[data-kind="chapter"] .painting-column .narrative-art{position:sticky;top:calc(var(--hh) + var(--bar-height) + 24px)}}

/* ===== V25.7 layer: brand typography (Rutland Square guideline), proposed palette, crest, focus ===== */
:root{--gold-soft:#cda053;--warm-black:#3f2b2f;--pink:#8a4a50;--pink-text:#6e343b;--oxblood-ground:#2e0910;--rose-quartz:#f7cac9}
body{font-family:var(--serif);font-weight:400}
h1,h2,h3,h4,.ch-title,.b-name,.sect-title,.t-name{font-family:var(--serif);font-weight:600;line-height:1.1}
h1 em,.h1-b{font-weight:400;font-style:italic}
.prologue,.b-sub,.hero-role,.intro,.lead,.chapter-verse{letter-spacing:.01em}
figcaption,.album-cap,.caption,small{font-family:var(--serif);font-style:italic}
.brand{gap:12px;min-height:0;padding-block:16px}
.brand img,.brand .brand-crest{height:40px;width:auto;object-fit:contain;flex:none}
:focus-visible{outline:2px solid var(--gold)!important;outline-offset:2px;box-shadow:0 0 0 4px var(--warm-black)!important}
.tone-paper :focus-visible,.book-intro :focus-visible,.sect-body :focus-visible,.ledger :focus-visible{outline-color:var(--warm-black)!important;box-shadow:0 0 0 4px var(--gold)!important}
.vid-num{background:rgb(46 9 16 / 88%);color:var(--gold);padding:2px 7px;border-radius:2px}

.hero h1,.hero h1 .h1-a{font-weight:600}
.hero h1 em,.hero h1 .h1-b{font-weight:400}

/* ===== V25.7 story: one composition, clear painting hierarchy, cinematic Part cards ===== */
.chapter-prose{max-width:34rem}
.chapter-prose p{max-width:34rem}
.book-intro .b-range{font:600 .78rem/1 var(--serif);letter-spacing:.22em;color:var(--pink-text);margin:0 0 .5rem}
.book-intro .b-range::after{content:"";display:inline-block;width:2.2em;height:1px;background:currentColor;vertical-align:middle;margin-left:.7em;opacity:.6}
.ch-head .ch-num{position:relative;display:inline-block}
.ch-head .ch-num::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:1px;background:var(--gold);transform-origin:left center}
@media (min-width:1100px){
  .panel[data-kind="chapter"] .chapter-composition{display:grid!important;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto 1fr;column-gap:clamp(32px,4vw,64px);row-gap:28px;align-items:start}
  .panel[data-kind="chapter"] .chapter-verse{grid-column:1;grid-row:1}
  .panel[data-kind="chapter"] .chapter-prose{grid-column:1;grid-row:2}
  .panel[data-kind="chapter"] .archive-photo{grid-column:1;grid-row:3;width:min(100%,420px)!important;max-width:420px!important;justify-self:start;margin:4px 0 0!important}
  .panel[data-kind="chapter"] .narrative-art{grid-column:2;grid-row:1/span 4;width:420px!important;max-width:420px!important;min-width:0;justify-self:end;position:sticky;top:calc(var(--hh) + var(--bh,96px) + 24px)}
  .panel[data-turn] .chapter-composition{grid-template-columns:minmax(0,1fr)!important;justify-items:center}
  .panel[data-turn] .chapter-verse,.panel[data-turn] .chapter-prose,.panel[data-turn] .archive-photo{grid-column:1;justify-self:center;width:100%;max-width:34rem}
  .panel[data-turn] .chapter-verse{grid-row:1;text-align:center}
  .panel[data-turn] .narrative-art{grid-column:1;grid-row:2;position:static;width:560px!important;max-width:560px!important;justify-self:center}
  .panel[data-turn] .chapter-prose{grid-row:3}
  .panel[data-turn] .archive-photo{grid-row:4;max-width:420px!important;justify-self:center}
}
@media (max-width:1099px){
  .panel[data-kind="chapter"] .narrative-art{width:100%!important;max-width:100%!important;min-width:0}
}
@media (prefers-reduced-motion:no-preference){
  .panel.is-entering .book-intro .bi-text{animation:biWipe .7s var(--m-ease) both}
  .panel.is-entering .ch-head .ch-num::after{animation:hairDraw .5s var(--m-ease) .15s both}
}
@keyframes biWipe{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes hairDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width:1100px){
  .panel[data-kind="chapter"]:not([data-turn]) .chapter-composition{grid-template-columns:minmax(0,1fr) 420px!important;grid-template-areas:"verse art" "prose art" "photo art" ". art"!important;direction:ltr}
  .panel[data-kind="chapter"][data-turn] .chapter-composition{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"verse" "art" "prose" "photo"!important;direction:ltr}
  .panel[data-kind="chapter"] .chapter-verse{grid-area:verse!important}
  .panel[data-kind="chapter"] .chapter-prose{grid-area:prose!important}
  .panel[data-kind="chapter"] .archive-photo{grid-area:photo!important}
  .panel[data-kind="chapter"] .narrative-art{grid-area:art!important}
}
@media (min-width:1100px){
  .story-panels .panel[data-kind="chapter"]:not(#v257x):not([data-turn]) .chapter-composition{grid-template-columns:minmax(0,1fr) 420px!important;grid-template-areas:"verse art" "prose art" "photo art" ". art"!important}
  .story-panels .panel[data-kind="chapter"]:not(#v257x)[data-turn] .chapter-composition{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"verse" "art" "prose" "photo"!important}
  .story-panels .panel[data-kind="chapter"]:not(#v257x) .chapter-verse{grid-area:verse!important;order:0!important}
  .story-panels .panel[data-kind="chapter"]:not(#v257x) .chapter-prose{grid-area:prose!important;order:0!important}
  .story-panels .panel[data-kind="chapter"]:not(#v257x) .archive-photo{grid-area:photo!important;order:0!important}
  .story-panels .panel[data-kind="chapter"]:not(#v257x) .narrative-art{grid-area:art!important;order:0!important}
}

.story-panels .panel[data-kind="chapter"] .chapter-composition>.painting-column{display:contents!important}

/* ===== V25.7 The Work: PANTONE 13-3802 TCX Orchid Tint (#DBD2DB) ===== */
.story-panels #rosslyn.panel{background:var(--rose-quartz)!important;color:var(--warm-black)!important}
.story-panels :is(#rosslyn) :not(:is(.panel-nav,.ledger,.panel-nav *,.ledger *)){color:var(--warm-black)}
.story-panels :is(#rosslyn) :is(.s-kind,.s-label,.ch-place,.eyebrow,.kicker,b,dt):not(:is(.panel-nav *,.ledger *)){color:var(--pink-text)!important}
.story-panels :is(#rosslyn) a:not(:is(.panel-nav *,.ledger *)){color:var(--warm-black);text-decoration-color:var(--pink-text)}
.story-panels :is(#rosslyn) :not(:is(.panel-nav,.ledger,.panel-nav *,.ledger *)){border-color:rgb(110 52 59 / 55%)}
.story-panels :is(#rosslyn) svg :is(path,line,polyline,rect,circle):not([fill="none"]){stroke:var(--pink-text)}
.story-panels :is(#rosslyn) svg :is(path,line,polyline){stroke:var(--pink-text)}

/* ===== V25.7 Photographs: uniform, face-aware grid ===== */
#photographs .album{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0 0 clamp(28px,4vw,44px);padding:0}
@media (max-width:1099px){#photographs .album{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
#photographs .album-item{flex:none!important;width:auto!important;min-width:0;margin:0}
#photographs .album-frame{display:block;aspect-ratio:1/1!important;overflow:hidden;background:var(--oxblood-ground)}
#photographs #album-table .album-frame{aspect-ratio:3/2!important}
#photographs .album-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 40%);transition:transform .35s var(--m-ease)}
#photographs .album-whole .album-frame img{object-fit:contain}
#photographs .album-open:hover img{transform:scale(1.025)}
#photographs .album-cap{margin:.5rem 0 0;font:italic .86rem/1.35 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){#photographs .album-frame img{transition:none}#photographs .album-open:hover img{transform:none}}

/* ===== V25.7 compact footer ===== */
.foot.foot-v257{padding:clamp(22px,3vw,34px) 0 clamp(18px,2.4vw,26px);font-size:.86rem;background:var(--oxblood-ground);color:var(--cream)}
.foot-v257 .foot-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:14px 40px;align-items:start}
.foot-v257 .foot-brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:600 1.05rem/1.1 var(--serif)}
.foot-v257 .foot-brand img{height:40px;width:auto}
.foot-v257 .site-information{margin-top:8px}
.foot-v257 .site-information summary{cursor:pointer;color:var(--gold);font-size:.82rem}
.foot-v257 .site-information .foot-crest img{max-width:120px;margin-top:8px}
.foot-v257 .foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.foot-v257 .foot-h{font:600 .72rem/1.2 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.foot-v257 ul{list-style:none;margin:0;padding:0}
.foot-v257 li{margin:0 0 3px}
.foot-v257 a{color:var(--cream);text-decoration-color:rgb(205 160 83 / 55%);text-underline-offset:3px}
.foot-v257 .foot-cols a{display:inline-block;padding:3px 0}
.foot-v257 .foot-legal{grid-column:1/-1;border-top:1px solid rgb(205 160 83 / 32%);padding-top:10px;font-size:.78rem;opacity:.92}
.foot-v257 .foot-legal p{margin:0 0 4px;max-width:none}
@media (max-width:760px){.foot-v257 .foot-grid{grid-template-columns:1fr}.foot-v257 .foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.foot-v257 .foot-cols a{font-size:.8rem;overflow-wrap:anywhere}}
@media (max-width:760px){
  .foot.foot-v257{padding:16px 0 12px}
  .foot-v257 .foot-grid{gap:10px}
  .foot-v257 .foot-id{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .foot-v257 .site-information{margin:0}
  .foot-v257 .foot-h{margin-bottom:2px;font-size:.66rem}
  .foot-v257 .foot-cols{gap:4px 12px}
  .foot-v257 .foot-cols li{margin:0}
  .foot-v257 .foot-cols a{font-size:.78rem;padding:4px 0;min-height:24px}
  .foot-v257 .foot-legal{padding-top:8px;font-size:.7rem;line-height:1.4}
}

/* ===== V25.7 document pages: legal and press pack ===== */
.doc-page{background:var(--cream);color:var(--warm-black);font-family:var(--serif)}
.doc-top{background:var(--oxblood-ground);padding:16px var(--pad)}
.doc-top .brand{color:var(--cream)}
.doc-main{max-width:44rem;margin:0 auto;padding:clamp(28px,5vw,56px) var(--pad) 64px;line-height:1.6}
.doc-main h1{font:600 clamp(2rem,5vw,3rem)/1.1 var(--serif);margin:0 0 1rem;color:var(--oxblood)}
.doc-main h2{font:600 1.25rem/1.1 var(--serif);margin:2rem 0 .5rem;color:var(--oxblood)}
.doc-main p,.doc-main li{margin:0 0 .8rem}
.doc-main a{color:var(--oxblood);text-underline-offset:3px}
.doc-draft{background:var(--oxblood);color:var(--cream);padding:8px 12px;font-style:italic}
.press-list{list-style:none;padding:0}.press-list li{padding:.6rem 0;border-bottom:1px solid rgb(110 52 59 / 25%)}.press-list span{display:block;font-style:italic;font-size:.92rem;color:var(--pink-text)}
.doc-note,.doc-back{font-size:.9rem;font-style:italic}
/* V25.7 fixes from the contrast audit */
.story-panels .book-intro .b-kick,.story-panels .book-intro .b-range{color:var(--cream)!important}
.story-panels .book-intro .b-range::after{background:var(--cream)}
.story-panels .vid-screen .vid-num,.story-panels .vid-num{background:rgb(46 9 16 / 90%)!important;color:var(--gold)!important;padding:2px 7px!important;border-radius:2px;line-height:1.3}




/* ===== V25.8 readability: larger story type ===== */
.story-panels .panel[data-kind="chapter"] .chapter-prose p{font-size:1.1875rem;line-height:1.65}
.story-panels .panel[data-kind="chapter"] .chapter-verse span{font-size:clamp(1.3rem,2.1vw,1.75rem);line-height:1.45}
.story-panels .panel[data-kind="chapter"] figcaption{font-size:.95rem;line-height:1.5}
.story-panels .panel[data-kind="chapter"] .ch-place{font-size:.9rem}
.story-panels .book-intro .b-sub{font-size:1.25rem}
@media (max-width:760px){.story-panels .panel[data-kind="chapter"] .chapter-prose p{font-size:1.125rem;line-height:1.65}}
/* ===== V25.8 The House: content centred ===== */
.story-panels #house .ch-head,.story-panels #house .sect-body{text-align:center}
.story-panels #house .sect-body{display:flex;flex-direction:column;align-items:center}
.story-panels #house .sect-body>*{max-width:46rem;margin-left:auto;margin-right:auto}
.story-panels #house .sect-body img{margin-left:auto;margin-right:auto}

/* ===== V25.8 Sections 1–8: PANTONE 13-1520 TCX Rose Quartz (#F7CAC9), superseding Orchid Tint ===== */
.story-panels :is(#rosslyn,#press,#principles).panel{background:var(--rose-quartz)!important;color:var(--warm-black)!important}
.story-panels :is(#rosslyn,#press,#principles) .sect-body{background:none!important;box-shadow:none!important}
.story-panels :is(#rosslyn,#press,#principles) :not(:is(.panel-nav,.ledger,.vid-num,.vid-screen,.panel-nav *,.ledger *,.vid-num *,.vid-screen *)){color:var(--warm-black)}
.story-panels :is(#rosslyn,#press,#principles) :is(.s-kind,.s-label,.ch-place,.eyebrow,.kicker,.sect-kick,.b-kick,b,dt,.sub,.yr,.year,.t-num,small):not(:is(.panel-nav *,.ledger *,.vid-num,.vid-screen *)){color:var(--pink-text)!important}
.story-panels :is(#rosslyn,#press,#principles) a:not(:is(.panel-nav *,.ledger *)){color:var(--warm-black);text-decoration-color:var(--pink-text)}
.story-panels :is(#rosslyn,#press,#principles) :not(:is(.panel-nav,.ledger,.panel-nav *,.ledger *)){border-color:rgb(110 52 59 / 55%)}
.story-panels :is(#press,#principles) svg :is(path,line,polyline){stroke:var(--pink-text)}
.story-panels :is(#rosslyn,#press,#principles) :focus-visible{outline-color:var(--warm-black)!important;box-shadow:0 0 0 4px var(--gold)!important}

/* ===== V26 FINAL ===== */
/* header: the family crest with proper authority */


/* image roles: turning-point feature 560 (1.33x the 420 ordinary), archive as framed evidence */
.story-panels .panel[data-kind="chapter"] .archive-photo{background:var(--cream);padding:10px 10px 12px!important;border:1px solid rgb(110 52 59 / 28%)!important;border-top:1px solid rgb(110 52 59 / 28%)!important;box-shadow:0 10px 24px rgb(46 9 16 / 14%)}
.story-panels .panel[data-kind="chapter"] .archive-photo figcaption{font-size:.9rem;font-style:italic;margin-top:8px}
@media (min-width:1100px){.story-panels #ch10 .archive-photo{width:min(100%,460px)!important;max-width:460px!important}}
/* landing: the hero fills the first screen so the footer never sits in view when the story opens */
.hero{min-height:calc(100svh - var(--hh,72px));display:flex;align-items:center}
.hero>.wrap{width:100%}
/* The House on phones: same ceremony, tighter rhythm */
@media (max-width:760px){.story-panels #house .sect-body>*{margin-top:0;margin-bottom:18px}.story-panels #house .sect-body figure{margin:8px auto 14px}.story-panels #house .sect-body img{max-width:min(72vw,260px)}.story-panels #house blockquote{margin:12px auto 18px}}
/* footer on short phones: one compact link band, headings kept for assistive technology */
@media (max-width:760px) and (max-height:700px){.foot-v257 .foot-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.foot-v257 .foot-cols{display:flex;flex-wrap:wrap;gap:0 14px}.foot-v257 .foot-cols>div{display:contents}.foot-v257 .foot-cols ul{display:contents}.foot-v257 .foot-cols li{display:inline}.foot.foot-v257{padding:12px 0 10px}}
/* Contact: the closing page */
.closing-mark{display:flex;flex-direction:column;align-items:center;gap:12px;margin:clamp(28px,5vw,56px) auto 8px;text-align:center}
.closing-mark img{height:72px;width:auto}
.closing-mark .closing-line{font:italic 400 clamp(1.25rem,2.2vw,1.6rem)/1.35 var(--serif);color:var(--pink-text);margin:0}
.closing-mark .closing-rule{width:72px;height:1px;background:var(--gold);opacity:.7}
/* type floor: no essential label below 13px; hierarchy carried by weight, case and tracking */
.chapter-progress span,.chapter-progress a,.grp-h,.foot-v257 .foot-h,.foot-v257 .foot-legal p,.foot-v257 .foot-legal a,.foot-v257 .foot-cols a,.pn span,.foot-crest small,figcaption small,.sb-count,.ch-place,.ledger b,.book-intro .b-range,.book-intro .b-kick,.art-cue,.vid-num{font-size:13px!important}
.chapter-progress{letter-spacing:0;gap:0;justify-content:space-between}
@media (max-width:380px){.chapter-progress span,.chapter-progress a{font-size:13px!important;letter-spacing:-.02em}}

@media (max-width:360px){.chapter-progress{display:none!important}}
@media (max-width:760px){.chapter-progress{display:none!important}}
@media (min-width:761px){.chapter-progress{gap:4px}}
.story-panels #contact .sect-body{padding:clamp(20px,3.2vw,44px)!important}
/* turning-point prose: a comfortable measure at 19px */
@media (min-width:1100px){.story-panels .panel[data-kind="chapter"][data-turn] .chapter-prose,.story-panels .panel[data-kind="chapter"][data-turn] .chapter-prose p{max-width:50rem!important}.story-panels .panel[data-kind="chapter"][data-turn] .chapter-verse{max-width:50rem!important}}
/* footer: one compact link band on every phone and in landscape; headings kept for assistive technology */
@media (max-width:760px),(max-height:500px){.foot-v257 .foot-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.foot-v257 .foot-cols{display:flex;flex-wrap:wrap;gap:0 16px}.foot-v257 .foot-cols>div,.foot-v257 .foot-cols ul{display:contents}.foot-v257 .foot-cols li{display:inline}.foot-v257 .foot-cols a{padding:6px 0;min-height:24px;display:inline-block}.foot.foot-v257{padding:12px 0 10px}.foot-v257 .foot-grid{gap:8px}.foot-v257 .foot-legal{padding-top:6px;line-height:1.35}}
@media (max-height:500px) and (min-width:761px){.foot-v257 .foot-grid{grid-template-columns:1fr}}
@media (min-width:1100px){.story-panels .panel[data-kind="chapter"][data-turn] .chapter-prose,.story-panels .panel[data-kind="chapter"][data-turn] .chapter-prose p,.story-panels .panel[data-kind="chapter"][data-turn] .chapter-verse{max-width:38rem!important}}
@media (max-width:760px),(max-height:500px){.foot-v257 .foot-cols a{padding:3px 0}.foot-v257 .foot-grid{gap:4px}.foot.foot-v257{padding:10px 0 8px}}
/* document pages: legal and press */
.doc-page .skip{position:absolute;left:-9999px}.doc-page .skip:focus{left:12px;top:12px;background:var(--cream);padding:6px 10px;z-index:9}
.doc-main ul{padding-left:1.2rem}.doc-main li{margin:0 0 .6rem}
.doc-links{margin:2.4rem 0 .6rem;font-size:.95rem}
.doc-foot{background:var(--oxblood-ground);color:var(--cream);padding:14px var(--pad);font-size:13px}
.doc-foot p{margin:0}
.press-list{list-style:none;padding:0;margin:0 0 1.6rem}
.press-list li{padding:.7rem 0;border-bottom:1px solid rgb(110 52 59 / 22%);margin:0}
.press-list .pp-title{display:block;font-weight:600;line-height:1.3}
.press-list .pp-meta{display:block;font-style:italic;font-size:.92rem;color:var(--pink-text);margin-top:2px}

/* ===================== V27 FINAL EXECUTION ===================== */
/* Header crest: sized by optical width, not height (consolidates the V25.7/V26 height rules) */
.brand img,.brand .brand-crest{width:38px!important;height:auto!important;max-height:none!important}
@media (max-width:1099px){.brand img,.brand .brand-crest{width:35px!important}}
@media (max-width:760px){.brand img,.brand .brand-crest{width:32px!important}}
.brand{gap:12px;align-items:center}
/* Hero: one focal unit — 1220px canvas, ~1.58:1 split, 48–60px gap, capped content-centred height */
@media (min-width:1100px){
 .hero .wrap{max-width:1220px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr)!important;column-gap:clamp(40px,4vw,60px)!important;align-items:center!important}
 .hero .portrait{justify-self:end;width:100%;max-width:470px}
 .hero .portrait img{width:100%;height:auto}
}
.hero{min-height:clamp(560px,calc(100svh - var(--hh,72px)),860px)!important;padding-block:clamp(28px,4vh,56px)!important}
/* The group: contained editorial column */
.story-panels #work .sect-body>*{max-width:980px;margin-left:auto;margin-right:auto}
.story-panels #work .ch-title{max-width:12.5em}
.story-panels #work .lead{margin-top:clamp(20px,2.4vw,30px)}
/* ownership diagram: three stages, top to bottom */
.story-panels #work .structure{margin:clamp(28px,3vw,40px) auto}
.story-panels #work .structure-flow{display:grid!important;grid-template-columns:minmax(0,560px)!important;justify-content:center!important;gap:0!important;padding:0;margin:0}
.story-panels #work .s-node{text-align:center;padding:16px 22px!important}
.story-panels #work .s-link{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:6px 0 8px!important;min-height:0!important}
.story-panels #work .s-arrow{display:block!important;width:1px!important;height:26px!important;background:var(--gold)!important;border:0!important;position:relative;transform:none!important}
.story-panels #work .s-arrow::after{content:"";position:absolute;left:-4px;bottom:-1px;border:4.5px solid transparent;border-top:6px solid var(--gold);border-bottom:0}
.story-panels #work .s-label{font-style:italic;font-size:13px!important;letter-spacing:.02em}
.story-panels #work .s-subs ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:10px 0 0}
.story-panels #work .s-subs ul li{border:1px solid rgb(205 160 83 / 35%);padding:8px 6px;font-size:14px;line-height:1.3}
/* business rows: 28 / 50 / 22 with status and logo sharing the third column */
@media (min-width:900px){
 .story-panels #work .venture{display:grid!important;grid-template-columns:minmax(0,28fr) minmax(0,50fr) minmax(0,22fr)!important;grid-template-rows:auto 1fr;column-gap:clamp(20px,2.4vw,32px)!important;padding:clamp(22px,2.4vw,30px) 0!important}
 .story-panels #work .venture .v-name{grid-column:1;grid-row:1 / span 2}
 .story-panels #work .venture .v-copy{grid-column:2;grid-row:1 / span 2}
 .story-panels #work .venture .status{grid-column:3;grid-row:1;justify-self:end;align-self:start}
 .story-panels #work .venture .v-logo{grid-column:3;grid-row:2;justify-self:end;align-self:start;margin:12px 0 0}
}
@media (max-width:899px){
 .story-panels #work .venture{display:grid!important;grid-template-columns:1fr auto!important;column-gap:16px;row-gap:10px;padding:22px 0!important}
 .story-panels #work .venture .v-name{grid-column:1;grid-row:1}
 .story-panels #work .venture .v-logo{grid-column:2;grid-row:1 / span 2;align-self:start;margin:0}
 .story-panels #work .venture .status{grid-column:1;grid-row:2;justify-self:start}
 .story-panels #work .venture .v-copy{grid-column:1 / -1;grid-row:3}
 .story-panels #work .s-subs ul{grid-template-columns:1fr}
}
.story-panels #work .strands{margin-top:clamp(40px,4vw,56px)}
/* Rosslyn: render and facts as one sticky media column beside the text */
@media (min-width:900px){
 .story-panels #rosslyn .rosslyn-grid{display:grid!important;grid-template-columns:minmax(0,56fr) minmax(0,44fr)!important;column-gap:clamp(32px,3.2vw,48px)!important;align-items:start!important}
 .story-panels #rosslyn .r-media{position:sticky;top:calc(var(--hh,72px) + var(--bh,64px) + 20px);align-self:start}
 .story-panels #rosslyn .r-copy{max-width:36rem}
 .story-panels #rosslyn .r-media .rh-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0}
}
@media (max-width:899px){
 .story-panels #rosslyn .rosslyn-grid{display:grid!important;grid-template-columns:1fr!important;row-gap:14px}
 .story-panels #rosslyn .r-media,.story-panels #rosslyn .r-copy{display:contents}
 .story-panels #rosslyn figure.render{order:1}
 .story-panels #rosslyn .r-copy .lead{order:2}
 .story-panels #rosslyn .rh-facts{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0}
 .story-panels #rosslyn .r-copy>*:not(.lead){order:4}
}
/* Footer on phones and short screens: brand and "About the crest" share one row; motto (decorative) hidden */
@media (max-width:760px),(max-height:500px){
 .foot-v257 .foot-id{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
 .foot-v257 .foot-id .motto,.foot-v257 .foot-id [class*="motto"]{display:none}
 .foot-v257 .foot-legal p{margin:0 0 4px}
 .foot.foot-v257{padding:8px 0 6px}
}
@media (min-width:1100px){.hero .wrap{padding-inline:0!important}}
.story-panels #work .structure{width:100%!important;display:block!important}
.story-panels #work .structure-flow{grid-template-columns:min(560px,100%)!important;width:100%!important}
@media (max-width:760px),(max-height:500px){
 .foot-v257 .brand img,.foot-v257 .brand .brand-crest{width:22px!important}
 .foot-v257 .foot-cols{row-gap:0!important}
 .foot-v257 .foot-cols a{padding:0!important;min-height:24px;line-height:24px}
 .foot-v257 .foot-legal p{display:inline;margin:0!important}
 .foot-v257 .foot-legal p+p::before{content:" "}
}

@media (max-width:600px){
 .story-panels #rosslyn .rh-facts{grid-template-columns:1fr!important;gap:0!important}
 .story-panels #rosslyn .rh-facts li{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgb(110 52 59 / 25%);overflow-wrap:normal;hyphens:none}
 .story-panels #rosslyn .rh-facts li>*{overflow-wrap:normal}
}
.story-panels #work .v-logo img{max-width:100%!important;height:auto!important}
.story-panels #work .sect-body{margin-left:0!important;margin-right:0!important;max-width:100%!important;min-width:0}
.story-panels #work .sect-body>*{max-width:min(980px,100%)!important}
@media (max-width:360px){.foot-v257 .foot-cols{gap:0 10px!important}.foot-v257 .foot-legal{line-height:1.3}.foot-v257 .foot-grid{gap:2px!important}}
/* ===== Photographs: a curated archive ===== */
.story-panels #photographs .sect-body{padding:clamp(20px,3.2vw,44px)!important}
.story-panels #photographs .sect-body>p{max-width:40rem}
.story-panels #photographs h4.sub{margin:clamp(30px,3.4vw,46px) 0 14px;padding-bottom:10px;border-bottom:1px solid rgb(110 52 59 / 30%)}
.story-panels #photographs .album-source{font-style:italic;font-size:14px;margin-top:-4px}
.story-panels #photographs .album{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,18px)!important;padding:0;margin:0;list-style:none;grid-auto-flow:row dense}
.story-panels #photographs .album-archive .album-item .album-frame{aspect-ratio:4/5!important;display:block;overflow:hidden;background:var(--oxblood-ground)}
.story-panels #photographs .album-archive .album-item.is-wide{grid-column:span 2}
.story-panels #photographs .album-archive .album-item.is-wide .album-open{flex:1 1 auto;display:flex;flex-direction:column}
.story-panels #photographs .album-archive .album-item.is-wide .album-frame{aspect-ratio:auto!important;flex:1 1 auto;position:relative;min-height:0}
.story-panels #photographs .album-archive .album-item.is-wide .album-frame img{position:absolute;inset:0}
.story-panels #photographs .album-table .album-item .album-frame{aspect-ratio:3/2!important;display:block;overflow:hidden}
.story-panels #photographs .album-frame img{width:100%!important;height:100%!important;object-fit:cover!important}
.story-panels #photographs .album-item{display:flex;flex-direction:column;margin:0}
.story-panels #photographs .album-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.story-panels #photographs .album-cap{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;display:block!important;font-style:italic;font-size:14px;line-height:1.4;margin:8px 0 0}
@media (max-width:760px){.story-panels #photographs .album{grid-template-columns:repeat(2,minmax(0,1fr))!important}.story-panels #photographs .album-cap{font-size:13px}}
.story-panels #photographs .album-archive .album-cap{min-height:2.8em}
.story-panels #photographs .album-archive .album-item.is-wide .album-frame{min-height:clamp(150px,20vw,360px)}
@media (max-width:760px){.story-panels #photographs .album-archive .album-item.is-wide .album-frame{flex:none;aspect-ratio:8/5!important}.story-panels #photographs .album-archive .album-cap{min-height:0}}
/* ===== How I work: an editorial set of four principles ===== */
.story-panels #principles .sect-body{padding:clamp(28px,4vw,56px)!important}
.story-panels #principles .lead{font:italic 400 clamp(1.2rem,1.8vw,1.45rem)/1.5 var(--serif)!important;max-width:34rem;margin:0 0 clamp(26px,3vw,40px)!important;color:var(--warm-black)!important}
.story-panels #principles .principles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:clamp(28px,4vw,56px)!important;row-gap:0!important;counter-reset:principle;margin:0;padding:0}
.story-panels #principles .principles>div{position:relative;counter-increment:principle;padding:clamp(22px,2.6vw,32px) 0 clamp(22px,2.6vw,32px) clamp(58px,5.6vw,78px)!important;border-top:1px solid rgb(110 52 59 / 35%)!important;border-bottom:0!important;margin:0!important}
.story-panels #principles .principles>div:nth-last-child(-n+2){border-bottom:1px solid rgb(110 52 59 / 35%)!important}
.story-panels #principles .principles>div::before{content:counter(principle,upper-roman);position:absolute;left:0;top:clamp(20px,2.4vw,30px);font:italic 400 clamp(2rem,3.2vw,2.7rem)/1 var(--serif);color:var(--pink-text);letter-spacing:.01em}
.story-panels #principles .principles h4{font:600 clamp(1.3rem,1.9vw,1.65rem)/1.25 var(--serif)!important;margin:0 0 8px!important;color:var(--warm-black)!important;text-transform:none!important;letter-spacing:0!important}
.story-panels #principles .principles p{font-size:1.125rem!important;line-height:1.6!important;margin:0!important;max-width:26rem;color:var(--warm-black)!important}
@media (max-width:760px){
 .story-panels #principles .principles{grid-template-columns:1fr!important}
 .story-panels #principles .principles>div:nth-last-child(-n+2){border-bottom:0!important}
 .story-panels #principles .principles>div:last-child{border-bottom:1px solid rgb(110 52 59 / 35%)!important}
 .story-panels #principles .principles p{font-size:1.0625rem!important}
}
@media (min-width:761px){.story-panels #principles .sect-body{padding-left:min(5vw,68px)!important;padding-right:min(5vw,68px)!important}}
@media (max-width:760px){.story-panels #principles .sect-body{padding-left:20px!important;padding-right:20px!important}.story-panels #principles .ch-head{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:760px){.story-panels #principles .principles>div{padding-left:42px!important}.story-panels #principles .principles>div::before{font-size:1.6rem;top:24px}}
/* V28.1: venture logos shown no larger than their files render sharply on high-density screens */
.story-panels #work .v-logo img{width:auto!important;height:auto!important;max-height:none!important}
.story-panels #work .v-logo img[src*="logo-rss."]{max-width:min(116px,100%)!important}
.story-panels #work .v-logo img[src*="logo-rosslyn."]{max-width:min(126px,100%)!important}
.story-panels #work .v-logo img[src*="logo-spiritus"]{max-width:min(180px,100%)!important}
/* V28.1: desktop footer crest given slightly more presence (phones unchanged) */
.foot-v257 .foot-brand img{width:30px;height:auto}
@media (min-width:761px) and (min-height:501px){.foot-v257 .foot-brand img{width:35px!important;height:auto!important}}

/* V28.1: on the two-column phone grid, one feature tile per group keeps every row full */
@media (max-width:760px){
 .story-panels #photographs .album-archive .album-item.wide-phone{grid-column:span 2}
 .story-panels #photographs .album-archive .album-item.wide-phone .album-frame{aspect-ratio:8/5!important;flex:none}
 .story-panels #photographs .album-archive .album-item.wide-phone img[src*="road-meghalaya"]{object-position:50% 52%!important}
}

@media (max-width:360px){.story-panels #photographs #album-table{grid-template-columns:1fr!important}}