:root,:root[data-theme=light]{--bg: #faf7f2;--surface: #f1ece3;--surface-2: #e7e0d4;--text: #221e1a;--muted: #6b6257;--border: #ded5c7;--accent: #a4642a;--accent-text: #ffffff;--bunny: #caa272;--bunny-belly: #efe3d0;--bunny-blaze: #fdfaf4;--bunny-inner: #dba898;--bunny-eye: #2b2b2b;--hero-skin: #d8a97e;--hero-hair: #17120f;--hero-hair-shine: #3b2f28;--hero-blush: #e79a8a;--hero-shirt: #a4642a;--hero-jeans: #4a5a6b;--hero-wood: #c89a62;--hero-wood-top: #ddb584;--grass: #7fa65c;--grass-light: #9bc273;--soil: #9c7850;--soil-dark: #7d5e3c}:root[data-theme=dark]{--bg: #16130f;--surface: #1f1b16;--surface-2: #272118;--text: #ece6dc;--muted: #a1978a;--border: #342c23;--accent: #d79a5b;--accent-text: #16130f;--bunny: #b08a5d;--bunny-belly: #ddcdb6;--bunny-blaze: #f3ecdf;--bunny-inner: #b98775;--bunny-eye: #221e1a;--hero-skin: #c0906a;--hero-hair: #130f0d;--hero-hair-shine: #342a24;--hero-blush: #c07e71;--hero-shirt: #b6753a;--hero-jeans: #3b4854;--hero-wood: #6d5436;--hero-wood-top: #8a6b45;--grass: #5c7f43;--grass-light: #76a158;--soil: #6f5436;--soil-dark: #56402a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--accent)}.muted{color:var(--muted)}.page{max-width:1080px;margin:0 auto;padding:72px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.theme-toggle{position:fixed;top:20px;right:20px;z-index:10;width:34px;height:30px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.9rem}.theme-toggle:hover{border-color:var(--accent)}.col-left h1{font-size:2.1rem;line-height:1.15;letter-spacing:-.01em}.tagline{color:var(--muted);margin-top:4px}.summary{margin-top:24px;max-width:46ch}.tech-line{margin-top:20px;font-size:.9rem;color:var(--muted);max-width:46ch}.links{margin-top:24px;font-size:.95rem;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.resume-btn{text-decoration:none}.resume-btn:hover{color:var(--accent-text)}.col-heading{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.education{margin-top:32px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.education .col-heading{margin-bottom:8px}.edu-degree{font-size:.98rem;font-weight:500}.edu-meta{font-size:.86rem;color:var(--muted)}.edu-details{list-style:none;margin-top:10px;font-size:.86rem;color:var(--muted)}.edu-details li{padding-left:14px;position:relative}.edu-details li:before{content:"";position:absolute;left:0;top:.68em;width:4px;height:4px;border-radius:50%;background:var(--accent)}.exp-heading{margin-top:32px;margin-bottom:4px}.experience{list-style:none}.exp-row{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--border)}.exp-row:last-child{border-bottom:1px solid var(--border)}.exp-title{font-size:.95rem;font-weight:500}.exp-meta{font-size:.85rem;color:var(--muted)}.exp-chevron{position:absolute;right:0;top:2px;color:var(--muted);font-size:1.1rem;line-height:1;transition:transform .2s ease,color .2s ease}.exp-button[aria-expanded]{position:relative;padding-right:22px}.exp-button:hover .exp-chevron{color:var(--accent)}.exp-row.is-open .exp-chevron{transform:rotate(90deg);color:var(--accent)}.exp-points{list-style:none;margin-top:10px;font-size:.88rem;color:var(--muted);max-width:46ch;display:flex;flex-direction:column;gap:6px}.exp-points li{padding-left:14px;position:relative}.exp-points li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--accent)}@media(prefers-reduced-motion:no-preference){@keyframes unfold{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.exp-points{animation:unfold .22s ease-out}}.diorama{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:420px;margin:0 auto}.hero-slot{display:flex;justify-content:center}.island-stage{position:relative;width:100%;aspect-ratio:1 / 1}.island-svg{width:100%;height:100%;display:block;overflow:visible}.island-block{position:absolute;width:74px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 16px #00000024;cursor:pointer}.island-block:hover{border-color:var(--accent)}.island-block:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-icon{width:22px;height:22px;display:block}.island-block-name{font-size:.62rem;line-height:1.2;text-align:center;color:var(--muted)}.hero-parallax{perspective:700px;width:100%}.hero-parallax .hero-slot{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .25s ease-out}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.project-block{display:flex;flex-direction:column;gap:8px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.project-block:focus-visible,.exp-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.project-name{font-size:.92rem;font-weight:500}.project-badge{font-size:.8rem;color:var(--muted);margin-top:-6px}.visual{border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.visual img,.visual video{width:100%;height:100%;object-fit:cover;display:block}.visual-hero{width:190px;height:190px}.visual-clip{width:100%;max-width:420px;aspect-ratio:16 / 9}.visual-clip video,.visual-clip img{object-fit:contain;background:var(--bg)}.visual-thumb{width:100%;aspect-ratio:1 / 1}.visual-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;text-align:center;background:radial-gradient(circle at 50% 38%,var(--surface-2) 0%,var(--surface) 72%);box-shadow:inset 0 1px #ffffff0a}.visual-name{font-size:.86rem;font-weight:500;color:var(--text)}.visual-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.visual-thumb .visual-name{display:none}.visual-hero .visual-name{font-size:1rem}.exp-button{display:flex;flex-direction:column;gap:2px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.exp-button:hover .exp-title{color:var(--accent)}.exp-row.is-selected{box-shadow:inset 2px 0 0 var(--accent);padding-left:12px}.tech-item{transition:color .25s ease,opacity .25s ease}.tech-line.is-filtered .tech-item{opacity:.4}.tech-line.is-filtered .tech-item.is-on{opacity:1;color:var(--text);font-weight:500}.panel{position:relative;max-width:420px;margin:0 auto}.panel-close{position:absolute;top:-6px;right:0;background:none;border:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 6px}.panel-close:hover{color:var(--text)}.panel-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.panel-stage{display:flex;justify-content:center;padding:24px 0 28px;background:radial-gradient(ellipse 58% 18% at 50% 92%,rgb(0 0 0 / .16),transparent 70%)}.clip-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.clip-step{font:inherit;font-size:.78rem;cursor:pointer;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:color .18s ease,border-color .18s ease}.clip-step:hover{color:var(--text)}.clip-step.is-on{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.panel-name{font-size:1.35rem;margin-top:4px}.panel-badge{font-size:.82rem;color:var(--muted);margin-top:2px}.panel-engagement{font-size:.85rem;margin-top:4px}.engagement-role{color:var(--accent);font-weight:500}.panel-description{margin-top:14px;max-width:46ch}.panel-tech{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.panel-tech li{font-size:.78rem;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.panel-actions{display:flex;gap:10px;margin-top:22px}.btn{padding:9px 18px;border-radius:8px;text-decoration:none;border:1px solid var(--border);color:var(--text);font-size:.9rem}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:hover{color:var(--accent-text);opacity:.9}.float{display:block}@media(prefers-reduced-motion:no-preference){@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.float{animation:drift 7s ease-in-out infinite;will-change:transform}.float-hero{animation-duration:8s}@keyframes islandhop{0%,62%,to{transform:translateY(0)}70%{transform:translateY(-7px)}78%{transform:translateY(0)}86%{transform:translateY(-3px)}92%{transform:translateY(0)}}.island-bunny{animation:islandhop 5s ease-in-out infinite}.island-block{transition:transform .2s ease}.island-block:hover{animation-play-state:paused;transform:scale(1.06)}.project-block:nth-child(1) .float{animation-duration:6.4s;animation-delay:-.8s}.project-block:nth-child(2) .float{animation-duration:7.6s;animation-delay:-2.3s}.project-block:nth-child(3) .float{animation-duration:6.9s;animation-delay:-4.1s}.project-block:nth-child(4) .float{animation-duration:8.2s;animation-delay:-1.5s}.project-block .float{transition:transform .2s ease}.project-block:hover .float{animation-play-state:paused;transform:rotate(-1.6deg) scale(1.03)}}.toy-bunny{position:fixed;bottom:20px;right:20px;z-index:20;display:flex;align-items:flex-end;gap:4px;pointer-events:none}.bunny-bubble{pointer-events:auto;position:relative;max-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:.84rem;line-height:1.45;color:var(--text);box-shadow:0 6px 20px #0000001f}.bunny-bubble:after{content:"";position:absolute;right:16px;bottom:-7px;width:12px;height:12px;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.bunny-button{pointer-events:auto;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.bunny-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.bunny-svg{width:62px;height:auto;overflow:visible;display:block}@media(prefers-reduced-motion:no-preference){@keyframes hop{0%{transform:translateY(0)}30%{transform:translateY(-16px)}55%{transform:translateY(0)}75%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes earwiggle{0%,to{transform:rotate(0)}33%{transform:rotate(5deg)}66%{transform:rotate(-5deg)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bunny-svg{animation:hop .75s ease-out}.bunny-ears{transform-origin:0 0;animation:earwiggle 3s ease-in-out infinite}.bunny-bubble{animation:bubble-in .3s ease-out}}@media(max-width:768px){.page{display:flex;flex-direction:column;gap:0;padding:56px 20px}.col-left,.col-right{display:contents}.col-left header{order:1}.summary{order:2}.tech-line{order:3}.links{order:4}.diorama,.panel{order:5;margin-top:36px}.diorama{gap:28px}.education{order:6;margin-top:36px}.exp-heading{order:7}.experience{order:8}.visual-hero{width:160px;height:160px}.toy-bunny{position:static;margin-top:40px;order:9;justify-content:center}.bunny-bubble{max-width:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}