/* Projects: one shared layout for all cards. */
.projects-page{width:100%;max-width:760px;margin:0 auto;padding:4px 0 24px;display:grid;gap:22px;text-align:left}
.projects-page,.projects-page *{box-sizing:border-box}
.project-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid #ffffff30;border-radius:14px;background:#182b3e;box-shadow:0 12px 30px #17294226;color:#fff;min-width:0}
.project-feature:hover{border-color:#64dcff88}
.project-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%;min-width:0;min-height:240px;aspect-ratio:auto;padding:20px;overflow:hidden;text-decoration:none;color:#fff;border-right:1px solid #6bddff26}
.nowcast-cover{background:#091321}
.cover-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 90%,#00caec17,transparent 65%),linear-gradient(#7ac4de08 1px,transparent 1px),linear-gradient(90deg,#7ac4de08 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.cover-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.cover-edition{font-size:8px;letter-spacing:1px;color:#9db2c5;white-space:nowrap}
.project-category{position:static;font-size:7px;letter-spacing:.5px;padding:5px 7px;border:1px solid #50d8f32b;border-radius:6px;background:#122c3b;color:#81e8fa;line-height:1.5}
.nowcast-cover img.cover-brand{display:block;width:100%;max-width:320px;height:auto;object-fit:contain;align-self:center;margin:0}
.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cover-bottom>span:first-child{font-size:20px;font-weight:650;line-height:1.25;letter-spacing:-.5px}
.cover-play{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid #30d5ff55;border-radius:50%;color:#30d5ff;background:#30d5ff0a;font-size:12px}
.project-details{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px}
.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.project-title-row h2{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}
.title-ai{display:inline-block;font-size:12px;letter-spacing:1px;color:#7deaff;vertical-align:middle;border:1px solid #30d5ff55;border-radius:6px;padding:2px 4px;margin-left:3px}
.project-arrow{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #30d5ff40;border-radius:8px;background:#30d5ff12;font-size:17px;color:#85eaff}
.project-details>p{color:#d4deeb;line-height:1.75;font-size:12px;margin:12px 0 18px;overflow-wrap:break-word}
.project-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.project-tags{display:flex;flex-wrap:wrap;gap:6px}
.project-tags span{font-size:9px;padding:3px 7px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff0b;color:#e0e8f1}
.project-actions{display:flex;flex-wrap:wrap;gap:8px}
.project-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ffffff24;border-radius:7px;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.project-visit{color:#85eaff}
.project-youtube{background:#ef444416;color:#ff9b9b}
.project-youtube svg{color:#ff4343}
.project-actions a:hover{border-color:#ffffff65;background:#ffffff10}
.project-actions a:focus-visible,.project-cover:focus-visible{outline:2px solid #75e1f3;outline-offset:-3px}
.assistant-cover{background:radial-gradient(ellipse at top right,#638a7940,transparent 65%),#132b27;border-right-color:#b1dac326}
.assistant-cover .project-category{background:#254338;color:#c6ead5;border-color:#c6ead533}
.assistant-cover-title{font-size:14px;color:#a7c7b8;line-height:1.4;letter-spacing:.2px}
.assistant-cover-title span{display:block;color:#edf8f0;font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-1px;margin-top:8px;overflow-wrap:break-word}
.assistant-cover .cover-play{color:#c4ead0;border-color:#8ac6a855;background:#8ac6a80a}
.strategyhub-cover{background:radial-gradient(ellipse at top right,#39c99a25,transparent 65%),#10252d;border-right-color:#39c99a26}
.strategyhub-cover .project-category{background:#193e37;color:#9ce6ca;border-color:#39c99a33}
.strategyhub-cover-title{font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.2;letter-spacing:-1px;color:#edf8f4;overflow-wrap:break-word}
.strategyhub-cover-title span{color:#39c99a}
.projects-titlebar-copy{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-width:0;padding:0 18px}
.projects-titlebar-copy h1{font-size:15px;font-weight:650;color:#f3f5fb;margin:0;white-space:nowrap}
.projects-titlebar-copy>span{font-size:11px;line-height:1.5;color:#b9c7d7}
.window-body:has(.projects-page){display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.window:has(.projects-page) .window-titlebar{flex-shrink:0}
@media(max-width:767px){
 .window:has(.projects-page) .window-titlebar{height:auto;min-height:62px;padding:10px 16px}
 .projects-titlebar-copy{flex-direction:column;gap:4px;padding:0;text-align:center}
 .projects-titlebar-copy h1{font-size:16px}
 .projects-titlebar-copy>span{font-size:10px}
 .projects-page{padding:12px 0 28px;gap:20px}
 .project-feature{grid-template-columns:minmax(0,1fr)}
 .project-cover{min-height:200px;padding:18px;border-right:0;border-bottom:1px solid #6bddff26;gap:18px}
 .nowcast-cover img.cover-brand{width:80%;max-width:300px}
 .project-details{padding:20px}
 .project-title-row h2{font-size:22px}
 .project-bottom{gap:12px}
 .assistant-cover-title span{font-size:28px}
}
@media(max-width:380px){.project-cover,.project-details{padding:16px}.project-title-row h2{font-size:20px}.assistant-cover-title span{font-size:25px}.cover-bottom>span:first-child{font-size:18px}}