:root{--paper:#faf7f5;--ink:#140d0f;--charcoal:#170f11;--red:#dd1e31;--bright:#f54456;--deep:#760d18;--blush:#f6dadd;--line:#dbcfd0;--muted:#6d5c60}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a{transition:background-color .18s,color .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--bright);outline-offset:3px}.wordmark{letter-spacing:-.07em;color:var(--ink);font-size:1.2rem;font-weight:950;text-decoration:none}.wordmark span{color:var(--red);letter-spacing:.03em;vertical-align:middle;margin-left:.22rem;font-size:.62em}.demo-bar{background:var(--charcoal);color:#fff;text-align:center;letter-spacing:.05em;padding:7px;font-size:.78rem}.landing{background:var(--charcoal);min-height:100vh;color:var(--paper);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,8vw,9rem);display:flex}.landing .wordmark{color:var(--paper);margin:0 0 12vh}.landing h1{letter-spacing:-.065em;max-width:800px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,8rem);line-height:.9}.landing>p:not(.wordmark){max-width:510px;margin:2rem 0;font-size:1.2rem}.landing-actions{gap:12px;display:flex}.landing-actions a,.approval>button,.publish,.comment button{background:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer;padding:13px 19px;font-weight:750;text-decoration:none}.landing-actions .outline,.quiet{color:inherit!important;background:0 0!important;border:1px solid!important}.notice{border-left:3px solid var(--bright);padding-left:1rem}.portal{max-width:1160px;margin:auto;padding:0 32px 72px}.portal-head,.admin-head{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:82px;display:flex}.portal-head>div{align-items:center;gap:12px;margin-left:auto;display:flex}.project-name{color:var(--muted)}.quiet{cursor:pointer;padding:8px 11px;font-size:.85rem;border-color:var(--line)!important}.project-intro{border-bottom:1px solid var(--line);padding:74px 0 42px}.section-label{text-transform:uppercase;letter-spacing:.11em;color:var(--deep);margin:0 0 10px;font-size:.69rem;font-weight:800}.project-intro h1,.timeline-heading h2{letter-spacing:-.05em;margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.95}.project-meta{flex-wrap:wrap;gap:24px;font-size:.9rem;display:flex}.project-meta span:first-child{color:var(--deep);font-weight:800}.progress{background:var(--blush);max-width:640px;height:5px;margin-top:28px}.progress i{background:var(--red);height:100%;display:block}.approval{background:var(--blush);border-left:5px solid var(--red);justify-content:space-between;align-items:center;gap:32px;margin:40px 0 72px;padding:28px 30px;display:flex}.approval h2{margin:0;font-family:Georgia,serif;font-size:1.9rem;line-height:1}.approval p:not(.section-label){max-width:590px;margin-bottom:0}.approval>button:disabled{background:var(--deep);cursor:default}.updates{max-width:920px}.timeline-heading{margin-bottom:40px}.timeline-heading h2{font-size:3.7rem}.update{grid-template-columns:132px 1fr;gap:32px;padding-bottom:58px;display:grid}.update aside{color:var(--muted);border-right:1px solid var(--line);padding-right:23px;font-size:.78rem;position:relative}.dot{background:var(--red);border-radius:50%;width:12px;height:12px;position:absolute;top:27px;right:-6px}.update-body{padding-bottom:0}.update h3{letter-spacing:-.035em;margin:0 0 12px;font-family:Georgia,serif;font-size:2rem;line-height:1.05}.update-body>p{max-width:660px}.update footer{align-items:center;gap:14px;margin-top:23px;display:flex}.update footer button{color:var(--deep);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.update footer .reacted{color:var(--red)}.update footer span{border:1px solid var(--line);margin-left:auto;padding:3px 7px;font-size:.76rem}.media-grid{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.media{aspect-ratio:1.8;background:var(--charcoal);color:var(--paper);flex-direction:column;justify-content:space-between;padding:18px;display:flex}.media.before{background:#ad9291}.media.after{background:var(--deep)}.media b{font-family:Georgia,serif;font-size:1.7rem}.comment{gap:8px;max-width:620px;margin-top:28px;display:grid}.comment textarea{border:1px solid var(--line);resize:vertical;background:#fff;min-height:92px;padding:12px}.comment button{border:0;justify-self:start}.state{max-width:600px;margin:15vh auto;padding:2rem}.admin{min-height:100vh}.admin-head{background:var(--paper);padding:0 28px}.admin-head .quiet{margin-left:auto}.composer-layout{grid-template-columns:230px minmax(0,1fr) 286px;min-height:calc(100vh - 110px);display:grid}.composer-layout nav{border-right:1px solid var(--line);padding:35px 25px}.composer-layout nav a{color:var(--ink);padding:8px 10px;font-size:.91rem;text-decoration:none;display:block}.composer-layout nav .selected{background:var(--blush);font-weight:800}.composer-layout hr,.inspector hr{border:0;border-top:1px solid var(--line);margin:22px 0}.composer{background:#fff;padding:52px max(38px,7vw)}.crumb{color:var(--muted);margin-bottom:22px;font-size:.84rem}.composer>input{border:0;border-bottom:1px solid var(--line);letter-spacing:-.04em;width:100%;color:var(--ink);outline:none;padding:0 0 17px;font-family:Georgia,serif;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.05}.tools{border-bottom:1px solid var(--line);gap:3px;padding:12px 0;display:flex}.tools button{cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:.82rem}.tools button:hover{background:var(--blush)}.editor{outline:none;min-height:330px;padding:30px 0;font-family:Georgia,serif;font-size:1.18rem}.editor p{max-width:680px}.callout{background:var(--blush);border-left:3px solid var(--red);padding:15px;font-family:Inter,sans-serif;font-size:.92rem}.save-state{color:var(--muted);font-size:.8rem}.inspector{border-left:1px solid var(--line);background:var(--paper);padding:35px 25px}.inspector label{gap:5px;margin:18px 0;font-size:.78rem;font-weight:800;display:grid}.inspector select{border:1px solid var(--line);background:#fff;padding:9px}.inspector small{color:var(--muted)}@media (max-width:768px){.portal{padding:0 19px 48px}.portal-head{align-items:flex-start;gap:12px;height:auto;padding:18px 0}.portal-head>div{gap:0;margin-left:0;display:grid}.portal-head .quiet{margin-left:auto}.project-intro{padding:48px 0 35px}.approval{padding:23px;display:block}.approval>button{width:100%;margin-top:20px}.update{grid-template-columns:1fr;gap:10px}.update aside{border:0;padding:0}.dot{display:none}.media-grid{grid-template-columns:1fr}.composer-layout{display:block}.composer-layout nav,.inspector{display:none}.composer{padding:34px 20px}.admin-head{padding:0 16px}.admin-head .quiet{display:none}.publish{margin-left:auto}.landing{padding:2rem}.landing h1{font-size:3.8rem}.landing-actions{flex-direction:column}.landing-actions a{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
