@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Gochi+Hand&family=Playfair+Display:ital,wght@1,700&display=swap";:root{--ink:#27352f;--rust:#d45f43;--paper:#f5edda;--desk:#d7b779;--green:#5f7763;--mustard:#e2ad45;--shadow:#3e2a1533;color:var(--ink);background:#c99d5e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:0}body{margin:0;overflow:auto hidden}#app{min-width:100vw;min-height:100vh}.desk-scroll{display:contents}button,a{font:inherit}button{color:inherit}.desk-shell{background-color:var(--desk);background-image:repeating-linear-gradient(4deg,#0000 0 38px,#58351409 39px 40px),repeating-linear-gradient(94deg,#0000 0 120px,#ffffff0a 121px 122px);width:max-content;min-width:100vw;min-height:100vh}.desk-shell:before{content:"";pointer-events:none;opacity:.32;z-index:30;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:fixed;inset:0}.skip{z-index:100;color:#111;background:#fff;padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem}.topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.site-identity,.menu-button{pointer-events:auto;cursor:pointer;background:var(--paper);letter-spacing:.03em;border:0;align-items:center;gap:.7rem;padding:.45rem .75rem .45rem .45rem;font-size:.78rem;font-weight:700;display:flex;transform:rotate(-1deg);box-shadow:2px 4px #37281424}.site-identity{position:absolute;top:1.25rem;left:2rem}.site-monogram{background:var(--ink);color:#fff;place-items:center;width:34px;height:34px;font-family:DM Mono;display:grid}.menu-button{text-transform:uppercase;padding:.7rem .8rem;position:absolute;top:1.25rem;right:2rem;transform:rotate(1deg)}.menu-button i{font-size:1.25rem;font-style:normal;line-height:.7}.desk-index{pointer-events:auto;transform-origin:100% 0;opacity:0;visibility:hidden;background:#f3e4b9;width:210px;padding:.8rem;transition:all .2s;position:absolute;top:4.8rem;right:2rem;transform:rotate(1deg)scale(.95);box-shadow:5px 7px #3a250c29}.desk-index.open{opacity:1;visibility:visible;transform:rotate(1deg)scale(1)}.desk-index button{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px dashed #27352f40;gap:.8rem;width:100%;padding:.65rem .7rem;display:flex}.desk-index button:last-child{border:0}.desk-index button:hover,.desk-index button.active{background:#d45f4324}.desk-index small{color:var(--rust);font-family:DM Mono}.scene{place-items:center;min-height:100vh;padding:8rem max(5vw,2rem) 5rem;display:grid;position:relative;overflow:hidden}.paper-object{background-color:var(--paper);box-shadow:8px 12px 1px var(--shadow);background-image:linear-gradient(95deg,#ffffff4d,#0000),repeating-linear-gradient(0deg,#0000 0 29px,#46646409 30px)}.intro-sheet{clip-path:polygon(.3% 1%,99.5% 0,100% 98.5%,70% 100%,69% 99.2%,38% 100%,37% 99.3%,.5% 100%);width:min(840px,82vw);min-height:560px;padding:clamp(3rem,7vw,6.5rem);position:relative;transform:rotate(-1.8deg)}.eyebrow{letter-spacing:.2em;color:var(--rust);font-family:DM Mono;font-size:.72rem;font-weight:500}.eyebrow span{color:var(--mustard)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin:2rem 0;font-size:clamp(4rem,10vw,8.8rem);line-height:.79}h1 em,h2 em{color:var(--rust);font-family:Playfair Display,serif;font-weight:700}.lede{max-width:570px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.hero-actions,.contact-actions{flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex}.paper-button{cursor:pointer;border:0;align-items:center;gap:1.2rem;padding:.9rem 1.15rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:3px 4px #32230f2e}.paper-button:hover{transform:translate(-1px,-2px);box-shadow:5px 7px #32230f2e}.paper-button.rust{background:var(--rust);color:#fff}.paper-button.ghost{color:var(--ink);background:#e7d9b7}.paperclip{border:4px solid #88918b;border-radius:15px;width:30px;height:100px;position:absolute;top:-30px;right:8%;transform:rotate(8deg);box-shadow:2px 2px 1px #0003}.sticky{box-shadow:6px 8px 1px var(--shadow);background:#efd064;padding:2rem;font-family:Gochi Hand;font-size:1.6rem;line-height:1.35}.hello-note{position:absolute;bottom:11%;right:5vw;transform:rotate(7deg)}.hello-note b{text-align:right;color:var(--rust);display:block}.hero-devices{z-index:0;width:350px;height:465px;position:absolute;top:8%;left:-92px;transform:rotate(-4deg)}.laptop{width:300px;height:205px;filter:drop-shadow(10px 13px 0 var(--shadow));position:absolute;top:0;left:0;transform:rotate(7deg)}.laptop-screen{background:linear-gradient(145deg,#203d3a,#172827);border:10px solid #3d4545;border-bottom-width:15px;border-radius:12px 12px 5px 5px;padding:20px;position:absolute;inset:0 13px 28px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0f}.laptop-screen:after{content:"";background:linear-gradient(115deg,#0000 45%,#ffffff14 46%,#0000 68%);position:absolute;inset:0}.laptop-screen i{background:#ef6f51;border-radius:4px;width:58%;height:7px;margin:10px 0;display:block}.laptop-screen i:nth-child(2){background:#e5a93d;width:78%}.laptop-screen i:nth-child(3){background:#8cb49b;width:42%}.laptop-screen span{color:#b8e8c8;font:500 1.4rem DM Mono;position:absolute;bottom:20px;right:23px}.laptop-base{clip-path:polygon(4% 0,96% 0,100% 65%,94% 100%,6% 100%,0 65%);background:linear-gradient(#b8b8b1,#7d817e);border-radius:2px 2px 12px 12px;height:20px;position:absolute;bottom:15px;left:-8px;right:-8px}.tablet{z-index:2;width:160px;height:220px;box-shadow:9px 12px 0 var(--shadow),inset 0 0 0 2px #656d69;background:#343b3a;border-radius:18px;padding:9px;position:absolute;top:230px;left:122px;transform:rotate(-8deg)}.tablet:after{content:"";background:#777f7b;border-radius:3px;width:30px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.tablet-screen{color:#fff;background:linear-gradient(145deg,#d6634d,#e7b44c 58%,#6f9680);border-radius:11px;width:100%;height:100%;position:relative;overflow:hidden}.tablet-screen:before{content:"";border:18px solid #ffffff2e;border-radius:50%;width:135px;height:135px;position:absolute;top:33px;right:-58px}.tablet-screen span{letter-spacing:.08em;font:500 .62rem DM Mono;position:absolute;top:13px;left:15px}.tablet-screen i{background:#ffffffb8;border-radius:5px;width:43px;height:5px;position:absolute;bottom:49px;left:15px;box-shadow:0 10px #ffffff73}.tablet-screen b{letter-spacing:.12em;font:500 1.05rem DM Mono;position:absolute;bottom:16px;left:15px}.pencil{width:250px;height:16px;box-shadow:3px 5px 0 var(--shadow);background:linear-gradient(#e8b740 0 65%,#c99223 66%);position:absolute}.pencil:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:35px solid #ead2a9;position:absolute;left:-34px}.pencil:after{content:"";background:#d66c6c;width:22px;height:16px;position:absolute;right:-22px}.pencil-one{top:27%;right:-60px;transform:rotate(73deg)}.scroll-cue{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.7rem;font-family:DM Mono;font-size:.68rem;display:flex;position:absolute;bottom:2rem}.scroll-cue span{background:var(--ink);width:1px;height:38px;animation:1.5s infinite nudge}@keyframes nudge{50%{transform:translateY(8px)}}.section-label{letter-spacing:.16em;border-bottom:2px solid var(--rust);padding-bottom:.5rem;font-family:DM Mono;font-size:.7rem;position:absolute;top:7rem;left:3vw}.section-label.light{color:#f7edda;border-color:#efc35a}.about-scene{background:#c8b184}.lanyard{border:13px solid #42584d;border-top:0;border-radius:0 0 50% 50%;width:45px;height:350px;position:absolute;top:-30px;transform:rotate(7deg)}.id-card{z-index:1;border-radius:8px;grid-template-columns:230px 1fr;gap:2.5rem;width:min(760px,90vw);min-height:450px;padding:2rem;display:grid;position:relative;transform:rotate(2deg)}.id-header{background:var(--ink);color:#fff;letter-spacing:.12em;justify-content:space-between;align-items:center;height:42px;padding:0 1.3rem;font-family:DM Mono;font-size:.65rem;display:flex;position:absolute;top:0;left:0;right:0}.portrait{background:var(--mustard);clip-path:polygon(4% 1%,98% 3%,100% 96%,2% 100%);place-items:center;height:270px;margin-top:3.5rem;display:grid}.portrait span{background:var(--rust);color:#f7e9cf;border-radius:50% 50% 40% 40%;place-items:center;width:135px;height:180px;font-size:7rem;font-weight:700;display:grid;box-shadow:-12px 14px #315b54}.id-copy{padding-top:3rem}.scribble{color:var(--rust);margin-bottom:.2rem;font-family:Gochi Hand;font-size:1.4rem}.id-copy h2,.skills-note h2{letter-spacing:-.05em;margin:.4rem 0 1.4rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.88}.id-copy>p{max-width:410px;line-height:1.65}.id-copy dl{border-top:1px dashed #877b68;gap:2rem;padding-top:1rem;display:flex}.id-copy dt{color:#867966;font-family:DM Mono;font-size:.55rem}.id-copy dd{margin:.25rem 0;font-size:.8rem;font-weight:700}.id-copy dd i{background:#55a066;border-radius:50%;width:7px;height:7px;display:inline-block}.barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 9px,transparent 9px 11px);width:180px;height:32px;position:absolute;bottom:1.5rem;left:2rem}.quote-card{z-index:2;background:#efd064;padding:1.7rem 2rem;font-family:Gochi Hand;font-size:1.4rem;position:absolute;bottom:5%;right:3vw;transform:rotate(-5deg)}.quote-card cite{text-align:right;margin-top:.7rem;font-family:DM Mono;font-size:.55rem;display:block}.projects-scene{background:#50685b;align-items:start;padding-bottom:0}.binder{filter:drop-shadow(13px 18px #0f1c1533);grid-template-columns:120px 1fr;width:min(1050px,94vw);margin-top:3rem;display:grid;position:relative}.binder-spine{color:#fff;background:#c7513a;border-radius:14px 0 0 14px;flex-direction:column;justify-content:space-between;align-items:center;padding:3rem 1rem 2rem;display:flex;box-shadow:inset -8px 0 #5b221633}.binder-spine span{writing-mode:vertical-rl;letter-spacing:.18em;font-size:1.15rem;font-weight:700}.binder-spine b{font-family:DM Mono;font-size:.65rem}.rings{z-index:4;flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:0;bottom:0;left:102px}.rings i{background:linear-gradient(#777,#ddd,#777);border:5px solid #b9b5a6;border-radius:10px;width:46px;height:17px;box-shadow:2px 3px 2px #0000004d}.project-pages{background:#e9deca;min-width:0;padding:3rem 4rem 6rem}.project-pages>header{border-bottom:2px solid var(--ink);min-height:250px;position:relative}.project-pages>header h2{letter-spacing:-.06em;font-size:clamp(3rem,7vw,6rem);line-height:.9}.project-pages>header span{color:var(--rust);font-family:Gochi Hand;font-size:1.25rem;position:absolute;bottom:1rem;right:0}.project-file{--accent:#d45f43;border-top:12px solid var(--accent);background:#f8f1df;grid-template-columns:1fr 230px;align-content:center;gap:2rem;min-height:500px;margin-top:3rem;padding:3.5rem;display:grid;position:sticky;top:5rem;transform:rotate(.2deg);box-shadow:0 -8px 15px #191e1917}.project-file:nth-of-type(2n){transform:rotate(-.4deg)}.project-tab{background:var(--accent);color:#fff;padding:.65rem 1.2rem;font-family:DM Mono;font-size:.65rem;position:absolute;top:-42px;right:30px}.project-stamp{border:3px solid var(--accent);color:var(--accent);padding:.5rem;font-family:DM Mono;font-size:1.3rem;position:absolute;top:3rem;right:3rem;transform:rotate(8deg)}.project-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono;font-size:.65rem}.project-file h3{letter-spacing:-.07em;margin:1rem 0;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.85}.project-file p:not(.project-kicker){max-width:580px;font-size:1.1rem;line-height:1.6}.project-file ul{align-self:center;padding:0;list-style:none}.project-file li{border-bottom:1px dashed #938a78;padding:.8rem 0}.project-file li:before{content:"✓";color:var(--accent);margin-right:.7rem;font-weight:700}.project-file a{width:max-content;color:var(--ink);border-bottom:3px solid var(--accent);grid-column:1/-1;padding-bottom:.3rem;font-weight:700;text-decoration:none}.project-file a span{color:var(--accent)}.skills-scene{background:#dac89f;grid-template-columns:1.2fr .8fr;gap:6vw}.swatch-book{width:520px;height:530px;position:relative}.swatch{z-index:var(--layer);background:var(--swatch);color:#fff;clip-path:polygon(4% 0,100% 1%,98% 99%,0 100%);transform-origin:55px 40px;width:290px;height:440px;transform:rotate(var(--angle)) translateX(calc(var(--i) * 3px));box-shadow:8px 12px 0 var(--shadow);padding:5rem 2.3rem 2rem;transition:transform .12s linear;position:absolute;top:70px;left:70px}.swatch:nth-child(2){color:var(--ink)}.swatch .hole{background:#bca474;border-radius:50%;width:30px;height:30px;position:absolute;top:25px;left:40px;box-shadow:inset 3px 4px 3px #00000040}.swatch small{font-family:DM Mono}.swatch h3{letter-spacing:-.05em;margin:.5rem 0 1rem;font-size:2.35rem;line-height:.95}.swatch ul{margin:0;padding:0;list-style:none}.swatch li{border-bottom:1px solid #ffffff4d;padding:.45rem 0}.swatch:nth-child(2) li{border-color:#00000021}.swatch-pin{z-index:20;background:radial-gradient(circle at 35% 30%,#eee,#777 50%,#333);border-radius:50%;width:36px;height:36px;position:absolute;top:92px;left:107px;box-shadow:3px 5px 3px #0000004d}.skills-note{max-width:460px;padding:3rem;position:relative;transform:rotate(2deg)}.skills-note>p:last-of-type{line-height:1.65}.tape{background:#e1c077a6;width:140px;height:55px;position:absolute;top:-28px;left:32%;transform:rotate(-4deg)}.outside-scene{background:#b9664f}.outside-scene .section-label{color:#fff;border-color:#f2c45d}.notebook{background-image:linear-gradient(90deg,#0000 0 76px,#cf584559 77px 79px,#0000 80px),repeating-linear-gradient(0deg,#0000 0 31px,#4b738c26 32px 33px);width:min(900px,90vw);padding:5rem 5rem 4rem 7rem;position:relative;transform:rotate(-1deg)}.notebook h2{letter-spacing:-.06em;font-size:clamp(3rem,6vw,5.7rem);line-height:.92}.notebook-holes{flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:1rem;bottom:1rem;left:-14px}.notebook-holes i{background:#cbc0a9;border:4px solid #63645f;border-radius:8px;width:34px;height:13px;box-shadow:2px 3px 2px #0000004d}.hobby-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.hobby-grid>div{border:2px dashed #27352f59;padding:1.3rem}.hobby-grid h3{margin:.8rem 0 .4rem}.hobby-grid p{font-size:.88rem;line-height:1.5}.doodle{color:var(--rust);font-family:Gochi Hand;font-size:3rem}.eraser{background:linear-gradient(90deg,#dc7772 0 65%,#5b6e6b 66%);width:140px;height:60px;position:absolute;bottom:8%;right:5%;transform:rotate(-12deg);box-shadow:6px 9px #0000002e}.activity-card{min-width:0;position:relative}.activity-card .activity-art{object-fit:cover;border:2px solid var(--ink);width:48px;height:48px;display:block;transform:rotate(-2deg);box-shadow:3px 3px #27352f2e}.activity-card p a{color:inherit;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);text-underline-offset:3px;text-decoration-thickness:2px}.activity-card p a:hover{color:var(--rust)}.activity-source{letter-spacing:.06em;color:#776755;margin-top:.7rem;font-family:DM Mono;font-size:.52rem;line-height:1.35;display:block}.puzzle-trigger{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px dashed #27352f59;padding:1.3rem}.puzzle-trigger small{letter-spacing:.08em;color:var(--rust);margin-top:.8rem;font-family:DM Mono;font-size:.58rem;display:block}.puzzle-trigger:hover,.puzzle-trigger:focus-visible{outline:3px solid var(--rust);outline-offset:3px;background:#e5a93d1a}.puzzle-dialog{width:min(920px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);background:0 0;border:0;padding:0;overflow:auto}.puzzle-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#171f1cb8}.puzzle-drawer{border:2px solid var(--ink);background:#f4ecd8 repeating-linear-gradient(0deg,#0000 0 31px,#4b738c1a 32px 33px);padding:2.5rem;position:relative;transform:rotate(-.4deg);box-shadow:12px 14px #14191759}.puzzle-drawer:before{content:"";pointer-events:none;border:1px dashed #27352f38;position:absolute;inset:10px}.puzzle-drawer header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex;position:relative}.puzzle-drawer h2{letter-spacing:-.05em;max-width:650px;margin:.25rem 0 1.8rem;font-size:clamp(2rem,5vw,4rem);line-height:.95}.puzzle-close{border:2px solid var(--ink);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);background:#e5a93d;border-radius:50%;flex:none;font:2rem/1 DM Mono;position:relative}.puzzle-close:hover,.puzzle-close:focus-visible{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.puzzle-samples{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid;position:relative}.puzzle-samples article{border:2px solid var(--ink);background:#fffaf0;padding:1.2rem;box-shadow:5px 6px #27352f33}.puzzle-label{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.puzzle-label span{color:var(--rust);font:700 .65rem DM Mono}.puzzle-label h3{margin:0;font-size:1.1rem}.nonogram-puzzle{grid-template-rows:2rem 1fr;grid-template-columns:2rem 1fr;display:grid}.nonogram-column-clues{grid-template-columns:repeat(5,1fr);display:grid}.nonogram-row-clues{grid-template-rows:repeat(5,1fr);display:grid}.nonogram-column-clues span,.nonogram-row-clues span{justify-content:center;align-items:center;font:700 clamp(.55rem,1.2vw,.75rem) DM Mono;display:flex}.nonogram-column-clues span{align-items:flex-end;padding-bottom:.25rem}.nonogram-row-clues span{white-space:nowrap;justify-content:flex-end;padding-right:.35rem}.nonogram-board,.minesweeper-board{aspect-ratio:1;border:2px solid var(--ink);grid-template-columns:repeat(5,1fr);display:grid}.nonogram-board span,.minesweeper-board span,.sudoku-board span{border:1px solid #27352f66;place-items:center;font:700 clamp(.65rem,1.5vw,.9rem) DM Mono;display:grid}.nonogram-board span{background:#f8f1df}.nonogram-board span.filled{background:var(--rust);box-shadow:inset 0 0 0 2px #f8f1df}.sudoku-board{aspect-ratio:1;border:2px solid var(--ink);grid-template-columns:repeat(9,1fr);display:grid}.sudoku-board span:nth-child(3n){border-right:2px solid var(--ink)}.sudoku-board span:nth-child(9n){border-right:0}.sudoku-board span:nth-child(n+19):nth-child(-n+27),.sudoku-board span:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.minesweeper-board span{color:#4f7185;background:#e8dfc9}.minesweeper-board .covered{color:#0000;background:#b5aa91;box-shadow:inset 2px 2px #e8dfc9,inset -2px -2px #756d5c}.minesweeper-board .flag{color:var(--rust);background:#b5aa91}.puzzle-footnote{text-align:right;color:var(--rust);margin:1.5rem 0 0;font-family:Gochi Hand;font-size:1.25rem;position:relative}@media (width<=700px){.puzzle-trigger{padding:.45rem .65rem}.puzzle-trigger .doodle{display:none}.puzzle-trigger small{margin-left:.4rem;display:inline}.puzzle-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.puzzle-drawer{padding:1.5rem}.puzzle-drawer header{gap:1rem}.puzzle-drawer h2{margin-bottom:1.2rem;font-size:2rem}.puzzle-close{width:38px;height:38px}.puzzle-samples{grid-template-columns:1fr;gap:.8rem}.puzzle-samples article{grid-template-columns:90px 1fr;align-items:center;gap:1rem;padding:.8rem;display:grid}.puzzle-label{margin:0;display:block}.puzzle-label span{margin-bottom:.3rem;display:block}.puzzle-label h3{font-size:.95rem}.puzzle-footnote{margin-top:1rem;font-size:1rem}}.contact-scene{background:#34493f;align-content:center;min-height:110vh;padding-bottom:2rem}.letter{z-index:2;width:min(820px,88vw);padding:clamp(3rem,7vw,6rem);position:relative;transform:rotate(1deg)}.letter h2{letter-spacing:-.07em;margin:1.5rem 0;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.9}.letter>p:not(.eyebrow){max-width:570px;font-size:1.1rem;line-height:1.6}.copy-button{border:0;border-bottom:2px dashed var(--ink);cursor:pointer;background:0 0;padding:.8rem;font-family:DM Mono;font-size:.75rem}.signature{color:var(--rust);text-align:right;margin-top:2rem;font-family:Gochi Hand;font-size:3rem;transform:rotate(-5deg)}.envelope{background:#dfb44b;place-items:center;width:370px;height:230px;display:grid;position:absolute;bottom:13%;right:-5vw;transform:rotate(-9deg);box-shadow:10px 14px #00000030}.envelope:before{content:"";clip-path:polygon(0 0,50% 55%,100% 0);background:#edc869;position:absolute;inset:0}.envelope span{z-index:1;letter-spacing:.15em;border:2px solid var(--ink);text-align:center;border-radius:50%;padding:1rem;font-size:.7rem;font-weight:700;position:relative;transform:rotate(12deg)}.contact-scene footer{color:#efe4ca;gap:2rem;font-family:DM Mono;font-size:.65rem;display:flex;position:absolute;bottom:1rem;left:3vw;right:3vw}.contact-scene footer span{margin-right:auto}.contact-scene footer a,.contact-scene footer button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:none}@media (width<=1200px){.topbar{padding:1rem}.site-identity{top:1rem;left:1rem}.menu-button{top:1rem;right:1rem}.site-identity>span:last-child{display:none}.desk-index{right:1rem}.scene{padding-left:1rem;padding-right:1rem}.intro-sheet{width:92vw;min-height:590px;padding:4rem 2rem}.hello-note{display:none}.hero-devices{opacity:.55;transform-origin:0 0;top:13%;left:-105px;transform:scale(.72)rotate(-4deg)}.id-card{grid-template-columns:1fr;padding:1.3rem}.portrait{height:170px;margin-top:3rem}.portrait span{width:110px;height:130px;font-size:5rem}.id-copy{padding:0 1rem}.id-copy dl{justify-content:space-between;gap:.8rem}.barcode,.quote-card{display:none}.binder{grid-template-columns:50px 1fr;width:96vw}.binder-spine{padding:2rem .3rem}.binder-spine span{font-size:.7rem}.rings{left:38px}.rings i{width:28px}.project-pages{padding:2.5rem 1.3rem 5rem}.project-file{grid-template-columns:1fr;min-height:570px;padding:2.5rem 1.5rem}.project-file ul{margin:0}.project-file h3{font-size:3.8rem}.skills-scene{grid-template-columns:1fr;padding-top:8rem}.swatch-book{width:410px;height:420px;margin-left:-50px;transform:scale(.72)}.skills-note{margin-top:-2rem}.notebook{padding:4rem 1.5rem 3rem 3.2rem}.hobby-grid{grid-template-columns:1fr}.envelope{opacity:.45}.contact-scene footer{flex-wrap:wrap;gap:1rem}.contact-scene footer span{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue span{animation:none}*{transition:none!important}}.desk-experience{width:var(--scroll-width);height:100dvh;position:relative}.desk-stage{isolation:isolate;background-color:var(--desk);background-image:radial-gradient(at 50% 115%,#52311333,#0000 48%),repeating-linear-gradient(4deg,#0000 0 38px,#58351409 39px 40px),repeating-linear-gradient(94deg,#0000 0 120px,#ffffff0a 121px 122px);width:100vw;height:100dvh;position:sticky;left:0;overflow:hidden}.desk-stage:before{content:"";z-index:0;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 5rem 8rem #4e30141f,inset 0 -2rem 5rem #4e30141f}.desk-edge{z-index:20;background:#9b6c3f;height:13px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #4a2b122e}.page-turns{z-index:35;pointer-events:none;position:absolute;inset:0}.page-turn{bottom:max(1.35rem,env(safe-area-inset-bottom));color:var(--ink);cursor:pointer;pointer-events:auto;opacity:.72;background:#f5eddae0;border:1px solid #27352f38;align-items:center;gap:.55rem;padding:.5rem .7rem;font-family:DM Mono;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex;position:absolute;box-shadow:2px 3px #37281421}.page-turn.previous{left:max(1rem,env(safe-area-inset-left));transform:rotate(-1deg)}.page-turn.next{right:max(1rem,env(safe-area-inset-right));transform:rotate(1deg)}.page-turn span{font-size:1rem;line-height:1}.page-turn small{letter-spacing:.12em;font:500 .55rem DM Mono}.page-turn:hover:not(:disabled),.page-turn:focus-visible{opacity:1;transform:translateY(-2px)rotate(0);box-shadow:3px 5px #37281429}.page-turn:disabled{opacity:.18;cursor:default}.swipe-hint{display:none}.scroll-track{z-index:-1;pointer-events:none;display:flex;position:absolute;inset:0}.chapter{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100vw;width:100vw;height:100%}.scene{opacity:0;visibility:hidden;pointer-events:none;height:100%;min-height:0;transition:opacity .28s,visibility 0s linear .8s;position:absolute;inset:0;transform:translate(0,0);background:0 0!important}.scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.scene>:not(.section-label){opacity:0;transition:opacity .42s,transform .72s cubic-bezier(.2,.85,.2,1);transform:translate(26vw,5vh)rotate(7deg)}.scene.is-active>:not(.section-label){opacity:1;transition-delay:80ms}.scene.is-active .intro-sheet{transform:rotate(-1.8deg)}.scene.is-active .hero-devices{transform:rotate(-4deg)}.scene.is-active .pencil-one{transform:rotate(73deg)}.scene.is-active .hello-note{transform:rotate(7deg)}.scene.is-active .scroll-cue,.scene.is-active .lanyard{transform:none}.scene.is-active .id-card{transform:rotate(2deg)}.scene.is-active .quote-card{transform:rotate(-5deg)}.scene.is-active .binder{transform:rotate(-.4deg)}.scene.is-active .swatch-book{transform:rotate(-2deg)}.scene.is-active .skills-note{transform:rotate(2deg)}.scene.is-active .notebook{transform:rotate(-1deg)}.scene.is-active .eraser{transform:rotate(-12deg)}.scene.is-active .letter{transform:rotate(1deg)}.scene.is-active .envelope{transform:rotate(-9deg)}.section-label{opacity:0;transition:all .3s .15s;transform:translateY(-12px)}.scene.is-active .section-label{opacity:1;transform:none}.projects-scene{align-items:center;padding-bottom:3rem}.binder{height:min(690px,78vh);margin-top:2rem}.project-pages{padding:2.4rem 3.2rem;position:relative;overflow:hidden}.project-pages>header{border:0;width:43%;min-height:0;padding-top:1rem}.project-pages>header h2{font-size:clamp(3rem,6vw,5.5rem)}.project-pages>header span{bottom:-4rem;left:0;right:auto}.project-file{transform-origin:0 100%;flex-direction:column;justify-content:center;align-items:flex-start;width:48%;height:calc(100% - 7rem);min-height:0;margin:0;padding:2.2rem;display:flex;position:absolute;top:3.5rem;right:3rem}.project-file:first-of-type{z-index:3;transform:rotate(-2deg)translate(-8%,1%)}.project-file:nth-of-type(2){z-index:2;transform:rotate(4deg)translate(4%)}.project-file:nth-of-type(3){z-index:1;transform:rotate(9deg)translate(12%,-1%)}.project-file h3{font-size:clamp(2.7rem,5vw,5.2rem)}.project-file p:not(.project-kicker){font-size:.94rem}.project-file ul{width:100%}.project-file a{grid-column:auto;margin-top:1rem}@media (width<=1200px){html{width:100%;height:100%;overflow:hidden}body,#app,.desk-shell{width:100%;height:100%;min-height:0;overflow:hidden}.desk-shell{min-width:0}.desk-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;width:100vw;height:100dvh;display:block;overflow:auto hidden}.desk-experience{max-height:100%}.page-turn{bottom:max(.85rem,env(safe-area-inset-bottom));opacity:.62;padding:.45rem .6rem}.page-turn small{display:none}.swipe-hint{z-index:60;width:min(270px,100vw - 2rem);color:var(--ink);pointer-events:none;background:#efd064;align-items:center;gap:.75rem;padding:1rem 1.1rem;animation:1.45s ease-in-out 1.1s 2 swipe-demonstration;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)rotate(1deg);box-shadow:5px 7px #37281433}.swipe-hint span{font-size:1.7rem;transform:rotate(-25deg)}.swipe-hint div{flex-direction:column;flex:1;gap:.15rem;display:flex}.swipe-hint small{letter-spacing:.14em;opacity:.65;font:500 .52rem DM Mono}.swipe-hint strong{font-family:Gochi Hand;font-size:1.25rem;font-weight:400}.swipe-hint i{font-size:1.5rem;font-style:normal}.swipe-hint-enter-active,.swipe-hint-leave-active{transition:opacity .35s,transform .5s cubic-bezier(.2,.85,.2,1)}.swipe-hint-enter-from,.swipe-hint-leave-to{opacity:0;transform:translate(115%,-50%)rotate(5deg)}.scene{height:100%;padding-top:6.5rem;padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.scene.is-active .hero-devices{transform:scale(.72)rotate(-4deg)}.section-label{top:5.4rem}.scroll-cue{display:none}.projects-scene{padding-top:7.5rem}.binder{grid-template-columns:42px 1fr;height:76dvh;margin-top:1rem}.project-pages{padding:1.4rem 1rem}.project-pages>header{width:100%}.project-pages>header h2{font-size:2.4rem}.project-pages>header span{display:none}.project-file{width:calc(100% - 2rem);height:calc(100% - 16rem);padding:1.4rem;top:15rem;right:1rem}.project-file:first-of-type{transform:rotate(-1deg)}.project-file:nth-of-type(2){transform:rotate(3deg)translate(3%)}.project-file:nth-of-type(3){transform:rotate(6deg)translate(6%)}.project-file h3{font-size:2.8rem}.project-file ul{display:none}.skills-scene{flex-direction:column;justify-content:center;gap:0;display:flex}.scene.is-active .swatch-book{margin:-4rem 0 -5rem -5rem;transform:scale(.62)rotate(-2deg)}.skills-note{padding:2rem}.outside-scene{align-items:center}.notebook{max-height:calc(100dvh - 9rem);overflow:auto}.notebook h2{font-size:2.6rem}.hobby-grid{gap:.5rem;margin-top:1rem}.hobby-grid>div{padding:.65rem}.letter{max-height:calc(100dvh - 10rem);padding:2.2rem 1.5rem}.letter h2{font-size:3rem}}@keyframes swipe-demonstration{0%,to{transform:translateY(-50%)rotate(1deg)}50%{transform:translate(-2rem,-50%)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene>*{transform:none!important}}.projects-scene{perspective:1800px}.projects-scene .binder{filter:drop-shadow(16px 20px #0f1c1538);width:min(980px,90vw);height:min(650px,76vh);transform-style:preserve-3d;grid-template-columns:92px 1fr}.projects-scene .binder-spine{z-index:5}.projects-scene .rings{z-index:20;top:18px;bottom:18px;left:-5px}.projects-scene .project-pages{--page-shift:-16px;z-index:10;perspective:1800px;transform-style:preserve-3d;background:#d5c7aa;border-radius:0 10px 10px 0;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #342d221f}.binder-board{background:#e9deca;border:1px solid #27352f29;padding:clamp(2rem,5vw,4.5rem);position:absolute;inset:18px}.binder-board h2{letter-spacing:-.07em;margin:1.5rem 0;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.82}.binder-board>p:not(.eyebrow){max-width:300px;line-height:1.6}.binder-board>span{color:var(--rust);font:1.25rem Gochi Hand;position:absolute;bottom:2.5rem;right:3rem}.project-sheet{z-index:var(--layer);transform-origin:0;transform:translateX(calc(var(--turn) * var(--page-shift))) rotateY(calc(var(--turn) * -180deg));transform-style:preserve-3d;will-change:transform;position:absolute;inset:18px}.projects-scene .project-file,.projects-scene .project-file:nth-of-type(2n),.projects-scene .project-file:first-of-type,.projects-scene .project-file:nth-of-type(2),.projects-scene .project-file:nth-of-type(3){backface-visibility:hidden;border-top:10px solid var(--accent);grid-template-columns:minmax(0,1fr) 210px;align-content:center;gap:1.5rem 2rem;width:auto;height:auto;min-height:0;margin:0;padding:clamp(2.2rem,5vw,4.5rem);display:grid;position:absolute;inset:0;transform:none;box-shadow:6px 5px 16px #191e1924}.projects-scene .project-file h3{font-size:clamp(3.2rem,6vw,6rem)}.projects-scene .project-file h3.long-title{letter-spacing:-.055em;font-size:clamp(2.8rem,5vw,4.75rem)}.projects-scene .project-file a{grid-column:1/-1}.project-label{z-index:2;color:#31372f;letter-spacing:.16em;border:1px solid #3430272e;padding:.58rem 1.05rem .52rem;font:700 .82rem/1 DM Mono;position:absolute;top:2rem;left:clamp(2.2rem,5vw,4.5rem);transform:rotate(-3deg);box-shadow:1px 2px #2f2a2029,inset 0 0 0 2px #ffffff3d}.project-label:after{content:"";pointer-events:none;border:1px dashed #31372f47;position:absolute;inset:2px}.project-label.is-new{background:#f4cf58}.project-label.is-remastered{background:#b9d5d1;transform:rotate(2deg)}.cover-sheet{z-index:var(--layer);transform-origin:0;transform:translateX(calc(var(--turn) * var(--page-shift))) rotateY(calc(var(--turn) * -180deg));transform-style:preserve-3d;will-change:transform;position:absolute;inset:18px}.cover-sheet:before{content:"";z-index:-1;backface-visibility:visible;background:#bd4f3b;border-radius:0 12px 12px 0;position:absolute;inset:-18px -18px -18px 12px;box-shadow:8px 10px 18px #1417133d}.binder-cover{color:#f8ecdb;backface-visibility:hidden;background-color:#bd4f3b;background-image:linear-gradient(100deg,#ffffff17,#0000 30%),repeating-linear-gradient(3deg,#0000 0 38px,#4b18120b 39px 40px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:0 12px 12px 0;padding:clamp(3rem,7vw,6rem);position:absolute;inset:0;box-shadow:inset 12px 0 #581e1529,8px 10px 18px #1417133d}.page-back,.cover-back{backface-visibility:hidden;border-top:10px solid var(--accent,var(--rust));color:#27352f6b;background-color:#eee3cb;background-image:repeating-linear-gradient(0deg,#0000 0 29px,#4664640d 30px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px);box-shadow:6px 5px 16px #191e1924}.projects-scene .project-file{--punch:radial-gradient(circle 12px at 0 10%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 30%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 50%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 70%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 90%,transparent 11px,#000 12px);-webkit-mask-image:var(--punch);-webkit-mask-composite:source-in,source-in,source-in,source-in;-webkit-mask-image:var(--punch);mask-image:var(--punch);-webkit-mask-composite:source-in;mask-composite:intersect}.page-back{--punch-back:radial-gradient(circle 12px at 100% 10%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 30%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 50%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 70%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 90%,transparent 11px,#000 12px);-webkit-mask-image:var(--punch-back);-webkit-mask-composite:source-in,source-in,source-in,source-in;-webkit-mask-image:var(--punch-back);mask-image:var(--punch-back);-webkit-mask-composite:source-in;mask-composite:intersect}.binder-cover{--cover-punch:radial-gradient(circle 12px at 0 10%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 30%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 50%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 70%,transparent 11px,#000 12px),radial-gradient(circle 12px at 0 90%,transparent 11px,#000 12px);-webkit-mask-image:var(--cover-punch);-webkit-mask-composite:source-in,source-in,source-in,source-in;-webkit-mask-image:var(--cover-punch);mask-image:var(--cover-punch);-webkit-mask-composite:source-in;mask-composite:intersect}.cover-back{--cover-punch-back:radial-gradient(circle 12px at 100% 10%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 30%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 50%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 70%,transparent 11px,#000 12px),radial-gradient(circle 12px at 100% 90%,transparent 11px,#000 12px);-webkit-mask-image:var(--cover-punch-back);-webkit-mask-composite:source-in,source-in,source-in,source-in;-webkit-mask-image:var(--cover-punch-back);mask-image:var(--cover-punch-back);-webkit-mask-composite:source-in;mask-composite:intersect}.page-back:before,.page-back:after{content:"";background:#27352f2e;height:1px;position:absolute;left:9%;right:9%}.page-back:before{top:20%}.page-back:after{bottom:20%}.page-back span{opacity:.15;font:clamp(5rem,14vw,11rem) DM Mono}.page-back small,.cover-back small{letter-spacing:.18em;font-family:DM Mono}.cover-back{color:#f5dfc4;background:#a84332;border-top:0;padding:3rem;box-shadow:inset -12px 0 #581e1529}.cover-back span{font-family:Gochi Hand;font-size:1.5rem}.cover-back strong{letter-spacing:-.06em;text-align:center;margin:1rem 0 2.5rem;font-size:clamp(3rem,7vw,6rem);line-height:.85}.binder-cover small{letter-spacing:.16em;font-family:DM Mono}.binder-cover h2{letter-spacing:-.07em;margin:2.5rem 0;font-size:clamp(4.5rem,9vw,8rem);line-height:.78}.binder-cover p{font-family:DM Mono;line-height:1.8}.binder-cover b{color:#f3cf69;font-family:Gochi Hand;font-size:1.4rem;position:absolute;bottom:2.5rem;right:3rem;transform:rotate(-3deg)}@media (width<=1200px){.projects-scene .binder{grid-template-columns:42px 1fr;width:94vw;height:min(74dvh,650px)}.projects-scene .project-pages{--page-shift:-10px}.projects-scene .rings{top:10px;bottom:10px;left:-4px}.binder-board{padding:2rem 1.4rem;inset:10px}.binder-board h2{font-size:3.3rem}.binder-board>span{font-size:1rem;bottom:1rem;right:1rem}.project-sheet,.cover-sheet{inset:10px}.cover-sheet:before{inset:-10px -10px -10px 10px}.binder-cover{--cover-punch:radial-gradient(circle 10px at 0 10%,transparent 9px,#000 10px),radial-gradient(circle 10px at 0 30%,transparent 9px,#000 10px),radial-gradient(circle 10px at 0 50%,transparent 9px,#000 10px),radial-gradient(circle 10px at 0 70%,transparent 9px,#000 10px),radial-gradient(circle 10px at 0 90%,transparent 9px,#000 10px)}.cover-back{--cover-punch-back:radial-gradient(circle 10px at 100% 10%,transparent 9px,#000 10px),radial-gradient(circle 10px at 100% 30%,transparent 9px,#000 10px),radial-gradient(circle 10px at 100% 50%,transparent 9px,#000 10px),radial-gradient(circle 10px at 100% 70%,transparent 9px,#000 10px),radial-gradient(circle 10px at 100% 90%,transparent 9px,#000 10px)}.projects-scene .project-file,.projects-scene .project-file:nth-of-type(2n),.projects-scene .project-file:first-of-type,.projects-scene .project-file:nth-of-type(2),.projects-scene .project-file:nth-of-type(3){grid-template-columns:1fr;gap:.45rem;width:auto;height:auto;padding:2.3rem 1.35rem 1.4rem;inset:0}.projects-scene .project-file h3{margin:.45rem 0;font-size:clamp(2.7rem,13vw,4rem)}.projects-scene .project-file h3.long-title{font-size:clamp(2.25rem,10vw,3.15rem)}.projects-scene .project-file p:not(.project-kicker){font-size:.9rem;line-height:1.45}.projects-scene .project-file a{margin-top:.6rem}.projects-scene .project-stamp{top:1.2rem;right:1rem}.projects-scene .project-label{padding:.48rem .82rem .43rem;font-size:.68rem;top:.8rem;left:1.35rem}.binder-cover{padding:3.5rem 1.8rem}.binder-cover h2{font-size:4.2rem}.binder-cover b{bottom:2rem;right:1.5rem}}@media (prefers-reduced-motion:reduce){.cover-sheet,.project-sheet{will-change:auto}}.llm-scene{grid-template-columns:minmax(320px,520px) minmax(380px,600px);gap:clamp(2rem,7vw,8rem);background:#31483f!important}.llm-copy{z-index:2;width:100%;padding:clamp(2.2rem,4.5vw,4.2rem);position:relative;transform:rotate(-1.5deg)}.llm-copy:after{content:"LAB NOTES";color:var(--rust);letter-spacing:.14em;border:2px solid #d45f43a6;padding:.4rem .65rem;font:600 .58rem DM Mono;position:absolute;top:1.5rem;right:2rem;transform:rotate(5deg)}.llm-copy h2{letter-spacing:-.065em;margin:1.2rem 0 1.5rem;font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:.86}.llm-copy-stack{border-left:3px solid var(--mustard);min-height:8.5rem;position:relative}.llm-copy-stack p{opacity:0;margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;transition:opacity .3s,transform .4s;position:absolute;inset:0 0 0 1.5rem;transform:translateY(10px)}.llm-copy-stack p.current{opacity:1;transform:none}.llm-step{letter-spacing:.12em;color:#82735f;margin-top:1.5rem;font:500 .62rem DM Mono}.llm-step span{color:var(--rust);font-size:.9rem}.robot-diorama{filter:drop-shadow(15px 18px #0f1c153d);width:min(550px,42vw);height:min(650px,76vh);position:relative;transform:rotate(1.5deg)}.lab-shadow{opacity:.55;background:#21352d;border-radius:50%;height:24%;position:absolute;bottom:0;left:6%;right:2%;transform:skew(-10deg)}.robot-head{z-index:5;background:#e5d6b8;border:10px solid #d8c7a5;border-radius:22px;width:66%;height:38%;position:absolute;top:13%;left:17%;box-shadow:inset -13px -12px #baa887,8px 9px #121f1a47}.robot-screen{color:#b9f3bf;background:#182e28;border:8px solid #263a32;border-radius:13px;font-family:DM Mono;position:absolute;inset:13%;overflow:hidden;box-shadow:inset 0 0 28px #59e7ae1f}.robot-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff06 6px);position:absolute;inset:0}.screen-state{opacity:0;transition:opacity .3s,transform .45s;display:flex;position:absolute;inset:0;transform:scale(.94)}.screen-state.visible{opacity:1;transform:scale(1)}.robot-face{justify-content:center;align-items:center;gap:22%}.robot-face .eye{aspect-ratio:1;background:#b9f3bf;border-radius:50%;width:13%;animation:5s infinite robot-blink;box-shadow:0 0 14px #b9f3bf8c}.robot-face .mouth{border:6px solid #b9f3bf;border-top:0;border-radius:0 0 50px 50px;width:29%;height:13%;position:absolute;bottom:22%}@keyframes robot-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}.screen-build,.screen-tech{flex-direction:column;gap:6%;padding:9%}.screen-state small{letter-spacing:.12em;opacity:.65;font-size:clamp(.45rem,.7vw,.6rem)}.screen-state b{color:#f0c65d;font-size:clamp(.9rem,1.5vw,1.35rem)}.screen-build>div{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:3%;display:grid}.screen-build>div i{transform-origin:0;background:#b9f3bf;height:10px;animation:1.2s ease-in-out infinite alternate signal}.screen-build>div i:nth-child(2){animation-delay:.2s}.screen-build>div i:nth-child(3){animation-delay:.4s}.screen-build>div i:nth-child(4){animation-delay:.6s}@keyframes signal{to{opacity:.35;transform:scaleX(.35)}}.screen-build span,.screen-tech span{letter-spacing:.08em;font-size:clamp(.48rem,.8vw,.68rem);line-height:1.7}.token-row{gap:4px;margin:5% 0;display:flex}.token-row i{aspect-ratio:1;color:#f0c65d;border:1px solid #b9f3bf;place-items:center;width:20%;font-size:clamp(.55rem,1vw,.8rem);font-style:normal;display:grid}.robot-ear{background:#d06046;border:6px solid #a54b38;width:11%;height:34%;position:absolute;top:31%}.robot-ear.left{border-radius:12px 0 0 12px;left:-15%}.robot-ear.right{border-radius:0 12px 12px 0;right:-15%}.robot-antenna{z-index:4;transform-origin:bottom;background:#263a32;width:7px;height:15%;position:absolute;top:2%;left:49%;transform:rotate(-6deg)}.robot-antenna i{background:var(--mustard);border:5px solid #ad8030;border-radius:50%;width:27px;height:27px;position:absolute;top:-12px;left:-10px}.robot-neck{z-index:3;background:#b8a581;border:6px solid #7e715b;width:13%;height:10%;position:absolute;top:49%;left:44%}.robot-body{z-index:4;text-align:center;background:#d56348;border:9px solid #c6b38f;border-radius:15px 15px 28px 28px;width:48%;height:29%;position:absolute;top:56%;left:26%;box-shadow:inset -14px -12px #aa4c39,7px 9px #121f1a40}.robot-body span{color:#384b42;letter-spacing:.17em;background:#eadab9;width:max-content;margin:16% auto 10%;padding:.35rem .7rem;font:700 clamp(.55rem,1vw,.75rem) DM Mono;display:block}.robot-body i{background:#f0c65d;border:2px solid #8f6c2b;border-radius:50%;width:11px;height:11px;margin:0 7px;display:inline-block}.robot-arm{z-index:2;transform-origin:top;background:#d8c7a5;border:7px solid #9c8b6c;border-radius:30px;width:10%;height:25%;position:absolute;top:59%}.robot-arm.left{left:18%;transform:rotate(15deg)}.robot-arm.right{right:18%;transform:rotate(-15deg)}.robot-feet{z-index:3;justify-content:space-between;display:flex;position:absolute;top:82%;left:30%;right:30%}.robot-feet i{background:#263a32;border:6px solid #1b2b25;border-radius:9px 9px 18px 18px;width:38%;height:54px}.lab-cable{border-top:8px solid #d9b24f;border-bottom:8px solid #0000;border-left:0;border-right:8px solid #d9b24f;border-radius:0 60% 0 0;width:33%;height:22%;position:absolute;bottom:2%;right:-1%}.lab-block{z-index:6;border:6px solid #263a3240;place-items:center;width:62px;height:62px;font:700 1rem DM Mono;display:grid;position:absolute;bottom:3%;box-shadow:5px 7px #121f1a33}.block-one{background:#e0ae47;left:2%;transform:rotate(-8deg)}.block-two{background:#e9dbc0;bottom:1%;left:14%;transform:rotate(6deg)}.scene.is-active .llm-copy{transform:rotate(-1.5deg)}.scene.is-active .robot-diorama{transform:rotate(1.5deg)}@media (width<=1200px){.llm-scene{flex-direction:column;justify-content:center;gap:.7rem;padding-top:6.2rem;display:flex}.llm-copy{order:2;padding:1.5rem}.llm-copy:after{display:none}.llm-copy h2{margin:.6rem 0 1rem;font-size:2.65rem}.llm-copy-stack{min-height:6.8rem}.llm-copy-stack p{font-size:.9rem;line-height:1.45}.llm-step{margin-top:.7rem}.robot-diorama{filter:drop-shadow(8px 10px #0f1c1533);order:1;width:73vw;height:38dvh;min-height:240px}.robot-head{height:43%;top:4%}.robot-antenna{top:-6%}.robot-neck{top:45%}.robot-body{height:34%;top:51%}.robot-arm{height:26%;top:55%}.robot-feet{top:81%}.lab-block{border-width:4px;width:42px;height:42px}.robot-body span{margin-top:9%}}@media (width<=1200px) and (height<=760px){.about-scene .quote-card{display:none}.id-card{max-height:calc(100dvh - 8rem);overflow:auto}.scene.is-active .swatch-book{margin:-6.5rem 0 -7rem -7rem;transform:scale(.5)rotate(-2deg)}.skills-note{margin-top:0;padding:1.4rem 1.6rem}.skills-note h2{margin-bottom:.8rem;font-size:2.35rem}.skills-note>p:last-of-type{font-size:.9rem;line-height:1.45}.notebook{padding-top:2.5rem;padding-bottom:2rem}.notebook h2{font-size:2.25rem}.letter h2{font-size:clamp(2.25rem,12vw,3rem)}.signature{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.robot-face .eye,.screen-build>div i,.swipe-hint{animation:none}}@media (width<=1200px){.about-scene .quote-card{display:none}.skills-scene{grid-template-rows:1fr;align-content:center;justify-items:center;gap:0;padding-top:6.5rem;padding-bottom:4rem;display:grid}.scene.is-active .swatch-book{transform-origin:50%;width:520px;height:530px;margin:0;transform:translateY(1.25rem)scale(.78)rotate(-2deg)}.skills-note{width:min(400px,90vw);margin:0;padding:1.5rem 1.7rem;display:none}.skills-scene.is-summary-step .swatch-book{display:none}.skills-scene.is-summary-step .skills-note{display:block}.skills-scene.is-active.is-summary-step .skills-note{transform:rotate(2deg)}.skills-note h2{margin-bottom:.8rem;font-size:2.45rem}.skills-note>p:last-of-type{margin-bottom:0;font-size:.9rem;line-height:1.45}.notebook{width:94vw;max-height:none;padding:2.5rem 1rem 1.5rem 2.8rem;overflow:visible}.notebook h2{font-size:clamp(2rem,9vw,2.6rem)}.hobby-grid{grid-template-columns:1fr;gap:.35rem;margin-top:.75rem}.hobby-grid>div{padding:.45rem .65rem}.hobby-grid h3{margin:0 .35rem 0 0;font-size:.88rem;display:inline}.hobby-grid p{margin:0;font-size:.72rem;line-height:1.3;display:inline}.doodle{vertical-align:middle;width:1.7rem;font-size:1.45rem;line-height:1;display:inline-block}.activity-card .activity-art{vertical-align:middle;width:28px;height:28px;margin-right:.4rem;display:inline-block}.activity-source{display:none}.notebook-holes{top:.5rem;bottom:.5rem}}@media (width<=1200px) and (height<=700px){.skills-scene{padding-top:5.5rem;padding-bottom:3.2rem}.scene.is-active .swatch-book{transform:translateY(1rem)scale(.64)rotate(-2deg)}.skills-note{padding:1.1rem 1.4rem}.skills-note h2{font-size:2rem}.notebook{padding-top:1.8rem;padding-bottom:1rem}.notebook h2{margin-bottom:.5rem;font-size:1.85rem}.hobby-grid{margin-top:.4rem}}