:root{--paper: #FBF5E5;--paper-soft: #F3EBD3;--paper-card: #FFFBEE;--ink: #3A342A;--ink-soft: #5F5644;--ink-muted: #706750;--ink-faint: #8E8468;--line: #D8CDAE;--line-strong: #B09F79;--terracotta: #C17767;--terracotta-deep: #A96657;--sage: #8DA382;--shadow-card: rgba(168,160,146,.22);--shadow-soft: rgba(141,163,130,.2);--shadow-terra: rgba(193,119,103,.3);--shadow-terra-sm: rgba(193,119,103,.25)}html[data-mode=dark]{--paper: #1D1C1A;--paper-soft: #262522;--paper-card: #2B2A26;--ink: #EDE9DF;--ink-soft: #C9C3B4;--ink-muted: #A49D8C;--ink-faint: #7F7869;--line: #3C3A34;--line-strong: #55524A;--terracotta: #E08870;--terracotta-deep: #C6725B;--sage: #A6BD9A;--shadow-card: rgba(0,0,0,.35);--shadow-soft: rgba(0,0,0,.28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--paper);color:var(--ink);font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{font-family:Lora,ui-serif,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.font-hand{font-family:Caveat,cursive}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid var(--paper)}#root{min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:1040px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:10}@media (min-width: 1024px){.wrap{padding:0 3rem}}main{flex:1;padding-top:5.5rem;padding-bottom:2rem}.section-pad{padding:5rem 0}@media (max-width: 640px){.section-pad{padding:3.5rem 0}}.ob-1{border-radius:255px 15px 225px/15px 225px 15px 255px}.ob-2{border-radius:15px 225px 15px 255px/255px 15px 225px}.ob-3{border-radius:225px 15px 255px/15px 255px 15px 225px}.ob-4{border-radius:15px 255px 15px 225px/225px 15px 255px}.hand-underline{position:relative;display:inline-block}.hand-underline:after{content:"";position:absolute;bottom:-4px;left:-2px;right:-4px;height:6px;background-color:var(--terracotta);border-radius:255px 15px 225px/15px 225px 15px 255px;z-index:-1;opacity:.4;transform:rotate(-1deg)}nav.top{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.5rem 0;background-color:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px -4px #0000000f;transition:background-color .4s ease,color .4s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{font-family:Caveat,cursive;font-size:1.875rem;font-weight:700;color:var(--ink);transform:rotate(-2deg);display:inline-block;transition:color .2s}.brand:hover{color:var(--terracotta)}.nav-links{display:none;gap:1.75rem;font-size:1rem;font-weight:500}@media (min-width: 768px){.nav-links{display:flex;align-items:center}}.nav-link{position:relative;color:var(--ink-muted);transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link .underline{position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--sage);transition:width .3s;border-radius:255px 15px 225px/15px 225px 15px 255px}.nav-link:hover .underline{width:100%}.nav-link.active .underline{width:100%;background-color:var(--terracotta)}.nav-controls{display:flex;align-items:center;gap:.75rem}.dark-toggle{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:.4rem;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:50%}.dark-toggle:hover{color:var(--terracotta)}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}@media (min-width: 768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s;border-radius:2px}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;flex-direction:column;gap:1rem;padding:1.25rem 0;border-top:1px dashed var(--line);background-color:color-mix(in srgb,var(--paper) 97%,transparent)}.nav-mobile.open{display:flex}@media (min-width: 768px){.nav-mobile{display:none!important}}.nav-mobile .nav-link{font-size:1.1rem;font-weight:500}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1rem;margin-bottom:1.25rem}.eyebrow{font-family:Caveat,cursive;font-size:1.375rem;color:var(--terracotta);transform:rotate(-2deg);display:inline-block}h2.section-title{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:500;color:var(--ink);margin:0}.section-lede{color:var(--ink-soft);font-size:1.0625rem;line-height:1.65;max-width:46rem;flex-basis:100%}.section-divider{border:none;border-top:1px dashed var(--line);margin:1.5rem 0 2.5rem}.btn{padding:.75rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,background-color .2s;cursor:pointer;border:none;font-family:Nunito,sans-serif}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px #c177674d}.btn-primary:hover{background:color-mix(in srgb,var(--ink) 85%,white);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--ink);border:2px solid var(--line-strong)}.btn-outline:hover{background:var(--paper-soft);transform:translateY(-2px)}.btn-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.hero{padding-top:2rem;padding-bottom:3rem}.hero-grid{display:grid;grid-template-columns:1fr 120px;gap:1.5rem;align-items:flex-start;padding-top:1rem}@media (min-width: 640px){.hero-grid{grid-template-columns:1fr 150px;gap:2rem}}@media (min-width: 900px){.hero-grid{grid-template-columns:1.35fr 1fr;gap:4rem}}.hero .kicker{font-family:Caveat,cursive;font-size:1.5rem;color:var(--terracotta);margin-left:.25rem;transform:rotate(-3deg);display:inline-block;margin-bottom:.75rem}.hero h1{font-size:clamp(2.5rem,6.5vw,4.75rem);line-height:1.05;color:var(--ink);margin-bottom:1.5rem}.hero h1 em{color:var(--ink-muted);font-style:italic;font-weight:500}.hero .bio{background:var(--paper-soft);padding:1.5rem;max-width:540px;border:2px solid var(--line);box-shadow:4px 4px 0 0 var(--shadow-soft);transform:rotate(1deg);margin-bottom:2rem}.hero .bio p{color:var(--ink-soft);font-size:1.0625rem;line-height:1.65}.photo-frame{position:relative;width:100%;max-width:360px;aspect-ratio:1 / 1;background:var(--paper-soft);border:2px solid var(--line-strong);box-shadow:6px 6px 0 0 var(--shadow-card);overflow:hidden;margin:0 auto;flex-shrink:0}.photo-frame.round{max-width:180px;border-radius:50%;box-shadow:4px 4px 0 0 var(--shadow-soft);margin-bottom:1.25rem}.hero-photo-wrap{display:flex;justify-content:center;align-items:center;margin-top:4rem}.hero-photo-wrap .photo-frame{transform:rotate(2deg);max-width:280px}.photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.about-grid{display:grid;grid-template-columns:1fr 100px;gap:1.5rem;align-items:flex-start}@media (min-width: 640px){.about-grid{grid-template-columns:1fr 120px;gap:2rem}}@media (min-width: 768px){.about-grid{grid-template-columns:3fr 2fr;gap:3rem}}.about-prose p{color:var(--ink-soft);font-size:1.0625rem;line-height:1.75}.about-prose p+p{margin-top:1rem}.about-right{display:flex;flex-direction:column;align-items:center}.skill-card{padding:1.5rem;background:var(--paper-soft);border:2px solid var(--line);box-shadow:4px 4px 0 0 var(--shadow-soft);transform:rotate(1deg);width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.skill-card h3{font-family:Caveat,cursive;font-size:1.5rem;color:var(--ink);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px dashed var(--line)}.skill-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem;font-weight:500;color:var(--ink-soft)}.skill-card li{display:flex;align-items:flex-start;gap:.5rem;word-break:break-word}.skill-card li:before{content:"•";color:var(--terracotta);font-size:1.25rem;line-height:1;flex-shrink:0}.projects-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:.5rem}@media (min-width: 768px){.projects-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}.project-card{background:var(--paper-card);padding:1.75rem;height:100%;display:flex;flex-direction:column;border:2px solid var(--line-strong);border-radius:14px!important;box-shadow:6px 6px 0 0 var(--shadow-card);transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-4px);box-shadow:8px 8px #c177674d}.project-card .head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.5rem}.project-card h3{font-family:Lora,serif;font-size:1.25rem;font-weight:500;color:var(--ink)}.project-card .icons{display:flex;gap:.65rem;color:var(--ink-faint);flex-shrink:0}.project-card .icons a{transition:color .2s;display:inline-flex}.project-card .icons a:hover{color:var(--terracotta)}.project-card .desc{color:var(--ink-soft);font-size:1rem;line-height:1.65;flex-grow:1;margin-bottom:1.5rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem}.tag{font-family:Caveat,cursive;font-size:1rem;line-height:1.3;padding:.15rem .55rem;border:1px dashed var(--line-strong);color:var(--ink-muted);white-space:nowrap}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.75rem 2rem;padding:.5rem}@media (min-width: 640px){.skills-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.skills-grid{grid-template-columns:1fr 1fr 1fr}}.skill-group{padding:1.5rem 1.75rem 1.75rem;background:var(--paper-soft);border:2px solid var(--line);transition:transform .25s;border-radius:38px 18px 44px 22px/22px 44px 18px 38px!important}.skill-group:nth-child(2n){border-radius:18px 44px 22px 38px/44px 22px 38px 18px!important}.skill-group:nth-child(3n){border-radius:44px 20px 34px 18px/18px 36px 44px 20px!important}.skill-group:nth-child(4n){border-radius:22px 40px 18px 48px/38px 20px 44px 24px!important}.skill-group:hover{transform:translateY(-3px)}.skill-group h3{font-family:Caveat,cursive;font-weight:700;font-size:1.7rem;color:var(--ink);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px dashed var(--line)}.skill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.skill-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;color:var(--ink-soft);font-size:.95rem}.skill-list .bullet{color:var(--terracotta);font-size:1.2rem;line-height:1}.skill-list .lbl{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-list .bar-track{width:3.5rem;height:6px;background:var(--line);border-radius:6px;overflow:hidden}.skill-list .bar-fill{display:block;height:100%;background:var(--sage);border-radius:6px;transition:width 1s ease}.services-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;padding:.5rem}@media (min-width: 768px){.services-grid{grid-template-columns:1fr 1fr;gap:2.25rem}}.service-card{padding:1.75rem;background:var(--paper-card);border:2px solid var(--line-strong);border-radius:12px;box-shadow:6px 6px 0 0 var(--shadow-card);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:8px 8px #c1776740}.svc-icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-soft);border:1px solid var(--line);color:var(--terracotta);margin-bottom:1rem;border-radius:4px}.service-card h3{font-family:Lora,serif;font-size:1.2rem;color:var(--ink);margin-bottom:.6rem}.service-card p{color:var(--ink-soft);font-size:.98rem;line-height:1.65}.timeline{padding-left:2rem;border-left:2px dashed var(--line);margin-left:.5rem;display:flex;flex-direction:column;gap:3rem}.job{position:relative}.job .dot{position:absolute;left:-2.45rem;top:.35rem;width:1rem;height:1rem;background:var(--paper);border:2px solid var(--sage)}.job-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.25rem}.job-head h3{font-family:Lora,serif;font-size:1.25rem;font-weight:500;color:var(--ink)}.job-head .role{font-family:Caveat,cursive;color:var(--terracotta);font-size:1.2rem}.job-head .date{color:var(--ink-faint);font-size:.8rem;font-weight:600;background:var(--paper-soft);padding:.2rem .7rem;margin-left:auto}.job ul{list-style:none;padding:0;margin:.85rem 0 0;display:flex;flex-direction:column;gap:.6rem;color:var(--ink-soft);font-size:1rem;line-height:1.6}.job li{display:flex;gap:.75rem;align-items:flex-start}.job li:before{content:"~";font-family:Caveat,cursive;color:var(--terracotta);font-size:1.25rem;margin-top:-.1rem;flex-shrink:0}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1fr;gap:3rem}}.contact-form-card{background:var(--paper-soft);padding:2rem;border:2px solid var(--line);box-shadow:6px 6px 0 0 var(--shadow-soft);position:relative;transform:rotate(-.8deg)}.contact-form-card .tape{position:absolute;top:-.75rem;left:50%;transform:translate(-50%) rotate(2deg);width:4.5rem;height:1.25rem;background:#ffffff73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 2px #0000000f}.contact-form-card h3{font-family:Lora,serif;font-size:1.75rem;color:var(--ink);text-align:center;margin-bottom:.5rem;margin-top:.5rem}.form-lede{color:var(--ink-soft);text-align:center;font-size:.95rem;margin-bottom:1.25rem;line-height:1.55}.contact-form{display:flex;flex-direction:column;gap:.75rem}.contact-form input,.contact-form textarea{padding:.65rem .85rem;border:1.5px solid var(--line);background:var(--paper-card);color:var(--ink);font-family:Nunito,sans-serif;font-size:.95rem;resize:vertical;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--terracotta)}.send-btn{margin-top:.25rem;padding:.75rem 1rem;background:var(--terracotta);color:#fff;border:none;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .2s,transform .2s;width:100%}.send-btn:hover{background:var(--terracotta-deep);transform:translateY(-1px)}.form-socials{display:flex;justify-content:center;gap:.6rem;margin-top:1.25rem}.mini-social{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-card);border:1.5px solid var(--line);color:var(--ink-muted);transition:color .2s,transform .2s}.mini-social:hover{color:var(--terracotta);transform:translateY(-2px)}.contact-meta-col{display:flex;flex-direction:column;gap:.85rem}.meta-row{padding:.9rem 1.15rem;background:var(--paper-card);border:1px solid var(--line);display:flex;gap:.85rem;align-items:center}.meta-row.tilt-a{transform:rotate(.3deg)}.meta-row.tilt-b{transform:rotate(-.3deg);background:var(--paper-soft)}.meta-icon{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--terracotta);flex-shrink:0}.meta-row .label{font-family:Caveat,cursive;font-size:1.15rem;color:var(--ink);line-height:1;margin-bottom:.2rem}.meta-row .val{color:var(--ink-soft);font-size:.9rem;word-break:break-word}footer.site-footer{text-align:center;padding:.75rem 0;border-top:1px dashed var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);transition:background-color .4s ease}footer.site-footer .copy{color:var(--ink-faint);font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.2}footer.site-footer .copy svg{vertical-align:middle;display:inline-block;flex-shrink:0}.mode-toggle{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);z-index:90;width:2.5rem;height:2.5rem;border:2px solid var(--line-strong);background:var(--paper-card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 0 var(--shadow-card);transition:transform .2s;border-radius:50%}.mode-toggle:hover{transform:translateY(-50%) scale(1.08)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:translateY(0)}.squiggle{position:fixed;top:0;left:0;opacity:.55;pointer-events:none;z-index:0}