.hdr__clock{margin-right:52px}.dash-btn{top:14px;right:calc(var(--pad) - 8px);z-index:41;backdrop-filter:blur(14px)saturate(1.4);width:44px;height:44px;transition:opacity .9s var(--ease-out) .3s, translate .9s var(--ease-out) .3s, scale var(--f29) var(--ease-back);background:#ffffffb8;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:inset 0 0 0 1px #fff6}.dash-btn:hover{scale:1.08}.dots{grid-template-columns:repeat(2,4px);gap:4px;display:grid}.dots i{background:var(--ink);width:4px;height:4px;transition:transform var(--f29) var(--ease-out);border-radius:50%}.dash-btn:hover .dots i:first-child{transform:translate(-2px,-2px)}.dash-btn:hover .dots i:nth-child(2){transform:translate(2px,-2px)}.dash-btn:hover .dots i:nth-child(3){transform:translate(-2px,2px)}.dash-btn:hover .dots i:nth-child(4){background:var(--green);transform:translate(2px,2px)}html.is-loading .dash-btn{opacity:0;translate:0 -14px}.reel__chips{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:20px;right:20px;translate:0 -50%}.reel__chips>*{pointer-events:auto}.reel .reel__bottom{padding-bottom:92px}.reel__thumbs{align-items:flex-end;gap:6px;display:flex}.thumb{border-radius:var(--r-xs);opacity:.5;background:var(--ink-3);width:50px;height:64px;transition:width var(--f45) var(--ease-out), opacity var(--f29) var(--ease-out);flex:none;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.thumb:hover{opacity:.9}.thumb.is-active{opacity:1;width:104px}.thumb__bar{background:#ffffff4d;border-radius:2px;height:2px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.thumb__bar:after{content:"";transform:scaleX(var(--p,0));transform-origin:0;background:#fff;position:absolute;inset:0}html.is-loading .reel__chips{opacity:0}.cursor-label{z-index:70;border-radius:var(--r-sm);background:var(--c,var(--ink));width:240px;color:var(--ci,#fff);pointer-events:none;opacity:0;padding:11px 13px 13px;position:fixed;top:0;left:0}.cursor-label__name{letter-spacing:-.02em;font-size:14px;font-weight:500}.cursor-label__line{opacity:.8;margin-top:2px;font-size:13px}.connect .connect__bottom{padding-bottom:64px}.pill{z-index:50;backdrop-filter:blur(18px)saturate(1.5);width:min(360px,100vw - 32px);color:var(--ink);transition:width .7s var(--ease-out), opacity .9s var(--ease-out) .4s, transform .9s var(--ease-out) .4s;background:#ecece8bd;border-radius:16px;position:fixed;bottom:16px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 12px 32px -14px #0000004d,inset 0 0 0 1px #ffffff73}html.is-loading .pill{opacity:0;transform:translateY(28px)}.pill.is-open{background:#f3f3f0f0;width:min(440px,100vw - 32px)}.pill__menu{height:0;overflow:hidden}.pill__menu-inner{padding:16px 16px 4px}.pill__links{padding:0;list-style:none}.pill__links a{letter-spacing:-.05em;align-items:baseline;gap:12px;font-size:36px;line-height:1.1;display:flex;overflow:clip}.pill__links a>span{display:block}.pill__idx{letter-spacing:0;width:22px;font-size:12px}.pill__links a:hover .pill__lbl{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.pill__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding:12px 0 4px;display:flex}.pill__bar{align-items:center;gap:12px;height:56px;padding:8px;display:flex}.pill__mark{border-radius:var(--r-sm);background:var(--ink);color:#fff;letter-spacing:-.05em;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid;position:relative;overflow:hidden}.pill__mark img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--f29) var(--ease-out), scale var(--f45) var(--ease-out);position:absolute;inset:0;scale:1.2}.pill__mark.has-img img{opacity:1;scale:1}.pill__label{letter-spacing:-.02em;flex:1;min-width:0;height:20px;font-size:15px;line-height:20px;position:relative;overflow:hidden}.pill__label>*{white-space:nowrap;text-overflow:ellipsis;position:absolute;inset:0;overflow:hidden}.pill__toggle{border-radius:var(--r-sm);background:#fff;flex:none;place-items:center;width:40px;height:40px;display:grid}.pill.is-open .burger i:first-child{top:3.25px;transform:rotate(45deg)}.pill.is-open .burger i:last-child{top:3.25px;transform:rotate(-45deg)}.dash{z-index:80;visibility:hidden;position:fixed;inset:0}.dash.is-open{visibility:visible}.dash__backdrop{backdrop-filter:blur(14px);opacity:0;background:#0808085c;position:absolute;inset:0}.dash__panel{top:var(--frame);right:var(--frame);bottom:var(--frame);width:min(560px, calc(100vw - 2 * var(--frame)));border-radius:var(--r-lg);color:#fff;overscroll-behavior:contain;background:#0f0f0f;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;overflow:auto}.dash__head{grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:4px 4px 4px 8px;display:grid}.dash__close{background:var(--ink-3);width:36px;height:36px;transition:background var(--f17) var(--ease-out), rotate var(--f29) var(--ease-out);border-radius:50%;place-items:center;display:grid}.dash__close:hover{background:#2c2c2c;rotate:90deg}.dash__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.w{border-radius:var(--r-md);background:#1a1a1a;flex-direction:column;justify-content:space-between;gap:12px;min-height:196px;padding:14px;display:flex;position:relative;overflow:hidden}.w--work,.w--hello{grid-column:1/-1}.w__big{letter-spacing:-.05em;font-size:40px;line-height:.95}.w__sub{color:var(--mute-w);font-size:12px}.w--clock .clock{align-self:center;width:112px;height:112px}.w--reel{padding:0}.w--reel video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.w--reel .chip{position:absolute;top:10px;left:10px}.w__progress{background:#ffffff40;border-radius:2px;height:2px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.w__progress i{transform-origin:0;background:#fff;position:absolute;inset:0;transform:scaleX(0)}.w--work ul{gap:2px;padding:0;list-style:none;display:grid}.w--work a{border-radius:var(--r-sm);transition:background var(--f17) var(--ease-out);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -6px;padding:6px;display:grid}.w--work a:hover{background:#242424}.w--work img{object-fit:cover;border-radius:8px;width:44px;height:44px}.w--work b{letter-spacing:-.02em;font-size:15px;font-weight:500;display:block}.w--work a span span{color:var(--mute-w);font-size:13px}.w--work a>i{color:var(--mute-w);transition:transform var(--f29) var(--ease-out), color var(--f17);font-style:normal}.w--work a:hover>i{color:#fff;transform:translate(2px,-2px)}.spark{width:100%;height:46px}.spark path{stroke-dasharray:1;stroke-dashoffset:1px}.w__ticker{color:var(--mute-w);font-size:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.w__ticker>div{width:max-content;animation:14s linear infinite ticker;display:flex}.w__ticker span{padding-right:1.2em}.w--hello{background:var(--grad);min-height:170px;color:var(--ink);flex-direction:row;align-items:flex-end}.w--hello .w__label{color:#0c0c0c99}@media (width<=900px){.reel__chips .chip:first-child,.reel__chips .chip--link{display:none}.reel .reel__bottom{padding-bottom:88px}.thumb{width:34px;height:44px}.thumb.is-active{width:64px}}
