@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)}*{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-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:inline-flex;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;top:18px;right:34px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:0}.top-nav nav{display:flex;gap:24px;align-items:center;width:fit-content;margin-left:auto;padding:8px 12px}.top-nav-link{border:0;background:transparent;color:#101010eb;font-size:.95rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase;cursor:pointer;padding:4px 0;transition:transform .18s ease,opacity .18s ease,text-decoration-color .18s ease}.white-nav .top-nav-link{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:.72}.top-nav-link:focus-visible{outline:none}.top-nav-link.active{transform:translateY(-1px);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}.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}@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:6rem}.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:clamp(1.4rem,1.7vw,2rem);line-height:1.12;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);padding:42px 72px 88px}.stats-heading-wrap{max-width:1320px;margin:64px 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:clamp(1.4rem,1.8vw,2rem);line-height:1.08}.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:.8rem;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 56px 40px}.experience-header-row{font-family:Urbanist,sans-serif;display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1320px;margin:96px auto 0}.experience-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:400px;padding-top:10px}.nav-pill{border:0;background:transparent;font-size:.84rem;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;min-width:250px;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:90%;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:minmax(0,1.3fr) minmax(280px,.9fr);gap:36px;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:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:1.1;color:#425564}.experience-role{margin:0}.experience-company,.experience-location{font-size:clamp(1.4rem,3vw,2.2rem)}.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:1.3rem;line-height:1.3}.experience-tech{min-width:0}.pill-grid{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:100%}.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:.82rem;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{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 92px 70px 58px}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,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:64px;margin-left:96px}.contact-lead{font-size:clamp(2.1rem,3vw,3rem);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;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){.viewport-stack{scroll-snap-type:y mandatory}.panel{scroll-snap-stop:always}.landing-content{display:flex;align-items:center;width:100%}.landing-copy{margin:64px 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}.landing-portrait-wrap{width:min(85vw,43.75rem);margin:0 auto}.stats-intro{margin-left:0}.stats-grid{grid-template-columns:repeat(3,minmax(250px,1fr))}.experience-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.skill-popover{width:min(280px,24vw)}.experience-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.contact-form{margin-left:0;padding-top:8px}.contact-cards{grid-template-columns:repeat(3,1fr);gap:32px}.contact-card{min-height:320px}}@media (max-width: 720px){body{font-size:18px}.viewport-stack{scroll-snap-type:y proximity}.panel{min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:normal}.stats-panel{scroll-snap-align:none}.skill-popover{display:none}.top-nav{top:14px;right:18px;left:18px}.top-nav nav{justify-content:flex-end;gap:.5rem;flex-wrap:nowrap}.landing-panel,.stats-panel,.experience-panel,.contact-panel{padding-left:24px;padding-right:24px}.landing-panel{padding-bottom:32px}.experience-header-row{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:10rem}.stats-heading-wrap{margin-top:10rem}.contact-copy{margin-top:10rem;margin-left:0}.landing-copy{margin-top:10rem}.landing-lead,.landing-body,.stats-intro,.contact-lead{font-size:1.2rem;line-height:1.2}.experience-role{font-size:1.8rem}.experience-grid{grid-template-columns:1fr;gap:24px}.experience-actions{justify-content:flex-start;width:100%;max-width:none;padding-top:0}.resume-button{width:100%;min-width:0;max-width:100%}.resume-button span{width:calc(100% - 16px)}.experience-bullets{font-size:18px;line-height:1.25}.experience-tech{width:100%}.pill-grid{justify-content:flex-start;text-align:left}.top-nav-link,.laurel-label,.skill-pill,.nav-pill{font-size:1rem}.skill-popover{left:0;bottom:calc(100% + 7px);width:min(240px,70vw);transform:translateY(10px)}.skill-popover:before,.skill-popover:after{left:24px;transform:none}.skill-popover.is-visible{transform:translate(0)}.contact-cards{grid-template-columns:1fr}.submit-button{width:100%;justify-content:center}}