@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-italic-latin.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/nunito-latin.woff2) format("woff2")}:root{--ink: #f6f1e7;--ink-soft: #d9d2c4;--card-bg: rgba(18, 22, 34, .34);--card-bd: rgba(255, 255, 255, .16);--accent: #ffd27a;--shadow: 0 18px 50px rgba(8, 12, 24, .35);--ease: cubic-bezier(.22, 1, .36, 1);--glass-fill: rgba(18, 24, 40, .3);--glass-bd: rgba(255, 255, 255, .34);--glass-hi: rgba(255, 255, 255, .42);--glass-frost: blur(20px) saturate(135%);--glass-shadow: 0 24px 60px rgba(8, 12, 24, .34);--glass-sheen: radial-gradient(135% 100% at 50% -22%, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 44%);--glass-edge: var(--glass-shadow), inset 0 1px 0 var(--glass-hi), inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 7px 22px rgba(255, 255, 255, .05), inset 0 -1px 1px rgba(8, 12, 24, .16)}:root[data-phase=night]{--glass-fill: rgba(236, 242, 255, .11);--glass-bd: rgba(255, 255, 255, .5);--glass-hi: rgba(255, 255, 255, .6);--glass-shadow: 0 24px 60px rgba(8, 12, 24, .42), 0 0 30px rgba(255, 255, 255, .05)}*{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}html,body{margin:0;padding:0;background:#0b1020;color:var(--ink);font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;opacity:0;transition:opacity .7s var(--ease)}#scene.is-ready{opacity:1}.scrim{position:fixed;left:0;right:0;pointer-events:none;z-index:1}.scrim--top{top:0;height:220px;background:linear-gradient(to bottom,rgba(8,12,24,.28),transparent)}.scrim--bottom{bottom:0;height:200px;background:linear-gradient(to top,rgba(8,12,24,.32),transparent)}.topbar{position:fixed;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:flex-end;padding:22px clamp(20px,4vw,56px)}.controls{display:flex;align-items:center;gap:14px}.clock{font:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--ink-soft);text-shadow:0 2px 10px rgba(0,0,0,.35);background:none;border:none;padding:6px;cursor:pointer;transition:color .2s var(--ease)}.clock:hover{color:var(--ink)}.clock__label{display:inline-block}@keyframes clockOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes clockIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.clock__label--out{animation:clockOut .15s var(--ease) forwards}.clock__label--in{animation:clockIn .2s var(--ease) both}.music{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--card-bd);background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .25s var(--ease),background .25s,opacity .25s}.music:hover{transform:translateY(-1px);background:#1c223480}.music:disabled{opacity:.4;cursor:not-allowed}.music__icon{width:11px;height:12px;position:relative;display:inline-block}.music__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--ink)}.music.is-playing .music__icon:before{border:none;background:linear-gradient(var(--accent),var(--accent)) left / 3px 100% no-repeat,linear-gradient(var(--accent),var(--accent)) right / 3px 100% no-repeat}.music.is-playing{color:var(--accent)}.music-wrap{position:relative}.volume-pop{position:absolute;top:100%;right:0;padding-top:8px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.music-wrap.is-open .volume-pop,.music-wrap:focus-within .volume-pop{opacity:1;transform:translateY(0);pointer-events:auto}.volume-panel{background:var(--card-bg);border:1px solid var(--card-bd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:11px 16px;box-shadow:var(--shadow);display:flex}.volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:128px;height:4px;border-radius:999px;background:#ffffff38;cursor:pointer;outline:none}.volume::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid rgba(8,12,24,.25);cursor:pointer}.volume::-moz-range-thumb{width:14px;height:14px;border:2px solid rgba(8,12,24,.25);border-radius:50%;background:var(--accent);cursor:pointer}.hero{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,7vw,120px)}.card{max-width:440px;padding:30px 34px 32px;border-radius:24px;background-color:var(--glass-fill);background-image:var(--glass-sheen);border:1px solid var(--glass-bd);backdrop-filter:var(--glass-frost);-webkit-backdrop-filter:var(--glass-frost);box-shadow:var(--glass-edge);opacity:0;transition:background-color .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease)}.card.is-in{animation:rise .9s var(--ease) both}.card__hi{margin:0;font-size:15px;font-weight:600;color:var(--ink-soft);letter-spacing:.3px}.card__name{margin:2px 0 14px;font-family:Fraunces,serif;font-weight:600;font-size:clamp(48px,8vw,76px);line-height:.98;letter-spacing:-1px}.now{margin:0 0 22px;font-size:15.5px;line-height:1.5;color:var(--ink-soft)}.now .card__status{color:var(--ink);opacity:.92}.now .card__dot{color:var(--accent);margin-right:4px}@keyframes nowOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-7px);filter:blur(4px)}}@keyframes nowIn{0%{opacity:0;transform:translateY(7px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.now--exit{animation:nowOut .2s var(--ease) forwards;pointer-events:none}.now--enter{animation:nowIn .32s var(--ease) both}.now--rich{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);margin:0 -3px}.now__art{position:relative;flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #080c1861,inset 0 0 0 1px #ffffff24}.now__art-slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s var(--ease)}.now__art-slot.is-front{opacity:1}.now__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.now__playing{display:flex;align-items:center;gap:5px;margin-bottom:1px}.now__eq{display:flex;align-items:flex-end;gap:2px;height:11px;flex:none}.now__eq b{display:block;width:2.5px;border-radius:2px;background:var(--accent);animation:eq 1.15s ease-in-out infinite;font-style:normal;font-weight:400}.now__eq b:nth-child(1){animation-delay:0s;animation-duration:1s}.now__eq b:nth-child(2){animation-delay:.22s;animation-duration:1.3s}.now__eq b:nth-child(3){animation-delay:.44s;animation-duration:1.05s}.now__eq--static b{animation:none;height:5px}@keyframes eq{0%,to{height:3px}50%{height:11px}}.now__label{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);opacity:.85;line-height:1}.now__title{font-family:Fraunces,serif;font-weight:550;font-size:15.5px;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now__sub{font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes textIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.now__text--in{animation:textIn .28s var(--ease) both}.now__track{position:relative;margin-top:7px;height:2px;border-radius:2px;background:#ffffff21}.now__fill{display:block;position:relative;height:100%;width:0;border-radius:2px;background:var(--accent);transition:width 1s linear}.now__fill:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 14px #ffd27a73;opacity:1;transition:opacity .3s}.now__fill[style*="width: 0"]:after{opacity:0}@keyframes trackPulse{0%{box-shadow:none}28%{box-shadow:0 0 10px 3px #ffd27a52}to{box-shadow:none}}.now__track--pulse{animation:trackPulse 1.5s var(--ease) forwards}.socials{position:relative;z-index:3;min-height:100vh}.places{position:absolute;right:var(--places-right, 47px);bottom:var(--places-bottom, 17px);display:flex;flex-direction:column;align-items:flex-end;width:clamp(196px,16vw,232px)}.place{position:relative;display:flex;align-items:center;gap:18px;width:100%;padding:16px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.065);opacity:0;outline:none}.places .place:first-of-type{border-top:1px solid rgba(255,255,255,.065)}.place.is-in{animation:placeRise .6s var(--ease) both}@keyframes placeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.place__avatar{position:relative;flex:none;width:54px;height:54px}.place__pfp{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(246,241,231,.5);transition:border-color .3s var(--ease)}.place:hover .place__pfp,.place:focus-visible .place__pfp{border-color:#ffd27af2}.place__seal{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid rgba(8,12,24,.5)}.place__seal svg{width:10px;height:10px}.place--discord .place__seal{background:#5865f2}.place--steam .place__seal{background:#1b2838}.place--spotify .place__seal{background:#1db954}.place__name{flex:1;text-align:right;font-family:Fraunces,serif;font-weight:600;font-size:clamp(24px,2.3vw,34px);line-height:1;letter-spacing:-.4px;text-shadow:0 1px 1px rgba(8,12,24,.85),0 0 3px rgba(8,12,24,.6),0 2px 10px rgba(8,12,24,.4);transition:color .25s var(--ease)}.place:hover .place__name,.place:focus-visible .place__name{color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.music__label{display:none}.hero{padding:0 18px}.card{max-width:none}.socials{padding:0 18px}.places{right:16px;bottom:22px;width:196px}.place{gap:14px;padding:14px 0}.place__avatar{width:46px;height:46px}}@media (prefers-reduced-motion: reduce){.card{animation:none}.card.is-in{animation:none;opacity:1}.now--enter{animation:none}.now--exit{animation:none;opacity:0}.now__text--in,.now__track--pulse{animation:none}.now__fill{transition:none}.clock__label--out,.clock__label--in,.place.is-in{animation:none;opacity:1}.place__name,.place__pfp{transition:none}}