@font-face{font-family:ProjectForest;src:url('/fonts/CormorantSC-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:ProjectStars;src:url('/fonts/LiberationSans.ttf') format('truetype');font-display:swap}
.cinematic-projects{gap:28px}
.cinematic-projects .project-summary{display:block;padding:0;min-height:0;background:#181726;border-color:#314149;border-radius:12px;transition:border-color .25s,box-shadow .25s}
.cinematic-projects .project-summary:before{content:none}
.cinematic-projects .project-summary:hover{border-color:#6f9ea8;box-shadow:0 16px 48px #0005}
.cinematic-projects .project-summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.project-cover{isolation:isolate;height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}
.project-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s ease}
.project-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050c1830,#050c1820 35%,#050c1870 65%,#181726)}
.stars-summary .project-cover:after{background:linear-gradient(180deg,#10081d20,#10081d35 35%,#10081d80 65%,#11151f)}
.cinematic-projects .project-summary:hover img{transform:scale(1.045)}
.cover-caption{position:absolute;top:28px;left:30px;font-size:.57rem;letter-spacing:.22em;color:#e2f3f5;text-shadow:0 2px 5px #000}
.cinematic-projects .project-wordmark{margin:50px 0 0;text-align:center;line-height:1;position:relative}
.cinematic-projects .forest-wordmark{font-family:ProjectForest,Georgia,serif;font-weight:600;font-size:clamp(2.8rem,4.7vw,4.5rem);color:#d5f0f6;letter-spacing:-.035em;text-shadow:0 2px 4px #06121c,0 0 22px #69bce780}
.forest-wordmark>span{display:block;font-size:.4em;letter-spacing:.3em;margin-bottom:12px}
.cinematic-projects .stars-wordmark{font-family:ProjectStars,Arial,sans-serif;font-weight:700;font-variant:small-caps;font-size:clamp(2.6rem,4.3vw,4rem);letter-spacing:-.045em;background:linear-gradient(#c6fff7 5%,#b3dedf 32%,#b29bd0 64%,#9b60b0 96%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #08080b) drop-shadow(0 0 18px #7838b5);white-space:nowrap}
.stars-wordmark>span{color:#c6fff7}
.cinematic-projects .swampy-wordmark{width:min(90%,390px);filter:drop-shadow(0 3px 8px #0a160b)}
.project-cover .swampy-card-lettering{position:static;display:block;width:100%;height:auto;object-fit:contain;transition:none;transform:none!important}
.swampy-summary .project-cover:after{background:linear-gradient(180deg,#07140820,#07140820 35%,#07140880 65%,#181726)}
.project-card-details{padding:12px 30px 28px}
.stars-summary .project-card-details{background:#11151f}
.project-status{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9d9ca;margin-right:9px;vertical-align:middle;box-shadow:0 0 8px #a9d9ca66}
.cinematic-projects .project-summary p{font-size:.9rem;line-height:1.75;color:#bccbd0;margin:18px 0 25px;max-width:440px}
.project-entry{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;padding-top:18px;font-size:.8rem;color:#def1eb}
.project-entry>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff30;border-radius:50%;transition:background .25s,color .25s}
.project-summary:hover .project-entry>span{background:#d0eee5;color:#181726}
@media(max-width:850px){.project-cover{height:390px}.cinematic-projects .forest-wordmark{font-size:4.7rem}.cinematic-projects .stars-wordmark{font-size:4.2rem}}
@media(max-width:580px){.project-cover{height:290px;padding:18px}.cover-caption{left:22px;top:22px;font-size:.5rem}.cinematic-projects .forest-wordmark{font-size:clamp(2.6rem,10vw,3.8rem)}.cinematic-projects .stars-wordmark{font-size:clamp(2.2rem,9vw,3.4rem)}.project-card-details{padding:10px 22px 22px}.project-card-details .tag{font-size:.55rem}.cinematic-projects .project-summary p{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.cinematic-projects .project-summary,.project-cover img,.project-entry>span{transition:none}.cinematic-projects .project-summary:hover img{transform:none}}