.showcaseContainer{max-width:1176px;margin:auto;padding:0 32px}.showcaseHero{border-bottom:1px solid var(--line);padding:65px 0 58px}.showcaseHero h1,.showcaseDetailHero h1{letter-spacing:-.055em;max-width:970px;margin:0 0 24px;font-size:clamp(48px,6.5vw,84px);line-height:1.04}.showcaseHero>p:not(.eyebrow),.showcaseDetailHero>p:not(.eyebrow){max-width:610px;color:var(--muted);margin:0 0 27px;font-size:17px;line-height:1.75}.showcaseHero .actions{justify-content:flex-start;align-items:center;gap:25px}.showcaseHeroLink{color:#c1cbb6;align-items:center;gap:10px;font-size:12px;display:inline-flex}.showcaseHeroLink:hover{color:var(--accent)}.showcaseLibrary{padding:44px 0 70px}.showcaseLibraryHeader{justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;display:flex}.showcaseLibraryHeader h2{letter-spacing:-.6px;margin:0;font-size:24px}.showcaseSearch{color:#8e9d7f;background:#11150e;border:1px solid #3c4433;border-radius:8px;align-items:center;gap:11px;width:285px;padding:12px 15px;display:flex}.showcaseSearch:focus-within{outline:1px solid var(--accent)}.showcaseSearch input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;font:12px Arial,sans-serif}.showcaseSearch input::-webkit-search-cancel-button{display:none}.showcaseSearch input::placeholder{color:#858f7a}.showcaseSearch>svg{flex-shrink:0;width:14px}.showcaseSearch button{color:#b2bea6;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.showcaseLayout{grid-template-columns:172px minmax(0,1fr);gap:35px;display:grid}.showcaseCategories>p{letter-spacing:.12em;color:#7d8b70;margin:1px 0 18px;font:8px monospace}.showcaseCategories button{color:#9ba78e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:11px 10px;font:11px Arial,sans-serif;display:flex}.showcaseCategories button>span:first-child{align-items:center;gap:8px;display:flex}.showcaseCategories button>span:last-child{color:#77876a;font:9px monospace}.showcaseCategories button:hover{color:#e1e8d8;background:#151c10}.showcaseCategories button[aria-pressed=true]{color:var(--text);background:#1a2114;border-color:#35412a}.showcaseCategories button[aria-pressed=true]>span:last-child{color:var(--accent)}.showcaseResultCount{color:#7f8e73;letter-spacing:.02em;margin:0 0 17px;font:9px monospace}.showcaseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px;display:grid}.showcaseCard{min-width:0}.showcaseCardLink{height:100%;display:block}.showcaseCardImage{aspect-ratio:1.55;background:#13190f;border:1px solid #35402c;border-radius:9px;position:relative;overflow:hidden}.showcaseCardImage picture{height:100%}.showcaseCardImage img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.showcaseCardLink:hover .showcaseCardImage img{transform:scale(1.04)}.showcaseCardImage--project{background:#020915}.showcaseCardImage--project img{object-fit:contain;padding:5px}.showcaseCardType{color:#dae4ce;background:#0b120bdf;border:1px solid #75826350;border-radius:4px;padding:4px 6px;font:7px monospace;position:absolute;bottom:8px;right:8px}.showcaseFeatured{background:var(--accent);color:#1d2117;letter-spacing:.07em;border-radius:3px;padding:5px 7px;font:7px monospace;position:absolute;top:9px;left:9px}.showcaseCardMeta{color:#859677;justify-content:space-between;align-items:center;margin:15px 0 10px;font:8px monospace;display:flex}.showcaseCardMeta svg{color:#b5c3a6;width:13px}.showcaseCard h3{letter-spacing:-.5px;margin-bottom:10px;font-size:19px;line-height:1.25}.showcaseCard p{color:#929f86;margin-bottom:13px;font-size:11px;line-height:1.8}.showcaseCardSite{color:#788a69;font:8px monospace}.showcaseCardLink:hover h3{color:var(--accent)}.showcaseEmpty{text-align:center;border:1px solid var(--line);border-radius:9px;padding:65px 20px}.showcaseEmpty>svg{color:#81966f;margin-bottom:20px}.showcaseEmpty h3{letter-spacing:-.7px;font-size:25px}.showcaseEmpty p{color:var(--muted);font-size:13px}.showcaseEmpty button{cursor:pointer;margin-top:10px}.showcaseBottom{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:35px;padding:55px 0 65px;display:flex}.showcaseBottom h2{letter-spacing:-1.7px;margin:0;font-size:40px;line-height:1.1}.showcaseBack{color:#9aab8b;align-items:center;gap:10px;margin-bottom:35px;font-size:11px;display:inline-flex}.showcaseDetailHero{padding:42px 0 48px}.showcaseDetailHero .actions{justify-content:flex-start}.showcaseDetailTags{color:#899b79;flex-wrap:wrap;gap:10px 24px;margin-top:25px;font:9px/1.6 monospace;display:flex}.showcaseDetailGrid{grid-template-columns:minmax(0,750px) minmax(220px,1fr);align-items:start;gap:55px;padding-bottom:40px;display:grid}.showcaseDetailBody{min-width:0}.showcaseProjectCover{background:#020915;border:1px solid #34412a;border-radius:10px;margin:0;overflow:hidden}.showcaseProjectCover img{object-fit:contain;width:100%;height:auto;max-height:560px;display:block}.showcaseProjectCover figcaption{color:#8c9d7c;background:#11180d;border-top:1px solid #34412a;padding:15px 19px;font-size:10px;line-height:1.7}.showcaseProjectCover a{color:#c4d4b6;align-items:center;gap:6px;display:inline-flex}.showcaseDetailSection{border-bottom:1px solid var(--line);padding:42px 0}.showcaseDetailSection h2{letter-spacing:-1.2px;margin:0 0 22px;font-size:33px;line-height:1.17}.showcaseDetailSection>p:not(.eyebrow){color:#a4b099;font-size:14px;line-height:1.9}.showcaseFlow{flex-wrap:wrap;align-items:center;gap:14px;margin-top:25px;display:flex}.showcaseFlow>span:nth-child(odd){color:#bdcdb0;background:#151d10;border:1px solid #34432b;border-radius:5px;padding:10px 15px;font:10px monospace}.showcaseFlow>span:nth-child(2n){color:#687f56}.showcaseSteps{margin:28px 0;padding:0;list-style:none}.showcaseSteps li{border-top:1px solid var(--line);gap:21px;padding:22px 0;display:flex}.showcaseSteps li>span{color:var(--accent);padding-top:3px;font:10px monospace}.showcaseSteps h3{letter-spacing:-.4px;margin-bottom:9px;font-size:19px}.showcaseSteps p{color:#9aaa8c;margin:0;font-size:13px;line-height:1.85}.showcaseInstall{background:#11170e;border:1px solid #34412a;border-radius:8px;overflow:hidden}.showcaseInstall>div{color:#8fa17e;border-bottom:1px solid #2b3823;padding:13px 17px;font:9px monospace}.showcaseInstall pre{color:#bed0af;margin:0;padding:20px;font-size:11px;line-height:1.9;overflow-x:auto}.showcaseDetailSection>.showcaseSourceNote{color:#7d916c;margin-top:16px;font-size:11px}.showcaseSourceNote a{color:#c0d1af}.showcaseSourceNote svg{vertical-align:middle}.showcasePrompt{background:#172010;border:1px solid #394a2b;border-radius:8px;margin-top:35px;padding:20px}.showcasePrompt>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.showcasePrompt>div>span{letter-spacing:.08em;color:#9fb389;font:8px monospace}.showcasePrompt button{color:#c3d4b4;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font:10px Arial,sans-serif;display:flex}.showcasePrompt>p{color:#c6d3bc;margin:20px 0 0;font-size:13px;line-height:1.85}.showcaseDetailAside{position:sticky;top:115px}.showcaseDetailAside>div{background:#11170d;border:1px solid #303d26;border-radius:8px;margin-bottom:20px;padding:24px}.showcaseAsideLabel{color:#8ba074;letter-spacing:.1em;font:8px monospace}.showcaseDetailAside h2{letter-spacing:-.6px;margin-top:20px;font-size:23px;line-height:1.2}.showcaseDetailAside dl{margin:26px 0}.showcaseDetailAside dl>div{border-bottom:1px solid #29351f;justify-content:space-between;align-items:baseline;gap:15px;padding:12px 0;font-size:11px;display:flex}.showcaseDetailAside dt{color:#7f956c}.showcaseDetailAside dd{color:#c6d1bc;text-align:right;margin:0}.showcaseDetailAside ul{color:#a1b28f;gap:14px;margin:0 0 28px;padding:0;font-size:11px;list-style:none;display:grid}.showcaseDetailAside li{align-items:center;gap:9px;display:flex}.showcaseDetailAside li>svg{color:#b8cda3}.showcaseDetailAside .button{width:100%;padding:0 12px;font-size:11px}.showcaseDetailAside p{color:#9caf8b;margin:18px 0;font-size:12px;line-height:1.9}@media (max-width:1100px){.showcaseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcaseLayout{grid-template-columns:165px minmax(0,1fr);gap:25px}.showcaseDetailGrid{grid-template-columns:minmax(0,1fr) 245px;gap:30px}}@media (max-width:800px){.showcaseLayout{grid-template-columns:1fr;gap:24px}.showcaseCategories{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.showcaseCategories>p{display:none}.showcaseCategories button{white-space:nowrap;flex:none;gap:10px;width:auto;margin:0;padding:10px 12px}.showcaseDetailGrid{grid-template-columns:1fr}.showcaseDetailAside{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:static}}@media (max-width:620px){.showcaseContainer{padding:0 24px}.showcaseHero{padding:43px 0 37px}.showcaseHero h1,.showcaseDetailHero h1{font-size:48px}.showcaseHero>p:not(.eyebrow),.showcaseDetailHero>p:not(.eyebrow){font-size:15px}.showcaseHero .actions{gap:20px}.showcaseHeroLink{font-size:11px}.showcaseLibrary{padding:32px 0 45px}.showcaseLibraryHeader{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:22px}.showcaseLibraryHeader h2{font-size:23px}.showcaseSearch{width:100%}.showcaseGrid{grid-template-columns:1fr;gap:30px}.showcaseCard h3{font-size:24px}.showcaseCard p{font-size:13px}.showcaseCardMeta,.showcaseCardSite{font-size:9px}.showcaseCardType{font-size:8px}.showcaseBottom{flex-direction:column;align-items:flex-start;gap:28px;padding:40px 0 50px}.showcaseBottom h2{font-size:34px}.showcaseDetailHero{padding:30px 0}.showcaseDetailHero h1{font-size:42px}.showcaseDetailTags{flex-direction:column;gap:9px;font-size:8px}.showcaseProjectCover figcaption{padding:12px 14px}.showcaseDetailSection{padding:32px 0}.showcaseDetailSection h2{font-size:29px}.showcaseDetailSection>p:not(.eyebrow){font-size:13px}.showcaseFlow{gap:7px}.showcaseFlow>span:nth-child(odd){padding:9px;font-size:8px}.showcaseSteps li{gap:15px}.showcaseInstall pre{padding:16px;font-size:10px}.showcaseDetailAside{grid-template-columns:1fr;gap:0}.showcasePrompt{padding:18px}.showcasePrompt>div>span{font-size:7px}}@media (prefers-reduced-motion:reduce){.showcaseCardImage img{transition:none}}.showcaseSrOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}