*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html{scroll-behavior:smooth}body{font-family:Lora,serif;color:#e5e7eb;min-height:100vh}.background-image{background-color:#221f18;background-position:center,center;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;background-attachment:fixed}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background-color:#e5e7eb;color:#221f18;border-radius:.375rem;font-size:.875rem;text-decoration:none;z-index:100;transition:top .2s}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid #e5e7eb;outline-offset:2px}.work-card:focus-visible,.project-card:focus-visible{border-color:#ffffff4d;outline:2px solid #e5e7eb;outline-offset:2px;transform:scale(1.02)}.modal-close:focus-visible{outline:2px solid #e5e7eb;outline-offset:2px}.social-link:focus-visible{outline:2px solid #e5e7eb;outline-offset:4px}.index-body{height:100vh;height:100dvh;overflow:hidden}.index-grid{height:100vh;height:100dvh;display:grid;grid-template-columns:5fr 6fr;gap:56px;padding:64px}.index-left{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;min-height:0}.index-right{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:6px 8px;margin:-6px -8px;--fade-top: 0px;--fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent)}.scroll-hint{grid-column:2;grid-row:1;align-self:end;justify-self:center;transform:translateY(calc(100% + .5rem));display:flex;align-items:center;gap:.35rem;font-family:Lora,serif;font-size:.8125rem;color:#a8a29e;pointer-events:none;user-select:none;opacity:0;transition:opacity .5s ease}.scroll-hint.is-ready.is-visible{opacity:1}.scroll-hint-arrow{color:#57534e;animation:hint-bob 1.6s ease-in-out infinite}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media(max-width:900px),(max-height:640px){.index-body{height:auto;overflow:visible}.scroll-hint{display:none}.index-grid{height:auto;min-height:100vh;min-height:100dvh}.index-right{overflow-y:visible;padding:0;margin:0;-webkit-mask-image:none;mask-image:none}}@media(max-width:900px){.index-grid{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}.index-left{justify-content:flex-start}.index-right{grid-column:1;grid-row:2}}.hero-title{font-family:Crimson Pro,serif;font-size:3.5rem;line-height:1.05;margin-bottom:1.25rem;color:#e7e5e4}@media(max-width:900px){.hero-title{font-size:2.625rem}}.hero-description{font-family:Crimson Pro,serif;font-size:1.375rem;line-height:1.9rem;color:#d6d3d1}.section-title{font-family:Crimson Pro,serif;font-size:1.5rem;line-height:2rem;margin-bottom:.5rem;color:#e7e5e4}.social .section-title{font-size:1.25rem;line-height:1.75rem;margin-bottom:.5rem}.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-family:Lora,serif}.social-links .dot{color:#57534e;user-select:none}.social-link{font-size:.9375rem;color:#a8a29e;text-decoration:none;transition:color .2s}.social-link:hover{color:#e7e5e4}.webring{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.85rem}.webring a{display:flex;align-items:center;font-size:.9375rem;color:#a8a29e;text-decoration:none;transition:color .2s}.webring a:hover{color:#e7e5e4}.webring img{width:20px;height:20px;opacity:.75;transition:opacity .2s}.webring a:hover img{opacity:1}.work-cards{display:flex;flex-direction:column;gap:.5rem;font-family:Lora,serif}.work-card,.project-card{padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;backdrop-filter:blur(1px);text-decoration:none;transition:border-color .2s,transform .2s}.work-card:hover,.project-card:hover{border-color:#fff3;transform:scale(1.02)}.work-card-left{display:flex;align-items:center;gap:.75rem}.work-logo{width:44px;height:44px;flex-shrink:0;border-radius:.5rem;overflow:hidden}.work-logo.white-bg{background-color:#ffffffe6;padding:7px;display:flex;align-items:center;justify-content:center;overflow:visible}.work-logo img{width:100%;height:100%}.work-logo.round-mark{padding:2px}.logo-cover{object-fit:cover}.logo-contain{object-fit:contain}.work-company{font-weight:500;color:#e7e5e4}.work-role{color:#a8a29e}.work-dates{color:#a8a29e;font-size:.9375rem;white-space:nowrap}@media(max-width:560px){.work-dates{display:none}}.project-cards{display:flex;flex-direction:column;gap:.5rem;font-family:Lora,serif}.project-name{font-weight:500;color:#e7e5e4}.project-tagline{color:#a8a29e}.school-card{padding:.75rem;display:flex;align-items:center;gap:.75rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(1px);font-family:Lora,serif}.school-name{font-weight:500;color:#e7e5e4}.school-degree{color:#a8a29e}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s}.modal.active{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background-color:#0009}.modal-content{position:relative;z-index:10;width:100%;max-width:32rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background-color:#1c1917cc;backdrop-filter:blur(24px);padding:1.25rem;box-shadow:0 25px 50px -12px #00000040;color:#e7e5e4;transform:scale(.96) translateY(8px);transition:transform .2s,opacity .2s}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;right:.75rem;top:.75rem;border-radius:.375rem;padding:.375rem;color:#a8a29e;background:transparent;border:none;cursor:pointer;transition:color .2s,background-color .2s}.modal-close:hover{color:#e7e5e4;background-color:#ffffff0d}.modal-close svg{width:1.25rem;height:1.25rem}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.modal-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden}.modal-logo.white-bg{background-color:#ffffffe6;padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:visible}.modal-logo img{width:100%;height:100%}.modal-info h3{font-size:1.125rem;font-weight:500}.modal-info p{font-size:.875rem;color:#a8a29e}#modal-description{color:#d6d3d1;font-size:.875rem}@media(min-width:768px){#modal-description{font-size:1rem}}.animate-item{opacity:0}.animate-item.visible{opacity:1;animation:fade-up .5s ease-out backwards;animation-delay:var(--d, 0s)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-item{opacity:1}.animate-item.visible,.scroll-hint-arrow{animation:none}}