@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./gochi-hand-latin-400-normal-D3Iu69dp.woff2)format("woff2"),url(./gochi-hand-latin-400-normal-DC0_N7qt.woff)format("woff")}:root{--paper:#fff8e8;--bg:var(--paper);--ink:#2a2a35;--muted:#55555f;--blue:#bfe0ff;--yellow:#ffe98a;--pink:#ffc6dd;--mint:#b9efd3;--lilac:#d9c9fb;--peach:#ffd2b3;--white:#fffdf7;--radius:30px;--gap:18px;--pad:18px;--header-h:68px;--stage-h:calc(100dvh - var(--header-h) - var(--pad) - 8px);--rail-w:210px;--k:1;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -2.4 1.28'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--wobble-a:30px 36px 28px 38px / 36px 28px 38px 30px;--wobble-b:18px 24px 16px 26px / 24px 16px 26px 18px;--font-body:"Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--font-head:"Gochi Hand", "Patrick Hand", "Comic Sans MS", cursive, sans-serif}@media (width>=900px){:root{--pad:22px;--gap:20px}}@media (width<=899px){:root{--k:.72}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.4}body:before{content:"";z-index:-1;background:var(--grain), radial-gradient(520px 360px at 6% 0%, #ffc6dd90, transparent 70%), radial-gradient(640px 460px at 100% 8%, #bfe0ff90, transparent 70%), radial-gradient(560px 460px at 50% 100%, #ffe98a90, transparent 70%);opacity:.9;position:fixed;inset:0}h1,h2,h3{font-family:var(--font-head);font-weight:400}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline-offset:3px;outline:3px dashed #1f6fe5}.app{max-width:1320px;padding:0 var(--pad) var(--pad);margin:0 auto}.app--focus{height:100dvh;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.bento{gap:var(--gap);display:grid}.tile{--tone:var(--blue);min-width:0;min-height:0;position:relative}.tile:before{content:"";z-index:0;border:3.5px solid var(--ink);border-radius:var(--wobble-a);background:var(--grain), var(--tone);box-shadow:6px 7px 0 var(--ink);transition:box-shadow .2s;position:absolute;inset:0}.tile:after{content:"";z-index:1;border-radius:var(--wobble-b);pointer-events:none;border:2px solid #2a2a3547;position:absolute;inset:5px;transform:rotate(-.3deg)}.tile--home,.tile--rail{cursor:pointer}.tile--home:hover:before,.tile--rail:hover:before{box-shadow:12px 14px 0 var(--ink)}.tone-blue{--tone:var(--blue)}.tone-yellow{--tone:var(--yellow)}.tone-pink{--tone:var(--pink)}.tone-mint{--tone:var(--mint)}.tone-lilac{--tone:var(--lilac)}.tone-peach{--tone:var(--peach)}.tone-white{--tone:var(--white)}.tone-cream{--tone:linear-gradient(145deg, #fffdf7 0%, #fff0b8 50%, #ffc6dd 100%)}.tile__preview,.tile__rail,.tile__main{z-index:2;border-radius:28px;height:100%;position:relative;overflow:hidden}.bento--home{grid-template-columns:var(--cols,repeat(4, minmax(0, 1fr)));grid-template-rows:var(--rows,repeat(3, minmax(0, 1fr)));height:max(var(--stage-h), 560px);padding:14px 8px 8px 4px}.bento--home .tile--profile{grid-area:1/1/3/3}.bento--home .tile--projects{grid-area:1/3/2/5}.bento--home .tile--resume{grid-area:2/3/4/4}.bento--home .tile--hobbies{grid-area:2/4/4/5}.bento--home .tile--writing{grid-area:3/1/4/2}.bento--home .tile--contact{grid-area:3/2/4/3}.bento--focus{grid-template-columns:minmax(0, 1fr) var(--rail-w);grid-template-rows:var(--rows,repeat(5, minmax(0, 1fr)));height:var(--stage-h);padding:4px 8px 8px 4px}.bento--focus .tile{grid-area:auto/2}.bento--focus .tile--main{grid-area:1/1/-1}.tile__preview{flex-direction:column;justify-content:flex-end;padding:26px;display:flex}.tile__arrow{border:2.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid;position:absolute;top:16px;right:18px}.tile__rail{align-items:center;gap:10px;padding:0 16px;display:flex}.tile__rail-title{font-family:var(--font-head);font-size:1.25rem}.tile__main{flex-direction:column;display:flex}.tile__header{justify-content:space-between;align-items:center;gap:12px;padding:20px 26px 10px;display:flex}.tile__header h2{align-items:center;gap:10px;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.05;display:flex}.tile__close{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:50%;flex-shrink:0;font-size:1.1rem;transition:transform .15s,box-shadow .15s}.tile__close:hover{transform:rotate(8deg)scale(1.05)}.tile__close:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.tile__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:6px 26px 28px;overflow-y:auto}@media (width<=899px){.bento--home{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);height:auto;padding:18px 8px 12px 4px}.bento--home .tile{grid-area:auto}.bento--home .tile--profile,.bento--home .tile--contact{grid-column:span 2}.bento--home .tile--profile{min-height:320px}.bento--focus{grid-template-rows:minmax(0,1fr) 84px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.bento--focus .tile{grid-area:2}.bento--focus .tile--main{grid-area:1/1/auto/-1}.tile__rail{text-align:center;flex-direction:column;justify-content:center;gap:0;padding:0 2px}.tile__rail-title{font-size:.82rem;line-height:1.1}.tile__rail .doodle-svg{width:30px;height:30px}.tile__arrow{display:none}.tile__preview{padding:18px}.tile__header{padding:16px 18px 8px}.tile__body{padding:4px 16px 22px}}.topbar{height:var(--header-h);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar__brand{font-family:var(--font-head);white-space:nowrap;align-items:center;gap:10px;font-size:1.5rem;display:flex}.topbar__brand img{object-fit:cover;border:3px solid var(--ink);border-radius:50%}.topbar__scribbles{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}@media (width<=560px){.topbar__scribbles{display:none}}.btn{border:3px solid var(--ink);border-radius:var(--wobble-b);min-height:44px;font-family:var(--font-head);white-space:nowrap;box-shadow:4px 4px 0 var(--ink);justify-content:center;align-items:center;padding:8px 20px;font-size:1.15rem;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-3px)rotate(-2deg)scale(1.08)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn--dark{color:var(--ink);background:#ff8fb8}.btn--light{background:#fffdf7}.actions{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.stack{gap:20px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.card-grid--wide{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.card{--tone:var(--white);border:3px solid var(--ink);border-radius:var(--wobble-b);background:var(--grain), var(--tone);box-shadow:4px 5px 0 var(--ink);flex-direction:column;gap:6px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.card:nth-child(odd){transform:rotate(-.5deg)}.card:nth-child(2n){transform:rotate(.6deg)}.card--wide{grid-column:1/-1}.card:hover{box-shadow:9px 12px 0 var(--ink);z-index:3;transform:rotate(-1deg)translateY(-5px)scale(1.05)}.card__title{font-size:1.5rem;line-height:1.1}.card--media{padding:0 0 20px;overflow:hidden}.card--media>:not(.card__img){margin:0 20px}.card__img{object-fit:cover;border-bottom:3px solid var(--ink);width:100%;height:150px;margin-bottom:8px}.card__icons{flex-wrap:wrap;gap:4px;margin-bottom:2px;display:flex}.card__icons .doodle-svg:nth-child(odd){transform:rotate(-6deg)}.card__icons .doodle-svg:nth-child(2n){transform:rotate(7deg)}.label{text-transform:uppercase;letter-spacing:.12em;color:#2a2a35b3;font-size:.95rem}.muted{color:var(--muted);font-size:1.05rem}.small{font-size:.98rem}.meta{color:#2a2a35d9;font-size:1rem}.bullets{color:var(--muted);gap:6px;margin-top:4px;font-size:1.05rem;display:grid}.bullets li{padding-left:20px;position:relative}.bullets li:before{content:"✦";color:#ff6fa5;font-size:.85rem;position:absolute;top:0;left:0}.tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tags li{border:2.5px solid var(--ink);background:#fffdf7;border-radius:999px;padding:2px 12px;font-size:1rem}.tags li:nth-child(3n){transform:rotate(-2deg)}.tags li:nth-child(3n+1){transform:rotate(1.5deg)}.pill-links{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.pill-links a{border:2.5px solid var(--ink);font-family:var(--font-head);box-shadow:3px 3px 0 var(--ink);background:#fffdf7;border-radius:999px;padding:3px 16px;font-size:1.15rem;transition:transform .15s}.pill-links a:hover{background:var(--yellow);transform:scale(1.1)rotate(-2deg)}.stickers{z-index:5;pointer-events:none;position:absolute;inset:0}.sticker{width:calc(var(--s) * var(--k));height:calc(var(--s) * var(--k));transform:rotate(var(--r));position:absolute}.sticker .doodle-svg{filter:drop-shadow(3px 4px #2a2a3538);width:100%;height:100%;animation:bob 4.5s ease-in-out var(--d) infinite}@media (width<=899px){.tile--main .stickers{display:none}}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(4deg)}}.teaser{flex-direction:column;justify-content:flex-end;gap:4px;height:100%;display:flex}.teaser h2{font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.05}.teaser .label{margin-bottom:2px}.teaser__thumbs{margin-bottom:auto;padding-right:48px;display:flex}.teaser__thumbs img{object-fit:cover;border:3px solid var(--ink);width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);border-radius:16px;margin-right:-10px}.teaser__thumbs img:nth-child(odd){transform:rotate(-5deg)}.teaser__thumbs img:nth-child(2n){transform:rotate(4deg)}.doodle-row{flex-wrap:wrap;gap:4px;margin-bottom:auto;display:flex}.profile-preview{flex-direction:column;justify-content:center;gap:8px;height:100%;display:flex}.avatar{object-fit:cover;border:4px solid var(--ink);width:92px;height:92px;box-shadow:4px 4px 0 var(--ink);border-radius:50%}.eyebrow{color:var(--muted);margin-top:4px;font-size:1.3rem}.profile-preview h1{font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:.95}.lead{color:#3a3a46;max-width:46ch;font-size:clamp(1.15rem,1.7vw,1.4rem)}.chips{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.chip{border:2.5px solid var(--ink);background:#fffdf7;border-radius:999px;padding:2px 14px;font-size:1.05rem}.chip:nth-child(2){transform:rotate(-2deg)}.chip:nth-child(3){transform:rotate(1.5deg)}.intro{align-items:center;gap:20px;display:flex}.intro__name{font-size:2.2rem;line-height:1}@media (width<=899px){.profile-preview h1{font-size:2.9rem}.intro{flex-direction:column;align-items:flex-start}.card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.card-grid--wide{grid-template-columns:1fr}.teaser h2{font-size:1.5rem}.teaser__thumbs img{width:48px;height:48px}.doodle-row .doodle-svg{width:36px;height:36px}}