.devot-overlay{background:linear-gradient(180deg,#0a0402d1,#0a040299 40%,#0a0402d9)}.devot-main{position:relative;z-index:5;max-width:1100px;margin:0 auto;padding:calc(var(--nav-height) + 2.5rem) 1.5rem 4rem}.devot-header{text-align:center;margin-bottom:2.5rem;opacity:0;animation:fadeUp .9s ease .1s forwards}.devot-eyebrow{font-family:var(--font-body);font-size:.68rem;font-weight:400;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}.devot-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.1;color:var(--beige);margin-bottom:.9rem}.devot-title em{font-style:italic;font-weight:400;color:var(--terracotta-light)}.devot-subtitle{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--text-dim);letter-spacing:.05em}.devot-disclaimer{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.6;margin-top:1rem;border-top:1px solid rgba(201,168,76,.2);padding-top:.85rem;display:inline-block}.devot-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:.75rem;opacity:0;animation:fadeUp .9s ease .25s forwards}.devot-sort{display:flex;gap:.5rem}.sort-btn{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:none;border:1px solid rgba(245,236,215,.12);padding:.45rem .9rem;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease;border-radius:1px}.sort-btn:hover,.sort-btn.active{color:var(--beige);border-color:#c9a84c59;background:#c9a84c0f}.devot-count{font-family:var(--font-body);font-size:.72rem;color:var(--text-dim);letter-spacing:.08em}.devot-loading{text-align:center;padding:4rem 2rem;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.devot-loading p{font-family:var(--font-body);font-size:.85rem;letter-spacing:.1em;font-weight:300}.loading-orb{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,168,76,.3);border-top-color:var(--gold);animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.devot-error{text-align:center;padding:3rem 2rem;color:var(--text-dim)}.devot-error p{font-family:var(--font-body);font-size:.9rem;font-weight:300;margin-bottom:1rem}.devot-error a{color:var(--gold);text-decoration:underline}.devot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:2.5rem}.devot-card{background:#1a0f0a8c;border:1px solid rgba(201,168,76,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:2px;overflow:hidden;cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s ease;opacity:0;animation:fadeUp .6s ease forwards}.devot-card:hover{border-color:#c9a84c4d;background:#1a0f0abf;transform:translateY(-3px)}.devot-card:nth-child(1){animation-delay:.05s}.devot-card:nth-child(2){animation-delay:.1s}.devot-card:nth-child(3){animation-delay:.15s}.devot-card:nth-child(4){animation-delay:.2s}.devot-card:nth-child(5){animation-delay:.25s}.devot-card:nth-child(6){animation-delay:.3s}.devot-card:nth-child(7){animation-delay:.35s}.devot-card:nth-child(8){animation-delay:.4s}.devot-card:nth-child(9){animation-delay:.45s}.devot-card:nth-child(10){animation-delay:.5s}.devot-card:nth-child(11){animation-delay:.5s}.devot-card:nth-child(12){animation-delay:.5s}.card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#1a0f0acc}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .3s ease}.devot-card:hover .card-thumb img{transform:scale(1.04)}.card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a040259;opacity:0;transition:opacity .3s ease}.devot-card:hover .card-play{opacity:1}.play-circle{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(245,236,215,.7);background:#c4704f40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease}.devot-card:hover .play-circle{background:#c4704f80;border-color:var(--terracotta-light)}.play-circle svg{width:18px;height:18px;fill:var(--beige);margin-left:3px}.card-body-devot{padding:1rem 1.1rem 1.1rem}.card-date{font-family:var(--font-body);font-size:.68rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:.45rem}.card-title-devot{font-family:var(--font-display);font-size:.95rem;font-weight:500;line-height:1.35;color:var(--beige);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.devot-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem}.page-btn{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);background:none;border:1px solid rgba(245,236,215,.12);padding:.6rem 1.2rem;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease;border-radius:1px}.page-btn:hover:not(:disabled){color:var(--beige);border-color:#c9a84c59;background:#c9a84c0f}.page-btn:disabled{opacity:.3;cursor:default}.page-info{font-family:var(--font-body);font-size:.78rem;color:var(--text-dim);letter-spacing:.08em}.devot-connect-prompt{text-align:center;padding:2.5rem 1.5rem;border-top:1px solid rgba(201,168,76,.12);margin-top:1rem}.devot-connect-prompt p{font-family:var(--font-body);font-size:.88rem;font-weight:300;color:var(--text-dim);margin-bottom:1rem;letter-spacing:.05em}.devot-connect-btn{display:inline-block;font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.25);padding:.7rem 1.6rem;transition:border-color .3s ease,background .3s ease,color .3s ease;border-radius:1px}.devot-connect-btn:hover{border-color:var(--gold);background:#c9a84c12;color:var(--gold-light)}.video-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.video-modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#0a0402e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.modal-inner{position:relative;z-index:1;width:100%;max-width:860px;background:#1a0f0aeb;border:1px solid rgba(201,168,76,.18);border-radius:2px;overflow:hidden;animation:modalIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;background:#1a0f0ab3;border:1px solid rgba(245,236,215,.15);color:var(--text-dim);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:color .2s ease,border-color .2s ease;border-radius:50%}.modal-close:hover{color:var(--beige);border-color:#f5ecd759}.modal-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.modal-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}.modal-meta{padding:1.1rem 1.4rem 1.4rem}.modal-date{font-family:var(--font-body);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:.4rem}.modal-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--beige);margin-bottom:.9rem;line-height:1.3}.modal-connect-link{font-family:var(--font-body);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-muted);transition:color .2s ease}.modal-connect-link:hover{color:var(--gold-light)}@media(max-width:600px){.devot-main{padding-top:calc(var(--nav-height) + 1.5rem);padding-left:1rem;padding-right:1rem}.devot-grid{grid-template-columns:1fr}.devot-controls{flex-direction:column;align-items:flex-start}.modal-inner{max-height:90vh;overflow-y:auto}}