*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;cursor:none}body{background:#0b0f1e}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block}#cv-bg{z-index:1}#cv-main{z-index:2}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(6,8,18,.75) 100%)}.xnav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:9.5px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:xfade 1s ease .6s forwards}.xnav-back{color:#ffffff47;text-decoration:none;transition:color .3s;display:flex;align-items:center;gap:9px}.xnav-back:before{content:"←";font-size:14px}.xnav-back:hover{color:#c49a45bf}.xnav-arts{display:flex;gap:28px}.xnav-arts a{color:#ffffff2e;text-decoration:none;transition:color .3s}.xnav-arts a:hover{color:#c49a45a6}.xnav-arts a.active{color:#e8c170e6;border-bottom:1px solid rgba(196,154,69,.35);padding-bottom:2px}.xnav-ws{color:#c49a45a6;text-decoration:none;border:1px solid rgba(196,154,69,.25);padding:6px 18px;transition:all .3s}.xnav-ws:hover{color:#c49a45;border-color:#c49a458c;background:rgba(196,154,69,.06)}.xcopy{position:fixed;left:50%;bottom:120px;transform:translate(-50%);z-index:80;text-align:center;pointer-events:none;opacity:0;transition:opacity 2.5s ease;white-space:nowrap}.xcopy-l1{display:block;font-family:Cormorant Garamond,serif;font-style:italic;font-weight:300;font-size:clamp(20px,2.2vw,30px);color:#e8c170d9;letter-spacing:.04em;margin-bottom:8px}.xcopy-l2{display:block;font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(13px,1.3vw,17px);color:#ffffff59;letter-spacing:.08em}.xprog{position:fixed;bottom:0;left:0;right:0;height:1px;z-index:100;background:rgba(196,154,69,.1);opacity:0;animation:xfade 1s ease 1.5s forwards}.xprog-fill{height:100%;width:0%;background:rgba(196,154,69,.5);transition:width .1s linear}.xbar{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;opacity:0;animation:xfade 1s ease 1s forwards}.xbar-left{font-family:Inter,sans-serif;font-size:9px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#ffffff2e;display:flex;align-items:center;gap:16px}.xbar-left .accent{color:#c46e5099}.xreplay{font-family:Inter,sans-serif;font-size:9px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#ffffff24;background:none;border:none;cursor:pointer;transition:color .3s;padding:0}.xreplay:hover{color:#c49a4599}.xbar-right{display:flex;align-items:center;gap:18px}.xbar-link{font-family:Inter,sans-serif;font-size:9px;font-weight:300;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#ffffff38;transition:color .3s}.xbar-link:hover{color:#c49a45b3}.xbar-sep{color:#ffffff14;font-size:11px}#xcur{width:36px;height:36px;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 0 3px rgba(196,110,80,.3))}.cs1{transform-box:fill-box;transform-origin:center;animation:cspin 12s linear infinite}.cs2{transform-box:fill-box;transform-origin:center;animation:cspin 20s linear infinite reverse}@keyframes cspin{to{transform:rotate(360deg)}}@media (hover:none){#xcur{display:none}}@keyframes xfade{to{opacity:1}}@media (max-width:640px){.xnav{padding:14px 20px}.xnav-arts,.xnav-ws{display:none}.xbar{padding:10px 20px}.xbar-left,.xbar-sep{display:none}.xbar-link{font-size:8px;letter-spacing:.08em;white-space:nowrap}}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:none;padding:4px;background:none;border:none;z-index:400}.nav-burger span{display:block;width:22px;height:1px;background:#fff;transition:all .35s}.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#nav-mobile{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11,15,30,.98);z-index:390;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;transform:translateY(-100%);opacity:0;transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .4s ease;pointer-events:none}#nav-mobile.open{transform:none;pointer-events:auto;opacity:1}#nav-mobile a{font-family:Cormorant Garamond,serif;font-size:clamp(32px,7vw,56px);font-weight:300;color:#ffffffbf;transition:color .3s;text-decoration:none}#nav-mobile a:hover{color:#c49a45}.mobile-dropdown{width:100%;display:flex;flex-direction:column;align-items:center}.mobile-drop-btn{font-family:Cormorant Garamond,serif;font-size:clamp(32px,7vw,56px);font-weight:300;color:#ffffffbf;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:15px;transition:color .3s}.mobile-drop-btn:hover{color:#c49a45}.mobile-drop-btn:after{content:"▾";font-size:.4em;opacity:.4;transition:transform .4s cubic-bezier(.77,0,.175,1)}.mobile-dropdown.open .mobile-drop-btn:after{transform:rotate(180deg)}.mobile-drop-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.77,0,.175,1)}.mobile-dropdown.open .mobile-drop-content{max-height:500px;opacity:1;margin:25px 0}.mobile-drop-content a{font-size:clamp(22px,5vw,32px)!important;color:#fff6!important}.mobile-drop-content a:hover{color:#c49a45!important}@media (max-width:640px){.nav-burger{display:flex}}