.eco-stage{container-type:inline-size;background-color:var(--ink-2);background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px}.eco-glow{background:none}.eco-tile{display:flex;align-items:center;gap:.6em;padding-inline:.85em;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#161616;box-shadow:0 10px 24px -14px #000000e6;color:var(--fg-2);white-space:nowrap;font-size:clamp(11px,1.62cqw,13.5px);letter-spacing:-.01em;transition:border-color var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out)}.eco-tile-mark{display:grid;place-items:center;flex-shrink:0;width:1.9em;height:1.9em;border-radius:8px;background:#ffffff0b;color:#ffffffb8}.eco-tile-mark svg{width:1.05em;height:1.05em}.eco-tile:hover{border-color:#ffffff29;color:var(--fg-1)}.eco-hub{border:1px solid rgba(255,255,255,.12);background:#1a1a1a;box-shadow:0 30px 60px -30px #000000e6}.eco-wire{fill:none;stroke:#ffffff1a;stroke-width:1;vector-effect:non-scaling-stroke}.eco-pulse,.eco-pulse-glow{fill:none;stroke:#fff;stroke-linecap:round;stroke-dasharray:14 120;stroke-dashoffset:14;opacity:0;animation:eco-flow 4.8s var(--ease-in-out) infinite;animation-delay:var(--delay, 0s)}.eco-pulse{stroke-width:1.6;vector-effect:non-scaling-stroke}.eco-pulse-glow{display:none}@keyframes eco-flow{0%{stroke-dashoffset:14;opacity:0}3%{opacity:1}24%{opacity:1}27%{stroke-dashoffset:-106;opacity:0}to{stroke-dashoffset:-106;opacity:0}}.eco-tile[data-live=in]{animation:eco-tile-in 4.8s var(--ease-in-out) infinite;animation-delay:var(--delay, 0s)}.eco-tile[data-live=out]{animation:eco-tile-out 4.8s var(--ease-in-out) infinite;animation-delay:var(--delay, 0s)}@keyframes eco-tile-in{0%,16%,to{border-color:#ffffff14;box-shadow:0 10px 24px -14px #000000e6}3%,8%{border-color:#ffffff4d;box-shadow:0 10px 24px -14px #000000e6}}@keyframes eco-tile-out{0%,18%,36%,to{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 10px 24px -14px #000000e6}25%,30%{border-color:#ffffff4d;box-shadow:0 10px 24px -14px #000000e6}}.eco-ring{fill:none;stroke:#ffffff0f;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}.eco-chain-line{position:relative;width:1px;height:14px;margin-left:21px;background:#ffffff1f;overflow:hidden}.eco-chain-line:after{content:"";position:absolute;left:0;top:-60%;width:1px;height:60%;background:#fffc;animation:eco-drop 3.2s var(--ease-in-out) infinite;animation-delay:calc(var(--i, 0) * .45s)}@keyframes eco-drop{0%{top:-60%;opacity:0}8%{opacity:1}22%{top:100%;opacity:1}24%,to{top:100%;opacity:0}}.eco-work-tile{transition:transform var(--motion-slow) var(--ease-out),box-shadow var(--motion-slow) var(--ease-out)}.eco-work-card:hover .eco-work-tile,.eco-work-card:focus-visible .eco-work-tile{transform:translate3d(0,-6px,0);box-shadow:0 40px 80px -40px #000000e6,0 0 0 1px #ffffff1f}.eco-work-card .eco-work-shot{transition:transform .9s var(--ease-out)}.eco-work-card:hover .eco-work-shot{transform:translate3d(0,-4px,0) scale(1.015)}.eco-phone{aspect-ratio:900 / 1900;padding:2.6%;border-radius:15%/7.1%;background:linear-gradient(145deg,#2b2b2b,#121212 45%,#1c1c1c);box-shadow:0 0 0 1px #ffffff14,0 40px 80px -36px #000000d9,inset 0 1px #ffffff14}.eco-phone>div{position:relative;height:100%;width:100%;overflow:hidden;border-radius:13%/6.1%;background:#000}@media(prefers-reduced-motion:reduce){.eco-pulse,.eco-pulse-glow{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:.55}.eco-pulse-glow{opacity:.18}.eco-tile[data-live]{animation:none;border-color:#fff3}.eco-chain-line:after{animation:none;display:none}.eco-work-tile,.eco-work-card .eco-work-shot{transition:none}.eco-work-card:hover .eco-work-tile,.eco-work-card:hover .eco-work-shot{transform:none}}.ar{--ar-bg: #171717;--ar-t1: #f7f7f5;--ar-t2: #b6b6b2;--ar-t3: #81817d;--ar-t4: #5f5f5c;--ar-line: rgba(255, 255, 255, .09);--ar-ease: cubic-bezier(.2, .8, .2, 1);position:relative;overflow:hidden;border-radius:28px;background:var(--ar-bg);color:var(--ar-t1);-moz-user-select:none;user-select:none;-webkit-user-select:none}.ar-stage{position:relative;height:clamp(560px,40vw + 120px,720px);outline:none;cursor:grab;touch-action:pan-y;border-radius:28px 28px 0 0}.ar-stage[data-dragging]{cursor:grabbing}.ar-stage:after{content:"";position:absolute;top:8px;right:8px;bottom:0;left:8px;border-radius:22px;box-shadow:0 0 0 2px #ffffffb8;opacity:0;pointer-events:none;transition:opacity .14s var(--ar-ease)}.ar-stage:focus-visible:after{opacity:1}@media(max-width:639px){.ar-stage{height:auto;aspect-ratio:10 / 16}}.ar-track{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1700px;perspective-origin:50% 45%}.ar-slide{position:absolute;left:50%;top:50%;width:var(--ar-w, 280px);height:var(--ar-h, 575px);margin-left:calc(var(--ar-w, 280px) / -2);margin-top:calc(var(--ar-h, 575px) / -2 - 4px);transform-origin:50% 50%;will-change:transform,opacity;--ar-dim: 0}.ar-slide:not([data-active]){cursor:pointer}.ar-stage[data-dragging] .ar-slide{cursor:grabbing}.ar-lift{position:relative;height:100%;transition:transform .16s var(--ar-ease)}@media(hover:hover)and (pointer:fine){.ar-slide[data-active]:hover .ar-lift{transform:translateY(-6px)}.ar-stage[data-dragging] .ar-slide .ar-lift{transform:none}}.ar-screen{position:relative;z-index:1;height:100%;overflow:hidden;border-radius:calc(var(--ar-w, 280px) * .118);background:var(--ar-screen-bg, #0b0b0b);box-shadow:0 0 0 1px #ffffff12;-webkit-mask-image:-webkit-radial-gradient(white,black)}.ar-screen img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;pointer-events:none}.ar-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0c;opacity:var(--ar-dim);pointer-events:none}.ar-lift:before{content:"";position:absolute;left:12%;right:12%;bottom:-14px;height:30px;border-radius:50%;background:radial-gradient(closest-side,#0000008c,#0000);opacity:calc(1 - var(--ar-dim) * 2.2);pointer-events:none}.ar-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px 20px 20px}.ar-seg{justify-self:start;display:inline-flex;padding:3px;border-radius:999px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--ar-line)}.ar-seg button{min-width:76px;height:38px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.005em;color:var(--ar-t3);transition:color .14s var(--ar-ease),background-color .14s var(--ar-ease)}.ar-seg button:hover{color:var(--ar-t2)}.ar-seg button[aria-pressed=true]{background:#2b2b2b;color:var(--ar-t1)}.ar-seg button:focus-visible,.ar-btn:focus-visible,.ar-chip-link:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.ar-app{font-size:14px;font-weight:500;color:var(--ar-t2)}.ar-now{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;margin:0;font-size:14px;color:var(--ar-t2);white-space:nowrap}.ar-label{overflow:hidden;text-overflow:ellipsis}.ar-meta{display:inline-flex;gap:6px}.ar-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:var(--ar-t3);box-shadow:inset 0 0 0 1px var(--ar-line)}.ar-chip-link:hover{color:var(--ar-t1)}.ar-nav{justify-self:end;display:flex;align-items:center;gap:6px}.ar-count{margin-right:10px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;font-feature-settings:"tnum" on,"zero" on;color:var(--ar-t2)}.ar-count span{margin:0 2px;color:var(--ar-t4)}.ar-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--ar-t2);box-shadow:inset 0 0 0 1px var(--ar-line);transition:background-color .14s var(--ar-ease),color .14s var(--ar-ease),opacity .14s var(--ar-ease)}.ar-btn:hover:not(:disabled){background:#ffffff0f;color:var(--ar-t1)}.ar-btn:active:not(:disabled){transform:scale(.985)}.ar-btn:disabled{opacity:.32;cursor:default}@media(pointer:coarse){.ar-seg button{height:44px}}@media(max-width:639px){.ar{border-radius:24px}.ar-bar{grid-template-columns:1fr auto;grid-template-areas:"label label" "seg nav";row-gap:12px;padding:4px 12px 12px}.ar-seg{grid-area:seg}.ar-nav{grid-area:nav}.ar-now{grid-area:label}.ar-seg button{min-width:0;padding:0 14px}.ar-count{margin-right:4px}}