.featured-projects:has(.project-card){gap:clamp(48px,6vw,88px)}.project-card.project-card{border-top:0}.project-card .project-media{border:1px solid var(--hairline);background:var(--surface);border-radius:12px;align-items:center;min-width:0;padding:16px;transition:border-color .25s ease-out,background-color .25s ease-out;display:grid;overflow:hidden}.project-card .project-artwork{background:var(--surface);border:0;border-radius:4px;width:100%;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1);box-shadow:0 14px 28px #0003}.project-card .project-artwork-image{object-fit:contain}.project-card .project-card-body{padding:24px 0 0}.project-card .project-card-heading{flex-direction:column;align-items:start;gap:12px;display:flex}.project-card .project-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,2.8vw,38px);line-height:1.06}.project-card .project-status{color:var(--muted);flex-shrink:0;align-items:center;gap:7px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.project-card .project-status[data-status=In\ Progress]{color:var(--accent)}.project-card .project-status svg{flex-shrink:0}.project-card .project-description{max-width:64ch;color:var(--text-secondary);margin-top:18px;font-size:14px;line-height:1.8}.project-card .project-technologies{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.project-card .project-technology{border-color:var(--hairline);color:var(--muted);box-shadow:none;background:0 0}.project-card .project-details{margin-top:24px;padding:0}.project-card .project-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 0;font-size:13px;font-weight:500;list-style:none;transition:color .2s ease-out;display:flex}.project-card .project-details summary::-webkit-details-marker{display:none}.project-card .project-details summary:hover{color:var(--accent)}.project-card .project-details-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0;position:relative}.project-card .project-details-icon:before,.project-card .project-details-icon:after{content:"";background:currentColor;width:12px;height:1px;position:absolute;top:7px;left:2px}.project-card .project-details-icon:after{transition:transform .3s cubic-bezier(.16,1,.3,1);transform:rotate(90deg)}.project-card .project-details[open] .project-details-icon:after{transform:rotate(0)}.project-card .project-details-content{color:var(--muted);padding:0 0 20px;line-height:1.8}.project-card .project-tags{color:var(--accent);flex-wrap:wrap;gap:4px 12px;margin-top:16px;font-size:12px;display:flex}.project-card .project-actions{flex-wrap:wrap;gap:4px 24px;margin-top:auto;padding-top:16px;display:flex}.project-card .project-actions .button{min-height:44px}.project-card.project-card-featured{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);padding-top:0}.project-card-featured .project-media{min-height:clamp(380px,34vw,490px);padding:clamp(20px,2.6vw,40px)}.project-card-featured .project-card-body{padding:24px 0}.project-card-featured .project-title{font-size:clamp(44px,4.2vw,64px);line-height:1}.project-card-featured .project-description{font-size:16px;line-height:1.7}.project-explorer .project-results,.project-explorer .project-filters{min-width:0}.project-explorer .project-grid{gap:52px 32px}.project-explorer .project-search{border-color:var(--control-border);background:var(--surface);min-height:48px;color:var(--muted);padding:0 40px 0 12px;transition:background-color .2s ease-out,border-color .2s ease-out;position:relative}.project-explorer .project-search>svg{flex-shrink:0}.project-explorer .project-search:focus-within{border-color:var(--accent);background:var(--surface-hover);outline:2px solid var(--accent);outline-offset:3px;color:var(--accent)}.project-explorer .project-search input{min-height:46px;color:var(--foreground);caret-color:var(--accent);outline:0}.project-explorer .project-search input::-webkit-search-cancel-button{appearance:none}.project-explorer .project-search-clear{width:36px;color:var(--muted);border-radius:3px;place-items:center;display:grid;position:absolute;inset:3px 2px 3px auto}.project-explorer .project-search-clear:hover{color:var(--foreground);background:var(--accent-soft)}.project-explorer .filter-tags{scrollbar-color:var(--hairline) transparent;scrollbar-width:thin}.project-explorer .filter-tags button{transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out}.project-explorer .filter-tags button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.project-explorer .filter-tag-label{font-family:inherit;font-size:inherit}.project-explorer .filter-tag-count{font-variant-numeric:tabular-nums}.project-explorer .results-status{border-bottom:1px solid var(--hairline);align-items:center;min-height:48px;padding-bottom:14px}.project-explorer .results-status p{transition:color .2s ease-out}.project-explorer[data-filtered=true] .results-status p{color:var(--foreground)}.project-explorer .results-status button{min-height:32px}.project-explorer .results-status button:hover{color:var(--foreground)}.project-explorer .project-empty{padding:var(--tile-inset);border-top:0}.project-explorer .project-empty h3{font-family:var(--font-condensed), sans-serif;font-size:40px;line-height:1.1}.project-explorer .project-empty .button{border:1px solid var(--control-border);padding:12px 20px}.project-card :is(a,summary):focus-visible,.project-explorer button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-explorer .project-search-clear:focus-visible{outline-offset:-3px}.project-card:focus-within .project-media{border-color:var(--control-border)}.project-card:focus-within .project-artwork{transform:translateY(-4px);box-shadow:0 20px 36px #0000004d}@media (hover:hover) and (pointer:fine){.project-card:hover .project-media{border-color:var(--control-border);background:var(--surface-hover)}.project-card:hover .project-artwork{transform:translateY(-4px);box-shadow:0 20px 36px #0000004d}}@media (min-width:1000px){.featured-projects>:nth-child(2n) .project-card-featured{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.featured-projects>:nth-child(2n) .project-card-featured .project-media{grid-area:1/2}.featured-projects>:nth-child(2n) .project-card-featured .project-card-body{grid-area:1/1}}@media (min-width:768px) and (max-width:999px){.project-card.project-card-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.project-card-featured .project-media{min-height:360px;padding:16px}.project-card-featured .project-card-body{padding-top:8px}}@media (max-width:767px){.project-explorer{grid-template-columns:minmax(0,1fr)}.project-card.project-card-featured{grid-template-columns:minmax(0,1fr);gap:0}.project-card-featured .project-media{min-height:0;padding:clamp(16px,5vw,28px)}.project-card-featured .project-card-body{padding:28px 0 0}.project-card-featured .project-title{font-size:clamp(38px,9vw,52px)}.project-explorer .filter-tags{flex-wrap:nowrap;padding:6px 3px 12px;scroll-padding-inline:3px;overflow-x:auto}.project-explorer .filter-tags button{white-space:nowrap;flex-shrink:0;min-height:44px}.project-explorer .project-search{margin-bottom:10px}.project-explorer .project-search input{font-size:16px}}@media (prefers-reduced-motion:reduce){.project-card .project-artwork,.project-card .project-media,.project-card .project-details summary,.project-card .project-details-icon:after,.project-explorer .project-search,.project-explorer .filter-tags button,.project-explorer .results-status p{transition:none}.project-card:is(:hover,:focus-within) .project-artwork{transform:none}}