
/* Brand-specific desktop presentation; original interaction logic retained. */
:root{--brand:#7355A4;--brand-ink:#302943;--brand-paper:#EEE7FA;--paper:#EEE7FA;--panel:#EEE7FA;--ink:#302943;--rule:#302943BB;--muted:#302943BB;--rose:#EEE7FA;--pine:#7355A4;--honey:#7355A4;--yolk:#7355A4;--yolk-deep:#7355A4;--ivory:#EEE7FA;--stain:#EEE7FA;--wash:#EEE7FA;--blue:#302943;--burgundy:#7355A4;--red:#7355A4;--sage:#EEE7FA;--teal:#7355A4;--cream:#EEE7FA}
body{background:#302943;color:#EEE7FA}a,button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}body>header,.nav,.site>header{background:#EEE7FA;color:#302943}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:#EEE7FA;color:#302943;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:#302943;color:#EEE7FA}.desk-frame,.manual,.ledger,.proof-desk{box-shadow:none}.yolk{background:#7355A4;color:#EEE7FA}.brand-art{max-width:100%;height:auto}
body{background:#EEE7FA;color:#302943}.new-hero{grid-template-columns:1fr 1fr;border-bottom:1px solid #7355A4}.new-hero h1{font:italic 76px/1.04 Georgia}.new-hero img{transform:rotate(4deg);box-shadow:12px 12px 0 #C9B7E5;border-radius:0}.hero{display:none}.workspace{grid-template-columns:310px 1fr!important}.editor{order:-1;background:#DBCDF0;transform:rotate(-1deg)}.proof{background:#FFFDF8;box-shadow:8px 10px 0 #D1BEDF}.panel{border-color:#7355A4}.story{border-top:2px dashed #7355A4}.masthead{border-radius:0}.new-hero a{background:#7355A4;color:#FFFDF8}
body{color:#302943}.new-hero{color:#302943}.new-hero h1,.new-hero p{color:inherit}.new-hero a{background:#7355A4;color:#EEE7FA}body>header,.nav,.site>header,.masthead{background:#302943;color:#EEE7FA}header a,header .brand,header .nav-button{color:inherit!important}.desk-note,.desk-note strong{color:inherit}.desk-frame{color:#302943}.ledger-main{color:#302943;background:#EEE7FA}.ledger-heading h1{color:inherit}
.hero-section,.intro-heading{display:none}.masthead{margin-bottom:0}
/* 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}}
