@font-face{font-family:'Poppins Subset';src:url('assets/fonts/poppins-regular-subset.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Poppins Subset';src:url('assets/fonts/poppins-semibold-subset.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}:root{--containerWidth:44rem;--containerPadding:26px;--containerRadius:36px;--containerColor:rgba(37, 25, 20, 0);--containerGradient:linear-gradient(25deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));--containerBorder:5px solid rgba(92, 77, 67, 0.25);--containerBlur:0px;--panel:rgb(37 25 20 / 20%);--panel-hi:rgb(37 25 20 / 30%);--panel-edge:rgb(255 255 255 / 7%);--panel-line:rgb(37 25 20 / 14%);--panelBorder:2px solid rgba(92, 77, 67, 0.25);--panelBorderHi:2px solid rgba(92, 77, 67, 0.4);--bg:#0d0d0f;--bg-lift:#161619;--text:#d9d9d9;--muted:#7a7a82;--border:#262629;--border-hi:#4a4a52;--accent:150 160 255;--glass:rgb(16 16 20 / 30%);--glass-hi:rgb(22 22 28 / 44%);--glass-edge:rgb(255 255 255 / 11%);--glass-edge-hi:rgb(255 255 255 / 24%);--shadow-pill:0 1px 2px rgb(0 0 0 / 20%),0 8px 22px rgb(0 0 0 / 26%);--shadow-card:0 2px 4px rgb(0 0 0 / 20%),0 14px 38px rgb(0 0 0 / 30%);--glass-blur:blur(16px) saturate(130%);--glass-blur-sm:blur(6px);--veil-mid:10%;--veil-out:20%;--veil-edge:34%;--safe-top:env(safe-area-inset-top, 0px);--safe-right:env(safe-area-inset-right, 0px);--safe-bottom:env(safe-area-inset-bottom, 0px);--safe-left:env(safe-area-inset-left, 0px);--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--gate-ms:500ms;--film-ms:600ms;--gate-blur:8px;--film-blur:0px;--film-dim:1;--film-sat:1;--film-over:calc(var(--gate-blur) + var(--film-blur));--avatar-size:clamp(56px, min(69.4px + 2.07vw, 17vh), 88px);--brand-gap:clamp(13px, min(17.5px + 0.5vw, 3.6vh), 22px);--mark-width:min(72vw, clamp(260px, 194px + 11.76vw, 300px), 46vh);--group-gap:calc(var(--brand-gap) * 1.35);--cell:clamp(38px, 9.5vw, 44px);--stage-max:min(clamp(320px, 62vw, 560px),
                   calc(100vw - 2 * clamp(18px, 5.5vw, 28px)));--social-cell:min(62px, calc((var(--stage-max) - 4px) / 6))}@media (pointer:coarse){:root{--glass:rgb(16 16 20 / 74%);--glass-hi:rgb(22 22 28 / 84%);--glass-blur:none;--glass-blur-sm:none}}*{box-sizing:border-box}body,html{min-height:100%;margin:0}html{background:var(--bg)}body{min-width:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.backdrop{position:fixed;inset:0;overflow:hidden;background:var(--bg);height:100lvh;filter:blur(0px);transition:filter var(--gate-ms) var(--ease-soft)}.backdrop-video{position:absolute;top:calc(-2 * var(--film-over));left:calc(-2 * var(--film-over));width:calc(100% + 4 * var(--film-over));height:calc(100% + 4 * var(--film-over));object-fit:cover;pointer-events:none;filter:blur(var(--film-blur)) brightness(var(--film-dim)) saturate(var(--film-sat));opacity:1;transition:opacity var(--film-ms) var(--ease-soft)}.gated .backdrop-video{opacity:0}.backdrop-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 45%,rgb(13 13 15 / var(--veil-mid)) 0,rgb(13 13 15 / var(--veil-out)) 60%,rgb(13 13 15 / var(--veil-edge)) 100%)}.scene{position:relative;z-index:1;min-height:100svh;overflow:hidden}.field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.aura{position:absolute;top:50%;left:50%;width:min(1180px,130vw);height:min(1180px,130vw);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle at 50% 50%,rgb(var(--accent) / 7.5%) 0,rgb(var(--accent) / 3.2%) 26%,rgb(var(--accent) / 0%) 62%);animation:breathe 13s var(--ease-soft) infinite}.grain{position:absolute;inset:-120px;pointer-events:none;opacity:.034;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:7s steps(6) infinite drift}.stage{position:relative;min-height:100svh;display:grid;place-items:safe center;padding:clamp(18px,5.5vw,28px)}.brand{display:flex;flex-direction:column;align-items:center;width:min(44rem,calc(100vw - 2 * clamp(18px,5.5vw,28px)));max-width:100%;--tilt-x:0deg;--tilt-y:0deg;--lift:0px;transform:translateY(var(--lift)) perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.03, .98, .52, .99);will-change:transform;--line-len:34px;--line-w:3px}.avatar{position:relative;width:var(--avatar-size);height:var(--avatar-size);margin-bottom:var(--brand-gap)}.avatar picture{display:contents}.avatar img{position:relative;width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgb(255 255 255 / 7%),0 18px 44px rgb(0 0 0 / 55%);transition:transform 620ms var(--ease)}.avatar-glow{position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(var(--accent) / 20%) 0,rgb(var(--accent) / 0%) 68%);opacity:.85;animation:breathe 9s var(--ease-soft) infinite;animation-name:breathe-local}.avatar:hover img{transform:scale(1.045)}.wordmark{position:relative;display:block;width:var(--mark-width)}.wordmark::before{content:'';position:absolute;inset:-18% -8%;background:url("assets/sparkles/whitesparkle.gif") 50% 50%/90px 68px;opacity:.42;pointer-events:none}.wordmark img{position:relative;width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}.music,.socials{max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--panel-line);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:border-color 240ms var(--ease),background-color 240ms var(--ease)}.socials{margin-top:var(--brand-gap)}.music:hover,.socials:hover{border-color:var(--glass-edge-hi);background:var(--glass-hi);box-shadow:var(--shadow-pill),0 0 34px rgb(var(--accent) / 7%)}.music-toggle,.social{height:38px;flex:none;display:grid;place-items:center;color:#8d8d96;text-decoration:none;transition:color 220ms var(--ease),transform 320ms var(--ease)}.music-toggle{width:var(--cell)}.social{width:var(--social-cell)}.music-toggle svg,.social svg{display:block}.music-toggle:hover,.social:hover{color:var(--text);transform:translateY(-1px)}.music-toggle:active,.social:active{transform:translateY(0)}.avatar a:focus-visible,.music-toggle:focus-visible,.social:focus-visible{outline:#bbb solid 2px;outline-offset:-4px;border-radius:6px}.projects{margin-top:var(--group-gap);width:fit-content;max-width:var(--stage-max);margin-inline:auto;display:block;position:relative;overflow:visible;border:var(--panelBorder);border-radius:14px;background-color:var(--panel);background-origin:border-box;box-shadow:none;transition:border-color 240ms var(--ease)}.projects:hover{border:var(--panelBorderHi)}.projects::after,.projects::before{content:'';position:absolute;bottom:calc(100% - 1px);width:var(--line-w);height:calc(var(--line-len) + 2px);border-radius:1px;background-color:rgb(255 255 255 / 13%);background-image:linear-gradient(to bottom,rgb(255 255 255 / 0%) 0,rgb(255 255 255 / 62%) 50%,rgb(255 255 255 / 0%) 100%);background-size:100% 55%;background-repeat:no-repeat;animation:2.6s linear infinite line-flow;pointer-events:none}.projects::after{animation-delay:-1.3s;right:34px}@keyframes line-flow{from{background-position:0 -55%}to{background-position:0 155%}}.projects::before{left:34px}.project-shot{width:100%;margin:0;padding:0;border:1px solid rgba(92,77,67,.25);border-radius:8px;background:0 0;overflow:hidden;cursor:zoom-in;display:block;-webkit-tap-highlight-color:transparent;transition:border-color 240ms var(--ease),box-shadow 320ms var(--ease),transform 320ms var(--ease)}.project-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}@media (min-width:701px) and (max-height:720px) and (pointer:fine){.stage{padding-top:clamp(8px,2vh,28px);padding-bottom:clamp(8px,2vh,28px)}}.project-shot:focus-visible,.project-shot:hover{border-color:rgba(92,77,67,.45);transform:translateY(-1px)}.project-shot:active{transform:translateY(0)}.project-name{margin:2px 0 0;font-size:12.5px;font-weight:600;line-height:1.25;color:var(--text);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.project-tag{flex:none;padding:1px 6px;border:1px solid var(--glass-edge-hi);border-radius:999px;font-size:10px;font-weight:500;color:var(--muted)}.project-desc{margin:0;font-size:11.5px;line-height:1.45;color:var(--muted);text-wrap:pretty}.project-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(92,77,67,.25);border-radius:8px;background:0 0;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:11.5px;font-weight:500;color:#787880;text-decoration:none;transition:color 220ms var(--ease),border-color 240ms var(--ease),box-shadow 320ms var(--ease),transform 320ms var(--ease)}.project-link svg{display:block}.project-link span{transform:translateY(-.06em)}.project-link:focus-visible,.project-link:hover{color:var(--text);border-color:var(--glass-edge-hi);background:var(--glass-hi);box-shadow:0 0 22px rgb(var(--accent) / 9%);transform:translateY(-1px)}.project-link:active{transform:translateY(0)}.project-link:focus-visible,.project-shot:focus-visible{outline:#bbb solid 2px;outline-offset:2px}.product{--shot:min(196px, 26svh);display:grid;grid-template-columns:var(--shot) minmax(88px,max-content);align-items:center;gap:clamp(12px,2.4vw,15px);padding:clamp(11px,2.2vw,14px)}.product-shot{position:relative;align-self:center;background:radial-gradient(72% 62% at 50% 46%,rgb(var(--accent) / 9%) 0,rgb(var(--accent) / 3%) 52%,rgb(var(--accent) / 0%) 100%)}.product-shot img{aspect-ratio:1/1;object-fit:contain;transition:transform 420ms var(--ease)}.projects:hover .product-shot img{transform:scale(1.015)}.product-detail{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px}.product-desc,.product-name{justify-content:flex-start;text-align:left}.product-desc{color:#a6a6af}.product-link{margin-top:9px;align-self:stretch;gap:6px;min-height:31px;justify-content:center;color:var(--text);border-color:rgba(92,77,67,.4);background:0 0;position:relative}.product-link::after{content:'';position:absolute;inset:-7px 0}.product-link:focus-visible,.product-link:hover{border-color:rgba(92,77,67,.6);background:rgb(255 255 255 / 5%)}.product-link span{transform:none}.product-ink{display:block;flex:none;overflow:hidden;text-indent:-200vw;white-space:nowrap;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:auto 100%;mask-size:auto 100%}.ink-name{width:81.7px;height:18px;-webkit-mask-image:url('assets/products/text-1787118549657.png');mask-image:url('assets/products/text-1787118549657.png')}.ink-desc{width:95.3px;height:15px;-webkit-mask-image:url('assets/products/text-1787118509729.png');mask-image:url('assets/products/text-1787118509729.png')}.ink-buy{width:24.5px;height:19px;-webkit-mask-image:url('assets/products/text-1787118592771.png');mask-image:url('assets/products/text-1787118592771.png')}.ink-view-profile{width:119.6px;height:18px;-webkit-mask-image:url('assets/products/text-view-profile.png');mask-image:url('assets/products/text-view-profile.png')}.product-arrow{display:block;flex:none;margin-top:-1px;opacity:.8;transition:transform 380ms var(--ease),opacity 240ms var(--ease)}.product-link:focus-visible .product-arrow,.product-link:hover .product-arrow{opacity:1;transform:translate(2.2px,-2.2px) scale(1.015)}.lightbox{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(16px,5vw,56px)}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:rgb(6 6 8 / 82%);opacity:0;transition:opacity 260ms var(--ease-soft);cursor:zoom-out}.lightbox-figure{position:relative;margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:scale(.94) translateY(10px);transition:opacity .3s var(--ease),transform 380ms var(--ease)}.lightbox-img{display:block;max-width:100%;max-height:calc(100svh - 2 * clamp(16px,5vw,56px) - 34px);width:auto;height:auto;border:1px solid var(--border-hi);border-radius:10px;box-shadow:0 30px 80px rgb(0 0 0 / 60%);object-fit:contain}.lightbox-caption{font-size:11.5px;color:var(--muted);text-align:center;overflow-wrap:anywhere}.lightbox-close{position:absolute;top:clamp(12px,3vw,22px);right:clamp(12px,3vw,22px);width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass-hi);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#9a9aa2;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity 240ms var(--ease-soft),transform 260ms var(--ease),color .2s var(--ease),border-color .2s var(--ease);-webkit-tap-highlight-color:transparent}.lightbox-close:focus-visible,.lightbox-close:hover{color:var(--text);border-color:var(--glass-edge-hi);transform:scale(1.06)}.lightbox.is-open .lightbox-backdrop{opacity:1}.lightbox.is-open .lightbox-figure{opacity:1;transform:none}.lightbox.is-open .lightbox-close{opacity:1;transform:scale(1)}.lightbox.is-open .lightbox-close:focus-visible,.lightbox.is-open .lightbox-close:hover{transform:scale(1.06)}.music-row{position:fixed;left:clamp(18px,5.5vw,28px);bottom:clamp(18px,5.5vw,28px);z-index:2;display:flex;max-width:calc(100% - 2 * clamp(18px,5.5vw,28px))}.music-row[hidden]{display:none}.music{min-width:0}.music-toggle{margin:0;padding:0;border:0;background:0 0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.music-off,.music-wave{transition:opacity 220ms var(--ease)}.music-off,.music.is-quiet .music-wave{opacity:0}.music.is-quiet .music-off{opacity:1}.music-toggle svg{transform:translate(.92px,1.72px)}.music.is-quiet .music-toggle svg{transform:translate(.22px,1.72px)}.gate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgb(9 9 11 / 80%);-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;visibility:hidden;transition:opacity var(--gate-ms) var(--ease-soft),-webkit-backdrop-filter var(--gate-ms) var(--ease-soft),backdrop-filter var(--gate-ms) var(--ease-soft),visibility 0s linear var(--gate-ms)}.gated .gate{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(var(--gate-blur));backdrop-filter:blur(var(--gate-blur));transition:opacity var(--gate-ms) var(--ease-soft),-webkit-backdrop-filter var(--gate-ms) var(--ease-soft),backdrop-filter var(--gate-ms) var(--ease-soft),visibility 0s}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass:rgb(16 16 20 / 74%);--glass-hi:rgb(22 22 28 / 84%)}.gated .backdrop{filter:blur(var(--gate-blur))}}.gate-message{margin:0;font-family:'Poppins Subset',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:30px;line-height:36px;font-weight:400;text-align:center;color:#fff;overflow-wrap:break-word;user-select:none}.gate-credit{margin:0;font-family:'Poppins Subset',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:13px;line-height:1.6;font-weight:400;text-align:center;color:rgb(255 255 255 / 66%);max-width:min(460px,100%);text-wrap:pretty;user-select:none;transform:translateY(calc(50% + 44px))}.gate-credit,.gate-message{grid-area:1/1}.gate-handle{position:relative;white-space:nowrap;color:#fff}.gate-handle::before{content:'';position:absolute;inset:-0.55em -0.35em;background:url("assets/sparkles/whitesparkle.gif") 50% 50%/34px 26px;opacity:.5;pointer-events:none;z-index:-1}.js [data-reveal]{opacity:0;transform:translateY(12px) scale(.985)}.ready [data-reveal]{animation:reveal .9s var(--ease) both}.ready [data-reveal="1"]{animation-delay:60ms}.ready [data-reveal="2"]{animation-delay:.2s}.ready [data-reveal="3"]{animation-delay:360ms}.ready [data-reveal="4"]{animation-delay:480ms}.ready [data-reveal="5"]{animation-delay:.6s}.ready .field{animation:fade-in 1.5s var(--ease-soft) both}.ready .aura{animation:breathe 13s var(--ease-soft) infinite,fade-in 1.9s var(--ease-soft) both}@keyframes reveal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes breathe{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.075)}}@keyframes breathe-local{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}@keyframes drift{0%,100%{transform:translate(0,0)}20%{transform:translate(-14px,8px)}40%{transform:translate(9px,-12px)}60%{transform:translate(-8px,-6px)}80%{transform:translate(12px,10px)}}@media (max-width:560px){.brand{--lift:-2vh}}@media (max-width:700px){.brand{--lift:0px}.product{--shot:min(148px, 26svh)}}@media (max-width:700px),(max-height:540px) and (orientation:landscape) and (pointer:coarse){.scene{display:flex;flex-direction:column}.music-row{position:static;order:-1;align-self:flex-start;margin:14px 0 0 clamp(18px,5.5vw,28px);z-index:auto;max-width:calc(100% - 2 * clamp(18px,5.5vw,28px))}.stage{min-height:0;flex:1 1 auto;padding-top:8px;padding-bottom:calc(clamp(18px,5.5vw,28px) + var(--safe-bottom));padding-left:calc(clamp(18px,5.5vw,28px) + var(--safe-left));padding-right:calc(clamp(18px,5.5vw,28px) + var(--safe-right))}body{position:relative}.backdrop{position:absolute;inset:0;height:auto}.brand{--lift:0px}.backdrop-video{object-position:58% center}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.backdrop-video{top:0;left:0;width:100%;height:100%}}}@media (max-height:540px) and (orientation:landscape) and (pointer:coarse){.product{--shot:min(148px, 20svh)}}@media (max-height:520px){.brand{--lift:0px}}@media (max-height:520px) and (orientation:landscape){.music-row{left:calc(var(--safe-left) + clamp(18px,5.5vw,28px));bottom:calc(var(--safe-bottom) + clamp(18px,5.5vw,28px))}.stage{padding-left:calc(clamp(18px,5.5vw,28px) + var(--safe-left));padding-right:calc(clamp(18px,5.5vw,28px) + var(--safe-right));padding-bottom:calc(clamp(18px,5.5vw,28px) + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){.aura,.avatar-glow,.grain{animation:none}.ready .aura{animation:fade-in 1.9s var(--ease-soft) both}.gate-message{animation:none}.ready [data-reveal]{animation-duration:1ms}.avatar:hover img,.music-toggle:hover,.social:hover{transform:none}.project-link:focus-visible,.project-link:hover,.project-shot:focus-visible,.project-shot:hover{transform:none}.lightbox-close,.lightbox-figure,.lightbox.is-open .lightbox-close,.lightbox.is-open .lightbox-figure{transform:none}}.boot{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:var(--bg);pointer-events:none;opacity:1;visibility:visible;transition:opacity 420ms var(--ease-soft),visibility 0s linear 420ms}html:not(.booting) .boot{opacity:0;visibility:hidden}.boot.is-gone,.gate.is-gone{display:none}.boot-mark{position:relative;width:var(--avatar-size);height:var(--avatar-size);transform:scale(1);transition:transform 420ms var(--ease)}html:not(.booting) .boot-mark{transform:scale(1.04)}.boot-mark picture{display:contents}.boot-mark img{position:relative;width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgb(255 255 255 / 7%),0 18px 44px rgb(0 0 0 / 55%)}.boot-glow{position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(var(--accent) / 20%) 0,rgb(var(--accent) / 0%) 68%);opacity:.85;animation:breathe-local 9s var(--ease-soft) infinite}.netice{position:fixed;right:clamp(18px,5.5vw,28px);bottom:clamp(18px,5.5vw,28px);z-index:70;max-width:calc(100% - 2 * clamp(18px,5.5vw,28px));display:flex;align-items:center;gap:8px;padding:0 12px;min-height:36px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-pill);font-size:11.5px;line-height:1.4;color:var(--text);opacity:0;transform:translateY(12px);transition:opacity 320ms var(--ease-soft),transform 380ms var(--ease)}.netice[hidden]{display:none}.netice.is-shown{opacity:1;transform:none}.netice-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#8d8d96;transition:background-color 240ms var(--ease)}.netice.is-offline .netice-dot{background:#d9a441}.netice.is-online .netice-dot{background:rgb(var(--accent))}@media (prefers-reduced-motion:reduce){.boot-glow{animation:none}.boot{transition:opacity 160ms var(--ease-soft),visibility 0s linear 160ms}.boot-mark,html:not(.booting) .boot-mark{transform:none;transition:none}.netice{transform:none;transition:opacity 160ms var(--ease-soft)}.netice.is-shown{transform:none}}.card{--band-head:30px;--band-socials:33px;--band-foot:20px;--pf-avatar:120px;--pf-social:40px;--pf-badge:18px;--pf-dot:18px;width:100%;display:flex;flex-direction:column;gap:0;padding:var(--containerPadding);box-sizing:border-box;border-radius:var(--containerRadius);border:var(--containerBorder);background-color:var(--containerColor);background-image:var(--containerGradient);background-origin:border-box;box-shadow:none;transition:border-color 250ms var(--ease)}.card,.projects{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.card-head{display:flex;align-items:center;gap:14px}.card-head .avatar{flex:none;width:var(--pf-avatar);height:var(--pf-avatar);margin:0}.card-head .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ident{min-width:0;display:flex;flex-direction:column;gap:3px}.ident-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-head .wordmark{width:clamp(150px,26vw,196px);margin:0;flex:none}.card,.card-foot{font-family:'Poppins Subset',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.badges{display:flex;align-items:center;gap:5.5px;margin:0;padding:6px 10px;border-radius:25px;background:var(--panel);border:1px solid var(--panel-edge)}.badge{position:relative;display:grid;place-items:center;width:var(--pf-badge);height:var(--pf-badge);border:0;padding:0;background:0 0;border-radius:4px;color:rgb(255 255 255 / 82%);cursor:default;line-height:1;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease),color .2s var(--ease)}.badge svg{display:block;width:100%;height:100%}.badge:focus-visible,.badge:hover{transform:scale(1.12);color:#fff}.badge:focus-visible{outline:solid 2px;outline-offset:2px}.badge-tip,.foot-tip{position:absolute;bottom:calc(100% + 7px);left:50%;padding:3px 7px;border-radius:5px;border:1px solid;background:rgb(12 12 16 / 95%);color:#fff;font-size:10.5px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity 160ms var(--ease),transform 160ms var(--ease);z-index:4}.badge:focus-visible .badge-tip,.badge:hover .badge-tip,.foot-item:focus-visible .foot-tip,.foot-item:hover .foot-tip{opacity:1;transform:translate(-50%,0)}.status{position:absolute;right:calc(var(--pf-avatar) * .146445 - var(--pf-dot)/ 2);bottom:calc(var(--pf-avatar) * .146445 - var(--pf-dot)/ 2);width:var(--pf-dot);height:var(--pf-dot);border-radius:50%;background:#80848e;box-shadow:0 0 0 3px rgb(20 20 25 / 95%);transition:background-color 250ms var(--ease)}.status.is-online{background:#23a55a}.status.is-idle{background:#f0b232}.status.is-dnd{background:#f23f43}.status.is-offline{background:#80848e}.status.is-unknown{background:0 0;box-shadow:0 0 0 3px rgb(20 20 25 / 95%),inset 0 0 0 2px #4a4a52}.status.is-online::after{content:'';position:absolute;inset:0;border-radius:50%;background:#23a55a;animation:status-ping 2.4s var(--ease-soft) infinite}@keyframes status-ping{0%{opacity:.5;transform:scale(1)}100%,70%{opacity:0;transform:scale(2)}}.widgets{display:flex;flex-wrap:nowrap;gap:10px;width:100%;margin-top:var(--band-head)}.widget{flex:1 1 0;min-width:0;display:flex;align-items:center;flex-wrap:wrap;row-gap:8px;gap:12px;padding:13px 16px;border:2px solid var(--panel-line);border-radius:25px;background:var(--panel);overflow:hidden;transition:background-color .2s var(--ease),border-color .2s var(--ease)}.widget:hover{background:var(--panel-hi);border-color:rgb(255 255 255 / 12%)}.widget-av{position:relative;flex:none;line-height:0}.widget-av picture{display:contents}.widget-av img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover}.status-sm{width:11px;height:11px;right:-1px;bottom:-1px;box-shadow:0 0 0 2px rgb(22 22 28 / 98%)}.status-sm.is-unknown{box-shadow:0 0 0 2px rgb(22 22 28 / 98%),inset 0 0 0 2px #4a4a52}.status-sm.is-online::after{display:none}.widget-body{min-width:46px;display:flex;flex-direction:column;gap:1px}.widget-name{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-sub{font-size:13px;line-height:1.35;font-style:italic;color:rgb(255 255 255 / 70%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-stats{display:flex;flex-wrap:wrap;gap:8px}.wstat{display:inline-flex;align-items:center;gap:3px;font-size:12px;line-height:1.4;color:rgb(255 255 255 / 70%);white-space:nowrap}.wstat svg{display:block;opacity:.8}.wstat b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.wstat b.is-waiting{color:rgb(255 255 255 / 35%);font-weight:400}.widget-cta{margin-left:auto;flex:none;align-self:center;white-space:nowrap}.widget-tag{position:absolute;top:11px;right:13px;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;line-height:1.4;color:rgb(255 255 255 / 45%)}.widget-tag svg{display:block}.widget{position:relative}.card .socials{margin:0;border:0;background:0 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:center;margin-top:var(--band-socials);gap:11px 9px;flex-wrap:wrap;overflow:visible}.card .socials:hover{background:0 0;border-color:transparent;box-shadow:none}.card .social{width:var(--pf-social);height:var(--pf-social);min-width:0;color:rgb(255 255 255 / 62%);transition:transform .2s var(--ease),color .2s var(--ease)}.card .social svg{width:24px;height:24px}.card .social:hover{transform:scale(1.1);color:#fff}.card .social:active{transform:scale(1.02)}.card-foot{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin-top:var(--band-foot);border:0;padding:0;font-size:14px;line-height:1.4;color:rgb(255 255 255 / 82%)}.foot-item{position:relative;display:inline-flex;align-items:center;gap:6px}.foot-item svg{display:block;opacity:.8}.foot-item span{color:#fff;font-variant-numeric:tabular-nums}.foot-item+.foot-item::before{content:'';align-self:center;width:1px;height:13px;margin-right:7px;background:rgb(255 255 255 / 18%)}.brand>.projects{margin-top:var(--line-len)}@media (max-width:760px){.card{--pf-avatar:104px;padding:22px;border-radius:30px}.card-head{gap:13px}.card-head .wordmark{width:clamp(140px,30vw,176px)}}@media (max-width:600px){.widget-cta{margin-left:0;width:100%;justify-content:center}.brand>.projects{width:100%;max-width:none}.card{--pf-avatar:92px;--pf-social:38px;--band-head:28px;--band-socials:30px;--band-foot:20px}.widgets{row-gap:14px;flex-wrap:wrap}.widget{flex:1 1 100%}.card .socials{gap:10px 6px}}@media (max-width:430px){.card{--pf-avatar:76px;--pf-dot:16px;--pf-social:34px;--band-head:26px;--band-socials:28px;--band-foot:18px;padding:22px;border-radius:24px}.card-head{gap:12px}.card-head .wordmark{width:clamp(120px,42vw,160px)}.badges{padding:6px 9px;gap:5px}.card .social svg{width:21px;height:21px}.card-foot{flex-wrap:wrap;row-gap:6px;font-size:12px}}@media (max-height:720px){.card{--band-head:20px;--band-socials:22px;--band-foot:13px}}@media (max-height:640px){.card{--band-head:13px;--band-socials:15px;--band-foot:9px;--pf-avatar:96px;--containerBorder:3px solid rgba(92, 77, 67, 0.25);--containerPadding:20px}}@media (prefers-reduced-motion:reduce){.badge:focus-visible,.badge:hover,.card .social:hover,.card:hover,.widget-cta:focus-visible,.widget-cta:hover{transform:none}.status.is-online::after{animation:none;opacity:0}}