:root{--bg:var(--color-bg);--surface:var(--color-surface);--teal:var(--color-teal);--teal-mid:var(--color-teal-mid);--amber:var(--color-amber);--amber-dim:var(--color-amber-dim);--text:var(--color-text);--text-mid:var(--color-text-mid);--text-dim:var(--color-text-dim);--text-faint:var(--color-text-faint);--border:var(--color-border)}.bg{z-index:0;position:fixed;inset:0;overflow:hidden}.bg-slide{object-fit:cover;opacity:0;filter:brightness(.35)contrast(1.1)saturate(.7);width:100%;height:100%;transition:opacity 2s,transform 8s;position:absolute;inset:0;transform:scale(1.08)}.bg-slide.active{opacity:1;transform:scale(1.02)}.bg-dim{opacity:0;will-change:opacity;background:#06080a;position:absolute;inset:0}.bg-wash{background:linear-gradient(160deg,#0f202799 0%,#0000 50%,#a0502826 100%),radial-gradient(120% 80% at 50% 100%,#0a0d0fd9 0%,#0000 65%);position:absolute;inset:0}.bg-career{z-index:1;pointer-events:none;position:fixed;inset:0}.bg-career-shot{object-fit:cover;object-position:center 70%;filter:brightness(.15)saturate(.15)contrast(1.1);width:100%;height:100%}.leaf-layer{z-index:2;pointer-events:none;position:fixed;inset:0}.nav{z-index:100;justify-content:space-between;align-items:center;width:100%;padding:22px 40px;display:flex;position:fixed;top:0}.brand-mark{font-family:var(--font-display);letter-spacing:-.03125em;color:var(--text);opacity:0;will-change:opacity;font-size:13px;font-weight:700;line-height:.9;text-decoration:none}.nav-links{gap:28px;display:flex}.nav-links a{color:#e0d5c880;letter-spacing:.5px;font-size:13px;font-weight:400;text-decoration:none;transition:color .4s}.nav-links a:hover{color:var(--text)}.hero{height:100vh;position:relative}.hero-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title{font-family:var(--font-display);letter-spacing:-.03125em;color:var(--text);text-shadow:0 0 100px #d4944a1f;will-change:transform, opacity, filter;font-size:clamp(4.5rem,14vw,10rem);font-weight:700;line-height:.9}.t-letter{opacity:0;filter:blur(8px);animation:1.2s forwards letterIn;display:inline-block;transform:translateY(10px)}.t-letter:first-child{animation-delay:.3s}.t-letter:nth-child(2){animation-delay:.5s}.t-letter:nth-child(3){animation-delay:.7s}.t-letter:nth-child(4){animation-delay:.9s}.t-letter:nth-child(5){animation-delay:1.1s}.subtitle{letter-spacing:5px;color:var(--amber-dim);text-transform:lowercase;margin-top:18px;font-size:13px;font-weight:300}.s-letter{opacity:0;animation:.6s forwards subtitleIn;display:inline}.s-letter:first-child{animation-delay:2s}.s-letter:nth-child(2){animation-delay:2.03s}.s-letter:nth-child(3){animation-delay:2.06s}.s-letter:nth-child(4){animation-delay:2.09s}.s-letter:nth-child(5){animation-delay:2.12s}.s-letter:nth-child(6){animation-delay:2.15s}.s-letter:nth-child(7){animation-delay:2.18s}.s-letter:nth-child(8){animation-delay:2.21s}.s-letter:nth-child(9){animation-delay:2.24s}.s-letter:nth-child(10){animation-delay:2.27s}.s-letter:nth-child(11){animation-delay:2.3s}.s-letter:nth-child(12){animation-delay:2.33s}.s-letter:nth-child(13){animation-delay:2.36s}.s-letter:nth-child(14){animation-delay:2.39s}.s-letter:nth-child(15){animation-delay:2.42s}.s-letter:nth-child(16){animation-delay:2.45s}.s-letter:nth-child(17){animation-delay:2.48s}.s-letter:nth-child(18){animation-delay:2.51s}.s-letter:nth-child(19){animation-delay:2.54s}.s-letter:nth-child(20){animation-delay:2.57s}.s-letter:nth-child(21){animation-delay:2.6s}.s-letter:nth-child(22){animation-delay:2.63s}.s-letter:nth-child(23){animation-delay:2.66s}.s-letter:nth-child(24){animation-delay:2.69s}.s-letter:nth-child(25){animation-delay:2.72s}.s-letter:nth-child(26){animation-delay:2.75s}.s-letter:nth-child(27){animation-delay:2.78s}.s-letter:nth-child(28){animation-delay:2.81s}.s-letter:nth-child(29){animation-delay:2.84s}.s-letter:nth-child(30){animation-delay:2.87s}.hero-bottom{z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:36px;left:40px;right:40px}.hero-loc{letter-spacing:3px;color:var(--text-dim);text-transform:lowercase;opacity:0;font-size:11px;animation:2s 1.1s forwards heroFade}.hero-now{letter-spacing:2px;color:var(--text-dim);opacity:0;font-size:11px;animation:2s 1.3s forwards heroFade}.panel-inner{max-width:960px;margin:0 auto;padding:44px 0 36px}.career-body .panel-inner{width:100%;max-width:none;margin:0;padding:0}.career-body .work-reel-track{flex-direction:column;gap:30px}.about{z-index:3;height:99vh;position:relative}.about-stage{perspective:1200px;pointer-events:none;align-items:center;padding:0 40px;display:flex;position:fixed;inset:0}.about-inner{pointer-events:none;width:100%;transform-style:preserve-3d;will-change:transform, opacity, filter;justify-content:center;align-items:center;gap:64px;display:flex}.about-left{transform-style:preserve-3d;will-change:transform, opacity, filter;cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:14px;display:flex}.about-photo-col{border-radius:50%;width:260px;height:260px;overflow:hidden;box-shadow:0 30px 90px #0009}.about-photo{object-fit:cover;object-position:56% 30%;transform-origin:56% 65%;filter:brightness(.85)saturate(.85);width:100%;max-width:none;height:100%;transition:filter 2.5s,transform 2.5s cubic-bezier(.23,1,.32,1);transform:scale(2.4)}.about-left:hover .about-photo{filter:brightness(.95)saturate();transform:scale(2.8)}.easter-egg{color:var(--amber-dim);opacity:0;white-space:nowrap;pointer-events:none;font-size:12px;font-style:italic;transition:opacity .5s}.easter-egg.show{opacity:1}.dance-char{will-change:transform;cursor:default;display:inline-block}.about-text-col{transform-style:preserve-3d;will-change:transform, opacity, filter;flex:1;max-width:560px}.about-p{text-shadow:0 2px 24px #000000d9;color:var(--text-mid);margin-bottom:20px;font-size:15px;line-height:1.85}.about-big{text-shadow:0 2px 24px #000000d9;color:var(--text);margin-bottom:28px;font-size:22px;font-weight:400;line-height:1.6}.about-dim{color:var(--text-dim);font-size:14px}.career-lead{z-index:5;height:100vh;position:relative}.career-lead-inner{will-change:transform, opacity, filter;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.career-title-wrap{will-change:transform}.career-title{font-family:var(--font-display);letter-spacing:-.03125em;color:var(--text);text-shadow:0 0 100px #d4944a1f;will-change:transform, opacity;font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:.9}.career-body{z-index:3;will-change:transform;align-items:flex-start;height:100vh;padding:15vh 40px 60px 46vw;display:flex;position:sticky;top:0;overflow:hidden}.career-body .panel-inner{will-change:transform, opacity, filter;max-width:420px}.projects{z-index:4;pointer-events:none;align-items:flex-start;height:100vh;padding:15vh 40px 60px 68vw;display:flex;position:sticky;top:0;overflow:hidden}.projects-inner{pointer-events:auto;flex-direction:column;gap:25px;width:100%;max-width:420px;display:flex}.project-rise{will-change:transform, opacity, filter}.education{z-index:6;pointer-events:none;min-height:210vh;padding:0 40px 80px 66.7vw;position:relative}.kicker-stage{pointer-events:none;z-index:7;align-items:center;padding-left:calc(max(40px,5.5vw) + 138px);display:flex;position:fixed;inset:0}.kicker{will-change:transform, opacity;margin-top:15px;overflow:visible}.education-inner{pointer-events:auto;max-width:420px;position:sticky;top:15vh}.edu-rise{will-change:transform, opacity, filter}.resume-wrap{will-change:transform, opacity;justify-content:center;padding-top:38px;display:flex}.resume-btn{will-change:transform;flex-direction:column;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.resume-sheet{width:38px;height:49px;display:block;position:relative;overflow:hidden}.resume-sheet svg{transform-origin:50% 100%;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1),filter .5s;display:block}.resume-page{fill:#ffffff0f;stroke:#ffffff47;stroke-width:3px;transition:fill .4s,stroke .4s}.resume-fold{fill:#ffffff29}.resume-lines path{stroke:#ffffff4d;stroke-width:4px;stroke-linecap:round;transition:stroke .4s}.resume-arrow{text-align:center;color:var(--text);opacity:0;font-size:15px;line-height:1;transition:transform .45s cubic-bezier(.23,1,.32,1),opacity .3s;position:absolute;bottom:4px;left:0;right:0;transform:translateY(-22px)}.resume-label{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-dim);font-size:12px;font-weight:600;transition:color .35s}.resume-btn:hover .resume-sheet svg{filter:drop-shadow(0 14px 24px #0000008c);transform:rotate(-7deg)translateY(-3px)}.resume-btn:hover .resume-page{fill:#ffffff1a;stroke:#ffffff80}.resume-btn:hover .resume-lines path{stroke:#ffffff80}.resume-btn:hover .resume-arrow{opacity:1;transform:translateY(0)}.resume-btn:hover .resume-label{color:var(--text)}.career-rise{will-change:transform, opacity, filter}.work-banner{color:inherit;padding:32px 0 0;text-decoration:none;transition:opacity .3s,padding .4s;display:block}.work-banner-text{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);margin-bottom:6px;font-size:22px;font-weight:600;transition:color .3s;display:block}.work-banner:hover .work-banner-text{color:#e8eaed;text-shadow:0 0 30px #ffffff40}.work-banner-arrow{will-change:transform;display:inline-block}.work-banner-sub{color:var(--text-dim);letter-spacing:1px;font-size:13px;transition:color .3s}.work-banner:hover .work-banner-sub{color:var(--text-mid)}.work-reel-track{align-items:stretch;gap:20px;display:flex}.work-card{color:inherit;flex-direction:column;flex:1 1 0;text-decoration:none;display:flex}.work-card-frame{aspect-ratio:16/9;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.23,1,.32,1);display:flex}.work-card-shot{object-fit:cover;filter:brightness(.9)saturate(.9);border-radius:8px;width:100%;height:100%;transition:filter .5s;display:block;box-shadow:0 12px 40px #00000073}.work-card:hover .work-card-frame{transform:translateY(-6px)}.work-card:hover .work-card-shot{filter:brightness()saturate()}.work-card-info{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px 0;display:flex}.work-card-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text);font-size:15px;font-weight:600;transition:color .3s}.work-card:hover .work-card-title{color:#e8eaed;text-shadow:0 0 20px #ffffff40}.work-card-tags{color:var(--text-dim);letter-spacing:.5px;white-space:nowrap;font-size:11px}.work-card-desc{color:var(--text-mid);margin-top:8px;padding:0 2px;font-size:13px;line-height:1.6}@media (max-width:768px){.nav{padding:18px 20px}.nav-links{gap:18px}.hero-bottom{bottom:24px;left:20px;right:20px}.career-body{height:auto;padding:80px 16px 48px;position:relative}.projects{height:auto;padding:40px 16px 60px;position:relative}.education{min-height:0;padding:40px 16px 60px}.kicker-stage{pointer-events:none;z-index:7;align-items:center;padding-left:calc(max(40px,5.5vw) + 138px);display:flex;position:fixed;inset:0}.kicker{will-change:transform, opacity;margin-top:15px;overflow:visible}.education-inner{padding-top:24px}.panel-inner{padding:28px 0 24px}.about-inner{text-align:center;flex-direction:column;align-items:center;gap:28px}.about-photo-col{width:200px;height:200px}.easter-egg{text-align:center;white-space:normal}.work-reel-track{flex-direction:column}}@media (max-width:480px){.nav{padding:14px 16px}.nav-links a,.brand-mark{font-size:12px}.nav-links{gap:12px}.subtitle{letter-spacing:2px;font-size:10px}.work-banner-text{font-size:18px}}
