@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeIn .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:translateX(0)}}.slideInRight{animation:slideInFromRight .22s ease-out}.slideInLeft{animation:slideInFromLeft .22s ease-out}.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.92);border:1px solid var(--panel-border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--ink);transition:background .15s ease,transform .15s ease;z-index:2}.carousel__btn:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.carousel__btn--prev{left:12px}.carousel__btn--next{right:12px}.carousel__dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.carousel__dot{width:9px;height:9px;border-radius:50%;background:var(--panel-border);border:none;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.carousel__dot--active{background:var(--accent);transform:scale(1.3)}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(16,8,18,.9);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeIn .18s ease-out}.lightbox__content{position:relative;width:min(92vw,1280px);aspect-ratio:16/9}.lightbox__close{position:fixed;top:18px;right:22px;width:42px;height:42px;border-radius:50%;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;z-index:1001}.lightbox__close:hover{background:hsla(0,0%,100%,.24)}.lightbox .carousel__btn{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);color:#fff}.lightbox .carousel__btn:hover{background:hsla(0,0%,100%,.24);transform:translateY(-50%) scale(1.08)}.lightbox .carousel__dot{background:hsla(0,0%,100%,.28)}.lightbox .carousel__dot--active{background:var(--accent)}.image-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.image-container img{height:360px;object-fit:cover}@media (max-width:768px){.image-container{flex-direction:column;align-items:center}.image-container img{height:auto}}