.moodboard-page{min-height:100vh}.moodboard-header{padding:48px var(--spacing-page);text-align:center}.moodboard-header h1{font-size:48px;margin-bottom:12px}.moodboard-header p{color:var(--color-gray)}.filters-container{padding:0 var(--spacing-page) 32px;max-width:1200px;margin:0 auto}.search-bar{margin-bottom:24px;display:flex;justify-content:center}.search-bar input{width:100%;max-width:500px;padding:12px 20px;font-size:16px;background:var(--color-bg-secondary);border:1px solid var(--color-stroke);color:var(--color-white);font-family:var(--font-sans);border-radius:6px}.search-bar input::placeholder{color:var(--color-gray)}.search-bar input:focus{outline:none;border-color:var(--color-yellow)}.moodboard-grid{column-count:4;column-gap:16px;padding:0 var(--spacing-page) 48px;max-width:1600px;margin:0 auto}@media(max-width:1024px){.moodboard-grid{column-count:3}}@media(max-width:768px){.moodboard-grid{column-count:2}}.moodboard-item{position:relative;display:block;overflow:hidden;text-decoration:none;background:var(--color-bg-secondary);transition:transform .2s ease;break-inside:avoid;margin-bottom:16px}.moodboard-item:hover{transform:translateY(-4px)}.moodboard-item img{width:100%;height:auto;display:block;object-fit:cover}.item-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .2s ease}.moodboard-item:hover .item-overlay{opacity:1}.item-overlay h3{font-family:var(--font-sans);font-size:14px;font-weight:450;margin-bottom:4px}.item-overlay p{font-family:var(--font-sans);font-size:12px;color:var(--color-gray)}.moodboard-detail-page{min-height:100vh;max-width:1400px;margin-left:auto;margin-top:48px;margin-right:auto;overflow:visible}@media(min-width:768px){.moodboard-detail-page{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-left:24px;padding-right:24px;padding-top:calc(var(--navbar-height) + 40px);align-items:start;overflow:visible;margin-top:0}.moodboard-left-col{position:sticky;top:100px}}.detail-header{padding:32px var(--spacing-page) 16px}.detail-page-title{font-family:var(--font-mono);font-size:24px;font-weight:400;letter-spacing:-.02em;font-variation-settings:"wght" 500;margin:0;line-height:1.2}.carousel-container{display:block;padding:0 var(--spacing-page);margin-bottom:24px}.carousel-wrapper{position:relative;overflow:hidden;max-height:clamp(320px,60svh,600px);display:block}.carousel-track{display:flex;transition:transform .3s ease;cursor:grab;margin:0;padding:0}.carousel-track:active{cursor:grabbing}.carousel-slide{min-width:100%;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.carousel-slide img{display:block;width:100%;height:auto;max-height:clamp(320px,60svh,600px);object-fit:contain;user-select:none;pointer-events:none;margin:0;padding:0}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.carousel-btn{width:40px;height:40px;border-radius:50%;background:var(--color-black);border:none;color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.carousel-btn:hover{background:var(--color-yellow);color:#000;border-color:var(--color-yellow)}.carousel-indicators{display:flex;gap:8px}.indicator{width:8px;height:8px;border-radius:50%;background:var(--color-stroke);border:none;cursor:pointer;transition:all .2s ease}.indicator.active{background:var(--color-yellow);transform:scale(1.3)}.indicator:hover{background:var(--color-gray)}.detail-content{padding:16px var(--spacing-page)}.info-section{margin-bottom:24px}.info-label{font-family:var(--font-mono);font-size:14px;font-weight:200;letter-spacing:.56px;color:var(--color-white);margin-bottom:4px}.info-value{font-family:var(--font-sans);font-size:16px;font-weight:450;line-height:1.4}.info-value a{text-decoration:underline;color:inherit}.info-value a:hover{opacity:.8}.info-links{display:flex;gap:12px;margin-top:32px;margin-bottom:32px}.info-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px 2px;border-radius:999px;background-color:var(--color-bg-secondary);border:1px solid var(--color-stroke);color:var(--color-white);font-family:var(--font-sans);font-size:14px;font-weight:450;text-decoration:none;transition:opacity .2s ease;line-height:1}.info-btn:hover{opacity:.8}.info-btn img{height:14px;width:auto}.vector-results{padding:0}.vector-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;max-width:1600px;margin-left:auto;margin-right:auto}.vector-results-header h2{font-size:28px;margin:0}.clear-search-btn{padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-stroke);color:var(--color-white);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--color-yellow);color:#000;border-color:var(--color-yellow)}.vector-result-item{position:relative}#vector-results-grid{position:relative;column-count:initial;column-gap:0;width:100%}#vector-results-grid .moodboard-item{position:absolute;transition:transform .2s ease,opacity .2s ease}.search-status{margin-top:8px;font-size:12px;color:var(--color-gray);text-align:center}.error-state{padding:48px var(--spacing-page);text-align:center}@media(min-width:768px)and (max-height:800px){.carousel-wrapper,.carousel-slide img{max-height:50svh}}