/* Match the project body exactly so the cover has no visible lower edge. */
body[data-page="project"] .project-hero{position:relative;isolation:isolate;border-bottom:0;box-shadow:none;background-color:#080b0c}
body[data-page="project"] .project-hero::after{content:"";position:absolute;inset:35% 0 -1px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,11,12,0) 0%,rgba(8,11,12,.18) 36%,rgba(8,11,12,.65) 72%,#080b0c 100%)}
body[data-page="project"] .project-hero>small,body[data-page="project"] .project-hero>h1,body[data-page="project"] .project-hero>p{position:relative;z-index:1}
body[data-page="project"] .project-body{position:relative;background:#080b0c;border-top:0;box-shadow:none}
@media(max-width:700px){body[data-page="project"] .project-hero::after{inset-block-start:30%}}
/* The shared template covers every Latest Work project. */
body[data-page="project"]{background:#080b0c}
body[data-page="project"] .project-hero{height:100svh;min-height:650px;padding:140px clamp(24px,5vw,100px) max(110px,14svh);background-size:cover}
body[data-page="project"] .project-hero::after{inset:25% 0 -2px;background:linear-gradient(180deg,#080b0c00,#080b0c26 38%,#080b0caa 76%,#080b0c 100%)}
body[data-page="project"] .project-hero h1{font-weight:500;font-size:clamp(64px,9vw,180px);letter-spacing:-.065em;max-width:1500px;overflow-wrap:anywhere}
body[data-page="project"] .project-body{padding:20px clamp(24px,5vw,100px) 90px}
body[data-page="project"] #project-description{max-width:1150px;font-size:clamp(24px,3vw,48px);line-height:1.38;margin-top:0}
body[data-page="project"] .project-gallery{display:block;margin:50px calc(-1 * clamp(24px,5vw,100px)) 0}
body[data-page="project"] .project-gallery img{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;box-shadow:none;margin:0 0 30px;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent)}
.project-return{display:inline-flex;align-items:center;gap:30px;color:#e0c197;border:1px solid #e0c19750;padding:16px 22px;border-radius:40px;text-decoration:none;font-size:12px;margin:30px 0}
@media(max-width:700px){body[data-page="project"] .project-hero{min-height:600px;padding-bottom:110px}body[data-page="project"] .project-gallery img{margin-bottom:20px}body[data-page="project"] .project-meta{gap:25px}}