.work-toolbar{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.work-toolbar>p{margin:0;color:#999;font:10px var(--font-display);text-transform:uppercase;letter-spacing:.12em}.work-pulse{width:6px;height:6px;background:#d6ffe0;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px rgba(214,255,224,.08);margin-right:8px}.work-filters{display:flex;gap:17px}.work-filter{font:11px var(--font-body);border:0;background:transparent;padding:0;color:#777;cursor:pointer;transition:color .25s}.work-filter:hover,.work-filter.active{color:#fff}.work-filter.active{border-bottom:1px solid #fff;padding-bottom:4px}.our-work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:start}.work-project{grid-column:span 4;min-width:0;transition:opacity .4s,transform .4s}.work-project-wide{grid-column:span 8}.work-project:nth-child(4){grid-column:span 5}.work-project-note{grid-column:span 3}.work-project.is-filtered{display:none}.work-visual{height:340px;position:relative;isolation:isolate;overflow:hidden;background:#151515}.work-project-wide .work-visual{height:470px}.asset-note{position:absolute;z-index:2;left:16px;top:15px;font:10px var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:#aaa}.work-index{position:absolute;z-index:2;left:16px;bottom:14px;font:11px var(--font-display);color:#a3a3a3}.visual-logo{background:linear-gradient(135deg,#e4e4e1,#838382);color:#080808}.logo-composition{position:absolute;inset:0;display:grid;place-items:center}.logo-ring{position:absolute;width:56%;aspect-ratio:1;border:1px solid rgba(0,0,0,.44);border-radius:50%;box-shadow:0 0 0 27px rgba(255,255,255,.16),0 0 0 71px rgba(255,255,255,.12);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.logo-letter{font:600 clamp(100px,16vw,250px)/.7 var(--font-display);letter-spacing:-.19em;transform:translateX(-8px);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.logo-caption{position:absolute;right:8%;bottom:13%;font:500 12px/1.15 var(--font-display);letter-spacing:-.04em}.work-project:hover .logo-ring{transform:scale(1.13) rotate(24deg)}.work-project:hover .logo-letter{transform:translateX(-8px) scale(.92)}.visual-banner{background:#171717}.banner-composition{position:absolute;inset:0;padding:12%;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(145deg,#303030,#0e0e0e 70%)}.banner-composition:before{content:"";position:absolute;width:68%;height:144%;right:-21%;top:-21%;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:rotate(32deg);transition:transform .8s}.banner-composition>span{position:relative;font:600 clamp(41px,5.2vw,74px)/.75 var(--font-display);letter-spacing:-.12em}.banner-composition i{font-family:Georgia,serif;font-weight:400;color:#bcbcbc}.banner-composition b{font:500 14px var(--font-display);position:relative;color:#aaa}.work-project:hover .banner-composition:before{transform:rotate(103deg) scale(1.15)}.video-visual{background:#0d0d0d}.portfolio-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    opacity:1;
    object-fit:cover;
    object-position:center;
    z-index:1;
    transition:opacity .5s ease;
}.video-visual.has-video .portfolio-video{opacity:1}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 48% 43%,#404040,#101010 56%);transition:opacity .45s}.video-visual.has-video .video-placeholder{opacity:0}.video-placeholder strong{font:500 clamp(36px,4.5vw,63px)/.85 var(--font-display);letter-spacing:-.09em}.video-placeholder strong em{font-family:Georgia,serif;font-weight:400;color:#a8a8a8}.video-placeholder small{position:absolute;bottom:18px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8c8c8c}.video-placeholder code{font:inherit;color:#c6c6c6;text-transform:none}.video-browser{position:absolute;top:17%;width:66%;height:39%;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:linear-gradient(130deg,#313131,#161616);box-shadow:0 17px 37px rgba(0,0,0,.4);padding:11px;text-align:left}.video-browser:after{content:"";position:absolute;left:11px;right:11px;top:34px;height:1px;background:rgba(255,255,255,.19)}.video-browser i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aaa;margin-right:4px}.video-browser b{display:block;text-align:center;font:10px var(--font-display);letter-spacing:.08em;color:#bbb;margin-top:13px}.video-browser+strong{margin-top:26%}.reel-time{position:absolute;right:17px;top:17px;font:10px var(--font-display);letter-spacing:.1em;color:#aaa}.work-editing-project .video-placeholder{background:linear-gradient(135deg,#414141,#141414 52%,#2d2d2d)}.work-editing-project .video-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.06) 33% 34%,transparent 34% 66%,rgba(255,255,255,.06) 66% 67%,transparent 67%)}.video-control{position:absolute;z-index:4;left:50%;top:50%;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.15);color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.86);opacity:0;cursor:pointer;backdrop-filter:blur(8px);transition:opacity .3s,transform .3s,background .3s}.work-video-project:hover .video-control,.video-visual.has-video .video-control{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-control:hover{background:#fff;color:#111}.video-control span{font-size:12px;margin-left:2px}.work-note-card{height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:23px;background:#f0f0ed;color:#0a0a0a;position:relative;overflow:hidden}.work-note-card:before{content:"";position:absolute;right:-85px;top:-80px;width:220px;height:220px;border:1px solid rgba(0,0,0,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(0,0,0,.05)}.work-note-card>span{position:absolute;left:24px;top:20px;font:300 44px/1 var(--font-display)}.work-note-card p{font:500 28px/.92 var(--font-display);letter-spacing:-.08em;margin:0 0 15px}.work-note-card em{font-family:Georgia,serif;font-weight:400}.work-note-card small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#555}.work-meta{display:flex;justify-content:space-between;gap:15px;padding:14px 1px 31px}.work-meta p{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#888;margin:0 0 5px}.work-meta h3{font:500 20px var(--font-display);letter-spacing:-.06em;margin:0}.work-meta>span{align-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#6f6f6f;text-align:right}.work-helper{max-width:700px;margin:19px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:#888}.work-helper code{color:#c8c8c8;font:inherit}@media(max-width:800px){.work-toolbar{display:block;padding:14px 0 16px}.work-filters{margin-top:15px;gap:16px;overflow-x:auto;padding-bottom:4px}.work-filter{white-space:nowrap}.our-work-grid{grid-template-columns:1fr;gap:0}.work-project,.work-project-wide,.work-project:nth-child(4),.work-project-note{grid-column:1}.work-visual,.work-project-wide .work-visual,.work-note-card{height:350px}.work-meta{padding-bottom:30px}.work-helper{margin-top:0}.video-browser+strong{margin-top:31%}}
/* ================= VIDEO FIX ================= */

/* Website Video */
.work-video-project:not(.work-editing-project) .portfolio-video{
    object-fit:contain;
    object-position:center;
    background:#000;
}

/* Editing Reel */
.work-editing-project .portfolio-video{
    object-fit:contain;
    object-position:center;
    background:#000;
}