.about-section,.experience-section,.projects-section{min-height:100vh;margin-bottom:8rem;display:flex;align-items:start;justify-content:start;padding:0rem 2rem}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center}.about-content,.projects-content{width:100%;max-width:80rem;margin:0 auto}.projects-content{max-width:66ch}.panel{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media (min-width: 769px){.about-section,.experience-section,.projects-section{min-height:calc(100vh - 8rem);margin-bottom:8rem;display:flex;align-items:center;justify-content:start}.panel{display:grid;grid-template-columns:280px 1fr;gap:4rem;align-items:center}}.panel-media{height:100%;display:flex;align-items:center}.panel-media img{display:block;width:100%;height:50%;border-radius:.75rem;object-fit:cover;position:static}@media (min-width: 769px){.panel-media img{position:sticky;top:3rem}}.panel-content{width:100%;max-width:66ch}.panel-title{font-size:1.25rem;margin-bottom:2rem;letter-spacing:.025em}.body-text{margin-bottom:1rem;letter-spacing:.025em;line-height:1.6}.body-text-lead{margin-bottom:1.5rem;line-height:1.75}.body-list{margin-left:0;list-style-type:none;font-size:.875rem;letter-spacing:.025em}.body-list li{margin-bottom:.75rem;line-height:1.75;padding-left:1.75rem;position:relative}.body-list li:before{content:"";position:absolute;left:0;top:.5em;width:.75rem;height:.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M240,128a15.79,15.79,0,0,1-10.5,15l-63.44,23.07L143,229.5a16,16,0,0,1-30,0L89.94,166.06,26.5,143a16,16,0,0,1,0-30L89.94,89.94,113,26.5a16,16,0,0,1,30,0l23.07,63.44L229.5,113A15.79,15.79,0,0,1,240,128Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.experience-header{display:flex;flex-direction:column;margin-bottom:1rem}@media (min-width: 640px){.experience-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.experience-info{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.experience-title{width:100%;display:flex;justify-content:space-between;margin-bottom:.5rem}.experience-dates{font-size:.875rem}@media (min-width: 640px){.experience-dates{font-size:1rem}}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media (min-width: 641px){.skills-grid{grid-template-columns:1fr 1fr;gap:2rem}}body[data-layout=bento] .panel-media{height:100%;display:flex;align-items:start}body[data-layout=bento] .panel-media img{display:block;width:100%;height:100%;border-radius:.75rem;object-fit:cover;position:static}body[data-layout=bento] .panel{grid-template-columns:1fr 3fr;gap:0;margin-bottom:1.5rem}body[data-layout=bento] .panel-title,body[data-layout=bento] .panel.hidden{display:none}body[data-layout=bento] .body-text,body[data-layout=bento] .body-text-lead{font-size:clamp(.875rem,1.5vw,.875rem);font-weight:300;margin-bottom:.75rem;line-height:1.5}body[data-layout=bento] .body-list{font-size:clamp(.875rem,1.5vw,.875rem);margin-left:1rem}body[data-layout=bento] .body-list li{margin-bottom:.5rem;line-height:1.4}body[data-layout=bento] .experience-header{flex-direction:column;margin-bottom:.5rem}body[data-layout=bento] .experience-title{font-size:clamp(.875rem,1.5vw,1rem)}body[data-layout=bento] .experience-dates{font-size:clamp(.7rem,1.2vw,.75rem)}body[data-layout=bento] .hero-section{min-height:0;grid-column:7 / 13;grid-row:4 / 7;border-radius:1rem;padding:clamp(1rem,3vw,2rem)}body[data-layout=bento] .projects-section{grid-column:7 / 13;grid-row:1 / 4;min-height:0;height:100%;overflow:auto;padding:clamp(1rem,2vw,2rem)}body[data-layout=bento] .projects-title{font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:clamp(1rem,3vw,3rem);opacity:.7}body[data-layout=bento] .projects-content{max-width:none}body[data-layout=bento] .projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(.5rem,1.5vw,1.5rem)}@media (min-width: 1920px){body[data-layout=bento] .hero-section,body[data-layout=bento] .projects-section{grid-column:7 / 12}}.projects-title{font-size:1.25rem;margin-bottom:2rem;letter-spacing:.025em;opacity:100}.projects-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.panel,.panel-content,.body-text,.about-section,.projects-section,.projects-content,.projects-grid{transition:all .5s ease-in-out}