.portfolio-cinema{background:#04060c;color:#e8edf5;position:relative}.portfolio-cinema:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,60,141,.18),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(225,184,20,.06),transparent 70%);pointer-events:none}.portfolio-cinema-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.portfolio-cinema-card{position:relative;display:block;overflow:hidden;border-radius:14px;background:#0a0e18;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 60px -25px #000c;isolation:isolate}.portfolio-cinema-card:before,.portfolio-cinema-card:after{content:"";position:absolute;left:0;right:0;height:14px;background:#000;z-index:3;pointer-events:none;transition:height .5s cubic-bezier(.22,1,.36,1)}.portfolio-cinema-card:before{top:0}.portfolio-cinema-card:after{bottom:0}.portfolio-cinema-card:hover:before,.portfolio-cinema-card:hover:after{height:6px}.portfolio-cinema-stage{position:relative;aspect-ratio:21 / 9;overflow:hidden;background:#0a0e18}.portfolio-cinema-stage img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transform:scale(1.02);transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .6s ease;filter:saturate(.85) brightness(.78) contrast(1.05)}.portfolio-cinema-card:hover .portfolio-cinema-stage img{transform:scale(1.08);filter:saturate(1.05) brightness(.95) contrast(1.08)}.portfolio-cinema-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#04060c26,#04060c0d 35%,#04060ceb);transition:background .6s ease}.portfolio-cinema-card:hover .portfolio-cinema-overlay{background:linear-gradient(180deg,#04060c40,#04060c1a 30%,#04060cf5)}.portfolio-cinema-accent{position:absolute;left:0;bottom:0;height:2px;width:0;z-index:4;transition:width .7s cubic-bezier(.22,1,.36,1)}.portfolio-cinema-card:hover .portfolio-cinema-accent{width:100%}.portfolio-cinema-caption{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:32px 40px 34px;display:flex;flex-direction:column;gap:10px}.portfolio-cinema-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.portfolio-cinema-name{font-family:var(--font-bebas);font-size:clamp(28px,3.4vw,52px);line-height:.95;letter-spacing:.5px;color:#f4f7fc;text-shadow:0 2px 20px rgba(0,0,0,.6)}.portfolio-cinema-result{font-family:var(--font-bebas);font-size:clamp(16px,1.4vw,22px);letter-spacing:1px;color:#e1b814;white-space:nowrap;opacity:.92}.portfolio-cinema-meta{display:flex;align-items:center;gap:14px;font-family:var(--font-dm);font-size:13px;letter-spacing:.04em;color:#e8edf599}.portfolio-cinema-meta span:first-child{text-transform:uppercase;letter-spacing:.2em;color:#e1b814d9}.portfolio-cinema-reveal{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.portfolio-cinema-card:hover .portfolio-cinema-reveal{max-height:220px;opacity:1}.portfolio-cinema-description{font-family:var(--font-dm);font-size:15px;line-height:1.55;color:#e8edf5d1;max-width:640px}.portfolio-cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;flex-wrap:wrap}.portfolio-cinema-tags{display:flex;flex-wrap:wrap;gap:8px}.portfolio-cinema-tags span{font-family:var(--font-dm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#e8edf5bf;background:#ffffff08}.portfolio-cinema-visit{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-dm);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f4f7fc;padding:9px 18px;border-radius:999px;border:1px solid rgba(225,184,20,.4);background:#e1b81414;transition:all .4s cubic-bezier(.22,1,.36,1)}.portfolio-cinema-card:hover .portfolio-cinema-visit{background:#e1b814;color:#04060c;border-color:#e1b814}.portfolio-cinema-visit svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.portfolio-cinema-card:hover .portfolio-cinema-visit svg{transform:translate(4px)}@media(max-width:767px){.portfolio-cinema-card:before,.portfolio-cinema-card:after{display:none}.portfolio-cinema-stage{aspect-ratio:16 / 10;border-bottom:1px solid rgba(255,255,255,.06)}.portfolio-cinema-stage img{transform:none;filter:saturate(.95) brightness(.92) contrast(1.05)}.portfolio-cinema-caption{position:static;padding:16px 16px 18px;gap:8px}.portfolio-cinema-overlay,.portfolio-cinema-accent{display:none}.portfolio-cinema-top{gap:8px;flex-wrap:wrap}.portfolio-cinema-name{font-size:24px;text-shadow:none}.portfolio-cinema-result{font-size:14px}.portfolio-cinema-meta{font-size:11px;gap:8px;flex-wrap:wrap}.portfolio-cinema-reveal{max-height:none;opacity:1;overflow:visible}.portfolio-cinema-description{font-size:13.5px;line-height:1.55;max-width:none}.portfolio-cinema-bottom{gap:12px;flex-direction:column;align-items:flex-start}.portfolio-cinema-tags span{font-size:10px;padding:4px 9px}.portfolio-cinema-visit{font-size:12px;padding:8px 15px;width:100%;justify-content:center}.portfolio-cinema-grid{gap:16px}}