.work-page .site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
.brand img{width:18px;height:30px}
.work-back{margin-left:auto;color:var(--muted);font-size:.78rem}.work-back:hover{color:var(--ink)}
.work-hero{padding:calc(var(--header) + clamp(72px,9vw,130px)) 0 clamp(70px,9vw,120px);border-bottom:1px solid var(--line)}
.work-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;color:var(--violet-bright);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.work-kicker span:last-child{color:var(--muted)}
.work-hero h1{max-width:1050px;font-size:clamp(3.5rem,8vw,7.8rem);margin-bottom:30px}
.work-hero>div>p{max-width:720px;color:var(--ink-soft);font-size:1.1rem}
.work-stage{padding:clamp(72px,10vw,140px) 0}
.work-stage-grid{display:grid;grid-template-columns:.58fr 1.15fr;gap:clamp(20px,5vw,72px);align-items:start}
.source-panel,.output-panel{position:relative}
.source-panel{margin-top:12vh}
.work-media{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:#09070d;border:1px solid var(--line);box-shadow:var(--shadow)}
.work-media img,.work-media video{width:100%;height:100%;object-fit:cover}
.work-media-label{position:absolute;z-index:3;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(8,6,12,.76);color:#fff;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(8px)}
.work-panel-copy{padding-top:16px;color:var(--muted);font-size:.76rem}.work-panel-copy b{display:block;color:var(--ink);font-family:Switzer,sans-serif;font-size:.9rem;margin-bottom:5px}
.work-notes{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line);background:var(--bg-elevated)}
.work-notes-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,9vw,140px)}
.work-notes-list{display:grid;gap:0;border-top:1px solid var(--line)}
.work-note{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.work-note>span{color:var(--violet-bright);font-size:.66rem;letter-spacing:.1em}
.work-note h3{font-size:1.25rem;margin-bottom:7px}.work-note p{margin:0;color:var(--muted)}
.work-disclaimer{margin-top:50px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.72rem}
.next-work{padding:clamp(80px,10vw,140px) 0}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.next-card{min-height:220px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s var(--ease),border-color .2s ease}
.next-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.next-card span{color:var(--violet-bright);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em}.next-card h3{font-size:1.7rem;margin:0}
@media(max-width:820px){.work-stage-grid,.work-notes-grid{grid-template-columns:1fr}.source-panel{margin-top:0;max-width:72%}.next-grid{grid-template-columns:1fr}}
@media(max-width:560px){.work-back{display:none}.source-panel{max-width:78%}.work-stage-grid{gap:32px}.work-kicker{align-items:flex-start;flex-direction:column;gap:8px}}