:root{--red:#d62828;--red-deep:#9e1b1b;--black:#0a0a0a;--ink:#1a1714;--cream:#f2ead3;--paper:#e8dec2;--ochre:#e8a33d;--ochre-deep:#b97a1f;--rust:#8b2e1f;--grid-line:#0a0a0a14;--pad-x:clamp(20px,4vw,64px);--pad-y:clamp(20px,3vw,40px)}@media (max-width:1280px) and (min-width:769px){:root{--pad-x:clamp(24px,3.5vw,48px)}}@media (min-width:1600px){:root{--pad-x:clamp(64px,5vw,120px);--pad-y:clamp(40px,3.5vw,64px)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:Archivo,Helvetica Neue,sans-serif}#root{position:relative;overflow:hidden;width:100vw;height:100vh}.display{text-transform:uppercase;letter-spacing:-.02em;font-family:Archivo Black,Arial Black,sans-serif;font-weight:900;line-height:.85}.serif-display{font-family:Bodoni Moda,Didot,serif;font-style:italic;font-weight:900}.mono{font-feature-settings:"ss01";font-family:JetBrains Mono,Courier New,monospace}.label{text-transform:uppercase;letter-spacing:.18em;font-family:Archivo,sans-serif;font-size:11px;font-weight:700}.paper-bg{background:radial-gradient(circle at 20% 30%,#8b2e1f0a 0%,transparent 50%),radial-gradient(circle at 80% 70%,#0a0a0a08 0%,transparent 50%),var(--cream);position:relative}.paper-bg:before{content:"";position:absolute;pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#0a0a0a03 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#0a0a0a03 2px 3px);inset:0}.grid-overlay{position:absolute;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line)1px,transparent 1px),linear-gradient(to bottom,var(--grid-line)1px,transparent 1px);z-index:1;background-size:80px 80px;inset:0}.nav-rail{position:fixed;z-index:100;display:flex;background:var(--cream);border-bottom:2px solid var(--ink);mix-blend-mode:normal;justify-content:space-between;align-items: center;height:56px;padding:0 24px;top:0;left:0;right:0}.nav-mark{display:flex;cursor:pointer;align-items: center;gap:12px}.nav-mark-glyph{background:var(--red);position:relative;width:28px;height:28px;transform:rotate(-15deg)}.nav-mark-glyph:after{content:"";position:absolute;background:var(--ink);clip-path:polygon(0 0,100% 0,0 100%);inset:6px}.nav-items{display:flex;align-items:stretch;gap:0;height:100%}.nav-item{display:flex;cursor:pointer;position:relative;color:var(--ink);border-left:1px solid #0a0a0a26;align-items: center;padding:0 18px;transition:color .2s}.nav-item:last-child{border-right:1px solid #0a0a0a26}.nav-item:hover{color:var(--red)}.nav-item.active{background:var(--ink);color:var(--cream)}.nav-item-num{opacity:.6;margin-right:8px;font-family:JetBrains Mono,monospace;font-size:9px}.nav-clock{letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:11px}.stage{position:absolute;perspective:1800px;perspective-origin:50% 40%;transform-style:preserve-3d;inset:56px 0 0}.page-3d{position:absolute;transform-style:preserve-3d;will-change:transform,opacity;inset:0}.shape{position:absolute;will-change:transform}.shape-circle{border-radius:50%}.shape-tri{width:0;height:0;background:0 0!important}.btn-block{display:inline-flex;background:var(--ink);color:var(--cream);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;position:relative;border:none;align-items: center;gap:14px;padding:14px 22px;transition:transform .2s;font-size:12px;font-weight:700}.btn-block:after{content:"";position:absolute;background:var(--red);z-index:-1;inset:0;transform:translate(6px,6px)}.btn-block:hover{transform:translate(3px,3px)}.btn-block:hover:after{transform:translate(0)}@keyframes slideInBar{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.01%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.transition-bar{position:fixed;z-index:200;background:var(--red);pointer-events:none}::-webkit-scrollbar{width:0;height:0}.no-select{user-select:none}.fill{position:absolute;inset:0}.starburst{position:absolute;background:conic-gradient(var(--red)0deg,var(--red)15deg,transparent 15deg,transparent 30deg,var(--red)30deg,var(--red)45deg,transparent 45deg,transparent 60deg,var(--red)60deg,var(--red)75deg,transparent 75deg,transparent 90deg,var(--red)90deg,var(--red)105deg,transparent 105deg,transparent 120deg,var(--red)120deg,var(--red)135deg,transparent 135deg,transparent 150deg,var(--red)150deg,var(--red)165deg,transparent 165deg,transparent 180deg,var(--red)180deg,var(--red)195deg,transparent 195deg,transparent 210deg,var(--red)210deg,var(--red)225deg,transparent 225deg,transparent 240deg,var(--red)240deg,var(--red)255deg,transparent 255deg,transparent 270deg,var(--red)270deg,var(--red)285deg,transparent 285deg,transparent 300deg,var(--red)300deg,var(--red)315deg,transparent 315deg,transparent 330deg,var(--red)330deg,var(--red)345deg,transparent 345deg,transparent 360deg);border-radius:50%;width:100%;height:100%}.cursor-dot{position:fixed;background:var(--red);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:width .2s,height .2s;transform:translate(-50%,-50%)}.cursor-dot.expanded{width:40px;height:40px}.skill-cell{background:var(--cream);color:var(--ink);cursor:pointer;transition:background .2s}.skill-cell:hover{background:var(--ochre)}.skill-cell-red,.skill-cell-red:hover{background:var(--red);color:var(--cream)}.halftone{background-image:radial-gradient(circle,var(--ink)1px,transparent 1.5px);background-size:6px 6px}.halftone-red{background-image:radial-gradient(circle,var(--red)1.2px,transparent 1.8px);background-size:7px 7px}.page-inner{position:absolute;overflow:hidden;inset:0}.stamp{border:2px solid var(--red);color:var(--red);text-transform:uppercase;letter-spacing:.15em;display:inline-block;padding:6px 10px;font-family:Archivo,sans-serif;font-size:10px;font-weight:800;transform:rotate(-4deg)}.loader-stage{position:fixed;background:var(--cream);z-index:1000;overflow:hidden;display:flex;justify-content:center;align-items: center;inset:0}.nav-hamburger{display:none;cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px}.nav-hamburger span{display:block;background:var(--ink);width:22px;height:2px;transition:transform .3s,opacity .3s}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-drawer{display:none;position:fixed;background:var(--cream);border-top:2px solid var(--ink);z-index:150;overflow-y:auto;flex-direction:column;padding:0;inset:56px 0 0}.nav-drawer.open{display:flex}.nav-drawer-item{display:flex;cursor:pointer;color:var(--ink);text-decoration:none;border-bottom:1px solid #0a0a0a1f;align-items: center;gap:16px;padding:18px 24px;transition:background .15s}.nav-drawer-item:hover,.nav-drawer-item.active{background:var(--ink);color:var(--cream)}.nav-drawer-item.active .nav-item-num{opacity:1;color:var(--red)}@media (hover:none){.cursor-dot{display:none!important}}@media (max-width:768px){.nav-items,.nav-clock{display:none}.nav-hamburger{display:flex}.nav-rail{padding:0 16px}.stage{inset:56px 0 0}.grid-overlay{background-size:40px 40px}.btn-block{justify-content:center;width:100%}.stamp{transform:rotate(-2deg)}}@media (max-width:480px){.nav-mark div .display{font-size:12px!important}}@media (max-width:768px){.nav-clock-location,.corner-vert-text{display:none}.about-scene1-grid{grid-template-rows:auto auto;overflow:hidden;grid-template-columns:1fr!important}.about-scene1-grid>:first-child{overflow:hidden;height:320px;min-height:0}.about-scene1-grid>:last-child{overflow-y:auto;padding:24px 20px!important}.about-scene1-grid .display{font-size:clamp(36px,10vw,72px)!important}.about-edu-grid{grid-template-columns:1fr!important;gap:16px!important}.about-scene2-inner{padding:40px 20px!important}.about-edu-title{font-size:clamp(36px,10vw,72px)!important}.about-exp-grid{grid-template-columns:1fr!important;gap:20px!important}.about-scene3-inner{padding:40px 20px!important}.about-stat-grid{grid-template-columns:1fr 1fr!important}.about-exp-left,.about-exp-right{transform:none!important}.work-cards-container{overflow-y:auto!important;perspective:none!important;flex-direction:column!important;gap:12px!important;inset:160px 16px 16px!important}.work-header{top:16px!important;left:16px!important;right:16px!important}.work-project-card{opacity:1!important;flex:none!important;min-height:160px!important;transform:none!important}.work-detail-overlay{padding-bottom:32px;overflow-y:auto!important;inset:56px 0 0!important}.work-detail-piece1{position:relative!important;width:auto!important;margin:16px 16px 0!important;top:auto!important;left:auto!important;transform:none!important}.work-detail-piece2{position:relative!important;margin:16px 16px 0!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.work-detail-piece4{position:relative!important;width:auto!important;margin:16px 16px 0!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.work-detail-piece3{position:relative!important;margin:16px 16px 0!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.work-detail-piece5{position:relative!important;margin:16px!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.work-detail-piece5>div>div{flex-wrap:wrap!important}.work-detail-overlay>button{min-width:44px!important;min-height:44px!important}.contact-grid{grid-template-columns:1fr!important;overflow-y:auto!important;gap:24px!important;padding-bottom:40px!important;inset:72px 16px 0!important}.contact-grid input,.contact-grid textarea,.contact-grid select{font-size:16px!important}.contact-grid .display{font-size:clamp(44px,12vw,80px)!important}.contact-grid a,.contact-grid div[style*=gridTemplateColumns]{overflow:hidden}.contact-page-header{top:16px!important;left:20px!important}.contact-decor-ring,.contact-decor-circle{display:none!important}.contact-transmit-card{padding:24px 20px!important}.contact-row{grid-template-columns:70px 1fr 20px!important;gap:12px!important}.contact-row-value{word-break:break-all;font-size:12px!important}.contact-bg-title{font-size:clamp(60px,18vw,140px)!important}.achievements-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr!important;overflow-y:auto!important;overflow-x:hidden!important;align-content: start!important;gap:32px!important;padding:80px 20px!important}.achievements-medal,.achievements-title-bg,.achievements-rays{display:none!important}.achievements-page-header{top:16px!important;left:20px!important}.achievements-title{font-size:clamp(36px,10vw,60px)!important}.achievements-bottom{flex-direction:column!important;gap:12px!important;left:20px!important;right:20px!important}}@media (max-width:600px){.skill-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){button,[role=button]{min-height:44px}}