:root{--bg:#080808;--surface:#0f0f0f;--text:#f0ede8;--muted:#555;--muted-light:#888;--blood:#8b0000;--white:#fff;--font-display:"Playfair Display", Georgia, serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--spacing-section:clamp(5rem, 10vw, 10rem);--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}#cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#f0ede8e6;border-radius:50%;width:10px;height:10px;transition:width .2s,height .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}#roots-canvas{pointer-events:none;z-index:1;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#main-nav{z-index:100;mix-blend-mode:normal;padding:1.5rem max(2rem,5vw);transition:background .4s;display:none;position:fixed;top:0;left:0;right:0}#main-nav.scrolled{-webkit-backdrop-filter:blur(12px);background:#080808d9}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);opacity:.8;font-size:1.2rem;font-weight:700}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;color:var(--muted);font-size:.72rem;transition:color .3s}.nav-links a:hover{color:var(--text)}section{z-index:2;position:relative}.section-inner{max-width:var(--max-width);padding:var(--spacing-section) max(2rem, 5vw);margin:0 auto}.section-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:lowercase;color:var(--muted);margin-bottom:3rem;font-size:.72rem;display:block}.section-sub{font-family:var(--font-serif);color:var(--muted-light);margin-top:-2rem;margin-bottom:4rem;font-size:1.2rem;font-style:italic}.section-reveal{opacity:0;transform:translateY(40px)}#hero{justify-content:center;align-items:center;min-height:100vh;padding:0 max(2rem,5vw);display:flex;position:relative;overflow:hidden}.hero-content{max-width:var(--max-width);z-index:3;flex-direction:row;align-items:center;gap:4rem;width:100%;display:flex;position:relative}.hero-text{text-align:left;flex:1}.hero-avatar{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-avatar img{aspect-ratio:1;object-fit:cover;filter:grayscale(40%)contrast(1.1);border:1px solid #8b00004d;border-radius:50%;width:100%;max-width:420px;height:420px;transition:all .5s;box-shadow:0 20px 40px #000c,0 0 30px #8b000026}.hero-avatar:hover img{filter:grayscale(0%)contrast();border-color:var(--blood);transform:scale(1.02);box-shadow:0 30px 60px #000000e6,0 0 50px #8b000066}.hero-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.92}.hero-sub{font-family:var(--font-body);color:var(--muted-light);margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.5rem)}.hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;margin-top:3rem;display:flex}.hero-tagline{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);opacity:0;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:3rem;font-size:.72rem;display:flex}.btn-ghost{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text);border:1px solid #f0ede866;padding:.85rem 2.2rem;font-size:.78rem;transition:background .3s,color .3s,border-color .3s;display:inline-block;position:relative;overflow:hidden}.btn-ghost:before{content:"";background:var(--text);z-index:-1;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-101%)}.btn-ghost:hover{color:var(--bg);border-color:var(--text)}.btn-ghost:hover:before{transform:translate(0)}.hero-scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll-hint span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:.62rem}.scroll-line{background:linear-gradient(to bottom, var(--muted), transparent);width:1px;height:50px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}#about{border-top:1px solid #f0ede80d}.about-grid{grid-template-columns:1fr 280px;align-items:start;gap:6rem;display:grid}.about-quote{font-family:var(--font-serif);color:#0000;background:linear-gradient(90deg, var(--text) 0%, #f0ede866 50%, var(--text) 100%);cursor:default;text-shadow:0 0 20px #000;background-size:200%;-webkit-background-clip:text;background-clip:text;border:none;margin-bottom:2.5rem;font-size:clamp(1.6rem,3vw,2.4rem);font-style:italic;line-height:1.4;transition:all .5s;position:relative}.about-quote:hover{text-shadow:0 0 15px #f0ede899;animation:3s linear infinite shineMagic}@keyframes shineMagic{0%{background-position:0%}to{background-position:200%}}.about-quote:before{content:"✦";color:var(--blood);opacity:.5;font-size:1.5rem;font-family:var(--font-display);transition:all .5s;position:absolute;top:-1rem;left:-2rem}.about-quote:hover:before{opacity:1;text-shadow:0 0 10px var(--blood);transform:rotate(180deg)scale(1.2)}.about-body{color:var(--muted-light);margin-bottom:2.5rem;font-size:1rem;line-height:1.85}.about-body a{color:var(--text);border-bottom:1px solid #f0ede84d;transition:border-color .3s}.about-body a:hover{border-color:var(--text)}.about-facts{flex-direction:column;gap:.75rem;list-style:none;display:flex}.about-facts li{font-family:var(--font-mono);align-items:center;gap:.75rem;font-size:.82rem;display:flex}.fact-key{color:var(--muted);min-width:90px}.fact-arrow{color:var(--blood);opacity:.8}.fact-val{color:var(--text)}.about-deco{justify-content:center;align-items:flex-start;padding-top:3rem;display:flex}.rose-svg{opacity:.12;filter:drop-shadow(0 0 20px #8b000026);width:180px}#arsenal{border-top:1px solid #f0ede80d}.skills-grid{flex-direction:column;gap:0;display:flex}.skill-group{border-bottom:1px solid #f0ede812;grid-template-columns:160px 1fr;align-items:baseline;gap:2rem;padding:2rem 0;transition:border-color .3s;display:grid}.skill-group:first-child{border-top:1px solid #f0ede812}.skill-group:hover{border-bottom-color:#f0ede826}.skill-category{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:.2rem;font-size:.72rem}.skill-tags{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.skill-tag{font-family:var(--font-body);color:#f0ede8bf;cursor:default;font-size:.95rem;transition:color .25s;position:relative}.skill-tag:after{content:"";background:var(--blood);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.skill-tag:hover{color:var(--text)}.skill-tag:hover:after{width:100%}#grimoire{border-top:1px solid #f0ede80d}.projects-list{border-top:1px solid #f0ede814}.project-item{cursor:none;border-bottom:1px solid #f0ede814;border-left:2px solid #0000;grid-template-columns:80px 1fr;align-items:start;gap:2rem;padding:3rem 0;transition:border-left-color .4s,padding-left .3s;display:grid}.project-item:hover{border-left-color:var(--blood);padding-left:1rem}.project-num{font-family:var(--font-display);color:#f0ede81f;margin-top:.2rem;font-size:3.5rem;font-weight:700;line-height:1;transition:color .4s}.project-item:hover .project-num{color:var(--blood)}.project-name{font-family:var(--font-display);color:var(--text);will-change:transform;margin-bottom:.6rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1)}.project-desc{color:var(--muted-light);max-width:540px;margin-bottom:1.2rem;font-size:.92rem;line-height:1.7}.project-meta{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.project-stack{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:.72rem}.project-link{font-family:var(--font-mono);color:var(--text);opacity:.6;letter-spacing:.05em;font-size:.72rem;transition:opacity .3s}.project-link:hover{opacity:1}.project-link.muted{color:var(--muted);cursor:default}#chronicles{border-top:1px solid #f0ede80d}.timeline{padding:2rem 0;position:relative}.timeline-track{width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-svg{width:2px;height:100%}.timeline-events{flex-direction:column;gap:0;display:flex}.timeline-event{opacity:0;align-items:start;padding:2.5rem 0;display:grid;position:relative;transform:translateY(30px)}.timeline-event.left{grid-template-columns:1fr 40px 1fr;grid-template-areas:"body dot year"}.timeline-event.right{grid-template-columns:1fr 40px 1fr;grid-template-areas:"year dot body"}.event-year{font-family:var(--font-display);color:#f0ede833;grid-area:year;font-size:1.8rem;font-weight:700}.timeline-event.left .event-year{text-align:left;padding-left:2rem}.timeline-event.right .event-year{text-align:right;padding-right:2rem}.event-dot{background:var(--muted);z-index:2;border:1px solid #f0ede84d;border-radius:50%;grid-area:dot;width:8px;height:8px;margin:.5rem auto 0;transition:background .3s;position:relative}.event-dot.active{background:var(--blood);box-shadow:0 0 12px #8b000080}.event-body{grid-area:body}.timeline-event.left .event-body{text-align:right;padding-right:2rem}.timeline-event.right .event-body{text-align:left;padding-left:2rem}.event-body h4{font-family:var(--font-display);color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:700}.event-body p{color:var(--muted-light);max-width:320px;font-size:.87rem;line-height:1.7}.timeline-event.left .event-body p{margin-left:auto}#contact{text-align:center;border-top:1px solid #f0ede80d}.contact-headline{font-family:var(--font-display);color:var(--text);margin-bottom:3.5rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:1.15}.contact-headline em{color:#f0ede899;font-style:italic}.contact-links{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;margin-bottom:5rem;display:flex}.contact-link{color:var(--text);font-family:var(--font-display);letter-spacing:.05em;background:0 0;border:none;justify-content:flex-start;align-items:center;width:max-content;padding:.5rem 0;font-size:1.8rem;font-style:italic;text-decoration:none;transition:all .4s;display:flex;position:relative}.contact-link:before{content:"✦";color:var(--blood);opacity:.5;margin-right:1rem;font-size:1.2rem;transition:all .4s}.contact-link:hover{color:var(--white);text-shadow:0 0 15px #fff6;transform:translate(10px)}.contact-link:hover:before{opacity:1;text-shadow:0 0 10px var(--blood);transform:rotate(180deg)}@media (width<=768px){.hero-content{text-align:center;flex-direction:column-reverse;gap:2rem;margin-top:2rem}.hero-text{text-align:center}.hero-cta{justify-content:center}.hero-avatar img{max-width:250px;height:250px}}.link-arrow{margin-left:1rem;transition:transform .4s;display:inline-block}.contact-link:hover .link-arrow{transform:translate(4px)}footer{font-family:var(--font-mono);letter-spacing:.15em;color:var(--muted);padding-bottom:3rem;font-size:.72rem}@media (width<=768px){#root-ornament{opacity:.6}.about-grid{grid-template-columns:1fr;gap:3rem}.about-deco{display:none}.project-item{grid-template-columns:60px 1fr;gap:1rem}.project-num{font-size:2.5rem}.timeline-event.left,.timeline-event.right{grid-template-columns:30px 1fr;grid-template-areas:"dot year""dot body"}.timeline-track{left:15px;transform:none}.event-year{font-size:1.2rem;text-align:left!important;padding:0 0 .3rem 1rem!important}.event-body{text-align:left!important;padding:0 0 0 1rem!important}.event-body p{max-width:none;margin-left:0!important}.nav-links{display:none}.hero-cta{flex-direction:column;align-items:center}}#debug-panel{z-index:9999;background:#0f0f0f;border:1px solid #f0ede826;flex-direction:column;gap:.6rem;min-width:200px;padding:1rem 1.2rem;display:none;position:fixed;bottom:2rem;right:2rem}.debug-title{color:#f0ede866;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.65rem}.debug-row{align-items:center;gap:.6rem;display:flex}.debug-row label{color:#f0ede88c;min-width:48px;font-family:JetBrains Mono,monospace;font-size:.7rem}.debug-row input[type=number]{color:#f0ede8;background:#1a1a1a;border:1px solid #f0ede81f;outline:none;width:100%;padding:.3rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.debug-row input[type=number]:focus{border-color:#f0ede84d}.debug-row input[type=range]{appearance:none;cursor:pointer;background:#f0ede826;outline:none;width:100%;height:2px}.debug-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f0ede8;border:none;width:10px;height:10px}.debug-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#f0ede8;border:none;width:10px;height:10px}.debug-actions{gap:.5rem;margin-top:.2rem;display:flex}.debug-actions button{color:#f0ede899;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #f0ede81f;padding:.3rem .7rem;font-family:JetBrains Mono,monospace;font-size:.65rem;transition:color .2s,border-color .2s}.debug-actions button:hover{color:#f0ede8;border-color:#f0ede859}@media (width<=768px){#debug-panel{min-width:unset;bottom:1rem;left:1rem;right:1rem}}::selection{color:var(--text);background:#8b00004d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#f0ede81a}#horizontal-track{z-index:2;flex-wrap:nowrap;width:200vw;display:flex;position:relative}.h-panel{flex-shrink:0;align-items:center;width:100vw;min-height:100vh;display:flex}.h-panel .section-inner{width:100%}#roots-canvas{z-index:0}.h-panel .section-inner{padding-top:0;padding-bottom:0}.projects-list{flex-direction:column;gap:4rem;padding-bottom:4rem;display:flex;position:relative}.project-item{position:relative;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #f0ede814!important;border-radius:0!important;margin-bottom:0!important;padding:3rem 0!important}.project-item:hover{border-left:2px solid var(--blood)!important;padding-left:1rem!important}