:root{
  --ink:#111820;--ink-2:#27313a;--gold:#b98b3d;--gold-2:#d6b56f;
  --paper:#fcfbf8;--cream:#f2eadf;--sand:#e6d9c7;--line:#ded7cd;
  --muted:#72716d;--white:#fff;--success:#3f7058;--shadow:0 18px 48px rgba(25,27,28,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.hidden{display:none!important}
.demo-rail{height:34px;background:var(--ink);color:#e9dfd0;display:flex;align-items:center;justify-content:center;gap:24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;position:sticky;top:0;z-index:50}
.view-switch{display:flex;background:#202a32;border-radius:999px;padding:2px}.switch-btn{border:0;background:transparent;color:#aeb4b7;padding:5px 12px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.switch-btn.active{background:var(--gold);color:#111}
.topbar{height:92px;padding:0 max(5vw,32px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(252,251,248,.94);backdrop-filter:blur(12px);position:sticky;top:34px;z-index:40}
.brand{display:grid;grid-template-columns:auto auto;text-decoration:none;color:var(--ink);line-height:.84}.brand-word,.brand-x{font-size:34px;font-weight:800;letter-spacing:-.065em}.brand-x{color:var(--gold);font-style:italic;margin-left:1px}.brand small{grid-column:1/3;margin-top:9px;font-size:8px;letter-spacing:.23em;text-transform:uppercase;color:#777}
.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--white);display:grid;place-items:center;color:var(--ink);font-size:18px}.notification-btn{position:relative}.notification-dot{position:absolute;right:9px;top:8px;width:7px;height:7px;background:var(--gold);border-radius:50%;border:2px solid #fff}.profile-btn{border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:left}.profile-btn>span:nth-child(2){display:grid}.profile-btn b{font-size:13px}.profile-btn small{font-size:11px;color:var(--muted);margin-top:2px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:12px;flex:0 0 auto}.avatar.gold{background:var(--gold);color:#161616}.avatar.beige{background:var(--sand);color:var(--ink)}.avatar.small{width:34px;height:34px;font-size:10px}
.app-view{display:none;max-width:1440px;margin:auto;padding:0 max(5vw,32px) 90px}.app-view.active{display:block}
.project-hero{min-height:280px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.project-hero:after{content:"X";position:absolute;right:11%;top:-90px;color:rgba(185,139,61,.055);font-size:390px;font-weight:900;font-style:italic;z-index:-1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin:0 0 12px}.project-hero h1,.admin-header h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.035em;margin:0;font-weight:500}.project-hero h1 span{color:#6e655b}.project-address{color:var(--muted);margin:18px 0 0}.project-status{text-align:right}.status-pill{display:inline-flex;background:var(--ink);color:#fff;border-radius:999px;padding:9px 15px;font-size:10px;font-weight:800;letter-spacing:.12em}.project-status p{font-size:11px;color:var(--muted)}
.climate-banner{margin:28px 0 0;padding:24px;border:1px solid #d9c6a6;background:#f5ead8;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-radius:4px}.climate-icon{width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:24px}.climate-banner h2{font-family:Georgia,serif;margin:0 0 7px;font-size:24px}.climate-banner p:not(.eyebrow){margin:0;color:#5d554b;line-height:1.6;font-size:13px}.text-btn{border:0;background:transparent;color:var(--ink);font-weight:750;text-decoration:underline;text-underline-offset:4px}
.stage-section{padding:58px 0 42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading h2{font-family:Georgia,serif;font-weight:500;font-size:32px;margin:0}.section-heading>p{max-width:340px;font-size:13px;line-height:1.5;color:var(--muted);text-align:right}.section-heading.compact{align-items:center}.count-badge{background:var(--cream);padding:7px 11px;font-size:10px;font-weight:700;border-radius:999px}
.stage-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.stage{border:0;border-right:1px solid var(--line);background:#fff;padding:22px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;transition:.2s}.stage:last-child{border-right:0}.stage:hover{background:#faf6f0}.stage.current{background:var(--ink);color:#fff}.stage.selected:not(.current){background:#f2eadf;box-shadow:inset 0 -3px 0 var(--gold)}.stage-number{font-size:10px;color:var(--gold);font-weight:800}.stage span:nth-child(2){display:grid;gap:4px}.stage b{font-size:14px}.stage small{color:#898985;font-size:10px}.stage.current small{color:#c3c8ca}.stage i{font-style:normal;color:var(--gold)}
.stage-detail{padding:24px;background:var(--cream);display:flex;justify-content:space-between;align-items:center}.stage-detail>div{display:flex;gap:18px;align-items:center}.stage-detail h3{margin:0 0 5px;font-size:17px}.stage-detail p:not(.eyebrow){margin:0;color:#68645e;font-size:13px;max-width:700px;line-height:1.5}.mini-icon{width:44px;height:44px;border:1px solid #cbbda9;color:var(--gold);display:grid;place-items:center;font-weight:800}
.secondary-btn,.primary-btn,.small-btn{border:1px solid var(--ink);min-height:43px;padding:0 17px;background:transparent;color:var(--ink);font-weight:750;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.primary-btn{background:var(--ink);color:#fff}.primary-btn:hover{background:#2b343b}.secondary-btn:hover{background:var(--ink);color:#fff}.small-btn{min-height:32px;padding:0 11px;border-color:var(--line)}.full{width:100%}
.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.75fr);gap:28px;padding-bottom:60px}.feed{min-width:0}.update-card{border:1px solid var(--line);background:#fff;margin-bottom:22px;box-shadow:0 8px 25px rgba(18,24,32,.03)}.update-card.featured{box-shadow:var(--shadow)}.post-header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #ede8e1}.post-author{display:flex;gap:12px;align-items:center}.post-author div{display:grid}.post-author b{font-size:13px}.post-author small{font-size:10px;color:var(--muted);margin-top:4px}.verified{font-size:10px;color:var(--success);font-weight:700}.post-body{padding:27px 23px}.post-body h3{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:0 0 10px}.post-body>p:not(.eyebrow){font-size:13px;color:#5f615f;line-height:1.75;max-width:760px}.media-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:360px;margin-top:22px}.media-grid button{border:0;padding:0;position:relative;overflow:hidden;background:#dfd3c2;color:white;text-align:left}.media-large{grid-row:1/3}.media-grid img{width:100%;height:100%;object-fit:cover;transition:.4s}.media-grid button:hover img{transform:scale(1.025)}.media-grid button>span:not(.play){position:absolute;left:14px;bottom:12px;background:rgba(15,20,24,.82);padding:7px 10px;font-size:10px}.video-preview{background:linear-gradient(135deg,#1f292f,#111820)!important;padding:22px!important;display:flex;flex-direction:column;justify-content:end}.video-preview .play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;padding-left:3px}.video-preview b{font-size:13px}.video-preview small{color:#bfc2c3;margin-top:4px}
.post-footer{min-height:62px;padding:0 23px;border-top:1px solid #ede8e1;display:flex;justify-content:space-between;align-items:center}.reaction-wrap{display:flex;align-items:center;gap:11px;position:relative}.reaction-trigger,.comment-toggle{border:0;background:transparent;color:#555d61;display:flex;align-items:center;gap:8px;font-size:12px}.reaction-trigger .current-reaction{font-size:19px}.reaction-total{font-size:10px;background:var(--cream);padding:5px 8px;border-radius:999px}.reaction-picker{position:absolute;bottom:45px;left:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:6px;border-radius:999px;display:none;gap:3px;z-index:5}.reaction-picker.open{display:flex}.reaction-picker button{border:0;background:transparent;font-size:22px;padding:6px;border-radius:50%;transition:.15s}.reaction-picker button:hover{transform:translateY(-3px);background:var(--cream)}.comment-toggle span{background:var(--ink);color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;font-size:9px}.comments{display:none;padding:18px 23px 22px;background:#fbfaf8;border-top:1px solid #ede8e1}.comments.open{display:block}.comment{display:flex;gap:11px;margin:0 0 17px}.comment>div{display:grid;gap:4px}.comment p{margin:0;font-size:11px}.comment em{font-style:normal;color:var(--gold);font-size:9px;margin-left:5px}.comment div>span{font-size:12px;color:#515657}.comment small{font-size:9px;color:#92918e}.comment-form{display:flex;gap:9px;align-items:center}.comment-form input{height:42px;flex:1;border:1px solid var(--line);background:#fff;padding:0 13px;min-width:0}.comment-form button{height:42px;border:0;background:var(--ink);color:#fff;padding:0 15px;font-weight:700;font-size:11px}
.sidebar{display:grid;gap:17px;align-content:start}.side-card,.admin-panel{border:1px solid var(--line);background:#fff;padding:22px}.side-card-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.side-card-head h3{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.side-card-head .eyebrow{margin-bottom:4px}.side-icon{width:39px;height:39px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-weight:800}.side-card>p{font-size:12px;color:var(--muted)}.progress{height:4px;background:#e9e4dc;margin:16px 0 8px}.progress span{display:block;height:100%;background:var(--gold)}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:17px}.progress-label b{color:var(--ink)}.side-actions{display:flex;gap:7px}.document-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #ede8e1;background:transparent;padding:13px 0;text-align:left}.document-row>span{height:38px;background:var(--cream);display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--gold)}.document-row div{display:grid}.document-row b{font-size:12px}.document-row small{font-size:9px;color:var(--muted);margin-top:3px}.document-row i{font-style:normal}.gallery-preview{height:110px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:5px}.gallery-preview img{width:100%;height:100%;object-fit:cover}.gallery-preview button{border:0;background:var(--ink);color:#fff;font-size:10px}.contact-card{background:var(--cream)}.text-link{display:block;text-align:center;margin-top:13px;color:var(--ink);font-size:11px}.participants-link{border:1px solid var(--line);background:#fff;padding:16px;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left}.participants-link>span:nth-child(2){display:grid}.participants-link b{font-size:11px}.participants-link small{font-size:9px;color:var(--muted);margin-top:3px}.avatar-stack{display:flex}.avatar-stack i{font-style:normal;width:27px;height:27px;border-radius:50%;background:var(--ink);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:7px;margin-left:-6px}.avatar-stack i:first-child{margin-left:0}.avatar-stack i:nth-child(2){background:var(--gold)}.avatar-stack i:nth-child(3){background:#8e8274}
.mobile-nav{display:none}
.admin-view{padding-top:50px}.admin-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}.admin-header h1{font-size:50px}.admin-header>div>p:last-child{color:var(--muted)}.admin-status{text-align:right;display:grid;gap:8px}.admin-status small{color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}.admin-stats article{background:#fff;padding:20px;display:grid}.admin-stats span{font-size:9px;letter-spacing:.14em;color:var(--gold);font-weight:800}.admin-stats b{font-family:Georgia,serif;font-size:30px;margin:7px 0}.admin-stats small{font-size:10px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:24px}.admin-column{display:grid;gap:20px}.admin-panel.large{padding:28px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font-family:Georgia,serif;font-weight:500;font-size:25px;margin:0}.draft-pill,.mini-status{font-size:9px;background:var(--cream);padding:7px 9px;color:#6d655b}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.admin-form label,.conditional-fields label,.participant-form label{display:grid;gap:7px;font-size:10px;font-weight:750;color:#515659}.admin-form input,.admin-form select,.admin-form textarea,.conditional-fields input,.conditional-fields select,.participant-form input,.participant-form select{border:1px solid var(--line);background:#fff;padding:12px;color:var(--ink);outline:none}.admin-form input:focus,.admin-form textarea:focus,.participant-form input:focus{border-color:var(--gold)}.full{grid-column:1/-1}.upload-zone{min-height:115px;border:1px dashed #c9bda9!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;background:#faf6f0;padding:20px!important;cursor:pointer}.upload-zone>span{font-size:26px;color:var(--gold)}.upload-zone small{color:var(--muted);font-weight:400}.file-preview{display:flex;gap:9px;flex-wrap:wrap}.file-preview img,.file-preview video{width:82px;height:65px;object-fit:cover;border:1px solid var(--line)}.approval-box{background:var(--cream);padding:15px}.check-row{display:flex!important;align-items:center;gap:9px!important;font-size:11px!important}.approval-box p{margin:6px 0 0 26px;font-size:9px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:9px}.toggle input{display:none}.toggle span{display:block;width:42px;height:23px;border-radius:999px;background:#d5d1ca;position:relative}.toggle span:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:var(--gold)}.toggle input:checked+span:after{left:22px}.muted{font-size:11px;color:var(--muted);line-height:1.55}.conditional-fields{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.people-list{list-style:none;padding:0;margin:0 0 15px}.people-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eee8df}.people-list li>span:nth-child(2){display:grid}.people-list b{font-size:11px}.people-list small{font-size:9px;color:var(--muted);margin-top:3px}.people-list i{color:var(--success);font-size:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;background:var(--ink);color:#fff;padding:13px 18px;box-shadow:var(--shadow);z-index:100;font-size:12px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}#reactionLayer{position:fixed;inset:0;pointer-events:none;z-index:110}.floating-reaction{position:absolute;font-size:42px;animation:float-up 1.35s ease-out forwards}@keyframes float-up{0%{transform:translate(-50%,0) scale(.65);opacity:0}15%{opacity:1}100%{transform:translate(-50%,-220px) scale(1.45) rotate(12deg);opacity:0}}
.modal{width:min(720px,calc(100% - 32px));border:0;padding:34px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(10,15,19,.68);backdrop-filter:blur(3px)}.modal h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:0 0 22px}.modal-close{position:absolute;right:17px;top:15px;border:0;background:transparent;font-size:26px}.timeline{display:grid;margin:25px 0}.timeline>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.timeline span{color:var(--gold);font-weight:800;font-size:10px}.timeline small{color:var(--muted)}.timeline .active b{color:var(--gold)}.modal-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.modal-gallery figure{margin:0;background:#fff;border:1px solid var(--line)}.modal-gallery img{width:100%;height:300px;object-fit:cover}.modal-gallery figcaption{font-size:10px;padding:11px;color:var(--muted)}.document-sheet{min-height:270px;border:1px solid var(--line);background:#fff;padding:34px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center}.document-sheet .brand-word{font-size:24px;font-weight:900}.document-sheet h3{font-family:Georgia,serif;font-size:28px}.document-sheet p{color:var(--muted);line-height:1.7}.participant-cards{display:grid;gap:8px}.participant-cards article{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;padding:12px}.participant-cards article>div{display:grid}.participant-cards b{font-size:12px}.participant-cards small{font-size:10px;color:var(--muted);margin-top:3px}.participant-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.participant-form fieldset{grid-column:1/-1;border:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap}.participant-form legend{font-size:10px;font-weight:800}.participant-form fieldset label{display:flex;align-items:center}.video-placeholder{min-height:360px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.video-placeholder span{width:70px;height:70px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.video-placeholder p{font-size:11px;color:#bcc2c4;max-width:330px;line-height:1.6}
@media(max-width:980px){.content-grid,.admin-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr)}.participants-link{grid-column:1/-1}.admin-column{grid-template-columns:repeat(2,1fr)}.admin-column .admin-panel:first-child{grid-row:span 2}.media-grid{height:320px}}
@media(max-width:700px){.demo-rail{justify-content:space-between;padding:0 12px}.demo-rail>span{display:none}.topbar{height:72px;padding:0 17px;top:34px}.brand-word,.brand-x{font-size:28px}.brand small{display:none}.profile-btn>span:nth-child(2),.profile-btn>span:last-child,.notification-btn{display:none}.app-view{padding:0 16px 92px}.project-hero{min-height:245px;align-items:flex-start;flex-direction:column;justify-content:center;gap:21px}.project-hero h1{font-size:40px}.project-status{text-align:left}.stage-section{padding-top:38px}.section-heading{align-items:flex-start;gap:12px}.section-heading>p{display:none}.stage-flow{grid-template-columns:1fr 1fr}.stage{border-bottom:1px solid var(--line)}.stage:nth-child(2){border-right:0}.stage-detail{align-items:flex-start;gap:18px}.stage-detail>button{display:none}.content-grid{display:block}.section-heading h2{font-size:28px}.media-grid{height:350px;grid-template-columns:1fr 1fr;grid-template-rows:1.4fr 1fr}.media-large{grid-column:1/3;grid-row:auto}.post-header{align-items:flex-start}.verified{font-size:0}.verified:first-letter{font-size:14px}.post-footer{padding:11px 16px;align-items:flex-start}.reaction-trigger span:last-child{display:none}.sidebar{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:45;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:#878782;display:grid;place-content:center;gap:4px;font-size:17px}.mobile-nav span{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.mobile-nav button.active{color:var(--gold)}.admin-header{align-items:flex-start;gap:18px}.admin-header h1{font-size:39px}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{display:block}.admin-panel{margin-bottom:16px}.admin-form,.participant-form{grid-template-columns:1fr}.admin-form label,.participant-form label,.participant-form fieldset{grid-column:1}.admin-column{display:block}.modal{padding:26px 20px}.modal-gallery{grid-template-columns:1fr}.modal-gallery img{height:230px}.timeline>div{grid-template-columns:30px 1fr}.timeline small{grid-column:2;margin-top:5px}.climate-banner{grid-template-columns:auto 1fr}.climate-banner .text-btn{grid-column:2;justify-self:start;padding:0}}
@media print{.demo-rail,.topbar,.mobile-nav,.modal-close,.modal button{display:none!important}.modal{position:static!important;display:block!important;box-shadow:none;width:100%;max-width:none}.modal::backdrop{display:none}body>*:not(dialog[open]){display:none!important}}