.service-filter{display:flex;flex-wrap:wrap;gap:8px;margin:-20px 0 40px}.service-filter button{min-height:44px;padding:0 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 .78rem/1 Inter,Arial,sans-serif;cursor:pointer;transition:.25s}.service-filter button:hover,.service-filter button.is-active{background:var(--ink);color:var(--paper)}.real-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 2vw}.real-project{margin:0;transition:opacity .35s,transform .35s}.real-project.reveal{opacity:1;transform:none}.real-project.is-hidden{display:none}.real-project:nth-child(3n+1){grid-column:1/-1}.real-project:nth-child(3n+1) .real-project-visual{aspect-ratio:16/8}.real-project-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d8d8d3}.real-project-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s;filter:saturate(.92) contrast(1.02)}.real-project:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}.real-project-number{position:absolute;top:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;background:var(--acid);font-size:.7rem;font-weight:800}.real-project-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:start;padding:16px 0 0}.real-project-meta h3{font-size:clamp(1.5rem,2.5vw,2.5rem);letter-spacing:-.055em;margin:0}.real-project-meta p{margin:4px 0 0;color:#5d5b56;line-height:1.45}.real-project-meta span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:4px}.showreel-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.83;mix-blend-mode:luminosity;filter:contrast(1.08) saturate(.8);transform:scale(1.03);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.showreel-frame.is-active img{transform:scale(1.12)}.showreel-frame strong,.showreel-frame .reel-kicker,.showreel-frame i{z-index:2}.showreel-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--scene) 0,transparent 58%);mix-blend-mode:multiply;opacity:.85;z-index:1}@media(max-width:760px){.service-filter{margin:0 0 28px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.service-filter button{flex:none}.real-work-grid{grid-template-columns:1fr;gap:44px}.real-project:nth-child(3n+1){grid-column:auto}.real-project:nth-child(3n+1) .real-project-visual,.real-project-visual{aspect-ratio:4/3}.real-project-meta{grid-template-columns:1fr auto}.real-project-meta p{grid-row:2;grid-column:1/-1}.real-project-meta h3{font-size:1.65rem}}
.showreel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}.showreel-video-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#d8ff00;background:linear-gradient(135deg,rgba(16,16,16,.5),transparent 58%);pointer-events:none}.showreel-video-overlay span{font-size:.72rem;letter-spacing:.16em}.showreel-video-overlay strong{font-size:clamp(2.6rem,6vw,6.4rem);line-height:.78;letter-spacing:-.08em;mix-blend-mode:difference}.reel-chrome{z-index:3}@media(max-width:760px){.showreel-video-overlay{padding:18px}.showreel-video-overlay strong{font-size:2.8rem}}