
/* Brand-specific desktop presentation; original interaction logic retained. */
:root{--brand:#F04432;--brand-ink:#171714;--brand-paper:#F9F4EA;--paper:#F9F4EA;--panel:#F9F4EA;--ink:#171714;--rule:#171714BB;--muted:#171714BB;--rose:#F9F4EA;--pine:#F04432;--honey:#F04432;--yolk:#F04432;--yolk-deep:#F04432;--ivory:#F9F4EA;--stain:#F9F4EA;--wash:#F9F4EA;--blue:#171714;--burgundy:#F04432;--red:#F04432;--sage:#F9F4EA;--teal:#F04432;--cream:#F9F4EA}
body{background:#171714;color:#F9F4EA}a,button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}body>header,.nav,.site>header{background:#F9F4EA;color:#171714}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:#F9F4EA;color:#171714;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:#171714;color:#F9F4EA}.desk-frame,.manual,.ledger,.proof-desk{box-shadow:none}.yolk{background:#F04432;color:#F9F4EA}.brand-art{max-width:100%;height:auto}
body{background:#F9F4EA;color:#171714}.new-hero{grid-template-columns:1.4fr 1fr;border-bottom:8px solid #171714}.new-hero h1{font:900 112px/.94 Arial;letter-spacing:-7px;text-transform:uppercase}.new-hero .chapter{background:#F04432;padding:10px;display:inline-block}.desk-frame,.slip,.tape{border-radius:0;border:2px solid #171714}.desk-bar{display:block}.desk-bar h2{font:700 46px Arial}.desk-grid{grid-template-columns:2fr 1fr}.yolk{border-radius:0;background:#F04432;box-shadow:none}.yolk-num{font:900 90px Arial}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nav{border-radius:0}.field-art{background:#F04432}.new-hero img{border-radius:0}
body{color:#171714}.new-hero{color:#171714}.new-hero h1,.new-hero p{color:inherit}.new-hero a{background:#F04432;color:#F9F4EA}body>header,.nav,.site>header,.masthead{background:#171714;color:#F9F4EA}header a,header .brand,header .nav-button{color:inherit!important}.desk-note,.desk-note strong{color:inherit}.desk-frame{color:#171714}.ledger-main{color:#171714;background:#F9F4EA}.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){.yolk-num{font-size:clamp(28px,8vw,40px)}.slip-top{flex-wrap:wrap}.desk-frame{padding:18px}.slip{padding:18px}}
