/* Latest Work and social-growth surfaces — extends the main Red Cube design system. */
.navlinks a[aria-current="page"]{color:#fff;position:relative}.navlinks a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red)}
.text-link{display:inline-flex;margin-top:12px;color:#fff;font-weight:700;font-size:13px}.text-link:hover{color:var(--red2)}
.socials .social-primary{grid-column:1/-1;background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.socials .social-primary:hover{background:var(--red2)}

/* The homepage now opens its work section with real, client-owned media. */
.reel-real{background:#050505}.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.04)}.reel-real::after{background:linear-gradient(180deg,rgba(5,5,5,.2),rgba(5,5,5,.86)),linear-gradient(90deg,rgba(5,5,5,.36),transparent 55%)}
.showcase-real>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.showcase-real:hover>img{transform:scale(1.035)}.showcase-real::after{background:linear-gradient(180deg,rgba(5,5,5,.03) 30%,rgba(5,5,5,.95))}.follow-card{background:radial-gradient(circle at 100% 0,rgba(242,5,24,.2),transparent 42%),#0b0b0c}

.work-page .page-pattern{opacity:.21}.work-page main{position:relative}.work-page section{position:relative}
.work-hero{padding:76px 0 106px;min-height:calc(100vh - 116px);display:grid;align-items:center;overflow:hidden}.work-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 45%,rgba(5,5,5,.25) 100%);pointer-events:none}.work-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(32px,5vw,78px);align-items:center}.work-hero-copy{min-width:0}.work-hero h1{font-size:clamp(76px,9.8vw,148px);letter-spacing:-.05em}.work-hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--steel)}.work-hero .lead{max-width:590px}
.work-hero-media{margin:0;position:relative;min-height:clamp(470px,61vh,700px);overflow:hidden;border:1px solid rgba(255,255,255,.21);border-radius:28px;background:#0b0b0c;box-shadow:0 42px 90px rgba(0,0,0,.48);isolation:isolate}.work-hero-media::before{content:"";position:absolute;inset:16px;z-index:2;border:1px solid rgba(255,255,255,.15);border-radius:18px;pointer-events:none}.work-hero-media::after{content:"LIVE / 01";position:absolute;right:30px;top:30px;z-index:3;border:1px solid rgba(255,255,255,.25);background:rgba(5,5,5,.5);backdrop-filter:blur(12px);padding:9px 11px;border-radius:999px;font:500 9px/1 'IBM Plex Mono',monospace;letter-spacing:.14em}.work-hero-media video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(1.08) contrast(1.05)}.work-hero-media figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;gap:18px;padding:50px 30px 28px;background:linear-gradient(transparent,rgba(0,0,0,.88));font:500 10px/1.4 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.work-hero-media figcaption span:last-child{color:#bbb;text-align:right}
.follow-inline{margin-top:24px;max-width:510px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,10,11,.62);backdrop-filter:blur(10px);transition:.25s border,.25s background}.follow-inline:hover{border-color:var(--red);background:rgba(242,5,24,.08)}.follow-inline b,.follow-inline small{display:block}.follow-inline b{font-size:13px}.follow-inline small{color:#888;font-size:11px;margin-top:2px}.follow-inline>span:last-child{color:var(--red);font-size:22px}.follow-pulse{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(242,5,24,.12),0 0 22px var(--red);animation:followPulse 1.8s ease-in-out infinite}@keyframes followPulse{50%{box-shadow:0 0 0 12px rgba(242,5,24,0),0 0 30px var(--red)}}

.work-library{background:#f0f0ed;color:#0b0b0c;overflow:hidden}.work-library .section-head p{color:#55575b}.work-library .eyebrow{color:#c50012}.work-toolbar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 24px;scrollbar-width:none}.work-toolbar::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;min-height:44px;padding:0 17px;border:1px solid #c8c9c9;border-radius:999px;background:transparent;color:#17181b;font:600 11px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:.2s background,.2s color,.2s border}.filter-btn:hover,.filter-btn.active{background:#0b0b0c;color:#fff;border-color:#0b0b0c}.filter-btn:focus-visible{outline:3px solid rgba(242,5,24,.28);outline-offset:3px}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.work-card{grid-column:span 5;display:grid;grid-template-rows:auto 1fr;border:1px solid #cacbcb;border-radius:22px;background:#fafaf8;overflow:hidden;color:#0b0b0c;transition:.35s transform,.35s box-shadow,.35s border-color}.work-card:hover{transform:translateY(-5px);border-color:#a8a8a8;box-shadow:0 28px 60px rgba(0,0,0,.12)}.work-card-featured,.work-card-wide{grid-column:span 7}.work-card[hidden]{display:none!important}.work-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#09090a}.work-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.66));pointer-events:none}.work-media img,.work-media video{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.work-card:hover .work-media img,.work-card:hover .work-media video{transform:scale(1.035)}.media-action{position:absolute;z-index:2;right:16px;bottom:16px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(4,4,5,.58);backdrop-filter:blur(12px);color:#fff;padding:10px 12px;font:600 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.work-card-copy{padding:25px 26px 28px}.work-meta{display:flex;justify-content:space-between;gap:15px;color:#6e7074;font:500 9px/1.4 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.work-meta span:last-child{text-align:right}.work-card h3{font-size:clamp(36px,4vw,54px);margin:20px 0 12px;letter-spacing:-.02em}.work-card-copy>p{max-width:620px;color:#55575b;margin:0}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.work-tags span{border:1px solid #d0d1d1;border-radius:999px;padding:7px 9px;font:500 9px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.filter-empty{text-align:center;margin:40px auto 0}.filter-empty a{font-weight:700;color:#bc0011}

.work-process{background:#080809}.work-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-process-grid article{padding:34px 30px 38px;border-right:1px solid var(--line)}.work-process-grid article:last-child{border:0}.work-process-grid span{color:var(--red);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.12em}.work-process-grid h3{font-size:36px;margin:58px 0 12px}.work-process-grid p{color:var(--soft);font-size:14px;margin:0;max-width:350px}
.follow-section{padding-top:0;background:#080809}.follow-panel{position:relative;overflow:hidden;border:1px solid rgba(242,5,24,.42);border-radius:28px;padding:clamp(30px,5vw,68px);display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end;background:radial-gradient(circle at 85% 20%,rgba(242,5,24,.27),transparent 34%),linear-gradient(135deg,#151518,#070708)}.follow-panel::after{content:"@";position:absolute;right:-2%;top:-32%;font:900 330px/1 'Barlow Condensed';color:rgba(255,255,255,.028);pointer-events:none}.follow-copy,.follow-actions{position:relative;z-index:1}.follow-panel h2{font-size:clamp(50px,6.6vw,94px);letter-spacing:-.035em}.follow-panel p{color:var(--soft);max-width:690px}.follow-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.follow-actions>a:not(.btn){border:1px solid var(--line);border-radius:999px;min-height:46px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase}.follow-actions>a:not(.btn):hover{border-color:var(--red);background:rgba(242,5,24,.08)}.work-contact{padding-bottom:112px;background:#080809}

@media(max-width:900px){.work-hero{min-height:auto}.work-hero-grid{grid-template-columns:1fr}.work-hero-media{min-height:520px}.work-card,.work-card-featured,.work-card-wide{grid-column:span 6}.work-process-grid,.follow-panel{grid-template-columns:1fr}.work-process-grid article{border-right:0;border-bottom:1px solid var(--line)}.work-process-grid article:last-child{border-bottom:0}.follow-panel{gap:34px}.navlinks a[aria-current="page"]::after{display:none}}
@media(max-width:600px){.work-hero{padding:48px 0 66px}.work-hero h1{font-size:clamp(60px,20vw,78px)}.work-hero .lead{margin:22px 0 25px}.work-hero-media{min-height:370px;border-radius:20px}.work-hero-media::before{inset:10px;border-radius:13px}.work-hero-media::after{right:20px;top:20px}.work-hero-media figcaption{padding:42px 20px 18px;display:block}.work-hero-media figcaption span{display:block}.work-hero-media figcaption span:last-child{text-align:left;margin-top:5px}.follow-inline{margin-top:18px}.work-library{padding-top:76px}.work-toolbar{margin-right:-13px}.work-grid{display:block}.work-card,.work-card-featured,.work-card-wide{margin-bottom:12px}.work-card.reveal{opacity:1;transform:none}.work-card-copy{padding:21px}.work-card h3{font-size:40px}.work-meta{display:block}.work-meta span{display:block}.work-meta span:last-child{text-align:left;margin-top:4px}.work-process{padding-top:78px}.work-process-grid h3{margin-top:30px}.follow-panel{border-radius:20px;padding:28px 22px}.follow-panel h2{font-size:52px}.work-contact{padding-bottom:74px}.reel-real{min-height:520px}.showcase-real{min-height:420px}}
@media(prefers-reduced-motion:reduce){.follow-pulse{animation:none}.work-card,.work-media img,.work-media video,.showcase-real>img{transition:none}.work-card:hover,.work-card:hover .work-media img,.work-card:hover .work-media video,.showcase-real:hover>img{transform:none}}

/* Mobile filter continuation hint without page overflow. */
@media(max-width:600px){.work-toolbar{scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent)}.filter-btn{scroll-snap-align:start}.filter-btn:last-child{margin-right:34px}}

/* 1.4 project archive: official media framed like production records. */
.work-page .page-pattern{opacity:.045}
.work-hero-media,.follow-inline,.work-card,.filter-btn,.follow-panel,.follow-actions>a:not(.btn){border-radius:4px}
.work-hero-media::before{border-radius:2px}
.work-hero-media::after{border-radius:2px;background:rgba(5,5,5,.74);backdrop-filter:none}
.follow-inline{background:#0c0d0f;backdrop-filter:none}
.follow-pulse{border-radius:0;animation:none;box-shadow:0 0 0 5px rgba(242,5,24,.1)}
.work-grid{gap:1px;background:#cacbcb;border:1px solid #cacbcb}
.work-card{border:0;box-shadow:none;transition:background .2s}
.work-card:hover{transform:none;border-color:transparent;box-shadow:none;background:#fff}
.work-media img,.work-media video{transition:filter .35s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.work-card:hover .work-media img,.work-card:hover .work-media video{transform:scale(1.015);filter:contrast(1.04)}
.media-action{border-radius:3px;background:rgba(4,4,5,.78);backdrop-filter:none}
.work-tags span{border-radius:2px}
.work-process-grid article{position:relative}.work-process-grid article::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--red);transition:width .28s ease}.work-process-grid article:hover::before{width:100%}
.follow-panel{background:linear-gradient(110deg,#151518,#070708 72%)}.follow-panel::after{display:none}
@media(max-width:600px){.work-grid{display:block;background:transparent;border:0}.work-card{border:1px solid #cacbcb}.work-hero-media{min-height:340px}.work-process-grid article::before{display:none}}
@media(prefers-reduced-motion:reduce){.work-process-grid article::before{transition:none}.work-card:hover .work-media img,.work-card:hover .work-media video{transform:none}}