/* Single project page (SEO / fallback). Inherits :root vars from home.css. */
html,body{overflow:auto;height:auto}
.single-work{display:block}
.sw-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;
  background-size:cover;background-position:center;padding:0 6vw 9vh}
.sw-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(15,15,18,.95),rgba(15,15,18,.4) 60%,rgba(15,15,18,.35) 100%),rgba(15,15,18,.35)}
.sw-hero-in{position:relative;z-index:2;max-width:60ch}
.sw-hero em{font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.sw-hero h1{font-weight:700;font-size:clamp(40px,8vw,110px);line-height:.95;letter-spacing:-.04em;margin:.25em 0}
.sw-hero p{max-width:52ch;color:#e7e5ee;font-size:17px;line-height:1.7;margin-top:1rem}
.sw-meta{display:flex;gap:42px;margin-top:2rem;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9b6c6}
.sw-meta b{display:block;color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:-.01em;text-transform:none;margin-top:.4rem}
.sw-cta{display:inline-block;margin-top:2.4rem;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink);border:1px solid var(--line);padding:.9em 1.5em;border-radius:40px;text-decoration:none;transition:.25s}
.sw-cta:hover{background:var(--accent);color:#16151c;border-color:var(--accent)}
.sw-body{max-width:1100px;margin:0 auto;padding:10vh 6vw;display:flex;flex-direction:column;gap:5vh}
.sw-body img{width:100%;display:block;filter:grayscale(.08) brightness(.98)}
.sw-chapter{font-weight:700;font-size:clamp(24px,3vw,40px);letter-spacing:-.02em;margin-top:4vh}
.sw-chapter em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}