.w-card{flex-direction:column;gap:.6rem;height:100%;padding:0;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-fx=running][data-side=professional] .w-card:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(16rem circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);opacity:0;transition:opacity var(--fx-dur) var(--fx-ease);position:absolute;inset:0}html[data-fx=running][data-side=professional] .w-card:hover:before{opacity:1}}.w-card-img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:auto;display:block}.w-card-gen{position:relative}.w-card-body{flex-direction:column;flex:1;gap:.55rem;padding:.25rem 1.25rem 1.1rem;display:flex}.w-card-body>p,.w-card-body>h2,.w-card-body>h3{margin:0}.w-meta{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.w-card-title{font-size:var(--step-1);line-height:1.25}.w-summary{color:var(--fg-muted)}.w-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.w-foot{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:auto;padding-top:.3rem;display:flex}.w-icons{gap:.25rem;display:flex}.w-type{font-family:var(--font-mono);letter-spacing:.02em;border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));color:var(--accent);background:0 0;padding:.05rem .6rem;font-size:.78rem}.status{color:var(--fg-muted);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.access{border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:999px;padding:.05rem .5rem;font-size:.78rem;font-weight:600}.access-live{color:var(--accent);border-color:currentColor}.status-live{color:var(--accent)}.status-building{color:var(--fg)}.status-archived:before{background:0 0;border:1.5px solid}.p-hub{grid-template-columns:1fr;gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.p-hub{grid-template-columns:repeat(2,1fr)}}.u-card{flex-direction:column;gap:.9rem;padding:1.5rem;display:flex}.u-card>*{margin:0}.u-head .chip{white-space:nowrap;flex:none}.u-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.u-title{font-size:var(--step-2);align-items:center;gap:.6rem;display:flex}.u-title svg{color:var(--accent);flex:none}.u-blurb{color:var(--fg-muted)}.u-thumbs{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0;list-style:none;display:grid}.u-thumbs li{min-width:0}.u-thumbs img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);width:100%;height:auto;display:block}.u-types{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.u-foot{padding-top:.25rem;margin-top:auto!important}.pd{padding-block:2rem 3.5rem}.pd-head>*{margin-block:0}.pd-head{gap:.85rem;margin-bottom:1.5rem;display:grid}.pd-summary{max-width:60ch;color:var(--fg-muted);font-size:var(--step-1)}.pd-actions{flex-wrap:wrap;gap:.6rem;display:flex}.pd-cover{margin:0 0 2rem}.pd-cover img{aspect-ratio:16/9;object-fit:cover;object-position:left top;border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.pd-section{margin-top:2.5rem}.pd-body{gap:1.5rem 3rem;display:grid}.pd-body>.prose{min-width:0;max-width:70ch}@media (width>=64rem){.pd-body{grid-template-columns:minmax(0,1fr) 18rem;align-items:start}.pd-facts{grid-area:1/2}}.pd-facts{background:var(--bg-elev);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem}.pd-facts h2{font-size:var(--step-0);margin:0 0 .75rem}.pd-facts dl{gap:.85rem;margin:0;display:grid}.pd-facts dt{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.pd-facts dd{margin:.25rem 0 0}.pd-links,.pd-highlights{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.pd-links a{overflow-wrap:anywhere}.pd-highlights{color:var(--fg-muted);gap:.5rem;font-size:.95rem}.pd-shots{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pd-shots figure{margin:0}.pd-shots a{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);display:block;overflow:hidden}.pd-shots a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pd-shots img{aspect-ratio:16/10;object-fit:cover;object-position:left top;width:100%;height:auto;display:block}.pd-shots figcaption{color:var(--fg-muted);font-size:var(--step--1);padding-top:.4rem}.pd-notes{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pd-notes li[hidden]{display:none}.cs-strip{margin-block:2rem}.cs-steps,.cs-flow{margin:0;padding:0;list-style:none}.cs-steps{gap:1rem;display:grid}@media (width>=48rem){.cs-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-steps>li{background:var(--bg-elev);border:1px solid var(--border);border-block-start:3px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem}.cs-label{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin:0 0 .5rem}.cs-steps p,.cs-steps ul{margin:0}.cs-steps ul{padding-inline-start:1.1rem}.cs-flow{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.cs-flow li{align-items:center;gap:.5rem;display:flex}.cs-flow span{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);font-size:var(--step--1);padding:.4rem .8rem}.cs-flow li+li:before{content:"→";color:var(--fg-muted)}.pd-snippets{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;display:flex}