:root{--green:#243FCA;--paper:#F7E7D7;--copper:#FF6F91;--line:#243FCA44;--night:#243FCA;--panel:#243FCA;--dust:#F7E7D7;--lantern:#FF6F91;--lantern-ink:#243FCA;--vein:#243FCA;--rule:#243FCA66;--mute:#243FCA;--page:#F7E7D7;--acid:#FF6F91;--bronze:#FF6F91;--white:#F7E7D7;--muted:#243FCA;--ink:#243FCA;}
body{background:#F7E7D7;color:#243FCA}
.brand-statement{margin:45px 5% 25px}.brand-statement span{font:11px monospace;letter-spacing:2px}.brand-statement h1{font:56px/1.05 Georgia;margin:12px 0 25px;max-width:1000px}.brand-icon,.mark{object-fit:contain}button:focus-visible{outline:3px solid #FF6F91;outline-offset:4px}
body{background:#f7e7d7;color:#243fca}.mast{text-align:center;display:block;padding:65px 12% 55px}.mast h1{font:italic 96px/.95 Georgia;letter-spacing:-6px}.mast-note{display:flex;justify-content:center;gap:20px;margin:30px auto}.mast-note p{display:inline}.intro{transform:rotate(-2deg);width:80%;margin:auto;border:2px solid #243fca;border-radius:20px}.workspace{margin:60px 5%;border:2px solid #243fca;border-radius:24px;box-shadow:12px 12px 0 #ff6f91}.workspace-head{background:#243fca;color:#f7e7d7}.date-band{background:#ff6f91}.index{background:#f7e7d7}.record-view{background:#fff7ed}.folio-body{grid-template-columns:250px 1fr}.editorial{grid-template-columns:1fr 1fr;align-items:center;padding:80px 8%;gap:60px}.story-art{transform:rotate(4deg);border:12px solid #fff7ed;box-shadow:0 12px 30px #243fca22}.story-copy h2{font:italic 70px/1 Georgia}header{border-bottom:2px solid #243fca}.how article{border:1px solid #243fca;border-radius:16px;padding:24px}
.brand-statement h1{color:inherit}.brand-statement span{color:inherit}img[src="/brand-scene.png"]{object-fit:cover}body{min-width:1100px}.stage img{width:100%}.brand-statement{animation:brand-enter .7s ease-out both}@keyframes brand-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

header .brand{flex-wrap:nowrap}header .brand small{white-space:nowrap}.date-band{color:inherit}.date-band span{color:inherit}.intro{color:inherit}

header .brand{display:flex;gap:12px;align-items:center;white-space:nowrap}header .brand span{max-width:125px;margin:0 0 0 10px;padding-left:13px;white-space:normal;border-left:1px solid currentColor;font:8px/1.5 Arial;letter-spacing:1.5px}.date-band .date-rail>*{color:inherit}

/* Restore the source layout on phones after desktop rebranding. */
@media(max-width:700px){body{min-width:0}.brand-statement h1{font-size:38px;overflow-wrap:break-word}.mast,.editorial,.folio-body{grid-template-columns:minmax(0,1fr);gap:24px}.mast>* , .editorial>* , .folio-body>*{min-width:0}.mast h1{font-size:46px;letter-spacing:-2px}.story-copy h2{font-size:40px}header{flex-wrap:wrap;gap:12px}.brand-statement{margin:28px 5%}.brand-statement span{overflow-wrap:anywhere}}