/* Floating navigation and Ravan's original liquid-chrome manifesto. */
#work .filters{position:sticky;top:16px;z-index:70;isolation:isolate;align-items:center;margin-inline:-12px;padding:12px;border-radius:50px;background:var(--nav-bg);border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 35px #0002;gap:8px;scroll-margin-top:15px;transition:box-shadow .25s,border-color .25s}#work .filters.filters-pinned{box-shadow:0 15px 45px #0004;border-color:#a5acb35a}#work .filter{flex-shrink:0}#work .project-card{scroll-margin-top:115px}
.floating-whatsapp{position:fixed;right:26px;bottom:calc(24px + env(safe-area-inset-bottom));width:62px;height:62px;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .3s,transform .3s,visibility .3s,bottom .3s;border-radius:50%;background:conic-gradient(from 25deg,#f7f9fc,#a4acb7 19%,#363e48 34%,#fff 50%,#7d8794 68%,#e5e9f0 83%,#fff);padding:2px;box-shadow:0 6px 22px #0005,0 0 0 1px #ffffff45}.wa-visible .floating-whatsapp{opacity:1;visibility:visible;transform:none}.wa-metal{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse at 28% 15%,#a7b0bb 0,#515c68 16%,#151b23 39%,#080d15 60%,#4f5a69 100%);box-shadow:inset 0 1px 2px #ffffff65,inset 0 -2px 4px #0007;overflow:hidden;position:relative}.wa-metal svg{width:41px;height:41px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px #0007)}.wa-metal:after{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 40%,#ffffff28 49%,#ffffff55 50%,transparent 59%);transform:translateX(-45%);animation:wa-shine 8s ease-in-out infinite}.floating-whatsapp:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0005,0 0 0 1px #f1f4f9}.wa-label{position:absolute;right:76px;white-space:nowrap;padding:12px 17px;border-radius:30px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font-size:11px;opacity:0;transform:translateX(7px);pointer-events:none;transition:.25s;box-shadow:0 5px 20px #0002}.floating-whatsapp:hover .wa-label,.floating-whatsapp:focus-visible .wa-label{opacity:1;transform:none}.immersive-visible .floating-whatsapp{bottom:calc(112px + env(safe-area-inset-bottom))}@keyframes wa-shine{0%,65%{transform:translateX(-45%)}85%,100%{transform:translateX(45%)}}
.agency-section{position:relative;border-bottom:1px solid var(--line);background:var(--bg)}.agency-stage{padding:90px var(--space);min-height:900px;position:relative;overflow:hidden;isolation:isolate}.agency-heading{position:relative;z-index:2;pointer-events:none}.agency-heading h2{font-size:clamp(42px,5.7vw,90px);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:0;max-width:1100px}.agency-heading h2 span{color:var(--soft)}.agency-art{position:absolute;inset:170px 30% 90px -7%;z-index:-1;pointer-events:auto}.agency-art canvas{width:100%;height:100%;display:block;opacity:0;touch-action:pan-y;transition:opacity .6s}.agency-webgl .agency-art canvas{opacity:1}.agency-fallback{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;transform:rotate(-24deg);opacity:.7}.agency-webgl .agency-fallback{display:none}.agency-story{display:grid;grid-template-columns:1fr 1fr;gap:45px;position:relative;margin:70px 0 0 52%}.agency-beat h3{font-weight:400;font-size:clamp(34px,4.2vw,66px);letter-spacing:-.05em;line-height:1.05;margin:22px 0}.agency-beat p{font-size:15px;line-height:1.85;color:var(--soft);max-width:370px}.agency-beat>.mono{font-size:10px;color:var(--soft)}.agency-caption{position:absolute;bottom:100px;left:var(--space);color:var(--soft);font-size:9px;display:flex;gap:25px}.agency-chapters{display:flex;justify-content:flex-end;gap:27px;margin-top:45px}.agency-chapters button{color:var(--soft);background:none;border:0;border-top:1px solid var(--line);font-size:11px;padding:16px 0;min-width:75px;position:relative}.agency-chapters button[aria-current]{border-color:var(--ink);color:var(--ink)}.agency-chapters button:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:calc(var(--beat-progress,0)*100%);background:var(--accent)}
.agency-motion{height:360svh}.agency-motion .agency-stage{position:sticky;top:0;height:100dvh;min-height:650px;padding-top:55px}.agency-motion .agency-story{position:absolute;left:58%;right:var(--space);top:43%;bottom:120px;margin:0;display:block}.agency-motion .agency-beat{position:absolute;inset:0;visibility:hidden;opacity:0;will-change:opacity,transform}.agency-motion .agency-beat:first-child{visibility:visible;opacity:1}.agency-motion .agency-chapters{position:absolute;bottom:38px;right:var(--space);left:var(--space);margin:0}.agency-motion .agency-art{inset:23% 30% 7% -7%}.agency-motion .agency-caption{bottom:130px;left:var(--space)}.agency-motion .agency-stage:after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--agency-progress,0)*100%);height:2px;background:var(--accent)}
@media(max-width:1050px){#work .filters{border-radius:24px}.agency-heading h2{font-size:6.6vw}.agency-motion .agency-story{left:56%}.agency-chapters{gap:22px}.agency-beat h3{font-size:4.6vw}.agency-beat p{font-size:14px}}
@media(max-width:600px){#work .filters{top:10px;flex-wrap:nowrap;overflow-x:auto;margin-inline:-12px;max-width:calc(100% + 24px);border-radius:40px;padding:10px;gap:6px;scrollbar-width:none;overscroll-behavior-x:contain}#work .filters::-webkit-scrollbar{display:none}#work .filter{font-size:10px;padding:11px 14px;white-space:nowrap}.floating-whatsapp{width:54px;height:54px;right:17px;bottom:calc(18px + env(safe-area-inset-bottom))}.wa-metal svg{width:36px;height:36px}.wa-label{display:none}.immersive-visible .floating-whatsapp{bottom:calc(111px + env(safe-area-inset-bottom))}.agency-stage{padding:60px 24px;min-height:0}.agency-heading h2{font-size:36px}.agency-heading .eyebrow{font-size:9px}.agency-art{inset:150px -20% auto -20%;height:310px}.agency-story{grid-template-columns:1fr;margin:335px 0 0;gap:35px}.agency-beat h3{font-size:39px}.agency-chapters{gap:14px;justify-content:space-between}.agency-chapters button{min-width:0;flex:1;font-size:9px}.agency-caption{display:none}.agency-motion{height:320svh}.agency-motion .agency-stage{height:100dvh;min-height:0;padding:40px 24px}.agency-motion .agency-heading h2{font-size:clamp(28px,8.7vw,36px)}.agency-motion .agency-art{inset:20% -16% 31% -16%;height:auto}.agency-motion .agency-story{inset:61% 24px 110px}.agency-motion .agency-beat h3{font-size:33px;line-height:1.04;margin:14px 0}.agency-motion .agency-beat h3 br{display:none}.agency-motion .agency-beat p{font-size:13px;line-height:1.7;max-width:310px}.agency-beat>.mono{font-size:8px}.agency-motion .agency-chapters{bottom:25px;left:24px;right:24px;gap:15px}.agency-motion .agency-chapters button{font-size:9px;padding:13px 0}.agency-motion .agency-stage .floating-whatsapp{z-index:4}}
@media(max-height:680px) and (max-width:600px){.agency-motion .agency-stage{padding-top:27px}.agency-motion .agency-heading h2{font-size:29px}.agency-motion .agency-art{inset:22% -16% 35% -16%}.agency-motion .agency-story{top:57%;bottom:90px}.agency-motion .agency-beat h3{font-size:29px;margin:10px 0}.agency-motion .agency-beat p{font-size:12px;line-height:1.55}.agency-motion .agency-chapters{bottom:16px}}
@media(max-height:640px) and (min-width:601px){.agency-motion .agency-stage{min-height:0;padding-top:28px}.agency-heading h2{font-size:34px}.agency-heading .eyebrow{margin-bottom:14px}.agency-motion .agency-story{top:39%;bottom:70px}.agency-beat h3{font-size:34px;margin:14px 0}.agency-beat p{font-size:12px;line-height:1.55}.agency-motion .agency-caption{bottom:85px}.agency-motion .agency-chapters{bottom:15px}.immersive-visible .floating-whatsapp{bottom:100px}}
@media(prefers-reduced-motion:reduce){.wa-metal:after{animation:none}.floating-whatsapp{transition:none}.agency-motion{height:auto}.agency-motion .agency-stage{height:auto;min-height:0;position:relative}.agency-motion .agency-story{position:relative;inset:auto;margin:70px 0 0 52%;display:grid}.agency-motion .agency-beat{position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.agency-motion .agency-chapters{position:relative;inset:auto;margin-top:35px}.agency-motion .agency-art canvas{opacity:.3}@media(max-width:600px){.agency-motion .agency-story{margin:320px 0 0;grid-template-columns:1fr}}}
@media(max-height:640px) and (min-width:601px){.immersive-visible .floating-whatsapp{bottom:18px}.agency-motion .agency-chapters{right:110px}.agency-motion .agency-caption{display:none}.tunnel-motion .tunnel-controls{right:110px}}
@media(min-width:601px) and (max-width:900px) and (min-height:700px){.agency-motion .agency-art{inset:22% 2% 33%}.agency-motion .agency-story{inset:66% var(--space) 110px}.agency-motion .agency-beat h3{font-size:42px;margin:16px 0}.agency-motion .agency-beat h3 br{display:none}.agency-motion .agency-beat p{max-width:560px;font-size:14px}.agency-motion .agency-caption{display:none}.agency-motion .agency-chapters{bottom:25px}}