body{background:radial-gradient(ellipse at 30% 0%,#3a1c24,transparent 700px),#120f12;color:#f0e1e3}.wrap{max-width:1360px}.bar{background:#1b1115;border-color:#472f35}a{color:#e2a0a0}.btn,button{background:#8e2c35}.muted{color:#bdaeb2}.card{background:#211519;border-color:#4a2c33;border-radius:3px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#c38e95;margin:0 0 12px}.workshop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 24px}.workshop-heading h1{font-size:36px;font-weight:500;margin:0}.workshop-heading p:last-child{margin:10px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-heading h2{font-size:21px;font-weight:500;margin:0}.section-heading .muted{font-size:13px}.latest-section{background:linear-gradient(110deg,#3a1b23aa,#211519);border-top:2px solid #a33b46;padding:22px 24px;margin-bottom:36px}.rail-controls{display:flex;gap:7px}.rail-controls button{padding:5px 14px;background:#51252d;border:1px solid #85434b}.rail-controls button:disabled{opacity:.35;cursor:default}.latest-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;scrollbar-color:#8e2c35 #1a1114;scrollbar-width:thin}.latest-track>.project-tile{scroll-snap-align:start}.project-tile{background:#211519;border:1px solid #4a2c33;min-width:0;transition:border-color .15s,background .15s}.project-tile:hover,.project-tile:focus-within{background:#321b21;border-color:#d35a63}.tile-cover{display:block;aspect-ratio:1;overflow:hidden;background:#180f12}.tile-cover img{width:100%;height:100%;object-fit:fill;display:block}.latest-track .tile-cover{aspect-ratio:1 / 1}.cover-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#4b252d,#241318);color:#bdaeb2}.cover-placeholder>span{font-size:48px;line-height:1.3;color:#9c825b}.cover-placeholder small{font-size:12px;letter-spacing:2px}.tile-body{padding:12px}.tile-body h3{font-size:15px;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.tile-body h3 a{color:#edf1f4}.tile-author{display:block;color:#c7949a;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-tags{display:flex;gap:5px;margin:10px 0;font-size:11px;overflow:hidden;white-space:nowrap}.tile-tags a{background:#3b2028;color:#e7c9cd;padding:1px 6px;overflow:hidden;text-overflow:ellipsis}.tile-body time{font-size:11px;color:#bdaeb2}.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:28px;align-items:start}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-results{min-width:0}.filter-panel{background:#180f12;border:1px solid #4a2c33;padding:20px;position:sticky;top:20px}.filter-panel h2{margin:0 0 20px;font-size:19px}.filter-panel label,.filter-panel legend{font-size:14px}.filter-panel input,.filter-panel select{background:#2b171d;border-color:#6b3640;font-size:13px;border-radius:2px}.search-field{display:flex;margin:7px 0 20px}.search-field input{min-width:0;margin:0;border-right:0}.search-field button{padding:4px 12px;border-radius:0 2px 2px 0;font-size:24px}.filter-panel fieldset{border:0;border-top:1px solid #4a2c33;padding:18px 0 0;margin:18px 0}.filter-panel legend{padding-right:12px}.filter-help{font-size:12px;margin:0 0 12px}.tag-options{max-height:420px;overflow-y:auto}.tag-option{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}.tag-option input{margin:0;width:16px;height:16px;accent-color:#d35a63}.tag-option span{flex:1;overflow-wrap:anywhere}.tag-option small{color:#bdaeb2}.apply-filters{width:100%;border-radius:2px}.reset-filters{display:block;text-align:center;margin-top:12px;font-size:13px}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px;font-size:13px}.tag{background:#293e50;border-color:#6b3640;color:#e7c9cd;border-radius:3px}.pagination{margin:28px 0}.no-results{grid-column:1/-1;background:#211519;padding:50px 20px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#bdaeb2;font-size:13px}.detail-heading h1{font-size:32px}.secondary{font-size:13px;background:#482028}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.detail-main{min-width:0}.preview-stage{background:#0d080a;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative}.preview-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview-empty{text-align:center;color:#bdaeb2}.preview-empty>span{font-size:70px;color:#9c5b63}.gallery-controls{display:flex;gap:12px;align-items:center;justify-content:center;background:#1d1115;padding:10px;font-size:13px}.gallery-controls button{padding:5px 12px;border-radius:2px}.preview-thumbs{display:flex;overflow:auto;gap:8px;padding:12px 0}.preview-thumbs button{flex:0 0 100px;padding:3px;background:#211519;border:2px solid transparent;border-radius:0}.preview-thumbs button[aria-pressed=true]{border-color:#e2a0a0}.preview-thumbs img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.detail-tabs{display:flex;gap:28px;padding:18px 4px;border-bottom:1px solid #6b3640;font-size:14px}.sidebar-cover{aspect-ratio:16/10;background:#180e11}.sidebar-cover>img{width:100%;height:100%;object-fit:cover}.project-sidebar{min-width:0;background:#1b1115;padding:16px;border:1px solid #4a2c33}.project-summary{color:#d8bdc0;font-size:14px;overflow-wrap:anywhere}.subscribe-form button{width:100%;background:linear-gradient(110deg,#7d2835,#a33743);color:#f2f8e8;font-size:15px;border-radius:2px}.subscribe-form .subscribed{background:#3d252b}.subscribe-help{font-size:12px}.sidebar-section{border-top:1px solid #4b2931;margin-top:20px;padding-top:16px}.sidebar-section h2{font-size:14px;color:#c38e95;margin:0 0 12px}.sidebar-section .author-line{align-items:flex-start}.sidebar-section .author-line .avatar{margin-top:0}.sidebar-section .author-line>div{min-width:0;overflow-wrap:anywhere;padding-top:1px}.sidebar-section .uid{font-size:11px}.project-facts{border-top:1px solid #4b2931;margin-top:20px;padding-top:16px;font-size:12px}.project-facts dt{color:#c38e95}.project-facts dd{margin:0 0 12px;color:#f0e1e3}.download-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #4a2c33;padding:15px 0;overflow-wrap:anywhere}.download-row p{margin:2px 0;font-size:13px}.download-row .btn{flex-shrink:0;font-size:13px}.markdown-body{overflow-wrap:anywhere}.markdown-body h1{font-size:26px}.markdown-body pre{padding:16px;background:#160d10;overflow:auto}.markdown-body blockquote{border-left:3px solid #b14d58;margin-left:0;padding-left:20px;color:#c99da2}.markdown-body table{display:block;overflow:auto;border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid #66343d;padding:8px}.comment-compose textarea{background:#1b1115;border-color:#4c6276}.comment-row{border-color:#4b2931}[hidden]{display:none!important}
@media(max-width:1050px){.workshop-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.project-grid{gap:10px}.tile-body{padding:9px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}}@media(max-width:800px){.workshop-layout,.detail-layout{grid-template-columns:1fr}.filter-panel{position:static;grid-row:1}.tag-options{display:flex;flex-wrap:wrap;gap:8px 20px;max-height:180px}.filter-panel fieldset{margin:10px 0}.tag-option{min-width:130px}.latest-track{grid-auto-columns:calc((100% - 16px)/2)}.project-sidebar{grid-row:1;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 20px}.project-sidebar>.sidebar-section,.project-sidebar>.project-facts{grid-column:1/-1}.project-sidebar .subscribe-help{grid-column:2}.workshop-heading h1{font-size:29px}.latest-section{padding:18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.workshop-heading{align-items:flex-start;flex-direction:column}.project-sidebar{display:block}.gallery-controls{gap:8px;flex-wrap:wrap}.latest-track{grid-auto-columns:78%}.detail-tabs{gap:20px}.download-row{align-items:flex-start;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.avatar{aspect-ratio:1 / 1;object-fit:cover;overflow:hidden}.avatar-large .avatar{aspect-ratio:1 / 1}

/* Project results are four columns by four rows per page (16 items). */
.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Keep project titles in compact cards to one visual line. */
.tile-body h3{display:block;height:21px;min-height:21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* Overlapping slides crossfade without changing the gallery's dimensions. */
.preview-slide{opacity:1;transition:opacity .6s ease-in-out;pointer-events:none}
.preview-slide[aria-hidden="true"]{opacity:0}
@media(prefers-reduced-motion:reduce){.preview-slide{transition:none}}

.project-description-scroll{max-height:min(60vh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:14px;scrollbar-color:#a54752 #201419}.preview-media-tabs{display:flex;gap:8px;margin-bottom:10px}.preview-media-tabs [aria-pressed=true]{background:#c1464e}.project-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.project-video>a{display:block;font-size:13px;margin:8px 0}.version-log+.version-log{border-top:1px solid #4a2c33;margin-top:20px;padding-top:14px}.creator-bio{font-size:13px;color:var(--muted)}
.sidebar-section .author-line{align-items:flex-start}.sidebar-section .author-line .avatar{margin-top:0}.sidebar-section .author-line>div{min-width:0;overflow-wrap:anywhere;padding-top:1px}.project-stats{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;color:#cdaeb3;font-size:13px}.project-stats span{display:inline-flex;align-items:center;gap:4px}.preview-media{min-width:0}.preview-media-tabs{align-items:center}.preview-media-tabs button{min-width:72px}.project-video[hidden],.preview-gallery[hidden]{display:none!important}
.resource-options{padding-bottom:10px;border-bottom:1px solid #58343f;margin-bottom:10px}
