.modal-overlay{position:fixed;inset:0;background:rgba(42,35,26,.8);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(145deg,var(--header-background) 0,rgba(255,255,255,.98) 100%);border-radius:24px;width:100%;max-width:950px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 80px rgba(42,35,26,.4),0 10px 40px rgba(191,167,106,.3),0 0 0 1px rgba(191,167,106,.2);animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(191,167,106,.15)}.modal-close{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);border:2px solid rgba(191,167,106,.3);cursor:pointer;z-index:10;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.modal-close:hover{background:rgba(191,167,106,.15);color:#6b5d4f;border-color:rgba(191,167,106,.5)}.modal-close-icon{width:1.35rem;height:1.35rem;stroke:#8a7c5b;stroke-width:2.2;stroke-linecap:round;fill:none}.modal-close:hover .modal-close-icon{stroke:#6b5d4f}.modal-image-wrapper{position:relative;width:100%;height:min(70vh,85vw);background:var(--header-background);display:flex;align-items:center;justify-content:center;border-radius:24px 24px 0 0;overflow:hidden}.modal-image{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center;transition:transform .5s ease;border-radius:0}.modal-content:hover .modal-image{transform:scale(1.02)}.modal-text{padding:1.8rem 2.2rem 2.4rem;overflow-y:auto}.modal-quote{quotes:none}.memento-quote:after,.memento-quote:before{content:none!important}.modal-author{text-align:center;font-size:1.25rem;font-weight:700;color:var(--foreground);margin-bottom:.6rem;text-shadow:0 1px 3px rgba(0,0,0,.05)}.modal-role{text-align:center;font-size:1rem;color:#8a7c5b;font-style:italic;margin-bottom:1.6rem;opacity:.9}.modal-link{text-align:center;margin-top:1.2rem}.modal-link-button{display:inline-flex;align-items:center;gap:.6rem;color:#a89c7a;text-decoration:none;font-size:1rem;font-weight:500;border:1px solid #e3d4b4;background:#f5ecd6;padding:.7rem 1.3rem;border-radius:24px;opacity:.9;transition:background .2s,color .2s,border .2s,opacity .2s}.modal-link-button:focus,.modal-link-button:hover{background:#ede6d3;color:#7d7154;border-color:#b3a279;opacity:1}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{max-height:92vh}.modal-image-wrapper{height:min(60vh,100vw)}.modal-text{padding:1.4rem 1.2rem 1.8rem}.modal-close{width:2.5rem;height:2.5rem;top:.8rem;right:.8rem}.modal-close-icon{width:1.1rem;height:1.1rem}}@media (max-width:480px){.modal-overlay{padding:.6rem}.modal-image-wrapper{height:min(58vh,100vw)}.modal-text{padding:1.2rem 1rem 1.6rem}}