/* Brand-specific desktop presentation; original interaction logic retained. */
:root{--brand:#F33394;--brand-ink:#F5F2E9;--brand-paper:#111114;--paper:#111114;--panel:#111114;--ink:#F5F2E9;--rule:#F5F2E9BB;--muted:#F5F2E9BB;--rose:#111114;--pine:#F33394;--honey:#F33394;--yolk:#F33394;--yolk-deep:#F33394;--ivory:#111114;--stain:#111114;--wash:#111114;--blue:#F5F2E9;--burgundy:#F33394;--red:#F33394;--sage:#111114;--teal:#F33394;--cream:#111114}
body{background:#111114;color:#F5F2E9}a,button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}body>header,.nav,.site>header{background:#F5F2E9;color:#111114}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:#F5F2E9;color:#111114;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:#111114;color:#F5F2E9}.desk-frame,.manual,.ledger,.proof-desk{box-shadow:none}.yolk{background:#F33394;color:#F5F2E9}.brand-art{max-width:100%;height:auto}
body{background:#111114;color:#F5F2E9}.new-hero{grid-template-columns:1.1fr 1fr;transform:rotate(-1deg)}.new-hero h1{font:900 100px/.95 Impact,Arial;text-transform:uppercase;letter-spacing:-3px}.new-hero img{border:8px solid #F33394;border-radius:0;transform:rotate(3deg)}.new-hero a{background:#F33394;color:#111114}.workspace,.proof-desk,.editor,.proof{background:#F5F2E9;color:#111114}.masthead{background:#F33394;color:#111114}.hero{display:none}.desk{max-width:1380px}.panels{gap:15px}.panel{border:4px solid #111114;box-shadow:5px 5px 0 #F33394}.editor{border:3px solid #F33394}.story,.community{color:#F5F2E9}.new-hero .chapter{color:#F33394}
body{color:#F5F2E9}.new-hero{color:#F5F2E9}.new-hero h1,.new-hero p{color:inherit}.new-hero a{background:#F33394;color:#111114}body>header,.nav,.site>header,.masthead{background:#F5F2E9;color:#111114}header a,header .brand,header .nav-button{color:inherit!important}.desk-note,.desk-note strong{color:inherit}.desk-frame{color:#F5F2E9}.ledger-main{color:#F5F2E9;background:#111114}.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}}