@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";*{box-sizing:border-box;margin:0;padding:0;line-height:140%}html{font-size:1rem}body{color:#000;font-family:Sergio UI,sans-serif}a{text-decoration:none;color:#000}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}p+p{margin-top:1rem}.strong{font-weight:700}.headline{font-family:"Instrument Serif",Georgia,serif;font-size:1.625rem;font-weight:300;border-bottom:2px solid #B79900;margin-bottom:1.875rem;padding-bottom:.4rem;width:100%}@media(min-width:880px){.headline{font-size:2.25rem}}.button{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #000;color:#000;padding:.6rem 1rem .5rem;border-radius:2rem;letter-spacing:.02em;text-decoration:none;transition:border-color .2s,color .2s}.button:hover{border:1px solid #B79900;color:#b79900;text-decoration:none}.nav{display:flex;padding:1.3rem 1.3rem 0;z-index:100;justify-content:flex-end;width:100%}.nav_button{padding:1.2rem 1.5rem 1rem}.nav_acc{height:70px;position:absolute;margin:3.65rem 1rem 0 0}@media(min-width:880px){.nav{padding:1.875rem 5rem 0;max-width:1440px;margin:0 auto}.nav_button{padding:.6rem 1rem .4rem}.nav_acc{height:125px;margin:2.5rem 0 0}}.aboutme{display:grid;gap:1.875rem;padding:2.5rem 1.3rem 5rem}.aboutme_images{position:relative;width:100%;aspect-ratio:3/3.1;max-width:500px;margin:0 auto}.aboutme_images img{width:100%;height:100%;object-fit:cover}.aboutme_images_back,.aboutme_images_front{position:absolute;overflow:hidden;width:60%;aspect-ratio:3/4.2;box-shadow:0 8px 32px #0006;border:5px solid #fff}.aboutme_images_back{top:0;left:0;transform:rotate(-4deg)}.aboutme_images_front{bottom:0;right:0}.aboutme_content{justify-items:start}.aboutme_headline--highlight{color:#b79900;font-style:normal}.aboutme_button{display:none}@media(min-width:880px){.aboutme{align-items:center;gap:1.875rem;padding:7.5rem 5rem;grid-template-columns:1fr 1fr;max-width:1440px;margin:0 auto}.aboutme_text{padding-bottom:1.875rem}.aboutme_button{display:flex}}.projects_headline{border:none;padding:0 1.3rem .4rem;margin:0}.projects_headline_line{border-bottom:5px solid #000}.projects_headline_acc{padding:0 1.3rem}.projects_headline_acc img{position:absolute;transform:scaleX(-1);height:70px}.projects_list{background-color:#555;padding:2.5rem 0}.project{display:grid;gap:1.875rem;padding:0 1.3rem 5rem;color:#fff}.project:hover{text-decoration:none}.project_image{width:100%;aspect-ratio:31/19;overflow:hidden;border:3px solid #000;box-shadow:0 8px 32px #0006}.project_image img{width:100%;height:100%;object-fit:cover}.project_headline{display:flex;align-items:center;justify-content:end;gap:1.25rem;margin-bottom:1.875rem}.project_desc .arrow{display:none}@media(min-width:880px){.projects_headline{max-width:1440px;margin:0 auto;padding:0 5rem .4rem}.projects_headline_acc{max-width:1440px;margin:0 auto;padding:0 5rem}.projects_headline_acc img{height:125px}.projects_list{padding:5rem 0}.project{max-width:1440px;margin:0 auto;padding:0 5rem 7.5rem;align-items:center;grid-template-columns:1fr 1fr}.project_headline .arrow{display:none}.project_desc{text-align:right;display:grid;grid-template-areas:"arrow 1fr" "arrow 1fr";grid-template-columns:1fr 2fr}.project_desc .arrow{grid-area:arrow;display:block;transform:scaleX(-1);justify-self:center;align-self:center}.image_left .project_text{order:2}.image_left .project_image{order:1}.image_left .project_headline{justify-content:start}.image_left .project_desc{text-align:left;grid-template-areas:"1fr arrow" "1fr arrow";grid-template-columns:2fr 1fr}.image_left .project_desc .arrow{transform:scaleX(1)}}.stage{width:100%;overflow:hidden;margin:1.3rem 0}.stage img{width:auto;height:100%;object-fit:contain;margin:0 -2%}@media(min-width:880px){.stage{width:100%;max-width:950px;margin:1.3rem auto}.stage_wrapper{width:100%;height:200px}.stage img{margin:0}}.datatable{background-color:#555}.datatable_content{padding:1.875rem 1.3rem;color:#fff}.datatable_image{display:none}.datatable a{color:#fff}.datatable .skills{display:grid;gap:1.875rem}.datatable .skills_category{break-inside:avoid}.datatable .skills_category--full{column-span:all}.datatable .skills_subheadline{padding-bottom:1rem;color:#b79900}.datatable .skills_stats{line-height:150%}.datatable .skills_stats--color{color:#d8d2a8}.datatable .skills_stats span:not(:last-child):after{content:", "}.datatable .contact{margin-bottom:5rem}.datatable .contact_info{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding-bottom:1.5rem}.datatable .contact_info--color{color:#d8d2a8}@media(min-width:880px){.datatable_content{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 3fr;gap:5rem;padding:5rem}.datatable_image{display:block;align-self:center;max-width:100px;justify-self:center;margin-bottom:10%}.datatable .contact{margin-bottom:0}.datatable .contact_headline{text-align:right}.datatable .contact_info{flex-direction:row-reverse}}.career{padding:5rem 1.3rem 0}.career .card{display:grid;grid-template-columns:1fr 3fr;grid-template-areas:"image head" "text text";padding-bottom:5rem}.career .card_image{grid-area:image;padding:0 20px 20px 0}.career .card_head{grid-area:head}.career .card_head_stick{display:none}.career .card_text{grid-area:text}.career .card_title{padding-bottom:5px}.career .card_location{padding-bottom:15px}.career .card_time{padding-bottom:15px;font-style:italic;text-align:end}.career .card_extra{padding-top:15px;font-weight:700}@media(min-width:880px){.career{max-width:1220px;margin:0 auto;padding:7.5rem 5rem}.career .card{display:grid;grid-template-columns:3fr 1fr;grid-template-areas:"head image" "text image";gap:0 1.875rem}.career .card_image{padding:0}.career .card_image img{max-width:160px;justify-self:end;align-self:center}.career .card_head{display:flex;flex-wrap:wrap}.career .card_head_stick{display:block}.career .card_time{flex-grow:1;text-align:start;width:100%;padding:0 10px 15px}.career .card--right{grid-template-columns:1fr 3fr;grid-template-areas:"image head" "image text"}.career .card--right .card_image img{justify-self:start}.career .card--right .card_head{justify-content:end}.career .card--right .card_text,.career .card--right .card_time{text-align:end}}