@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cormorant+SC:wght@300;400;600&family=IM+Fell+English:ital@0;1&display=swap";body{background:#0c0906;overflow:hidden}html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 3L18 13L11 14L8 20L4 3Z' fill='%23e8d4a8' stroke='%231a1208' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3,auto}a,button,input[type=range],[role=button],.enter-screen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='3.5' fill='%23fff' stroke='%231a1208' stroke-width='1.5'/%3E%3Cline x1='12' y1='3' x2='12' y2='7' stroke='%23c8a460' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='12' y1='17' x2='12' y2='21' stroke='%23c8a460' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='3' y1='12' x2='7' y2='12' stroke='%23c8a460' stroke-width='1.2' stroke-linecap='round'/%3E%3Cline x1='17' y1='12' x2='21' y2='12' stroke='%23c8a460' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 12 12,pointer!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;background:#0c0906;overflow:hidden}.enter-screen{z-index:100;background:#080604;justify-content:center;align-items:center;animation:1.2s both enter-fade-in;display:flex;position:fixed;inset:0}@keyframes enter-fade-in{0%{opacity:0}to{opacity:1}}.enter-screen.leaving{animation:.9s cubic-bezier(.4,0,.2,1) forwards enter-fade-out}@keyframes enter-fade-out{0%{opacity:1}to{opacity:0}}.enter-center{z-index:1;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1.6rem;display:flex;position:relative}.enter-ascii{white-space:pre;color:#fff8e7;letter-spacing:.05em;filter:drop-shadow(0 0 8px #ffeba099)drop-shadow(0 0 20px #e6af4659)drop-shadow(0 0 45px #c88c2833);font-family:Courier New,Lucida Console,monospace;font-size:clamp(.5rem,1.1vw,.8rem);line-height:1.55;transition:filter .6s cubic-bezier(.25,1,.5,1)}.enter-screen:hover .enter-ascii{filter:drop-shadow(0 0 10px #fff0b4bf)drop-shadow(0 0 26px #ebb9507a)drop-shadow(0 0 60px #d2963247)}.enter-hint{letter-spacing:.35em;text-transform:uppercase;color:#c8af7866;font-family:Cormorant SC,serif;font-size:.58rem;font-weight:300;transition:color .5s}.enter-screen:hover .enter-hint{color:#e6cd96bf}.app{width:100%;height:100vh;position:relative;overflow:hidden}.bg-video{object-fit:cover;z-index:0;filter:saturate(.7)brightness(.55)sepia(.3);width:100%;height:100%;position:fixed;inset:0}.overlay-sepia{z-index:1;mix-blend-mode:multiply;pointer-events:none;background:#3c1e0538;position:fixed;inset:0}.overlay-vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 35%,#0503018c 70%,#030200e0 100%);position:fixed;inset:0}.overlay-grain{z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");background-size:200px 200px;animation:.12s step-end infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,1%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,3%)}80%{transform:translate(1%,2%)}90%{transform:translate(3%,-2%)}to{transform:translate(-2%,1%)}}.overlay-fog{z-index:4;pointer-events:none;background:linear-gradient(#080502bf 0%,#0000 22%),linear-gradient(#0000 30%,#0805021a 45%,#0805028c 70%,#080502eb 100%);position:fixed;inset:0}.top-hud{z-index:10;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;padding:2.2rem 3.5rem 0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1) .1s,transform 1.2s cubic-bezier(.22,1,.36,1) .1s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-16px)}.top-hud.reveal-hud{opacity:1;pointer-events:all;transform:translateY(0)}.top-hud-left{-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.discord-user-group{align-items:center;gap:.4rem;display:flex}.discord-hud-icon{color:#c8a460;opacity:.85;flex-shrink:0;width:12px;height:12px}.discord-username{letter-spacing:.04em;text-transform:lowercase;color:#e1cda0d9;font-family:Cormorant Garamond,serif;font-size:.76rem;font-weight:500}.hud-tag{letter-spacing:.22em;text-transform:uppercase;color:#d2b982bf;font-family:Cormorant SC,serif;font-size:.65rem;font-weight:400}.hud-sep{color:#c8a55f4d;font-family:Cormorant Garamond,serif;font-size:.75rem}.discord-status-group{cursor:default;align-items:center;gap:.35rem;display:flex}.status-indicator{border-radius:50%;width:5px;height:5px;transition:background .5s,box-shadow .5s}.status-indicator.online{background:#3ba55d;box-shadow:0 0 6px #3ba55db3,0 0 14px #3ba55d59}.status-indicator.idle{background:#faa81a;box-shadow:0 0 6px #faa81ab3,0 0 14px #faa81a59}.status-indicator.dnd{background:#ed4245;box-shadow:0 0 6px #ed4245b3,0 0 14px #ed424559}.status-indicator.offline{box-shadow:none;background:#b4966466}.status-label{letter-spacing:.2em;text-transform:uppercase;color:#c8af7899;font-family:Cormorant SC,serif;font-size:.58rem;font-weight:400}.spotify-status-group{-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:flex}.spotify-icon{color:#1db954;opacity:.85;flex-shrink:0;width:10px;height:10px}.spotify-text{letter-spacing:.16em;text-transform:uppercase;color:#dcc89bb3;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-family:Cormorant SC,serif;font-size:.58rem;font-weight:400;overflow:hidden}.activity-status-group{-webkit-user-select:none;user-select:none;align-items:center;display:flex}.activity-text{letter-spacing:.18em;text-transform:uppercase;color:#c8af7899;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-family:Cormorant SC,serif;font-size:.58rem;font-weight:400;overflow:hidden}.top-hud-right{align-items:center;display:flex}.audio-controller{background:0 0;border:none;align-items:center;gap:.65rem;padding:0;display:flex}.track-meta{-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:flex}.music-note-icon{color:#c8a460;opacity:.75;flex-shrink:0;width:11px;height:11px}.track-title{letter-spacing:.16em;color:#d2b982b3;white-space:nowrap;font-family:Cormorant SC,serif;font-size:.62rem;font-weight:400}.controller-divider{background:#c8a55f40;width:1px;height:10px;margin:0 .1rem}.eq-btn{background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.eq-btn:hover{opacity:.7}.eq-bars{align-items:flex-end;gap:2px;width:16px;height:12px;display:flex}.eq-bar{background:#c8a460;border-radius:.5px;flex:1;min-height:2px;transition:height 60ms}.eq-btn.muted .eq-bar{opacity:.35;height:2px!important}.volume-slider{appearance:none;background:#c8a55f40;border-radius:0;outline:none;width:44px;height:1.5px;transition:background .2s}.volume-slider:hover{background:#c8a55f80}.volume-slider::-webkit-slider-thumb{appearance:none;background:#e8d4a8;border-radius:50%;width:6px;height:6px;transition:transform .15s,background .15s}.volume-slider:hover::-webkit-slider-thumb{background:#fff;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#e8d4a8;border:none;border-radius:50%;width:6px;height:6px;transition:transform .15s,background .15s}.volume-slider:hover::-moz-range-thumb{background:#fff;transform:scale(1.2)}.vintage-context-menu{z-index:200;background:#0d0a07;border:1px solid #c8a55f59;border-radius:0;flex-direction:column;min-width:170px;padding:.3rem 0;display:flex;position:fixed;box-shadow:0 10px 30px #000000d9}.cm-item{letter-spacing:.18em;text-transform:uppercase;color:#e1cda5cc;text-align:left;background:0 0;border:none;border-radius:0;width:100%;padding:.4rem .9rem;font-family:Cormorant SC,serif;font-size:.65rem;font-weight:400;transition:background .12s,color .12s;display:block}.cm-item:hover{color:#fff;background:#c8a55f26}.cm-divider{background:#c8a55f2e;height:1px;margin:.25rem 0}.bottom-bar{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 3.5rem 3rem;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-bar.visible{pointer-events:all}.reveal-item{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.bottom-bar.visible .reveal-1{opacity:1;transition-delay:.2s;transform:translateY(0)}.bottom-bar.visible .reveal-2{opacity:1;transition-delay:.35s;transform:translateY(0)}.bottom-bar.visible .reveal-3{opacity:1;transition-delay:.5s;transform:translateY(0)}.bottom-left{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.hero-name{letter-spacing:-.03em;color:#e8d9be;text-shadow:0 0 30px #dcaf502e,0 0 65px #c8963233,0 0 110px #b4781e26,0 2px 6px #000000b3;-webkit-user-select:none;user-select:none;font-family:Cormorant Garamond,serif;font-size:clamp(5.5rem,13vw,11rem);font-style:italic;font-weight:300;line-height:.82}.hero-tagline{letter-spacing:.25em;text-transform:uppercase;color:#c8aa6e73;-webkit-user-select:none;user-select:none;margin-top:.4rem;padding-left:.2rem;font-family:Cormorant SC,serif;font-size:.68rem;font-weight:300}.bottom-right{flex-direction:column;align-items:flex-end;gap:.9rem;padding-bottom:.5rem;display:flex}.project-link{align-items:baseline;gap:.55rem;text-decoration:none;transition:opacity .2s;display:flex}.project-link:hover{opacity:.8}.project-link-label{letter-spacing:.25em;text-transform:uppercase;color:#c8a55f80;font-family:Cormorant SC,serif;font-size:.62rem;font-weight:400}.project-link-url{color:#e8d9be;letter-spacing:.01em;font-family:IM Fell English,serif;font-size:1.35rem;font-style:italic;transition:color .2s}.project-link:hover .project-link-url{color:#fff}.project-link-arrow{color:#c8a55f80;flex-shrink:0;width:12px;height:12px;transition:color .2s}.project-link:hover .project-link-arrow{color:#fff}.divider-line{background:#c8a55f33;width:100%;height:1px}.socials-row{align-items:center;gap:.9rem;display:flex}.social-dot{color:#c8aa6e8c;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .2s,opacity .2s;display:flex}.social-dot svg{width:16px;height:16px;display:block}.social-dot:hover{color:#fff;opacity:1}@media (width<=768px){.top-hud{gap:1rem;padding:1.5rem 1.75rem 0}.track-title{text-overflow:ellipsis;max-width:140px;overflow:hidden}.bottom-bar{padding:0 2rem 2.2rem}}@media (width<=580px){.top-hud{padding:1.2rem 1.4rem 0}.bottom-bar{flex-direction:column;align-items:flex-start;gap:1.4rem;padding:0 1.4rem 2rem}.bottom-right{align-items:flex-start;width:100%}.divider-line{width:100%}.hero-name{font-size:clamp(4.2rem,24vw,6.5rem)}.enter-ascii{font-size:clamp(.38rem,2.2vw,.65rem)}}