.media-hero{background:linear-gradient(115deg,#123b5d 0%,#13506b 65%,#0e777a 100%);color:white;padding:48px 0 42px;position:relative;overflow:hidden}.media-hero:before{content:"";position:absolute;inset:0;background:url('scientific-pattern.svg') center/420px;opacity:.14;pointer-events:none}.media-hero .wrap{position:relative}.media-hero h1{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.1;color:white;margin:.3em 0}.media-hero p{max-width:730px;color:#e0eff4}.media-tools{background:white;box-shadow:0 10px 35px #16395212;border:1px solid #dfe9ee;border-radius:18px;padding:20px;margin:24px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:end}.media-tools label{display:block;font-weight:700;font-size:.85rem;margin:0 0 5px}.media-tools input,.media-tools select{padding:11px;border-radius:10px;border:1px solid #c8d7df;min-width:180px;max-width:100%;font:inherit;background:#fff;color:#17384b}.media-tools .grow{flex:1}.media-tools .grow input{width:100%}.media-results{color:#52697b;font-size:.91rem;padding-bottom:16px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:34px}.media-tile{background:white;border:1px solid #dce9ed;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #173b5611;transition:transform .2s,box-shadow .2s}.media-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px #173b5624}.media-art{background:linear-gradient(150deg,#edf7f8,#dcebf4);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.media-art img{width:100%;height:100%;object-fit:contain;padding:12px}.media-body{padding:20px}.media-tag{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#087d81}.media-body h2{font-size:1.22rem;margin:7px 0;color:#123b5d}.media-body p{line-height:1.55;color:#496274}.media-meta{font-size:.78rem;color:#526d7d;margin:12px 0}.media-actions{display:flex;gap:8px;flex-wrap:wrap}.media-actions button,.media-actions a{background:#123b5d;color:white;text-decoration:none;border:0;border-radius:9px;padding:10px 12px;font:inherit;font-size:.89rem;cursor:pointer}.media-actions a.secondary{background:#e9f5f4;color:#135663}.media-note{border-left:4px solid #17a7a0;background:#edf8f8;padding:17px 20px;border-radius:9px;margin:10px 0 28px}.media-modal{position:fixed;inset:0;z-index:999;background:#0a1d2ed9;display:flex;align-items:center;justify-content:center;padding:20px}.media-modal[hidden]{display:none}.media-modal-inner{background:white;border-radius:18px;padding:20px;width:min(900px,100%);max-height:92vh;overflow:auto}.media-modal-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.media-modal img{display:block;max-height:50vh;max-width:100%;margin:12px auto;object-fit:contain}.media-modal button{border:0;background:#123b5d;color:white;border-radius:10px;padding:9px 13px;cursor:pointer}.media-video{background:#ebf4f6;border-radius:12px;padding:30px;text-align:center}.media-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.media-empty{padding:45px 16px;text-align:center;background:white;border:1px dashed #b6cbd7;border-radius:16px}.media-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.media-grid{grid-template-columns:1fr}.media-tools>*{width:100%}.media-tools input,.media-tools select{width:100%}}