*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-paper: #f6f3ee;--color-paper-dark: #ebe7e0;--color-paper-line: rgba(180, 170, 155, .15);--color-ink: #2c2825;--color-ink-light: #5a5550;--color-ink-faint: #8a8580;--color-link: #4a6fa5;--color-link-hover: #3a5a85;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--shadow-sheet: inset 0 0 60px rgba(0,0,0,.03), 0 1px 3px rgba(0,0,0,.05);--shadow-modal: 0 25px 50px -12px rgba(0,0,0,.25);--font-serif: "IBM Plex Serif", "Georgia", serif;--font-hand: "Caveat", "Patrick Hand", cursive;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem}html{font-size:17px;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-serif);font-size:1rem;line-height:1.7;color:var(--color-ink);min-height:100vh}.desk-scene{min-height:100vh;position:relative}.desk-objects{display:none}.page-container{background-color:var(--color-paper);padding:32px 1.25rem 2rem;min-height:100vh}@media (min-width: 641px){.desk-scene{background:radial-gradient(ellipse 70% 70% at 50% 45%,transparent 0%,transparent 30%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 75%,rgba(0,0,0,.55) 100%),url(/images/desk/desk-bg.jpg);background-size:auto,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;overflow:hidden}.desk-scene:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 150px 50px #00000026}.desk-objects{display:block;position:absolute;inset:0;pointer-events:none;z-index:20}.desk-object{position:absolute;max-width:200px;height:auto;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4)) drop-shadow(4px 8px 16px rgba(0,0,0,.25));transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:default}img.desk-object[src=""],img.desk-object:not([src]){display:none}.desk-object--coffee{position:absolute;top:12%;right:-210px;max-width:420px;transform:rotate(-3deg);transform-origin:center bottom;z-index:15;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.4)) drop-shadow(3px 6px 8px rgba(0,0,0,.35)) drop-shadow(6px 12px 20px rgba(0,0,0,.2));cursor:grab}.desk-object--coffee:hover{animation:coffee-wobble .6s ease-in-out}@keyframes coffee-wobble{0%,to{transform:rotate(-3deg)}20%{transform:rotate(-1deg) translate(2px)}40%{transform:rotate(-4.5deg) translate(-1px)}60%{transform:rotate(-2deg) translate(1px)}80%{transform:rotate(-3.5deg)}}.desk-object--pen{position:absolute;top:25%;left:calc(50% - 680px);max-width:360px;transform:rotate(-18.5deg);transform-origin:center center;z-index:15;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.45)) drop-shadow(2px 5px 6px rgba(0,0,0,.3)) drop-shadow(5px 10px 16px rgba(0,0,0,.2));cursor:grab;pointer-events:none}.desk-object--pen:hover{transform:rotate(-12deg) translateY(-2px);filter:drop-shadow(2px 4px 2px rgba(0,0,0,.35)) drop-shadow(4px 8px 10px rgba(0,0,0,.25)) drop-shadow(8px 14px 20px rgba(0,0,0,.15))}a.desk-object--airpods{position:absolute;top:5%;left:calc(50% - 720px);max-width:250px;transform:rotate(-25deg);z-index:15;display:block;cursor:pointer;pointer-events:auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.desk-object--airpods img{max-width:250px;height:auto;display:block;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.3)) drop-shadow(2px 4px 8px rgba(0,0,0,.25)) drop-shadow(4px 8px 16px rgba(0,0,0,.15));transition:filter .3s ease}a.desk-object--airpods:hover{transform:rotate(-25deg) translateY(-4px) scale(1.02)}.desk-object--airpods:hover img{filter:drop-shadow(2px 6px 4px rgba(0,0,0,.25)) drop-shadow(4px 10px 14px rgba(0,0,0,.2)) drop-shadow(8px 16px 24px rgba(0,0,0,.12))}.desk-object--glasses{bottom:12%;right:8%;max-width:160px;transform:rotate(-8deg)}.desk-object--clip1{top:18%;right:12%;max-width:40px;transform:rotate(45deg)}.desk-object--clip2{bottom:25%;left:8%;max-width:35px;transform:rotate(-30deg)}.page-container{max-width:980px;margin:4.5rem auto 5rem calc(50% - 510px);padding:3.5rem 4rem;min-height:auto;border-radius:0;position:relative;z-index:10;transform:rotate(-.3deg) translateY(8px);box-shadow:0 1px #0000004d,1px 1px 1px #00000040,1px 2px 3px #0003,3px 4px 6px #00000026,5px 10px 20px #0000001a,8px 4px 16px #0000000f;background:#f5f2ed}.page-container:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.01);box-shadow:inset -2px -1px #00000012,inset -6px -3px 12px #0000000a,inset -12px 4px 20px #00000005,inset -4px -8px 16px #00000009}.page-container:after{content:"";position:absolute;top:8%;right:-30px;width:120px;height:180px;background:radial-gradient(ellipse 100% 60% at 70% 40%,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 40%,transparent 70%);pointer-events:none;z-index:2;transform:rotate(-5deg)}.paper-stack{position:absolute;inset:1px -6px -14px 10px;background:#d5d0c6;z-index:-2;transform:rotate(.5deg);box-shadow:0 1px #00000040,0 2px 1px #0003,3px 8px 16px #0000001a,6px 16px 32px #0000000f}.paper-stack:before{content:"";position:absolute;inset:0 3px 6px -5px;background:linear-gradient(140deg,#e3ded6,#dad5cc);z-index:1;transform:rotate(-.2deg);box-shadow:0 1px #0000001f,0 1px 2px #0000001a,1px 3px 6px #0000000f}}@media (max-width: 640px){.desk-scene{background:var(--color-paper)}.desk-objects{display:none!important}.paper-stack{display:none}}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:1.3}h1{font-size:1.75rem;letter-spacing:-.01em}h2{font-family:var(--font-hand);font-size:1.8rem;color:var(--color-ink);margin-bottom:var(--space-md);font-weight:500;position:relative;display:inline-block;cursor:default}h2:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q8 1, 18 3.5 T38 2.5 T58 4 T78 2.8 T100 3.5' stroke='%232c2825' stroke-width='3' fill='none' opacity='0.7'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;opacity:0;transition:opacity .2s ease}h2:hover:after{opacity:1}.hand{font-family:var(--font-hand);font-size:1.6rem;line-height:1.3}.hand-lg{font-family:var(--font-hand);font-size:2.2rem;line-height:1.2}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-link-hover)}.section{margin-bottom:var(--space-lg)}.section:last-child{margin-bottom:0}@media (min-width: 641px){.section{margin-bottom:var(--space-xl)}}h2{font-size:2rem;margin-bottom:var(--space-sm)}@media (min-width: 641px){h2{font-size:2.5rem;margin-bottom:var(--space-md)}}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media (min-width: 641px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}}.card{display:block;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:0;overflow:hidden;cursor:pointer;position:relative;text-decoration:none;color:inherit}@media (min-width: 641px){.card{background:transparent;border:1px dashed rgba(60,50,40,.25);border-radius:0;box-shadow:none;transform:none}.card:nth-child(odd){border-style:dashed;border-color:#3c322838}.card:nth-child(2n){border-style:dotted;border-color:#3c322847}.card:hover{border-color:#3c322866;border-style:solid;background:#00000003}}.card:active{background:#00000005}@media (min-width: 641px){.card:active{background:#00000006}}.card:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.card-image{aspect-ratio:2 / 1;overflow:hidden;background:var(--color-paper-dark)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}@media (min-width: 641px){.card-image{aspect-ratio:16 / 10}}.card-content{padding:.75rem 1rem;position:relative}.card-title{font-family:var(--font-hand);font-size:1.35rem;line-height:1.2;color:var(--color-ink);text-align:left;margin-bottom:.15rem;padding-right:1.5rem}.card-subtitle{font-family:var(--font-serif);font-size:.875rem;line-height:1.5;color:var(--color-ink-light);text-align:left}.card-content:after{content:"";position:absolute;top:1rem;right:1rem;width:8px;height:8px;border-right:2px solid var(--color-ink-faint);border-bottom:2px solid var(--color-ink-faint);transform:rotate(-45deg);transition:transform .15s ease}.card:hover .card-content:after{transform:rotate(-45deg) translate(2px,2px)}@media (min-width: 641px){.card-content{padding:var(--space-sm) var(--space-sm) var(--space-md)}.card-title{font-size:1.5rem;margin-bottom:.35rem}.card-subtitle{font-size:.9rem}}.header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:var(--space-sm);padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06);position:relative;z-index:1}.header-main{order:2;text-align:center}.header-photo-desktop{order:1}.header-links{justify-content:center}.header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.header-top h1{margin:0;font-size:2.5rem}.header-photo{width:44px;height:44px;object-fit:cover;border-radius:50%;flex-shrink:0}.header-photo-desktop{display:block;width:120px;height:120px;object-fit:cover;flex-shrink:0;mix-blend-mode:multiply;opacity:.7}.header-note{font-family:var(--font-hand);font-size:1rem;color:var(--color-ink);opacity:.85;margin-bottom:1rem;line-height:1.4;max-width:400px}.note-greeting{display:block;margin-bottom:.25rem}.note-signature{display:block;margin-top:.5rem}.header-experience{font-family:var(--font-serif);font-size:.75rem;color:var(--color-ink-light);margin-bottom:1rem;font-style:italic}.header-links{display:flex;gap:.25rem}.icon-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-ink-faint);border-radius:8px;transition:background .15s ease,color .15s ease}.icon-link:hover{background:#0000000d;color:var(--color-ink)}.icon-link:active{background:#00000014}@media (min-width: 641px){.header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.header-main{order:1;text-align:left;flex:1}.header-photo-desktop{order:2}.header-links{justify-content:flex-start}.header-top h1{font-size:3rem}.header-photo{display:none}.header-photo-desktop{display:block;width:200px;height:200px;object-fit:cover;flex-shrink:0;mix-blend-mode:multiply;opacity:.7}.header-note{font-size:1.125rem;margin-bottom:1rem;max-width:480px}.header-links{gap:.5rem}}.typing-text{display:inline}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--color-ink);margin-left:2px;animation:blink .8s infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.typing-cursor{animation:none;opacity:1}}:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}::view-transition-old(root){animation:slide-out-left .35s cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(root){animation:slide-in-right .35s cubic-bezier(.4,0,.2,1) forwards}html[data-transition=back]::view-transition-old(root){animation:slide-out-right .35s cubic-bezier(.4,0,.2,1) forwards}html[data-transition=back]::view-transition-new(root){animation:slide-in-left .35s cubic-bezier(.4,0,.2,1) forwards}::view-transition-group(root){overflow:hidden}::view-transition-image-pair(root){isolation:isolate}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}