
/* Brand-specific desktop presentation; original interaction logic retained. */
:root{--brand:#913F2F;--brand-ink:#33241F;--brand-paper:#FFF2DF;--paper:#FFF2DF;--panel:#FFF2DF;--ink:#33241F;--rule:#33241FBB;--muted:#33241FBB;--rose:#FFF2DF;--pine:#913F2F;--honey:#913F2F;--yolk:#913F2F;--yolk-deep:#913F2F;--ivory:#FFF2DF;--stain:#FFF2DF;--wash:#FFF2DF;--blue:#33241F;--burgundy:#913F2F;--red:#913F2F;--sage:#FFF2DF;--teal:#913F2F;--cream:#FFF2DF}
body{background:#33241F;color:#FFF2DF}a,button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}body>header,.nav,.site>header{background:#FFF2DF;color:#33241F}header .brand,.nav .brand{color:inherit}.brand img,.wordmark img{object-fit:contain}.new-hero{max-width:1320px;margin:40px auto 60px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:42px 20px}.new-hero h1{font-size:78px;line-height:1.02;letter-spacing:-4px;margin:20px 0 24px}.new-hero p{max-width:500px;font-size:18px;line-height:1.65}.new-hero .chapter{font:12px monospace;letter-spacing:2px;text-transform:uppercase}.new-hero img{width:100%;border-radius:12px}.new-hero a{display:inline-block;background:#FFF2DF;color:#33241F;padding:16px 25px;margin-top:28px;text-decoration:none}.hero-footer{margin-top:28px;font:12px monospace;letter-spacing:1px}.brand-note{font:12px monospace;padding:14px 24px;text-align:center;border-top:1px solid currentColor}.opening{background:#33241F;color:#FFF2DF}.desk-frame,.manual,.ledger,.proof-desk{box-shadow:none}.yolk{background:#913F2F;color:#FFF2DF}.brand-art{max-width:100%;height:auto}
body{background:#FFF2DF}.new-hero{grid-template-columns:.9fr 1.1fr}.new-hero h1{font:500 88px/1.02 Georgia}.new-hero img{border-radius:160px 160px 12px 12px}.manual{max-width:1180px;border:0;background:#FFFAF3;border-radius:30px}.spread{grid-template-columns:320px 1fr}.portrait-page{background:#EBCBB5}.portrait-page figure{max-height:280px;overflow:hidden}.journal-page{padding:45px}.story{background:#913F2F;color:#FFF2DF;padding:60px}.primary{background:#913F2F;color:#FFF2DF}.intro-slip{background:#EBCBB5}
body{color:#33241F}.new-hero{color:#33241F}.new-hero h1,.new-hero p{color:inherit}.new-hero a{background:#913F2F;color:#FFF2DF}body>header,.nav,.site>header,.masthead{background:#33241F;color:#FFF2DF}header a,header .brand,header .nav-button{color:inherit!important}.desk-note,.desk-note strong{color:inherit}.desk-frame{color:#33241F}.ledger-main{color:#33241F;background:#FFF2DF}.ledger-heading h1{color:inherit}
/* Keep the existing desktop design within a phone viewport. */
@media(max-width:700px){.new-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 20px;transform:none}.new-hero>*{min-width:0}.new-hero h1{font-size:clamp(38px,11vw,56px);letter-spacing:-2px;overflow-wrap:break-word}.new-hero img{max-width:95%;justify-self:center}.desk-grid,.workspace,.ledger{grid-template-columns:minmax(0,1fr)!important}.workspace>*,.desk-grid>*,.ledger>*{min-width:0}.editor{order:0;transform:none}.brand-note{overflow-wrap:anywhere}}

@media(max-width:700px){.spread{grid-template-columns:minmax(0,1fr)}.journal-page{padding:24px 22px}}
