.media-page{background-color:var(--surface-background)}.media-main{padding:var(--space-80) var(--space-0)}.media-container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:var(--space-0) var(--space-16)}.media-filters-wrapper{margin-bottom:var(--space-48);padding:var(--space-24);background-color:var(--primary-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.media-filters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-32);align-items:center}@media (min-width:1024px){.media-filters-grid{grid-template-columns:2fr 1fr}}.media-filters-title{font-size:var(--text-lg);font-weight:600;color:var(--primary-text);margin-bottom:var(--space-12);text-align:center}@media (min-width:768px){.media-filters-title{text-align:left}}.media-tags-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}@media (min-width:768px){.media-tags-container{justify-content:flex-start}}.filter-tag-button{padding:var(--space-8) var(--space-16);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-pill);transition:all .2s;background-color:var(--surface-background);color:var(--secondary-text);border:1px solid var(--border-color);cursor:pointer}.filter-tag-button:hover{background-color:var(--border-color)}.filter-tag-button.active{background-color:var(--interactive-blue);color:white;border-color:var(--interactive-blue)}.search-input-wrapper .search-input-icon{width:1.25rem;height:1.25rem;color:var(--color-ink-faint);position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.search-input-wrapper .search-input{width:100%;padding:var(--space-12) var(--space-16) var(--space-12) var(--space-48);border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--primary-background);color:var(--primary-text);transition:box-shadow .2s,border-color .2s}.search-input-wrapper .search-input:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--interactive-blue);box-shadow:0 0 0 2px rgba(var(--rgb-indigo-strong),.2)}.media-grid{display:grid;grid-template-columns:1fr;gap:var(--space-32)}@media (min-width:768px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.media-no-results{text-align:center;padding:var(--space-64);color:var(--secondary-text);background-color:var(--primary-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.linkedin-modal-overlay{position:fixed;inset:0;background-color:rgba(var(--rgb-ink),.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:var(--space-16);animation:media-fade-in .3s ease-out forwards}@keyframes media-fade-in{0%{opacity:0}to{opacity:1}}@keyframes media-content-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.linkedin-modal-content{position:relative;background-color:var(--primary-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:36rem;height:90vh;max-height:800px;animation:media-content-slide-in .3s ease-out forwards;display:flex;flex-direction:column}.linkedin-modal-close-button{position:absolute;top:-1rem;right:-1rem;background-color:white;color:var(--primary-text);padding:var(--space-8);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transition:transform .2s;z-index:10;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center}.linkedin-modal-close-button:hover{transform:scale(1.1) rotate(90deg)}.linkedin-modal-close-button .w-6{width:1.5rem}.linkedin-modal-close-button .h-6{height:1.5rem}.linkedin-modal-body{padding:var(--space-8);overflow:hidden;flex-grow:1}.linkedin-modal-body iframe{width:100%;height:100%;border-radius:var(--radius-lg)}