:root{--green:#202928;--paper:#FFD747;--copper:#F4F1E5;--line:#20292844;--night:#202928;--panel:#202928;--dust:#FFD747;--lantern:#F4F1E5;--lantern-ink:#202928;--vein:#202928;--rule:#20292866;--mute:#202928;--page:#FFD747;--acid:#F4F1E5;--bronze:#F4F1E5;--white:#FFD747;--muted:#202928;--ink:#202928;}
body{background:#FFD747;color:#202928}
.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 #F4F1E5;outline-offset:4px}
body{background:#ffd747;color:#202928}header{background:#202928;color:#ffd747;margin:0;padding:25px 3%;border-radius:0}.brand{font:900 34px Arial!important;letter-spacing:-1.7px}.opening{border-bottom:3px solid #202928;margin:0 3%;padding:25px 0}.cabinet{border-radius:0;border:3px solid #202928;margin:30px 3%}.cabinet-top{background:#202928;color:#ffd747;font:12px monospace}.cabinet-body{grid-template-columns:280px 1fr}.index{background:#ffd747;border-right:3px solid #202928}.specimen-main{background:#f4f1e5;padding:35px}.specimen-main h1{font:800 56px/.95 Arial;letter-spacing:-2px}#preview{height:350px;border:1px solid #202928;background:repeating-linear-gradient(0deg,transparent 0 24px,#20292812 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#20292812 24px 25px)}.catalog-item{border-top:2px solid #202928}.catalog-item.active{background:#202928;color:#ffd747}.catalog-item strong{font:bold 17px Arial}.editorial{padding:50px 5%;border-top:3px solid #202928}.editorial h2{font:900 76px/.95 Arial;letter-spacing:-4px}.level-section,.creator-section{border:3px solid #202928;border-radius:0;background:#f4f1e5}.level-section h2,.creator-section h2{font:800 54px/1 Arial}.light,.round,button,input,select{border-radius:0}.primary{background:#202928;color:#ffd747}
.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}}

.brand-statement h1{font:900 84px/.95 Arial;letter-spacing:-4px}

/* 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}}

@media(max-width:700px){.specimen-main h1{font-size:34px;letter-spacing:-1px;overflow-wrap:anywhere}.specimen-main>*{min-width:0}.editorial h2{font-size:44px;letter-spacing:-2px}}