.app-shell .home-01.showcase-page h1{margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.4}.app-shell .home-01.showcase-page .sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .home-01.showcase-page .showcase-hero{background:var(--white);border-bottom:1px solid var(--line)}.app-shell .home-01.showcase-page .showcase-hero>div,.app-shell .home-01.showcase-page .hero-copy{box-sizing:border-box}.app-shell .home-01.showcase-page .showcase-hero{max-width:var(--frame-max);padding:70px var(--frame-gutter) 40px;text-align:left;flex-direction:column;align-items:stretch;gap:24px;margin:0 auto;display:flex}.app-shell .home-01.showcase-page .hero-copy{flex-direction:column;flex-grow:0;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:0;display:flex;position:static}.app-shell .home-01.showcase-page .eyebrow{letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.app-shell .home-01.showcase-page .eyebrow:before{content:"";background:var(--yellow);border-radius:2px;width:18px;height:3px}.app-shell .home-01.showcase-page .hero-copy p{color:var(--muted);font-size:16px}.app-shell .home-01.showcase-page .showcase-search{max-width:880px;display:flex;position:relative}.app-shell .home-01.showcase-page .showcase-search svg{color:var(--muted);position:absolute;top:16px;left:18px}.app-shell .home-01.showcase-page .showcase-search input{width:100%;height:52px;color:var(--ink);border:1px solid var(--faint);background:var(--white);border-radius:999px;padding:0 20px 0 50px;font-family:inherit;font-size:16px}.app-shell .home-01.showcase-page .skill-explore{flex-direction:column;gap:10px;display:flex}.app-shell .home-01.showcase-page .skill-explore>span{font-size:14px;font-weight:600}.app-shell .home-01.showcase-page .skill-explore>div{flex-wrap:wrap;gap:8px;display:flex}.app-shell .home-01.showcase-page .skill-explore button{border:1px solid var(--faint);background:var(--white);min-height:44px;color:var(--ink);border-radius:999px;padding:0 18px;font-size:14px;font-weight:500}.app-shell .home-01.showcase-page .skill-explore button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--white)}.app-shell .home-01.showcase-page .showcase-layout{box-sizing:border-box;width:100%;max-width:var(--frame-max);padding:36px var(--frame-gutter) clamp(64px, 7vw, 96px);flex-wrap:wrap;align-items:flex-start;gap:36px;margin:0 auto;display:flex}.app-shell .home-01.showcase-page .flt-panel{box-sizing:border-box;background:var(--white);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:0 0 260px;gap:18px;width:260px;max-width:100%;padding:22px;display:flex;position:sticky;top:88px}.app-shell .home-01.showcase-page .flt-head,.app-shell .home-01.showcase-page .flt-head>span{align-items:center;display:flex}.app-shell .home-01.showcase-page .flt-head{justify-content:space-between;gap:8px}.app-shell .home-01.showcase-page .flt-head>span:first-child{font-size:16px;font-weight:600}.app-shell .home-01.showcase-page .flt-head>span:last-child{gap:6px}.app-shell .home-01.showcase-page .flt-head button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:13px;text-decoration:underline}.app-shell .home-01.showcase-page .flt-close{border:1.5px solid var(--ink);background:var(--white);min-height:44px;color:var(--ink);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:none}.app-shell .home-01.showcase-page .active-chips{flex-wrap:wrap;gap:6px;display:flex}.app-shell .home-01.showcase-page .active-chips>span{background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:2px;padding:2px 4px 2px 12px;font-size:12px;display:inline-flex}.app-shell .home-01.showcase-page .active-chips button{width:44px;height:44px;color:var(--white);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.app-shell .home-01.showcase-page .live-card{background:var(--bg);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;min-height:44px;padding:12px 14px;display:flex}.app-shell .home-01.showcase-page .live-card input{width:18px;height:18px;accent-color:var(--ink);margin:2px 0 0}.app-shell .home-01.showcase-page .live-card>span{flex-direction:column;gap:2px;display:flex}.app-shell .home-01.showcase-page .live-card>span>span:first-child{font-size:14px;font-weight:600}.app-shell .home-01.showcase-page .live-card>span>span:last-child{color:var(--muted);font-size:12px;line-height:1.6}.app-shell .home-01.showcase-page .geo-filter,.app-shell .home-01.showcase-page .flt-panel fieldset{flex-direction:column;display:flex}.app-shell .home-01.showcase-page .geo-filter{gap:18px;min-width:0}.app-shell .home-01.showcase-page .geo-chips{flex-direction:column;gap:8px;display:flex}.app-shell .home-01.showcase-page .geo-chips>span,.app-shell .home-01.showcase-page .flt-panel legend,.app-shell .home-01.showcase-page .geo-filter fieldset>span{color:var(--muted);font-size:13px;font-weight:600}.app-shell .home-01.showcase-page .geo-chips ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.app-shell .home-01.showcase-page .geo-chips li{background:var(--white);border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 12px;font-size:14px;line-height:1.5;display:inline-flex}.app-shell .home-01.showcase-page .geo-chips button,.app-shell .home-01.showcase-page .combo [role=status] button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0}.app-shell .home-01.showcase-page .geo-chips>button,.app-shell .home-01.showcase-page .combo [role=status] button{color:var(--muted);align-self:flex-start;padding:0 4px;font-size:13px;text-decoration:underline}.app-shell .home-01.showcase-page .flt-panel fieldset{border:0;border-top:1px solid var(--line);gap:0;min-width:0;margin:0;padding:16px 0 0}.app-shell .home-01.showcase-page .flt-panel legend{float:left;width:100%;padding:0 0 6px}.app-shell .home-01.showcase-page .flt-panel label{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.app-shell .home-01.showcase-page .flt-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:0}.app-shell .home-01.showcase-page .more-options{min-height:44px;color:var(--ink);background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.app-shell .home-01.showcase-page .combo{flex-direction:column;gap:6px;min-width:0;padding-top:6px;display:flex}.app-shell .home-01.showcase-page .combo>label{min-height:0;color:var(--ink);font-size:13px;font-weight:600}.app-shell .home-01.showcase-page .combo input{width:100%;height:44px;color:var(--ink);border:1px solid var(--faint);background:var(--white);border-radius:10px;padding:0 14px;font-family:inherit;font-size:16px}.app-shell .home-01.showcase-page .combo ul{background:var(--white);border:1.5px solid var(--ink);border-radius:10px;flex-direction:column;gap:2px;max-height:300px;margin:0;padding:4px;list-style:none;display:flex;overflow:auto}.app-shell .home-01.showcase-page .combo li{cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;padding:8px 12px;display:flex}.app-shell .home-01.showcase-page .combo li[aria-selected=true]{background:var(--ink);color:var(--white)}.app-shell .home-01.showcase-page .combo [role=status]{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.app-shell .home-01.showcase-page .showcase-results{flex-direction:column;flex:999 600px;gap:22px;min-width:0;display:flex}.app-shell .home-01.showcase-page .result-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-shell .home-01.showcase-page .result-bar>span{color:var(--muted);font-size:15px}.app-shell .home-01.showcase-page .result-bar b{color:var(--ink)}.app-shell .home-01.showcase-page .flt-entry{display:none}.app-shell .home-01.showcase-page .result-bar .sort-switch{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:4px;display:flex}.app-shell .home-01.showcase-page .result-bar .sort-switch button{min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px}.app-shell .home-01.showcase-page .result-bar .sort-switch button[aria-pressed=true]{background:var(--ink);color:var(--white);font-weight:600}.app-shell .home-01.showcase-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.app-shell .home-01.showcase-page .work-card{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.app-shell .home-01.showcase-page .work-cover{box-sizing:border-box;flex:0 0 168px;height:168px;min-height:168px;max-height:168px;padding:16px;text-decoration:none;display:block;position:relative}.app-shell .home-01.showcase-page .cover-0{background:var(--yellow);color:var(--ink)}.app-shell .home-01.showcase-page .cover-1{background:var(--ink);color:var(--white)}.app-shell .home-01.showcase-page .cover-2{background:var(--muted);color:var(--white)}.app-shell .home-01.showcase-page .cover-3{background:var(--bg);color:var(--ink)}.app-shell .home-01.showcase-page .cover-4{background:var(--line);color:var(--ink)}.app-shell .home-01.showcase-page .cover-topic{color:var(--ink);letter-spacing:.06em;background:0 0;border:0;border-radius:0;padding:0;font-size:11px;font-weight:700;position:absolute;bottom:14px;left:16px}.app-shell .home-01.showcase-page .cover-1 .cover-topic,.app-shell .home-01.showcase-page .cover-2 .cover-topic{color:var(--white)}.app-shell .home-01.showcase-page .outcome-pill,.app-shell .home-01.showcase-page .pilot-pill{border:1px solid var(--ink);background:var(--white);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:12px}.app-shell .home-01.showcase-page .outcome-pill{left:12px}.app-shell .home-01.showcase-page .pilot-pill{font-weight:700;right:12px}.app-shell .home-01.showcase-page .work-body{flex-direction:column;flex-grow:1;gap:12px;min-width:0;padding:18px 20px 20px;display:flex}.app-shell .home-01.showcase-page .card-meta{color:var(--muted);text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:0 6px;font-size:12px;display:flex}.app-shell .home-01.showcase-page .work-name{color:var(--ink);font-size:18px;font-weight:600;line-height:1.5}.app-shell .home-01.showcase-page .work-result,.app-shell .home-01.showcase-page .work-skills{flex-direction:column;gap:6px;display:flex}.app-shell .home-01.showcase-page .work-result>span:first-child,.app-shell .home-01.showcase-page .work-skills>span:first-child{color:var(--muted);font-size:11px;font-weight:700}.app-shell .home-01.showcase-page .work-result>span:last-child{font-size:14px;line-height:1.7}.app-shell .home-01.showcase-page .work-skills>span:last-child{flex-wrap:wrap;gap:6px;display:flex}.app-shell .home-01.showcase-page .work-skills>span:last-child>span{background:var(--bg);border-radius:999px;padding:2px 10px;font-size:12px}.app-shell .home-01.showcase-page .card-grow{flex-grow:1}.app-shell .home-01.showcase-page .work-by{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.app-shell .home-01.showcase-page .work-by>span:first-child{flex-wrap:wrap;align-items:center;column-gap:6px;min-width:0;display:inline-flex}.app-shell .home-01.showcase-page .author-link{min-height:44px;color:inherit;align-items:center;gap:8px;display:inline-flex}.app-shell .home-01.showcase-page .avatar{background:var(--line);width:26px;height:26px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.app-shell .home-01.showcase-page .work-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-shell .home-01.showcase-page .work-actions :is(a,.is-demo){box-sizing:border-box;min-height:44px;color:var(--ink);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.app-shell .home-01.showcase-page .claps{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.app-shell .home-01.showcase-page .empty-state{background:var(--white);border:1px dashed var(--faint);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:clamp(36px,5vw,64px) 24px;display:flex}.app-shell .home-01.showcase-page .empty-state.is-cold{gap:12px;padding:clamp(40px,6vw,80px) 24px}.app-shell .home-01.showcase-page .empty-mark{background:var(--yellow);width:56px;height:56px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;display:flex}.app-shell .home-01.showcase-page .empty-title{font-size:20px;font-weight:500}.app-shell .home-01.showcase-page .is-cold .empty-title{font-size:22px}.app-shell .home-01.showcase-page .empty-body{max-width:520px;color:var(--muted);white-space:pre-line;font-size:15px;line-height:1.8}.app-shell .home-01.showcase-page .empty-state>div{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:8px;display:flex}.app-shell .home-01.showcase-page .ink-link,.app-shell .home-01.showcase-page .showcase-cta a{box-sizing:border-box;background:var(--ink);min-height:48px;color:var(--white);border-radius:999px;align-items:center;gap:4px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.app-shell .home-01.showcase-page .line-link,.app-shell .home-01.showcase-page .empty-state button{box-sizing:border-box;border:1px solid var(--faint);background:var(--white);min-height:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:15px;line-height:1;display:inline-flex}.app-shell .home-01.showcase-page .showcase-cta{background:var(--yellow);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:22px 26px;display:flex}.app-shell .home-01.showcase-page .showcase-cta>div{flex-direction:column;gap:4px;display:flex}.app-shell .home-01.showcase-page .showcase-cta>div>span:first-child{font-size:17px;font-weight:600}.app-shell .home-01.showcase-page .showcase-cta>div>span:last-child{font-size:14px;line-height:1.7}.app-shell .home-01.showcase-page .fixture-note{color:var(--muted);font-size:13px}@media (max-width:980px){.app-shell .home-01.showcase-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-shell .home-01.showcase-page .flt-entry{white-space:nowrap;border:1.5px solid var(--ink);background:var(--white);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.app-shell .home-01.showcase-page .flt-entry span{font-weight:400}.app-shell .home-01.showcase-page .flt-panel{display:none}.app-shell .home-01.showcase-page .flt-panel.is-open{z-index:40;border-radius:0;width:auto;max-width:none;margin:0;display:flex;position:fixed;inset:0;overflow:auto}.app-shell .home-01.showcase-page .flt-panel.is-open .flt-close{align-items:center;display:inline-flex}.app-shell .home-01.showcase-page .work-grid{grid-template-columns:1fr}}.app-shell .home-01.showcase-page .work-cover.tone-0{background:var(--yellow);color:var(--ink)}.app-shell .home-01.showcase-page .work-cover.tone-1{background:var(--ink);color:var(--white)}.app-shell .home-01.showcase-page .work-cover.tone-2{background:var(--bg);color:var(--ink)}.app-shell .home-01.showcase-page .work-cover.tone-3{background:var(--muted);color:var(--white)}.app-shell .home-01.showcase-page .work-cover.tone-4{background:var(--white);color:var(--ink);box-shadow:inset 0 -8px 0 var(--yellow)}.app-shell .home-01.showcase-page .work-cover.tone-1 .cover-topic,.app-shell .home-01.showcase-page .work-cover.tone-3 .cover-topic{color:var(--white)}.app-shell .home-01.showcase-page .work-cover.is-file{background:var(--line);overflow:hidden}.app-shell .home-01.showcase-page .work-cover.is-file img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-shell .home-01.showcase-page .work-cover.is-file .cover-topic{background:var(--ink);color:var(--white);border-radius:999px;padding:2px 8px}.app-shell .home-01.showcase-page .work-by{min-height:44px}.app-shell .home-01.showcase-page .work-by .avatar{overflow:hidden}.app-shell .home-01.showcase-page .work-by .avatar img{object-fit:cover;width:100%;height:100%}.app-shell .home-01.showcase-page .work-actions a .sr-only{position:absolute}
