@import"https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";:root{--lime: #ffecb4;--coral: #49AB44;--sky: #c7e4ef;--ink: #202020;--charcoal: #2f2f31;--white: #f7f4ef;--muted: rgba(45, 57, 66, .56);--shadow: 1px 1px 2px rgba(0, 0, 0, .28);--section-header-offset: 4.5rem;--section-header-offset-desktop: 96px}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;background:var(--charcoal);overflow:hidden;overscroll-behavior:none}body{height:100%;margin:0;color:var(--ink);font-size:18px;font-family:Albert Sans,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;background:var(--charcoal);overflow:hidden;overscroll-behavior:none}#root{height:100%;overflow:hidden}button,input,textarea{font:inherit}img{display:block;max-width:100%}.site-shell{height:100%;width:100%;overflow:hidden}.viewport-stack{height:100vh;height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;overscroll-behavior-y:contain;scrollbar-width:none}.viewport-stack::-webkit-scrollbar{display:none}.panel{position:relative;min-height:100vh;min-height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:normal;overflow:hidden}.shadow-title{margin:0;letter-spacing:-.035em;text-shadow:var(--shadow)}.top-nav-title{font-family:Urbanist,sans-serif;font-size:2.5rem;font-weight:700;line-height:1;color:var(--ink);text-align:right;display:none;align-items:center;justify-content:flex-end;align-self:flex-end;width:fit-content;margin:0 0 0 auto;min-height:72px;padding:0}.top-nav-title.white-nav{color:var(--white)}.top-nav{position:fixed;bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px));left:50%;right:auto;top:auto;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:0}.top-nav nav{display:flex;justify-content:center;gap:.5rem;align-items:center;width:max-content;max-width:calc(100vw - 32px);margin-left:0;padding:10px 12px;border:1px solid rgba(32,32,32,.12);border-radius:999px;background:#bfd46ae6;box-shadow:0 18px 40px #1818182e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.top-nav.section-landing nav{background:#bfd46ae6}.top-nav.section-experience nav{background:#c7e4efeb}.top-nav.section-contact nav{background:#26211eeb;border-color:#f7f4ef24;box-shadow:0 18px 40px #0c0a0957}.top-nav-link{border:0;border-radius:999px;background:transparent;color:#101010eb;font-size:.84rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;padding:9px 12px;transition:transform .18s ease,opacity .18s ease,text-decoration-color .18s ease,background-color .18s ease}.white-nav .top-nav-link{color:#fff}.top-nav-link.active,.top-nav-link.active:hover,.top-nav-link.active:focus-visible{color:#101010eb;opacity:1}.white-nav .top-nav-link.active,.white-nav .top-nav-link.active:hover,.white-nav .top-nav-link.active:focus-visible{color:#fff}.top-nav-link:hover,.top-nav-link:focus-visible{transform:translateY(-1px);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}.top-nav-link:not(.active):hover,.top-nav-link:not(.active):focus-visible{opacity:1}.top-nav-link:focus-visible{outline:none}.top-nav-link.active{transform:translateY(-1px);background:#f7f4ef4d;text-decoration:none}.top-nav.section-contact .top-nav-link.active{background:#f7f4ef24}.landing-panel{background:radial-gradient(ellipse 60% 50% at 20% 30%,#eef3a8 0%,transparent 70%),radial-gradient(ellipse 55% 60% at 80% 70%,#adc96a 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 60% 20%,#fffbe042 0%,transparent 65%),#bfd46a;background-size:200% 200%,200% 200%,200% 200%,100%;animation:lava-lamp 12s ease infinite;padding:0 24px 32px}@keyframes lava-lamp{0%{background-position:10% 20%,90% 80%,50% 10%,0 0}25%{background-position:80% 70%,10% 20%,90% 90%,0 0}50%{background-position:30% 90%,70% 10%,20% 60%,0 0}75%{background-position:90% 10%,20% 90%,80% 30%,0 0}to{background-position:10% 20%,90% 80%,50% 10%,0 0}}.landing-copy{max-width:1200px;width:100%;margin-top:var(--section-header-offset)}.landing-title{font-family:Urbanist,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:4rem;font-weight:600;line-height:.9}.landing-lead,.landing-body{max-width:800px;font-size:1.2rem;line-height:1.2;margin:0 0 52px}.landing-header{display:flex;align-items:center;margin-bottom:2rem}.landing-body{margin-bottom:0}.landing-portrait-wrap{display:block;position:relative;justify-self:end;width:max(35vw,700px);margin-right:18px}.landing-portrait-content{display:none}.landing-portrait{width:100%;object-fit:contain}.stats-panel{background:var(--coral);color:var(--white);scroll-snap-align:none;padding:42px 24px 88px}.stats-heading-wrap{max-width:1320px;margin:var(--section-header-offset) auto 36px}.stats-title,.exp-title,.contact-title{font-family:Urbanist,sans-serif;font-size:clamp(4.5rem,6.8vw,6.85rem);font-weight:500;line-height:.95}.stats-intro{width:min(760px,100%);margin:64px 0 0;font-size:1.2rem;line-height:1.2}.stats-intro p{margin:0 0 24px}.stats-grid{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;row-gap:34px;column-gap:18px}.laurel-card{position:relative;width:100%;max-width:312px;aspect-ratio:1 / .92;display:grid;place-items:center}.laurel-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.laurel-copy{position:relative;display:grid;justify-items:center;align-content:center;margin-top:-6px}.laurel-value{font-size:clamp(3rem,4.2vw,4.4rem);font-weight:700;line-height:1}.laurel-label{display:grid;gap:2px;justify-items:center;text-align:center;font-size:1rem;font-weight:600;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.experience-panel{background:radial-gradient(ellipse 60% 50% at 20% 30%,#e9f6fb 0%,transparent 70%),radial-gradient(ellipse 55% 60% at 80% 70%,#a9d6e7 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 60% 20%,#ffffff4d 0%,transparent 65%),#c7e4ef;background-size:200% 200%,200% 200%,200% 200%,100%;animation:lava-lamp 12s ease infinite;padding:28px 24px 40px}.experience-header-row{font-family:Urbanist,sans-serif;display:flex;flex-direction:column;align-items:stretch;gap:20px;max-width:1320px;margin:var(--section-header-offset) auto 0}.experience-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:none;padding-top:0}.nav-pill{border:0;background:transparent;font-size:1rem;font-weight:700;letter-spacing:.03em;cursor:pointer}.nav-pill.secondary{width:100%;text-align:right}.resume-button{display:inline-flex;align-items:center;justify-content:center;padding:18px 28px;width:100%;min-width:0;max-width:100%;border-radius:8px;border:1px solid rgba(67,91,106,.25);background:#c6e2ecb3;box-shadow:inset 0 0 0 1px #ffffff2e;color:#fff;text-decoration:none;font-size:1.1rem;position:relative;height:52px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.resume-button span{position:absolute;width:calc(100% - 16px);padding:4px;border-radius:8px;background:#525b61;text-align:center;transition:background-color .18s ease,color .18s ease,font-weight .18s ease}.resume-button:hover,.resume-button:focus-visible{transform:translateY(-2px);background:#f7f4ef;border-color:#435b6a3d;box-shadow:0 16px 32px #32404a33}.resume-button:hover span,.resume-button:focus-visible span{background:#4f5966;color:#f7f4ef;font-weight:600}.resume-button:focus-visible{outline:2px solid rgba(45,63,74,.7);outline-offset:3px}.experience-list{max-width:1320px;margin:28px auto 0;display:grid;gap:96px}.experience-card{padding:0}.experience-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.experience-main{min-width:0}.experience-meta{margin-bottom:26px}.experience-role,.experience-company,.experience-location{margin:0;font-family:Urbanist,sans-serif;font-size:1.8rem;font-weight:400;line-height:1.1;color:#425564}.experience-role{margin:0}.experience-company,.experience-location{font-size:1.4rem}.experience-dates{font-family:Urbanist,sans-serif;font-weight:400;margin:16px 0 0;font-size:1.3rem;color:#4d5f6e}.experience-bullets{margin:0;padding-left:22px;font-size:18px;line-height:1.25}.experience-tech{min-width:0;width:100%}.pill-grid{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:100%;text-align:left}.skill-pill{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 14px;border-radius:7px;border:1px solid transparent;background:#4f5966;color:#fff;font-size:1rem;white-space:nowrap;box-shadow:0 10px 20px #32404a1f;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.skill-pill-button{--skill-popover-shift: 0px;display:inline-grid;place-items:center;position:relative;cursor:pointer;font:inherit;text-align:left}.skill-pill-button:before{content:attr(data-label);grid-area:1 / 1;height:0;overflow:hidden;visibility:hidden;font-weight:700;pointer-events:none}.skill-pill-label{grid-area:1 / 1}.skill-pill-button:hover,.skill-pill-button.is-active{transform:translateY(-2px);background:#f7f4ef;color:#2d3f4a;font-weight:700;border-color:#435b6a3d;box-shadow:0 16px 32px #32404a33}.skill-pill-button:focus-visible{outline:2px solid rgba(45,63,74,.7);outline-offset:3px}.skill-popover{display:none;position:absolute;left:50%;bottom:calc(100% + 7px);z-index:3;width:min(260px,42vw);padding:10px 12px;border-radius:12px;border:2px solid #fff;background:#4f5966;color:#f7f4ef;font-size:.82rem;line-height:1.4;white-space:normal;box-shadow:0 18px 40px #161d2247;opacity:0;transform:translate(calc(-50% + var(--skill-popover-shift)),10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.skill-popover:before,.skill-popover:after{content:"";position:absolute;left:calc(50% - var(--skill-popover-shift));top:100%;transform:translate(-50%);clip-path:polygon(50% 100%,0 0,100% 0)}.skill-popover:before{width:18px;height:10px;background:#fff}.skill-popover:after{top:calc(100% - 2px);width:14px;height:8px;background:#4f5966}.skill-popover.is-visible{opacity:1;transform:translate(calc(-50% + var(--skill-popover-shift)))}.contact-panel{background:radial-gradient(ellipse 60% 50% at 18% 24%,#8f5b33 0%,transparent 70%),radial-gradient(ellipse 55% 60% at 82% 76%,#5e6b3d 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 58% 20%,#d09a4a42 0%,transparent 65%),#26211e;background-size:200% 200%,200% 200%,200% 200%,100%;animation:lava-lamp 12s ease infinite;color:var(--white);display:grid;align-items:start;gap:36px;padding:62px 24px 70px}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.contact-cards{display:grid;grid-template-columns:1fr;gap:24px;width:100%;max-width:1000px;margin:0 auto}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 32px;border:2px solid rgba(255,255,255,.3);border-radius:12px;text-decoration:none;color:var(--white);transition:all .3s ease;min-height:280px}.contact-card:hover{border-color:#ffffffb3;background-color:#ffffff0d;transform:translateY(-4px)}.contact-card-label{font-size:1.1rem;font-weight:600;text-align:center;line-height:1.5;margin:0}.contact-card-icon{width:80px;height:80px;object-fit:contain}.contact-copy{margin-top:var(--section-header-offset);margin-left:0}.contact-lead{font-size:1.2rem;line-height:1.2;margin:26px 0 0}.contact-form{width:min(100%,620px);margin-left:auto;padding-top:112px}.field{display:block;margin-bottom:22px}.field span{display:inline-block;margin-bottom:10px;font-size:1.15rem}.field input,.field textarea{width:100%;border:0;background:#ebebeb;border-radius:10px;padding:17px 18px;color:#111;outline:none}.field textarea{resize:none;min-height:240px}.submit-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;gap:8px;border:0;border-radius:10px;background:var(--lime);color:#101010;padding:16px 26px;font-size:1.2rem;box-shadow:0 9px 16px #00000038;cursor:pointer}@media (min-width: 721px){body{font-size:16px}.viewport-stack{scroll-snap-type:y mandatory}.panel{scroll-snap-stop:always}.stats-panel{scroll-snap-align:start;padding:42px 72px 88px}.landing-content{display:flex;align-items:center;width:100%}.landing-copy{margin:var(--section-header-offset-desktop) auto 0}.landing-title{font-size:8rem}.landing-portrait-wrap{display:none}.landing-portrait-content{display:block}.landing-panel,.contact-panel{grid-template-columns:1fr;padding:32px 42px 56px}.stats-heading-wrap{margin:var(--section-header-offset-desktop) auto 36px}.stats-intro{margin-left:0;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.08}.stats-grid{grid-template-columns:repeat(3,minmax(250px,1fr))}.laurel-label{font-size:.8rem}.top-nav{top:18px;bottom:auto;right:34px;left:auto;transform:none;align-items:flex-end}.top-nav-title{display:inline-flex}.top-nav nav{justify-content:flex-end;gap:24px;width:fit-content;max-width:none;margin-left:auto;padding:8px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.top-nav.section-landing nav,.top-nav.section-experience nav,.top-nav.section-contact nav{background:transparent;border-color:transparent;box-shadow:none}.top-nav-link{font-size:.95rem;padding:4px 0;border-radius:0}.top-nav-link.active{background:transparent;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}.top-nav.section-contact .top-nav-link.active{background:transparent}.landing-lead,.landing-body{font-size:clamp(1.4rem,1.7vw,2rem);line-height:1.12}.experience-panel{padding:28px 56px 40px}.experience-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:var(--section-header-offset-desktop)}.experience-actions{justify-content:flex-end;width:auto;max-width:400px;padding-top:10px}.skill-popover{display:block;width:min(280px,24vw)}.experience-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:36px}.experience-role{font-size:clamp(1.8rem,3vw,3rem)}.experience-company,.experience-location{font-size:clamp(1.4rem,3vw,2.2rem)}.experience-bullets{font-size:1.3rem;line-height:1.3}.pill-grid{justify-content:flex-end}.skill-pill{font-size:.82rem}.nav-pill{font-size:.84rem}.resume-button{width:auto;min-width:250px;max-width:none}.resume-button span{width:90%}.contact-form{margin-left:0;padding-top:8px}.contact-cards{grid-template-columns:repeat(3,1fr);gap:32px}.contact-card{min-height:320px}.contact-copy{margin-top:var(--section-header-offset-desktop);margin-left:96px}.contact-lead{font-size:clamp(2.1rem,3vw,3rem);line-height:1.1}.submit-button{width:auto}}