.media-page{background-color:var(--surface-background)}.media-main{padding:5rem 0}.media-container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0 1rem}.media-filters-wrapper{margin-bottom:3rem;padding:1.5rem;background-color:var(--primary-background);border-radius:.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.media-filters-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width:1024px){.media-filters-grid{grid-template-columns:2fr 1fr}}.media-filters-title{font-size:1.125rem;font-weight:600;color:var(--primary-text);margin-bottom:.75rem;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:.5rem}@media (min-width:768px){.media-tags-container{justify-content:flex-start}}.filter-tag-button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;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:#9ca3af;position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.search-input-wrapper .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:9999px;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(79,70,229,.2)}.media-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.media-no-results{text-align:center;padding:4rem;color:var(--secondary-text);background-color:var(--primary-background);border-radius:.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.linkedin-modal-overlay{position:fixed;inset:0;background-color:rgba(17,24,39,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;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:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);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:.5rem;border-radius:9999px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);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:.5rem;overflow:hidden;flex-grow:1}.linkedin-modal-body iframe{width:100%;height:100%;border-radius:.5rem}