*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}@font-face{font-family:Shrikhand;src:url(/assets/Shrikhand-Regular-Gc-NXHg1.ttf) format("truetype");font-weight:400}@font-face{font-family:ComicNeue;src:url(/assets/ComicNeue-Regular-CywZ_d3C.ttf) format("truetype");font-weight:400}:root{--bg-wall: #EFEFEA;--text-ink: #181818;--birch-grey: #D6D6D2;--accent-organic: #2F2F2F;--font-psych: "Shrikhand", cursive;--font-doodle: "ComicNeue", sans-serif;--font-sans: "Inter", sans-serif;--navbar-height: 110px}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-wall);color:var(--text-ink);font-family:var(--font-sans);overflow-x:hidden}a{text-decoration:none;color:inherit}.font-psych{font-family:var(--font-psych);letter-spacing:.02em}.font-doodle{font-family:var(--font-doodle)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:5rem 1rem;position:relative}.birch-bg{background-image:repeating-linear-gradient(180deg,transparent,transparent 40px,rgba(24,24,24,.03) 40px,rgba(24,24,24,.03) 42px);min-height:100vh}.section-title{font-family:var(--font-psych);font-size:3rem;margin:0}@media(min-width:768px){.section-title{font-size:4.5rem}}.doodle-nav-link{position:relative;display:inline-block;font-family:var(--font-doodle);font-size:1.4rem;font-weight:600;color:var(--text-ink);text-decoration:none;padding:.25rem .5rem;transition:opacity .3s ease}.doodle-nav-link:hover{opacity:.7}.doodle-nav-text{position:relative;z-index:1}.doodle-nav-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.doodle-nav-link.active .doodle-nav-mark{opacity:1}.doodle-x{width:2.5rem;height:2.5rem;opacity:.35;transform:rotate(-5deg);animation:doodleAppear .4s ease-out;filter:brightness(1.5);transition:opacity .3s ease,filter .3s ease}.doodle-nav-link.active .doodle-x{opacity:.85;filter:brightness(.5) contrast(1.2)}@keyframes doodleAppear{0%{opacity:0;transform:rotate(-15deg) scale(.5)}50%{opacity:1;transform:rotate(5deg) scale(1.1)}to{transform:rotate(-5deg) scale(1)}}.doodle-nav-link.active .doodle-nav-text{opacity:.5;font-weight:700}.language-toggle{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:#ffffff80;border:2px solid var(--color-dark, #181818);border-radius:6px;font-family:var(--font-doodle);font-size:.9rem;cursor:pointer;transition:all .2s ease;transform:rotate(-1deg)}.language-toggle:hover{transform:rotate(1deg) scale(1.05);background:#fffc}.language-toggle:focus{outline:2px solid var(--color-dark, #181818);outline-offset:2px}.lang-option{color:var(--color-muted, #666);transition:all .2s ease;font-weight:400}.lang-option.active{color:var(--color-dark, #181818);font-weight:700;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px}.lang-divider{color:var(--color-muted, #666);font-weight:300}@media(min-width:768px){.language-toggle{font-size:1rem;padding:.5rem .75rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height, 110px);padding:.5rem 1rem;z-index:50;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#ffffffd9,#fff9 70%,#ffffff4d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.logo{font-family:var(--font-psych);font-size:1rem;transform:rotate(-2deg);transition:transform .3s ease;cursor:pointer}.logo:hover{transform:rotate(2deg) scale(1.05)}.nav-links{display:none;gap:2rem;font-family:var(--font-doodle);font-size:1.25rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}@media(min-width:768px){.nav-links{display:flex}.logo{font-size:2rem}}.mobile-menu-icon{display:block;width:30px;height:30px}@media(min-width:768px){.mobile-menu-icon{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:calc(var(--navbar-height, 110px) + 2rem) 1rem 2rem 1rem}.hero-layout{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1400px;gap:2rem}.hero-content{z-index:10;max-width:600px;padding:0 1rem;order:1}.hero-polaroid{display:none}.hero-mobile-polaroid{display:block;order:2;margin-top:2rem}.hero-intro{font-family:var(--font-doodle);font-size:1.5rem;margin-bottom:1rem;transform:rotate(-2deg)}.hero-title{font-family:var(--font-psych);font-size:15vw;line-height:.85;padding-right:.5rem;padding-left:.5rem;margin:0 0 1.5rem;background:linear-gradient(45deg,var(--text-ink) 40%,var(--accent-organic) 60%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:url(#wavy)}.hero-desc{font-family:var(--font-doodle);font-size:1.5rem;max-width:32rem;margin:0 auto;line-height:1.6}.bounce-arrow{margin-top:3rem;animation:bounce 2s infinite;background:none;border:none;cursor:pointer;padding:.5rem;transition:transform .3s ease}.bounce-arrow:hover{animation-play-state:paused;transform:scale(1.2)}.bounce-arrow:focus{outline:2px dashed var(--text-ink);outline-offset:4px}@media(min-width:1024px){.hero-layout{flex-direction:row;justify-content:center;align-items:center;gap:3rem}.hero-content{order:2}.hero-polaroid{display:flex;flex:0 0 250px;justify-content:center;align-items:center;margin-top:250px}.hero-polaroid-left{order:1;transform:rotate(-8deg)}.hero-polaroid-right{order:3;transform:rotate(5deg)}.hero-mobile-polaroid{display:none}}@media(min-width:768px){.hero-title{font-size:9rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.polaroid-gallery{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem 0}.polaroid{position:relative;background:#fefefe;padding:.75rem .75rem 3rem;border:2px solid var(--text-ink);border-radius:3px 255px/255px 3px;box-shadow:4px 4px #00000026,8px 8px 15px -5px #0000001a;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer;max-width:280px}.polaroid:nth-child(odd){transform:rotate(-3deg)}.polaroid:nth-child(2n){transform:rotate(2deg)}.polaroid:hover{transform:rotate(0) scale(1.05) translateY(-8px);box-shadow:6px 6px #0003,12px 12px 25px -5px #00000026;z-index:10}.polaroid-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:grayscale(100%) contrast(1.1) brightness(1.05);transition:filter .5s ease}.polaroid:hover .polaroid-image{filter:grayscale(0%) contrast(1) brightness(1)}.polaroid-caption{position:absolute;bottom:.5rem;left:0;right:0;text-align:center;font-family:var(--font-doodle);font-size:1rem;color:var(--text-ink);opacity:.8;transform:rotate(-1deg)}.polaroid-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-2deg);width:60px;height:24px;background:#ffebb4b3;border:1px solid rgba(200,180,140,.5);opacity:.9}.polaroid-tape:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(200,180,140,.2) 3px,rgba(200,180,140,.2) 4px)}.postit{position:relative;background:linear-gradient(135deg,#fff9c4,#fff59d);padding:1rem;min-width:200px;max-width:280px;border:none;box-shadow:2px 2px #0000001a,4px 4px 10px -2px #00000026;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.postit:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%)}.postit:nth-child(odd){transform:rotate(-2deg)}.postit:nth-child(2n){transform:rotate(3deg)}.postit:hover{transform:rotate(0) scale(1.05);box-shadow:4px 4px #00000026,8px 8px 15px -2px #0003}.postit-image{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--text-ink);border-radius:2px;filter:grayscale(100%) contrast(1.1);transition:filter .5s ease}.postit:hover .postit-image{filter:grayscale(0%) contrast(1)}.postit-text{font-family:var(--font-doodle);font-size:1.1rem;margin-top:.75rem;color:var(--text-ink);text-align:center}.instant{position:relative;background:linear-gradient(to bottom,#f5f5f0,#e8e8e3);padding:.5rem .5rem 2.5rem;border:2px solid var(--text-ink);border-radius:8px;box-shadow:3px 3px #0000001a,6px 6px 12px -3px #00000026;transition:all .4s ease;cursor:pointer;max-width:260px}.instant:before{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:40px;height:8px;background:var(--birch-grey);border-radius:4px;border:1px solid rgba(0,0,0,.1)}.instant:nth-child(odd){transform:rotate(-4deg)}.instant:nth-child(2n){transform:rotate(2deg)}.instant:hover{transform:rotate(0) scale(1.08) translateY(-5px)}.instant-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;filter:grayscale(100%) sepia(10%) contrast(1.05);transition:filter .5s ease}.instant:hover .instant-image{filter:grayscale(0%) sepia(0%) contrast(1)}.instant-caption{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;font-family:var(--font-doodle);font-size:.9rem;color:var(--text-ink);opacity:.7}.exp-modal-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:expFadeIn .3s ease-out}@keyframes expFadeIn{0%{opacity:0}to{opacity:1}}.exp-modal-container{position:relative;background-color:var(--bg-wall);border:3px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;animation:expSlideUp .3s ease-out}@keyframes expSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.exp-modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-wall);border:2px solid var(--text-ink);border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease;z-index:10;color:var(--text-ink)}.exp-modal-close:hover{transform:rotate(90deg) scale(1.1);background-color:var(--text-ink);color:var(--bg-wall)}.exp-modal-header{text-align:center;margin-bottom:2rem;padding-right:2rem}.exp-modal-title{font-family:var(--font-psych);font-size:2rem;margin:0;position:relative;display:inline-block}.exp-modal-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:var(--text-ink);border-radius:2px}.exp-modal-content{display:flex;flex-direction:column;gap:2rem}.exp-modal-section{border-top:2px dashed var(--accent-organic);padding-top:1.5rem}.exp-modal-section:first-child{border-top:none;padding-top:0}.exp-modal-section-title{font-family:var(--font-psych);font-size:1.5rem;margin:0 0 1rem;color:var(--text-ink);position:relative;display:inline-block}.exp-modal-section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--accent-organic);border-radius:2px}.exp-modal-cards{display:flex;flex-direction:column;gap:1rem}.exp-modal-card{background:transparent;border:2px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:1.25rem;transition:all .2s ease}.exp-modal-card:nth-child(2){border-radius:15px 225px 15px 255px/225px 15px 255px}.exp-modal-card:nth-child(3){border-radius:225px 15px 255px/15px 255px 15px 225px}.exp-modal-card:nth-child(4){border-radius:15px 255px 15px 225px/255px 15px 225px}.exp-modal-card:hover{transform:translate(4px);box-shadow:4px 4px 0 var(--accent-organic)}.exp-modal-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.exp-modal-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--text-ink);border-radius:50%;flex-shrink:0;color:var(--text-ink)}.exp-modal-card-titles{flex:1}.exp-modal-card-title{font-family:var(--font-doodle);font-size:1.1rem;font-weight:600;margin:0;color:var(--text-ink)}.exp-modal-card-company{font-family:var(--font-doodle);font-size:.95rem;color:var(--accent-organic);margin:.25rem 0 0;font-style:italic}.exp-modal-card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-family:var(--font-doodle);font-size:.85rem;color:var(--text-ink);opacity:.8}.exp-modal-card-date,.exp-modal-card-location{display:flex;align-items:center;gap:.35rem}.exp-modal-card-desc{font-family:var(--font-doodle);font-size:.95rem;line-height:1.6;margin:0;color:var(--text-ink)}.exp-modal-card-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.exp-modal-skill-tag{font-family:var(--font-doodle);font-size:.8rem;padding:.25rem .75rem;background:transparent;border:1px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;color:var(--text-ink)}@media(min-width:768px){.exp-modal-container{padding:2.5rem}.exp-modal-title{font-size:2.5rem}.exp-modal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.exp-modal-container::-webkit-scrollbar{width:8px}.exp-modal-container::-webkit-scrollbar-track{background:var(--bg-wall)}.exp-modal-container::-webkit-scrollbar-thumb{background:var(--accent-organic);border-radius:4px}.exp-modal-container::-webkit-scrollbar-thumb:hover{background:var(--text-ink)}.skills-section{padding:3rem .5rem;position:relative}.skills-experience-grid{display:flex;flex-direction:column;gap:3rem;max-width:1400px;margin:0 auto}.skills-column,.experience-column{flex:1}.skills-header,.experience-header{text-align:center;margin-bottom:2rem}.skills-title,.experience-title{display:inline-block;position:relative}.skills-title:after,.experience-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:var(--text-ink);border-radius:2px}.skills-subtitle,.experience-subtitle{font-family:var(--font-doodle);font-size:1.25rem;color:var(--accent-organic);margin-top:1rem;font-style:italic}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-category{background:transparent;padding:1rem;border:3px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;position:relative}.skill-category:nth-child(2){border-radius:15px 225px 15px 255px/225px 15px 255px}.skill-category:nth-child(3){border-radius:225px 15px 255px/15px 255px 15px 225px}.skill-category-title{font-family:var(--font-psych);font-size:1.25rem;margin:0 0 1rem;position:relative;display:inline-block}.skill-category-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--text-ink);border-radius:2px}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.skill-item{margin:0;padding:0}.skill-card{display:flex;align-items:center;justify-content:center;padding:.4rem 1rem;background:transparent;border:2px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;cursor:default;position:relative;overflow:hidden}.skill-icon{height:22px;width:auto;border-radius:4px}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-card{background:transparent;padding:1.25rem;border:3px solid var(--text-ink);border-radius:15px 225px 15px 255px/225px 15px 255px;transition:all .2s ease}.experience-card:nth-child(2){border-radius:255px 15px 225px/15px 225px 15px 255px}.experience-card:nth-child(3){border-radius:225px 15px 255px/15px 255px 15px 225px}.experience-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.experience-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--text-ink);border-radius:50%;flex-shrink:0;color:var(--text-ink)}.experience-card-type{font-family:var(--font-doodle);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-organic)}.experience-card-title{font-family:var(--font-doodle);font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-ink)}.experience-card-company{font-family:var(--font-doodle);font-size:.9rem;color:var(--accent-organic);margin:0 0 .5rem;font-style:italic}.experience-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-family:var(--font-doodle);font-size:.8rem;color:var(--text-ink);opacity:.8}.experience-card-date,.experience-card-location{display:flex;align-items:center;gap:.25rem}.experience-card-desc{font-family:var(--font-doodle);font-size:.9rem;line-height:1.5;margin:0;color:var(--text-ink)}.experience-view-all{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;font-family:var(--font-doodle);font-size:1rem;font-weight:600;color:var(--text-ink);background:transparent;border:3px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;cursor:pointer;transition:all .2s ease}.experience-view-all:hover{background:var(--text-ink);color:var(--bg-wall);transform:rotate(-1deg)}.experience-view-all:focus-visible{box-shadow:0 0 0 3px var(--bg-wall),0 0 0 5px var(--text-ink);outline:none}@media(min-width:768px){.skills-section{padding:4rem 1rem}.skills-experience-grid{flex-direction:row;gap:2rem;align-items:flex-start}.skills-column,.experience-column{flex:1}.skills-header,.experience-header{margin-bottom:1.5rem}.skill-category{padding:1.25rem}.skill-category-title{font-size:1.25rem}}@media(min-width:1024px){.skills-section{padding:5rem 2rem}.skills-experience-grid{gap:3rem}.skill-category{padding:1.5rem}.skill-category-title{font-size:1.5rem}.skill-card{padding:.5rem 1.25rem}.skill-icon{height:24px}.experience-card{padding:1.5rem}.experience-card-title{font-size:1.1rem}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--bg-wall);border:3px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-wall);border:2px solid var(--text-ink);border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease;z-index:10}.modal-close:hover{transform:rotate(90deg) scale(1.1);background-color:var(--text-ink);color:var(--bg-wall)}.modal-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:2px solid var(--text-ink)}.modal-content{padding:2rem}.modal-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.modal-title{font-family:var(--font-psych);font-size:2.5rem;margin:0;line-height:1.1}@media(min-width:768px){.modal-title{font-size:3rem}}.modal-meta{display:flex;flex-wrap:wrap;gap:.5rem}.modal-category{background:var(--text-ink);color:var(--bg-wall);padding:.25rem .75rem;font-family:var(--font-doodle);font-size:.875rem;border-radius:2px;transform:rotate(-1deg)}.modal-year{background:var(--birch-grey);color:var(--text-ink);padding:.25rem .75rem;font-family:var(--font-doodle);font-size:.875rem;border:1px solid var(--text-ink);border-radius:2px;transform:rotate(1deg)}.modal-description{font-family:var(--font-doodle);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.modal-section-title{font-family:var(--font-psych);font-size:1.5rem;margin:0 0 1rem;position:relative;display:inline-block}.modal-section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--text-ink);border-radius:2px}.modal-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.modal-tech-tag{background:transparent;color:var(--text-ink);padding:.5rem 1rem;font-family:var(--font-doodle);font-size:1rem;border:2px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;transition:all .3s ease}.modal-tech-tag:hover{background:var(--text-ink);color:var(--bg-wall);transform:rotate(-2deg)}.modal-role{font-family:var(--font-doodle);font-size:1.125rem;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,transparent 0%,rgba(24,24,24,.03) 100%);border-left:3px solid var(--text-ink)}.modal-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.modal-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-doodle);font-size:1.125rem;border:2px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;transition:all .3s ease;text-decoration:none;color:var(--text-ink)}.modal-link:hover{background:var(--text-ink);color:var(--bg-wall);transform:rotate(-1deg) scale(1.02)}.modal-link-primary{background:var(--text-ink);color:var(--bg-wall)}.modal-link-primary:hover{background:var(--accent-organic);transform:rotate(1deg) scale(1.02)}.modal-link-disabled{opacity:.5;cursor:not-allowed;background:var(--birch-grey);color:var(--text-ink);border-color:var(--birch-grey)}.modal-link-disabled:hover{background:var(--birch-grey);color:var(--text-ink);transform:none}.work-header{text-align:center;margin-bottom:4rem}.work-title{font-family:var(--font-psych);font-size:3rem;margin:0;display:inline-block;position:relative}.work-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:var(--text-ink);border-radius:2px}.work-subtitle{font-family:var(--font-doodle);font-size:1.125rem;color:var(--accent-organic);margin-top:1rem;font-style:italic;display:none}@media(min-width:768px){.work-title{font-size:4.5rem}.work-subtitle{display:block;font-size:1.25rem}}.projects-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.projects-grid{grid-template-columns:1fr 1fr;gap:6rem}}.project-card{position:relative;cursor:pointer}.project-card.offset{margin-top:0}@media(min-width:768px){.project-card.offset{margin-top:6rem}}.wobble-box{border:2px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;transition:all .4s ease;overflow:hidden;background:#fff;aspect-ratio:4/3;position:relative;margin-bottom:1rem;cursor:pointer}.wobble-box:hover{border-radius:15px 225px 15px 255px/255px 15px 225px;transform:scale(1.02) rotate(-1deg)}.wobble-box img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:filter .5s ease,transform .5s ease}.project-card:hover .wobble-box img{filter:grayscale(0%) contrast(1);transform:scale(1.05)}.sticker{position:absolute;top:1rem;right:1rem;background:#efefea;padding:.25rem .75rem;font-family:var(--font-doodle);font-size:.875rem;border:1px solid black;border-radius:2px;transform:rotate(3deg);box-shadow:2px 2px #000;z-index:10}.project-info{display:flex;justify-content:space-between;align-items:flex-start}.project-info h3{font-family:var(--font-psych);font-size:1.875rem;margin:0 0 .25rem;transition:color .3s}.project-card:hover .project-info h3{color:#4a4a4a}.project-info p{font-family:var(--font-doodle);font-size:1.125rem;opacity:.8;margin:0;max-width:20rem}.project-arrow{width:2rem;height:2rem;transition:transform .3s}.project-card:hover .project-arrow{transform:translate(.5rem)}.about-section{padding:8rem 1rem;text-align:center;position:relative}.about-content{max-width:100rem;margin:0 auto;position:relative;z-index:1}.about-title{margin-bottom:2rem;text-align:center}.about-layout{display:flex;flex-direction:column;gap:3rem;align-items:center}@media(min-width:900px){.about-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:2rem;align-items:start}}.about-spacer-column{display:none}@media(min-width:900px){.about-spacer-column{display:block}}.about-text-column{flex:1;min-width:0}.about-polaroid-column{flex-shrink:0;display:flex;justify-content:center;order:1}@media(min-width:900px){.about-polaroid-column{order:0;position:sticky;top:8rem;justify-content:flex-start}}.about-bg-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:80%;border:2px dashed var(--birch-grey);border-radius:40% 60% 70% 30%/40% 50% 60%;z-index:0;animation:spin 60s linear infinite;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.signature{margin-top:3rem;transform:rotate(-5deg);display:inline-block}.about-bio{font-family:var(--font-doodle);font-size:1.5rem;line-height:1.6;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.about-bio p{margin:0}.about-highlight{position:relative;display:inline-block}.about-highlight-decoration{position:absolute;top:50%;transform:rotate(45deg);width:7rem;height:1.5rem;left:-.5rem;z-index:10000}.signature-container{display:flex;flex-direction:column;align-items:center}.signature-underline{width:100px;height:auto;opacity:.8;margin-bottom:-2.5rem;margin-top:-3rem;margin-left:-8rem;transform:rotate(-40deg)}.signature-name{font-size:1.5rem;margin-top:-.5rem;margin-left:-2rem}.cv-download{margin-top:3rem;text-align:center}.cv-download-title{font-size:1.5rem;margin-bottom:1rem}.cv-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.cv-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-doodle);font-size:1rem;font-weight:600;color:var(--text-ink);text-decoration:none;background:transparent;border:3px solid var(--text-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;cursor:pointer;transition:all .2s ease}.cv-button:hover{background:var(--text-ink);color:var(--bg-wall);transform:rotate(-1deg)}.cv-button:focus-visible{box-shadow:0 0 0 3px var(--bg-wall),0 0 0 5px var(--text-ink);outline:none}.footer{padding:5rem 1rem;background-color:var(--text-ink);color:var(--bg-wall);text-align:center;position:relative;overflow:hidden}.footer-cta h2{font-family:var(--font-psych);font-size:3.5rem;cursor:pointer;transition:transform .3s;margin-bottom:3rem;display:inline-block}@media(min-width:768px){.footer-cta h2{font-size:6rem}}.footer-cta h2:hover{transform:skew(-10deg)}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem}.social-links a{transition:transform .3s}.social-links a:hover{transform:scale(1.25)}.footer-copyright{opacity:.5}.footer-decoration{position:absolute;bottom:0;left:0;width:8rem;height:8rem;opacity:.2}
