.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{background-color:var(--primary-background);border-radius:.5rem;margin-bottom:3rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.media-filters-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:1024px){.media-filters-grid{grid-template-columns:2fr 1fr}}.media-filters-title{color:var(--primary-text);text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}@media (min-width:768px){.media-filters-title{text-align:left}}.media-tags-container{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (min-width:768px){.media-tags-container{justify-content:flex-start}}.filter-tag-button{background-color:var(--surface-background);color:var(--secondary-text);border:1px solid var(--border-color);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tag-button:hover{background-color:var(--border-color)}.filter-tag-button.active{background-color:var(--interactive-blue);color:#fff;border-color:var(--interactive-blue)}.search-input-wrapper .search-input-icon{color:#9ca3af;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input-wrapper .search-input{border:1px solid var(--border-color);background-color:var(--primary-background);width:100%;color:var(--primary-text);border-radius:9999px;padding:.75rem 1rem .75rem 3rem;transition:box-shadow .2s,border-color .2s}.search-input-wrapper .search-input:focus{outline-offset:2px;border-color:var(--interactive-blue);outline:2px solid #0000;box-shadow:0 0 0 2px #4f46e533}.media-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.media-no-results{text-align:center;color:var(--secondary-text);background-color:var(--primary-background);border-radius:.5rem;padding:4rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.linkedin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#111827e6;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out forwards media-fade-in;display:flex;position:fixed;inset:0}@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{background-color:var(--primary-background);border-radius:.75rem;flex-direction:column;width:100%;max-width:36rem;height:90vh;max-height:800px;animation:.3s ease-out forwards media-content-slide-in;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040}.linkedin-modal-close-button{color:var(--primary-text);z-index:10;cursor:pointer;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex;position:absolute;top:-1rem;right:-1rem;box-shadow:0 4px 6px -1px #0000001a}.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{flex-grow:1;padding:.5rem;overflow:hidden}.linkedin-modal-body iframe{border-radius:.5rem;width:100%;height:100%}
