.our-work-page{background:var(--ink)}.work-hero{min-height:56vh;padding:12rem 6% 4rem;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 60% 60% at 50% 20%,rgba(255,68,51,.12),transparent 65%),linear-gradient(135deg,var(--ink),var(--ink-2))}.work-hero h1{margin:0;text-transform:uppercase;font-size:clamp(5.6rem,16vw,12.8rem);line-height:.78}.work-hero h1 span,.work-hero h1 em{display:block;text-align:center}.work-hero h1 em{color:var(--amber);font-style:normal}.work-grid{max-width:1280px;margin:auto;padding:4.5rem 6% 6rem}.work-case{overflow:hidden;margin-bottom:3.4rem;padding-bottom:2.3rem}.work-viewport{overflow:hidden}.work-track{display:flex;gap:1rem;transition:transform .58s cubic-bezier(.22,.75,.25,1);will-change:transform}.work-video-tile{position:relative;display:block;flex:0 0 calc(68% - .5rem);aspect-ratio:16/9;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.work-video-tile img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.work-play{position:absolute;top:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%);border:1px solid rgba(242,239,228,.7);border-radius:50%;background:rgba(18,19,9,.25)}.work-play:after{content:'';position:absolute;top:16px;left:20px;border-left:13px solid var(--paper);border-top:8px solid transparent;border-bottom:8px solid transparent}.work-client-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.15rem}.work-client-info{display:flex;align-items:center;gap:1rem}.work-client-image{display:grid;place-items:center;overflow:hidden;width:56px;height:56px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);color:var(--amber);font:.65rem 'JetBrains Mono',monospace}.work-client-image img{width:100%;height:100%;object-fit:cover}.work-client-meta h2{margin:0;color:var(--paper);font-size:clamp(1.35rem,2.7vw,2rem);font-weight:500;letter-spacing:-.03em}.work-nav{display:flex;gap:.7rem}.work-nav-btn{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:10px;background:var(--amber);color:var(--ink);font-size:1.7rem;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease}.work-nav-btn:hover{background:#ffc25a;transform:translateY(-2px)}.ppp-work-modal{position:fixed;z-index:2000;inset:0;display:none;align-items:center;justify-content:center;padding:5vh 4vw;background:rgba(10,10,6,.94);backdrop-filter:blur(8px)}.ppp-work-modal.open{display:flex}.ppp-work-dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.ppp-work-close{position:absolute;top:-48px;right:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--paper);font-size:1.4rem;cursor:pointer}.ppp-work-frame{width:min(90vw,1000px);aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.65)}.ppp-work-frame iframe{width:100%;height:100%;border:0;display:block}.ppp-work-label{font-weight:600}.ppp-work-link{color:var(--muted);font:.72rem 'JetBrains Mono',monospace}@media(max-width:800px){.work-hero{min-height:46vh;padding:9rem 7% 3.5rem}.work-grid{padding:3.5rem 7% 4.5rem}.work-case{margin-bottom:2.5rem}.work-video-tile{flex-basis:82%}.work-client-image{width:48px;height:48px}.work-nav-btn{width:42px;height:42px}.work-client-meta{align-items:flex-start}}