body{margin:0;background:#0f0f0f;color:#eee;font-family:Inter,sans-serif}.intro{max-width:900px;margin:40px auto;padding:40px 20px;background:transparent;border-radius:12px;display:flex;gap:24px;align-items:center;text-align:left}.intro-image{width:320px;height:220px;border-radius:8px;object-fit:cover;flex-shrink:0}.intro-content{font-family:Palatino,Palatino Linotype,Book Antiqua,serif;flex:1}.intro h1{font-family:Palatino,Palatino Linotype,Book Antiqua,serif;font-size:2.4rem;margin-bottom:10px}@media (max-width: 700px){.intro{flex-direction:column;text-align:center}.intro-image{width:100%;height:auto}}.intro p{font-size:1.1rem;line-height:1.6;opacity:.9}.intro p+p{margin-top:12px}.intro span{display:block;margin-top:20px;opacity:.8}.intro a,.intro a:link,.intro a:visited{color:inherit;text-decoration:none}.intro a:hover,.intro a:focus{color:inherit;text-decoration:underline}.grid{max-width:1300px;margin:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.tile{cursor:pointer;border-radius:12px;overflow:hidden;background:#1c1c1c;transition:transform .25s ease}.tile:hover{transform:scale(1.04)}.tile img{width:100%;height:170px;object-fit:cover}.tile-title{padding:12px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{max-width:700px;width:90%;background:#222;padding:20px;border-radius:12px;text-align:center}.modal-media{position:relative}.modal-media img{width:100%;border-radius:8px;cursor:pointer;display:block}.modal-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#00000073;color:#fff;border:none;padding:10px 14px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-play svg{width:20px;height:20px;display:block}.modal-play span{font-weight:600}.modal-play:hover{background:#0009;transform:translate(-50%,-50%) scale(1.02)}.modal-play:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.modal button{margin-top:20px;padding:10px 20px;border:none;background:#444;color:#fff;border-radius:6px;cursor:pointer}.site-footer{background:#111;color:#ddd;padding:40px 20px 20px;margin-top:50px;font-size:14px}.site-footer h3{margin-bottom:10px;color:#fff}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-content div{width:300px;max-width:100%}.footer-contact a,.footer-social a{color:#ddd;text-decoration:none}.footer-contact a:hover,.footer-social a:hover{color:#fff}.footer-icons{display:flex;gap:15px;margin-top:10px}.footer-icons .icon svg{transition:transform .2s ease,color .2s ease;color:#ddd}.footer-icons .icon:hover svg{transform:scale(1.1);color:#fff}.footer-bottom{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid #333;color:#aaa}