#work-page h1{max-width:calc(50% - 20px)}
header{grid-template-columns:1fr}
.column-labels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 var(--p) 22px;color:var(--fg);font:500 23px/1.13 Inter,Arial,sans-serif;letter-spacing:-.055em}
.project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 var(--p);margin-bottom:72px;overflow:visible;align-items:start}
.brand-column{min-width:0}
.brand-column .project-head{display:block;height:35px;padding:0 0 12px}
.brand-column .project-desc{padding-top:8px;max-width:560px}
.brand-column .project-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;height:auto;padding:0;gap:8px;overflow:visible}
.brand-column .project-strip figure,.brand-column .project-strip figure:nth-child(even){width:auto;min-width:0;margin:0;flex:none}
.brand-column .project-strip figure:first-child{grid-column:1/-1}
.brand-column .project-strip img{width:100%;height:auto;max-height:none;object-fit:contain;background:#f1f1f1}
.video-column{min-width:0;position:relative;align-self:start;padding-top:35px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.video-card{min-width:0;margin:0;position:relative}
.video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#000}
.video-expand{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(10,10,10,.42);color:#fff;font:400 15px/1 Inter,Arial,sans-serif;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .35s cubic-bezier(.16,1,.3,1),background .2s ease;backdrop-filter:blur(8px)}
.video-card:hover .video-expand,.video-expand:focus-visible{opacity:1;transform:scale(1)}
.video-expand:hover{background:rgba(10,10,10,.72)}
.video-card figcaption{margin-top:7px;color:#777;font-size:12px;line-height:1.2;letter-spacing:0;text-transform:uppercase}
.video-card.video-error video{display:none}
.video-card.video-error:before{content:'Video unavailable';display:grid;place-items:center;aspect-ratio:16/10;background:#f4f4f4;color:#999;font-size:12px}
.video-modal[hidden]{display:none}
.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(18px,4vw,64px);opacity:0;transition:opacity .32s ease}
.video-modal.open{opacity:1}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(8,8,8,.76);backdrop-filter:blur(12px)}
.tv-shell{position:relative;z-index:1;width:min(1080px,92vw);padding:clamp(14px,2vw,24px) clamp(60px,6vw,78px) clamp(14px,2vw,24px) clamp(14px,2vw,24px);border:1px solid #4d463f;border-radius:24px;background:linear-gradient(145deg,#282521,#151412);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08);transform:translateY(24px) scale(.88);transition:transform .48s cubic-bezier(.16,1,.3,1)}
.video-modal.open .tv-shell{transform:translateY(0) scale(1)}
.tv-screen{overflow:hidden;border:8px solid #0e0e0e;border-radius:14px;background:#000;box-shadow:inset 0 0 30px rgba(0,0,0,.7),0 1px rgba(255,255,255,.08)}
.tv-screen video{display:block;width:100%;max-height:78vh;aspect-ratio:16/9;object-fit:contain;background:#000}
.tv-close{position:absolute;top:-14px;right:-14px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#1b1917;color:#fff;font:300 24px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.tv-rail{position:absolute;top:24px;right:18px;bottom:24px;width:38px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px}
.tv-dial{width:22px;height:22px;border:1px solid #6b6259;border-radius:50%;box-shadow:inset 0 0 0 5px #211f1c}
.tv-vents{width:22px;height:42px;opacity:.55;background:repeating-linear-gradient(to bottom,#8a8177 0 1px,transparent 1px 7px)}
body.video-modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.video-modal,.tv-shell,.video-expand{transition:none}}
@media(max-width:700px){#work-page h1{max-width:none}.column-labels{grid-template-columns:1fr 1fr;font-size:18px}.column-labels span:first-child{order:2;text-align:right}.column-labels span:last-child{order:1}.project{display:flex;flex-direction:column;gap:14px;margin-bottom:56px}.video-column{order:-1;width:100%;padding-top:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.brand-column{order:1}.brand-column .project-strip{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.video-expand{opacity:1;transform:none;width:28px;height:28px}.tv-shell{width:96vw;padding:10px;border-radius:16px}.tv-screen{border-width:5px;border-radius:10px}.tv-rail{display:none}.tv-close{top:-12px;right:-4px}}