.work-view{background:#050509;min-height:100vh;padding:clamp(6.4rem,11vh,8.5rem) clamp(1rem,4vw,3.4rem) 5rem;position:relative;overflow:hidden}.work-view:before{background:radial-gradient(circle at 26% 10%,var(--accent-faint),transparent 30rem),radial-gradient(circle at 88% 80%,#ffffff0a,transparent 24rem);content:"";pointer-events:none;position:fixed;inset:0}.work-view__hero{z-index:1;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(1.6rem,4vw,3.4rem);max-width:1500px;margin:0 auto;display:grid;position:relative}.work-view__media{box-shadow:0 34px 110px #00000080,0 0 70px var(--accent-faint);background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;align-self:start;padding:clamp(.6rem,1.4vw,1.1rem);overflow:hidden}.work-view__media img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:80svh}.work-view__panel{align-self:start;gap:1.1rem;display:grid;position:sticky;top:clamp(5.5rem,10vh,7rem)}.work-view__back{color:#ffffff94;font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.45rem;width:max-content;font-size:.72rem;font-weight:600;transition:color .2s;display:inline-flex}.work-view__back:hover{color:var(--accent)}.work-view__eyebrow{color:var(--accent);font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;font-size:.7rem;font-weight:700}.work-view__panel h1{color:var(--color-ivory);font-family:var(--font-serif);letter-spacing:0;margin-top:-.5rem;font-size:clamp(2.2rem,4.6vw,4rem);font-weight:600;line-height:1.02}.work-view__from{color:#ffffffa8;font-family:var(--font-serif);font-size:1.15rem;font-style:italic}.work-view__collect{background:var(--accent-faint);border:1px solid var(--accent-soft);box-shadow:0 0 34px var(--accent-glow);color:var(--color-ivory);cursor:pointer;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:max-content;min-height:54px;padding:.95rem 1.4rem;font-size:.8rem;font-weight:700;transition:transform .24s,border-color .24s;display:inline-flex}.work-view__collect:hover{border-color:var(--accent);transform:translateY(-2px)}.work-view__story h2{color:#ffffff80;font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;margin-bottom:.6rem;font-size:.66rem;font-weight:700}.work-view__story blockquote{border-left:2px solid var(--accent-soft);color:#ffffffbd;font-family:var(--font-serif);white-space:pre-line;max-height:16rem;padding-left:1rem;font-size:1rem;font-style:italic;line-height:1.78;overflow:auto}.work-view__specs{border-top:1px solid #ffffff1a;gap:.55rem;padding-top:1.1rem;display:grid}.work-view__specs dt{color:#ffffff80;font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;font-size:.66rem;font-weight:700}.work-view__specs div{justify-content:space-between;gap:1rem;display:flex}.work-view__specs span{color:#ffffff85;font-size:.84rem}.work-view__specs strong{color:#ffffffd9;font-family:var(--font-sans);text-align:right;font-size:.84rem;font-weight:600}.work-view__related{z-index:1;max-width:1500px;margin:clamp(3.4rem,8vw,6rem) auto 0;position:relative}.work-view__related h2{color:var(--color-ivory);font-family:var(--font-serif);margin-bottom:1.2rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600}.work-view__related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.work-view__related-card{aspect-ratio:4/5;border:1px solid #ffffff17;border-radius:14px;transition:border-color .26s,box-shadow .26s,transform .26s;display:block;position:relative;overflow:hidden}.work-view__related-card:hover{border-color:var(--accent-soft);box-shadow:0 18px 60px #0006,0 0 26px var(--accent-glow);transform:translateY(-3px)}.work-view__related-card img{filter:saturate(.94)contrast(1.06)brightness(.85);object-fit:cover;transition:transform .8s var(--ease-cinematic),filter .8s var(--ease-cinematic)}.work-view__related-card:hover img{filter:saturate(1.05)contrast(1.1)brightness(.95);transform:scale(1.05)}.work-view__related-card span{color:#ffffffe0;font-family:var(--font-serif);background:linear-gradient(#0000,#000000d1);padding:1.6rem .85rem .7rem;font-size:.88rem;font-style:italic;position:absolute;bottom:0;left:0;right:0}@media (max-width:980px){.work-view__hero{grid-template-columns:1fr}.work-view__panel{position:static}.work-view__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.work-view__collect{width:100%}}