@import url('../shared/design-system/v0.4/tokens.css');
@import url('../shared/design-system/v0.4/utilities.css');
@import url('../shared/design-system/v0.4/section-header.css');
@import url('../shared/design-system/v0.4/action-pill.css');

:root{
  /* Projects-local semantics. These are not shared Design System API. */
  --projects-status-live-bg:#e5efe2;
  --projects-status-live-fg:#31543a;
  --projects-status-beta-bg:#e8eef8;
  --projects-status-beta-fg:#36506f;
  --projects-status-building-bg:#f4ead5;
  --projects-status-building-fg:#705c2f;
  --projects-status-paused-bg:#ecece8;
  --projects-status-paused-fg:#5d5d57;
  --projects-dark-soft:#2a2b28;
  --projects-dark-line:#3b3c38;
}

#pw-projects-v33{position:relative;font-family:Inter,var(--pw-font-sans);background:var(--pw-bg);color:var(--pw-ink);line-height:1.5;-webkit-font-smoothing:antialiased}
#pw-projects-v33 *{box-sizing:border-box}
#pw-projects-v33 a:not(.pw-btn){color:inherit}
#pw-projects-v33 .pw-wrap{width:min(var(--pw-content-max),calc(100% - (var(--pw-gutter) * 2)));margin:0 auto}
#pw-projects-v33 .pw-hero{padding:92px 0 68px}
#pw-projects-v33 .pw-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pw-muted);font-weight:750;margin-bottom:18px}
#pw-projects-v33 h1{font-size:clamp(52px,7.2vw,96px);line-height:var(--pw-leading-display);letter-spacing:var(--pw-track-display);margin:0 0 26px;font-weight:760;max-width:900px}
#pw-projects-v33 .pw-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:70px;align-items:end}
#pw-projects-v33 .pw-lead{font-size:19px;line-height:1.58;color:var(--pw-muted);margin:0;max-width:500px}
#pw-projects-v33 .pw-jump{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:26px;text-decoration:none;font-size:14px;font-weight:700;color:#4b4e48}
/* Crawlable, locale-aware links to the current build log and the full initiative map. */
#pw-projects-v33 .pw-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;margin-top:26px}
#pw-projects-v33 .pw-hero-links .pw-jump{margin-top:0;min-height:44px;max-width:100%}
#pw-projects-v33 .pw-catalogue-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;font-size:14px;font-weight:700}
#pw-projects-v33 .pw-catalogue-link{color:var(--pw-ink);text-decoration:underline;text-underline-offset:4px}

#pw-projects-v33 .pw-live-dot{width:9px;height:9px;border-radius:50%;background:#6e926e;box-shadow:0 0 0 5px #e7efe5;animation:pwPulse 2.2s ease-in-out infinite;flex:0 0 auto}
@keyframes pwPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.62}}
@media(prefers-reduced-motion:reduce){#pw-projects-v33 .pw-live-dot{animation:none}}

/* language switch: JS upgrades the temporary buttons into a true sliding control */
#pw-projects-v33 .pw-language-switch{position:absolute;top:18px;right:20px;z-index:20;display:grid;grid-template-columns:1fr 1fr;width:116px;height:44px;padding:4px;border:1px solid var(--pw-line);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(0,0,0,.05);backdrop-filter:blur(10px);isolation:isolate}
#pw-projects-v33 .pw-language-switch::before{content:"";position:absolute;z-index:-1;top:4px;left:4px;width:calc(50% - 4px);height:34px;border-radius:999px;background:var(--pw-ink);transition:transform .22s ease}
#pw-projects-v33 .pw-language-switch.is-visible{display:grid}
#pw-projects-v33 .pw-language-switch[data-active-lang="ru"]::before{transform:translateX(100%)}

/* Local language controls are preview-only; production/Tilda owns language routing. */
#pw-projects-v33 .pw-language-switch{display:none}
#pw-projects-v33 .pw-language-switch.is-visible{display:grid}
#pw-projects-v33 .pw-language-switch button{appearance:none;border:0;background:transparent;color:var(--pw-muted);font:750 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;border-radius:999px;position:relative;z-index:1;transition:color .18s ease;padding:0}
#pw-projects-v33 .pw-language-switch button.is-active{color:#fff}
#pw-projects-v33 .pw-language-switch button:focus-visible{outline:2px solid var(--pw-focus);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#pw-projects-v33 .pw-language-switch::before{transition:none}}

#pw-projects-v33 .pw-section{padding:56px 0 24px;border-top:1px solid var(--pw-line)}
#pw-projects-v33 .pw-section-head{margin-bottom:30px}
#pw-projects-v33 .pw-no{font-size:12px;color:var(--pw-subtle);padding-top:7px}
#pw-projects-v33 h2{font-size:clamp(30px,3.7vw,48px);line-height:1.03;letter-spacing:var(--pw-track-heading);margin:0;font-weight:720}
#pw-projects-v33 .pw-section-desc{margin:0;color:var(--pw-muted);font-size:16px;line-height:1.6}
#pw-projects-v33 .pw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pw-projects-v33 .pw-card{border:1px solid var(--pw-line);border-radius:26px;background:rgba(255,255,255,.78);padding:30px;display:flex;flex-direction:column;min-height:340px;box-shadow:0 18px 52px -48px rgba(0,0,0,.5)}
#pw-projects-v33 .pw-card--flagship{grid-column:1/-1;min-height:390px;padding:38px;background:linear-gradient(135deg,#fff 0%,#faf8f1 100%)}
#pw-projects-v33 .pw-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:30px}
#pw-projects-v33 .pw-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--pw-subtle);font-weight:740}
#pw-projects-v33 .pw-status{font-size:11px;line-height:1;border-radius:999px;padding:9px 11px;font-weight:740;white-space:nowrap}
#pw-projects-v33 .pw-status--live{background:var(--projects-status-live-bg);color:var(--projects-status-live-fg)}
#pw-projects-v33 .pw-status--beta{background:var(--projects-status-beta-bg);color:var(--projects-status-beta-fg)}
#pw-projects-v33 .pw-status--building{background:var(--projects-status-building-bg);color:var(--projects-status-building-fg)}
#pw-projects-v33 .pw-status--paused{background:var(--projects-status-paused-bg);color:var(--projects-status-paused-fg)}
#pw-projects-v33 .pw-card h3{font-size:clamp(27px,3vw,40px);line-height:1.06;letter-spacing:var(--pw-track-title);margin:0 0 16px;font-weight:720}
#pw-projects-v33 .pw-card p{font-size:15px;line-height:1.65;color:var(--pw-muted);margin:0;max-width:720px}
#pw-projects-v33 .pw-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;font-size:12px;color:var(--pw-subtle)}
#pw-projects-v33 .pw-focus{margin-top:22px;padding-top:18px;border-top:1px solid var(--pw-line);font-size:13px;color:var(--pw-muted)}
#pw-projects-v33 .pw-focus b{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-right:8px;color:var(--pw-subtle)}
#pw-projects-v33 .pw-card-foot{margin-top:auto;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
#pw-projects-v33 .pw-goal{font-size:12px;color:var(--pw-subtle);max-width:280px;text-align:right}

#pw-projects-v33 .pw-compact-list{display:grid;grid-template-columns:1fr;gap:10px}
#pw-projects-v33 .pw-compact{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr) auto;gap:18px;align-items:center;border-top:1px solid var(--pw-line);padding:18px 0}
#pw-projects-v33 .pw-compact:first-child{border-top:0}
#pw-projects-v33 .pw-compact-name{font-weight:700;font-size:18px}
#pw-projects-v33 .pw-compact p{margin:0;color:var(--pw-muted);font-size:14px;line-height:1.55}

#pw-projects-v33 .pw-board-wrap{padding:78px 0 96px}
#pw-projects-v33 .pw-board{border-radius:34px;padding:44px;box-shadow:0 30px 80px -62px rgba(0,0,0,.85)}
#pw-projects-v33 .pw-board-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;padding-bottom:26px;border-bottom:1px solid var(--projects-dark-line)}
#pw-projects-v33 .pw-board-live{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pw-fg-subtle);font-weight:730;margin-bottom:13px}
#pw-projects-v33 .pw-board .pw-live-dot{box-shadow:0 0 0 5px rgba(112,150,111,.16)}
#pw-projects-v33 .pw-board h2{color:#fff;max-width:680px}
#pw-projects-v33 .pw-board-intro{max-width:460px;color:var(--pw-fg-muted);font-size:var(--pw-type-body);line-height:var(--pw-leading-body);margin:0}
#pw-projects-v33 .pw-updated{font-size:12.5px;color:var(--pw-fg-subtle);margin-top:12px}
#pw-projects-v33 .pw-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:30px}
#pw-projects-v33 .pw-col-title{font-size:13.5px;letter-spacing:var(--pw-track-label);text-transform:uppercase;color:var(--pw-fg-subtle);font-weight:730;padding-bottom:12px;border-bottom:1px solid var(--projects-dark-line);margin-bottom:6px}
#pw-projects-v33 .pw-build-item{padding:18px 0;border-bottom:1px solid var(--projects-dark-line)}
#pw-projects-v33 .pw-build-item:last-child{border-bottom:0}
#pw-projects-v33 .pw-build-project{font-size:12px;text-transform:uppercase;letter-spacing:var(--pw-track-label);color:var(--pw-fg-subtle);margin-bottom:6px}
#pw-projects-v33 .pw-build-title{font-size:17.5px;line-height:1.4;font-weight:680;color:var(--pw-fg);margin-bottom:8px;overflow-wrap:break-word}
#pw-projects-v33 .pw-build-detail{font-size:15px;line-height:var(--pw-leading-body);color:var(--pw-fg-muted);overflow-wrap:break-word}
#pw-projects-v33 .pw-build-date{font-size:12.5px;line-height:1.5;color:var(--pw-fg-subtle);margin-top:9px}
#pw-projects-v33 .pw-build-title a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
#pw-projects-v33 .pw-board-foot{padding-top:24px;margin-top:20px;border-top:1px solid var(--projects-dark-line);display:flex;justify-content:space-between;gap:30px;color:var(--pw-fg-subtle);font-size:13.5px;line-height:var(--pw-leading-body)}

#pw-projects-v33 .pw-close{padding:4px 0 96px}
#pw-projects-v33 .pw-close-box{border-top:1px solid var(--pw-line);padding-top:34px;display:grid;grid-template-columns:1fr .7fr;gap:60px}
#pw-projects-v33 .pw-close p{margin:0;color:var(--pw-muted);max-width:670px;line-height:1.65}
#pw-projects-v33 .pw-close-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:12px;flex-wrap:wrap}

@media(max-width:860px){
  #pw-projects-v33 .pw-hero-grid{grid-template-columns:1fr;gap:24px}
  #pw-projects-v33 .pw-grid{grid-template-columns:1fr}
  #pw-projects-v33 .pw-card--flagship{grid-column:auto}
  #pw-projects-v33 .pw-board-head{grid-template-columns:1fr}
  #pw-projects-v33 .pw-columns{grid-template-columns:1fr;gap:14px}
  #pw-projects-v33 .pw-close-box{grid-template-columns:1fr;gap:24px}
  #pw-projects-v33 .pw-close-links{justify-content:flex-start}
}

@media(max-width:620px){
    #pw-projects-v33 .pw-language-switch{top:14px;right:14px;width:108px;height:40px}
  #pw-projects-v33 .pw-language-switch::before{height:30px}
  #pw-projects-v33 .pw-hero{padding:82px 0 42px}
  #pw-projects-v33 .pw-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:14px;padding-right:116px}
  html.pw-embedded #pw-projects-v33 .pw-eyebrow{padding-right:0}
  #pw-projects-v33 h1{font-size:44px;line-height:var(--pw-leading-display);letter-spacing:var(--pw-track-display);margin-bottom:18px}
  #pw-projects-v33 .pw-lead{font-size:16px;line-height:1.52}
  #pw-projects-v33 .pw-jump{line-height:1.35;margin-top:22px;max-width:100%}
  #pw-projects-v33 .pw-section{padding:38px 0 18px}
  #pw-projects-v33 .pw-section-head{margin-bottom:22px}
  #pw-projects-v33 .pw-no{padding-top:0;font-size:11px}
  #pw-projects-v33 .pw-section h2{font-size:34px;line-height:1.02}
  #pw-projects-v33 .pw-section-desc{font-size:15px;line-height:1.5}
  #pw-projects-v33 .pw-card,#pw-projects-v33 .pw-card--flagship{padding:21px;min-height:0;border-radius:22px}
  #pw-projects-v33 .pw-card-top{margin-bottom:22px}
  #pw-projects-v33 .pw-kicker{font-size:10px}
  #pw-projects-v33 .pw-status{font-size:10px;padding:8px 10px}
  #pw-projects-v33 .pw-card h3{font-size:29px;line-height:1.06;margin-bottom:13px}
  #pw-projects-v33 .pw-card p{font-size:15px;line-height:1.54}
  #pw-projects-v33 .pw-meta{font-size:11.5px;margin-top:15px}
  #pw-projects-v33 .pw-focus{margin-top:18px;padding-top:15px;font-size:12.5px;line-height:1.5}
  #pw-projects-v33 .pw-focus b{display:block;margin:0 0 5px;font-size:10px}
  #pw-projects-v33 .pw-card-foot{padding-top:22px;align-items:stretch;flex-direction:column;gap:13px}
  #pw-projects-v33 .pw-btn{width:100%;min-height:46px;padding:12px 15px}
  #pw-projects-v33 .pw-goal{text-align:left;max-width:none;font-size:11.5px;line-height:1.45}
  #pw-projects-v33 .pw-compact-list{gap:0}
  #pw-projects-v33 .pw-compact{grid-template-columns:1fr;gap:10px;padding:22px 0}
  #pw-projects-v33 .pw-compact-name{font-size:19px;line-height:1.2;margin-bottom:8px}
  #pw-projects-v33 .pw-compact p{font-size:14.5px;line-height:1.55}
  #pw-projects-v33 .pw-compact .pw-btn{margin-top:2px}
  #pw-projects-v33 .pw-board-wrap{padding:48px 0 62px}
  #pw-projects-v33 .pw-board{padding:24px 16px 20px;border-radius:24px}
  #pw-projects-v33 .pw-board-head{gap:18px;padding-bottom:20px}
  #pw-projects-v33 .pw-board-live{font-size:11.5px;margin-bottom:10px}
  #pw-projects-v33 .pw-board h2{font-size:34px}
  #pw-projects-v33 .pw-board-intro{font-size:15.5px;line-height:var(--pw-leading-body)}
  #pw-projects-v33 .pw-updated{font-size:12.5px}
  #pw-projects-v33 .pw-columns{padding-top:18px}
  #pw-projects-v33 .pw-columns>div{background:var(--projects-dark-soft);border:1px solid #343530;border-radius:18px;padding:16px 15px 4px}
  #pw-projects-v33 .pw-col-title{font-size:13px;margin-bottom:2px;padding-bottom:11px}
  #pw-projects-v33 .pw-build-item{padding:15px 0}
  #pw-projects-v33 .pw-build-project{font-size:12px}
  #pw-projects-v33 .pw-build-title{font-size:17px;line-height:1.4}
  #pw-projects-v33 .pw-build-detail{font-size:15px;line-height:var(--pw-leading-body)}
  #pw-projects-v33 .pw-build-date{font-size:12.5px}
  #pw-projects-v33 .pw-board-foot{flex-direction:column;gap:10px;font-size:13.5px;line-height:var(--pw-leading-body);margin-top:18px;padding-top:18px}
  #pw-projects-v33 .pw-close{padding-bottom:62px}
  #pw-projects-v33 .pw-close-box{padding-top:26px;gap:20px}
  #pw-projects-v33 .pw-close p{font-size:15px;line-height:1.55}
  #pw-projects-v33 .pw-close-links{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
}


/* Design System v0.3.6 stable action-pill consumer.
   Shared action-pill owns CTA base geometry and hover motion.
   Projects keeps mobile width/min-height/padding and outer layout local. */
#pw-projects-v33 [data-pw-surface="dark"] a{color:var(--pw-link)}

/* BUG/UX-02: approved compact disclosure for long Build Log columns. */
#pw-projects-v33 .pw-build-disclosure{
  appearance:none;
  width:100%;
  min-width:0;
  min-height:44px;
  margin:14px 0 4px;
  padding:10px 12px;
  border:1px solid var(--projects-dark-line);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--pw-fg);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font:700 14px/1.35 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
#pw-projects-v33 .pw-build-disclosure:hover{background:rgba(255,255,255,.07)}
#pw-projects-v33 .pw-build-disclosure:focus-visible{
  outline:2px solid var(--pw-focus,#8ab4ff);
  outline-offset:3px;
}
#pw-projects-v33 .pw-build-disclosure-count{
  color:var(--pw-fg-subtle);
  font-weight:650;
  white-space:nowrap;
}
#pw-projects-v33 .pw-build-item[hidden],
#pw-projects-v33 .pw-build-disclosure[hidden]{display:none!important}

@media(max-width:620px){
  #pw-projects-v33 .pw-build-disclosure{
    margin:10px 0 12px;
    padding:11px 12px;
  }
}

@media(prefers-reduced-motion:reduce){
  #pw-projects-v33 .pw-build-disclosure{scroll-behavior:auto}
}

/* Owner-approved Projects -> Living Atlas public-history handoff. */
#pw-projects-v33 .pw-atlas-handoff{
  display:flex;justify-content:space-between;align-items:center;gap:30px;
  margin:22px 0 0;padding:22px 26px;border:1px solid #d4e1d4;
  border-radius:19px;background:#edf3ec;color:#24362b;
}
#pw-projects-v33 .pw-atlas-handoff-eyebrow{
  margin:0 0 7px;font-size:10px;font-weight:780;letter-spacing:.13em;color:#548061;
}
#pw-projects-v33 .pw-atlas-handoff h3{margin:0 0 7px;font-size:19px;line-height:1.25;letter-spacing:-.012em}
#pw-projects-v33 .pw-atlas-handoff p:not(.pw-atlas-handoff-eyebrow){margin:0;font-size:13px;line-height:1.6;max-width:590px;color:#516454}
#pw-projects-v33 .pw-atlas-handoff a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;
  font-size:12px;font-weight:750;color:#315b3b;text-underline-offset:4px}
#pw-projects-v33 .pw-atlas-handoff a:focus-visible{outline:3px solid #7baf8b;outline-offset:3px;border-radius:5px}
@media(max-width:700px){#pw-projects-v33 .pw-atlas-handoff{align-items:flex-start;flex-direction:column;gap:9px;padding:20px}}