/* Original project treatments: a listening crescent and a POV viewfinder. */
.lab-project.lab-crescent,[data-theme="dark"] .lab-project.lab-crescent{background:radial-gradient(ellipse at 85% 0%,#304d53 0,transparent 62%),#17272d;color:#f7eedb}
.lab-project.lab-pov,[data-theme="dark"] .lab-project.lab-pov{background:radial-gradient(ellipse at 0% 0%,#ffd776 0,transparent 44%),linear-gradient(145deg,#c63e57 12%,#ac2671 49%,#6340a2 100%);color:#fff}
.lab-project .project-symbol{width:100px;height:83px;object-fit:contain;margin:8px 0 5px}
.lab-project.lab-crescent h3{font-size:1.9rem;font-weight:500;letter-spacing:-.045em;margin:0 0 9px}
.lab-project.lab-pov h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1.9rem;font-weight:750;letter-spacing:-.065em;margin:0 0 9px}
.lab-crescent .lab-state,.lab-pov .lab-state{align-self:flex-start;border:1px solid #ffffff35;border-radius:20px;padding:4px 8px;background:#10202a66;color:#fff;font-size:.625rem}
.lab-project.lab-pov p,.lab-project.lab-crescent p{font-size:.8125rem;line-height:1.5;margin:0;max-width:210px}
.lab-pov .lab-open>span,.lab-crescent .lab-open>span{color:inherit}
#crescent-detail,[data-theme="dark"] #crescent-detail{background:#17272d;color:#f7eedb}
#crescent-detail p,#crescent-detail .eyebrow{color:#d1dcd9}
#pov-detail,[data-theme="dark"] #pov-detail{background:#24182e;color:#fff}
#pov-detail p,#pov-detail .eyebrow{color:#e4d6e9}
#crescent-detail .close-dialog,#pov-detail .close-dialog{background:#ffffff20;color:#fff}
.project-detail-mark{width:120px;height:100px;margin-bottom:18px}
#pov-detail .project-detail-mark{background:linear-gradient(145deg,#e09b52,#b82d73 50%,#6848a9);border-radius:22px}

@font-face{font-family:Manrope;src:url('/assets/fonts/spoonslab/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.lab-project.lab-spoonslab,[data-theme="dark"] .lab-project.lab-spoonslab,#spoonslab-detail,[data-theme="dark"] #spoonslab-detail{background:#171b1e;color:#f2f0e9;font-family:Manrope,Arial,sans-serif;border-bottom:4px solid #ff6a3d}
.lab-spoonslab .lab-state{color:#b8c0c5}
.lab-project .spoonslab-lockup{margin:35px 0 20px;line-height:1}
.spoonslab-lockup img{display:block;width:100%;height:auto}
.lab-project.lab-spoonslab p{font-size:.875rem;line-height:1.6}
#spoonslab-detail .spoonslab-lockup{max-width:360px;margin:28px 0}
#spoonslab-detail p{color:#d5d9d9}
#spoonslab-detail .dialog-lede{color:#f2f0e9}
#spoonslab-detail .eyebrow{color:#ff9b7b}
#spoonslab-detail .close-dialog{background:#ffffff20;color:#f2f0e9}
.labs-coming-soon{margin-top:44px;border-top:1px dashed var(--gold);background:transparent}
.lab-project.lab-outcomes,[data-theme="dark"] .lab-project.lab-outcomes{background:#e8e5db;color:#29372d;border:1px solid #c6cbbf;min-height:280px}
.lab-project.lab-outcomes h3{font-family:Georgia,serif;font-size:2rem;line-height:1.05;letter-spacing:-.04em;font-weight:400;margin:23px 0 13px}
.lab-outcomes h3>span{color:#67775a}
.lab-project.lab-outcomes p{font-size:.8125rem;line-height:1.5}
.working-title{font:500 .5625rem/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.09em;margin-top:15px;color:#53634c}

/* Live personal apps are listings only, without destination links. */
.lab-project.lab-listing{padding-bottom:24px;justify-content:flex-start}
.lab-project.lab-listing:hover{transform:none;box-shadow:none}
.lab-listing .lab-state{display:flex;align-items:center;gap:7px}
.lab-listing .lab-state i{width:6px;height:6px;border-radius:50%;background:#34755c}
.lab-project.lab-life-dashboard,[data-theme="dark"] .lab-project.lab-life-dashboard{background:#e3eee7;color:#203e33}
.lab-project.lab-next-chapter,[data-theme="dark"] .lab-project.lab-next-chapter{background:#eee6d8;color:#473629}
.lab-project.lab-listing h3{font-size:1.6rem;line-height:1.15;margin:16px 0 12px}
.lab-project.lab-listing p{font-size:.8125rem;line-height:1.6;max-width:240px}
.dashboard-symbol{display:grid;grid-template-columns:repeat(2,19px);grid-template-rows:repeat(2,19px);gap:5px;width:43px;margin-top:23px}
.dashboard-symbol span{border:1.5px solid #47775f;border-radius:4px}
.dashboard-symbol span:first-child{background:#47775f}
.chapter-symbol{font:400 3rem/1 Georgia,serif;color:#846746;margin-top:20px;height:46px}