:root{--light-text-color:hsl(0 0 60%);--default-text-color:hsl(0 0 10%);--border-color:hsl(0 0 80%);--default-background-color:#f7f7f7;--text-very-large:clamp(1.15rem,2vw,1.75rem);--text-large:clamp(1.15rem,2.5vw,1.5rem);--text-medium:clamp(1rem,2vw,1.25rem);--text-small:clamp(.9rem,1.5vw,1.1rem);--text-very-small:clamp(.9rem,1.25vw,1rem);--text-padding:clamp(1.25rem,2.5vw,2.5rem)}html{letter-spacing:-.025em;color:var(--default-text-color);background-color:var(--default-background-color);scroll-behavior:smooth;font-family:Inter,sans-serif;line-height:1.35em}body{max-width:1440px;margin:0 auto}h1{font-size:clamp(1rem,.5vw + 1rem,1.5rem);font-weight:inherit;white-space:nowrap}h2{font-size:var(--text-very-large);font-weight:600}p{font-size:var(--text-medium)}header,section{padding:0 max(.75rem,2.5vw)}header{width:100%;padding:clamp(1rem,1.5vw,1.5rem)var(--text-padding);background-color:var(--default-background-color);z-index:1000;flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;font-weight:600;transition:transform .3s;display:flex;position:sticky;top:0;&.hidden{transform:translateY(-100%)}}nav ul{flex-direction:row;gap:max(.75rem,2vw);padding:0;list-style-type:none;display:flex;& a{color:var(--light-text-color);font-size:clamp(1rem,2vw,1.25rem);transition:color .2s;& .selected{background:hsl(0 0 90%)}&:hover{color:var(--default-text-color)}}}a{--highlight-offset-x:-.75rem;--highlight-offset-y:-.5rem;color:var(--default-text-color);z-index:1;text-decoration:none;position:relative;&:after{content:"";left:var(--highlight-offset-x);right:var(--highlight-offset-x);bottom:var(--highlight-offset-y);top:var(--highlight-offset-y);opacity:0;z-index:0;filter:blur(10px);background:currentColor;border-radius:.75rem;transition:all .15s ease-in;position:absolute;transform:scale(.5)translateY(1rem)}&:hover{&:after{opacity:.075;filter:blur();transition:all .1s ease-out;transform:scale(1)translateY(0)}}}.hero{padding:2vw var(--text-padding);flex-direction:column;justify-content:center;align-items:center;min-height:max(60vh,9em);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:600;line-height:1.05em;display:flex;& .conditional-break{display:none}@media (width<=600px){&{text-align:center;min-height:max(68vh,10em)}& .conditional-break{display:inline-block}}& .hero-text{font-size:inherit;position:relative;& .products-note{width:clamp(300px,45vw,600px);max-width:none;position:absolute;top:.1em;left:50%;transform:rotate(3deg)translate(-48%,-100%)}}& .no-break{white-space:nowrap}& .highlight{--highlight-spread-x:.2em;--highlight-spread-y:0em;position:relative;&:before{content:"";left:calc(var(--highlight-spread-x)*-1);right:calc(var(--highlight-spread-x)*-1);top:calc(var(--highlight-spread-y)*-1);bottom:calc(var(--highlight-spread-y)*-1);z-index:-1;background:#ffee9a;border-radius:3px;position:absolute;transform:skewY(-1deg)rotate(-1deg)translate(.05em,.05em)}}& .beautifully{position:relative;& .beautifully-note{width:clamp(300px,45vw,600px);max-width:none;position:absolute;top:1.5em;left:125%;transform:rotate(3deg)translate(-50%)}& .beautifully-note-small{width:250px;max-width:none;display:none;position:absolute;top:1.35em;right:10%;transform:rotate(-2deg)}@media (width<=600px){& .beautifully-note{display:none}& .beautifully-note-small{display:block}}}}.with-arrow{&:before{content:"";aspect-ratio:1.25;background:currentColor;width:.8em;margin-right:.25em;display:inline-block;mask-image:url("data:image/svg+xml,<svg viewBox=\"0 0 104 47\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 18.6351C31.5223 18.6352 63.0086 20.9653 92.5891 18.2239M92.5891 18.2239C93.5589 18.134 94.5267 18.0387 95.4923 17.9377C102.888 17.1637 102.168 17.0129 97.2703 15.789M92.5891 18.2239C94.1263 17.3834 95.6863 16.5714 97.2703 15.789M92.5891 18.2239C79.6533 25.2972 68.3276 34.3978 57.8472 45M97.2703 15.789C96.2496 15.534 95.0475 15.2323 93.6996 14.8687C86.7711 12.9997 47.1272 -5.35832 73.2224 5.31321C76.2947 6.56961 100.766 14.1235 99.767 14.5897C98.9281 14.9814 98.096 15.3812 97.2703 15.789Z\" stroke=\"%232255E3\" style=\"stroke:%232255E3;;stroke-opacity:1;\" stroke-width=\"7\" stroke-linecap=\"round\"/></svg>");mask-position:50%;mask-repeat:no-repeat}&.alt{&:before{mask-image:url("data:image/svg+xml,<svg viewBox=\"0 0 90 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.98242 2.92969C19.153 22.798 31.1413 34.2085 57.0115 36.1902C63.2903 36.6712 73.3994 38.2332 79.3414 35.2533C82.7166 33.5606 87.0016 34.4665 82.2444 30.9783C82.1572 30.9143 82.0692 30.8496 81.9804 30.7841M81.9804 30.7841C78.0784 27.9066 72.6316 23.5693 67.9772 22.3222C66.657 21.9684 75.5676 27.1912 81.9804 30.7841ZM81.9804 30.7841C83.9187 31.8701 85.6288 32.8072 86.7592 33.3963C92.9859 36.6416 65.0895 51.2785 60.4964 53.9303\" stroke=\"%232255E3\" style=\"stroke:%232255E3;stroke-opacity:1;\" stroke-width=\"7\" stroke-linecap=\"round\"/></svg>")}}}.about-me-short{margin:0 var(--text-padding);background:#fff;border-radius:clamp(16px,2vw,24px);padding:clamp(1rem,3vw,2.5rem) 0;@media (width<=750px){&{background:0 0}}& .columns{gap:calc(1.5*var(--text-padding));margin:0 var(--text-padding);flex-direction:row;display:flex;@media (width<=750px){&{margin:0}}& .column{min-width:0;font-size:var(--text-large);flex:1 1 0}& .link-wrapper{letter-spacing:-.05em;font-family:Caveat;font-size:1.5em;font-weight:500;display:block}& p{font-size:var(--text-large)}& a{color:#2255e3;white-space:nowrap;display:inline-block;&:after{left:calc(2*var(--highlight-offset-x));right:calc(2*var(--highlight-offset-x));top:0;bottom:0}}}& .column:first-child{& .link-wrapper{margin-left:.35em}}& .column:nth-child(2){& .link-wrapper{margin-top:.1em;margin-left:.25em}}@media (width<=750px){& .columns{display:inline-block;& .column:not(:last-child){margin-bottom:1em}}}}.projects{padding:0;&>p{font-size:var(--text-large);padding:var(--text-padding)}@media (width>=750px){&{padding:1.25em var(--text-padding)}}}.projects{& article{align-items:stretch;gap:calc(2*var(--text-padding));padding:clamp(1.75rem,4vw,4rem)0 clamp(2.5rem,5vw,5rem)var(--text-padding);flex-direction:column;display:flex;overflow:hidden;@media (width>=750px){&{background:#eee;border-radius:clamp(16px,2vw,24px);flex-direction:row;margin-bottom:max(1rem,2vw);padding-bottom:clamp(1rem,3vw,2.5rem)}& .description{margin-right:var(--text-padding)}}& .description{flex-direction:column;flex:100px;max-width:500px;display:flex;& hgroup{flex-direction:row;align-items:center;gap:clamp(1rem,2vw,1.5rem);margin-bottom:min(6vw,2rem);display:flex;& .icon{border-radius:clamp(10px,1.25vw,14px);width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px)}& h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1em}}& p{max-width:35ch;color:color-mix(in srgb,currentColor 75%,transparent)}& .achievements{color:color-mix(in srgb,currentColor 50%,transparent);margin:clamp(.75rem,1.25vw,1.25rem) 0 0;font-size:clamp(1rem,1.75vw,1.1rem)}& .tags{flex-flow:wrap;gap:.75rem;margin:clamp(1rem,1.75vw,2rem) 0 0;display:flex;& .tag{background:color-mix(in srgb,currentColor 10%,transparent);color:color-mix(in srgb,currentColor 65%,transparent);text-transform:uppercase;letter-spacing:.025rem;white-space:nowrap;border-radius:.65rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600}}& .link-wrapper{letter-spacing:0;color:color-mix(in srgb,currentColor 75%,transparent);letter-spacing:-.025em;justify-self:self-end;margin-top:auto;padding-top:.5em;font-family:Caveat;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;display:block;& a{color:inherit;display:inline-block;&:after{right:calc(1.5*var(--highlight-offset-x));top:0;bottom:0}}}}& .visual{flex:100px;@media (width<=750px){&{flex-direction:column}}& img{object-fit:cover;object-position:left center;min-width:0;height:clamp(350px,40vw,530px);margin:0 0 0 auto;@media (width>=600px){&{object-position:center center;margin:0 auto}}@media (width>=750px){&{object-position:left center;margin:0 0 0 auto}}}}}}article.repper{color:#290965;background:#f2ecfd;& .description{& hgroup{gap:clamp(.85rem,1.5vw,1.25rem)}& h2{font-family:Athletics,sans-serif;font-weight:600;font-size:clamp(2rem,3.5vw,2.75rem)!important}}& .visual img{border-radius:.75rem 0 0 .75rem;@media (width>=600px) and (width<=750px){&{border-radius:.75rem}}}}article.secret-signs{color:#e9eaea;background:#1d3143;& h2{text-transform:uppercase;letter-spacing:.02em;font-family:Rubik,sans-serif}}article.humani{color:#fff;background:#322c96;padding-bottom:0;& .link-wrapper{margin-bottom:clamp(1rem,3vw,2.5rem)}& h2 img{height:clamp(1.5rem,3vw,2.25rem)}& .visual img{object-position:left top}}article.finematter{color:#333;background:#f4f1ea;padding-bottom:0;& .description{& h2 img{height:clamp(1rem,2vw,1.4rem)}& .link-wrapper{margin-bottom:clamp(1rem,3vw,2.5rem)}}& .visual img{object-position:left top;border-top-left-radius:1.5vw}}.contact{width:100%;max-width:500px;padding:0 var(--text-padding);text-align:center;margin:clamp(3rem,4vw,6rem) auto;& p{font-size:var(--text-medium);margin:.5em 0 1.5em}& .email-address-link{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--border-color);-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);text-decoration-skip-ink:auto;&:hover{text-decoration-color:#0000}}& .contact-button{color:var(--default-text-color);font-size:var(--text-medium);border:1.5px solid var(--border-color);border-radius:.5em;padding:.5em 1em;display:inline-block;&:hover{border-color:#0000}}& ul{margin:clamp(1rem,2vw,3rem) 0 0;padding:0;& li{font-size:var(--text-small);opacity:.6;border-radius:.5em;padding:.5em;display:inline-block;&:hover{opacity:1}}}}.about-me-section{padding:var(--text-padding);margin:0 var(--text-padding);background:#fff;border-radius:clamp(16px,2vw,24px);flex-flow:row;align-items:flex-start;gap:clamp(2rem,3vw,3rem);display:flex;@media (width<=750px){&{background:0 0;flex-flow:column wrap;margin:0}}& .writing{flex:1.5 100px;margin:clamp(.25rem,.75vw,.75rem) 0 0;& h2{font-size:var(--text-very-large);margin-bottom:.5rem}& p{font-size:var(--text-medium);max-width:55ch;margin-bottom:1rem}}& .description{margin-bottom:clamp(2rem,2vw,3rem)}& .roles-container{grid-template:"current-roles""previous-roles""education-roles"/1fr;gap:clamp(1.5rem,3vw,3rem);display:grid;@media (width>=1100px){&{grid-template:"current-roles previous-roles""education-roles previous-roles"1fr/1fr 1fr;align-items:start;gap:clamp(.5rem,1vw,1rem) clamp(1.5rem,3vw,3rem)}}}& #previous-roles{grid-area:previous-roles}& #current-roles{grid-area:current-roles}& #education-roles{grid-area:education-roles}& ul.roles-list{flex-flow:wrap;gap:clamp(.5rem,1vw,1rem);max-width:375px;margin:clamp(.5rem,1vw,1rem) 0;padding:0;display:flex;& li{width:100%;list-style-type:none;& .role{font-size:var(--text-medium);color:var(--default-text-color);margin-bottom:.25em;font-weight:400;line-height:1.25em}& .details{gap:0 clamp(.5rem,1vw,1rem);align-items:space-between;flex-flow:wrap;justify-content:space-between;line-height:1.35em;display:flex}& .period,& .org{font-size:var(--text-small);color:var(--light-text-color);font-variant-numeric:tabular-nums;flex:none;font-weight:400}& .role{flex:auto}}}& .portrait-container{aspect-ratio:2/3;flex:100px;width:100%;min-width:200px;max-width:400px;margin:clamp(0rem,2vw,2rem) auto;@media (width<=750px){&{aspect-ratio:1;width:100%;max-width:450px}}& .portrait-wrapper{background:#ddd;border-radius:clamp(10px,1.25vw,14px);height:100%;position:relative;& .portrait{object-fit:cover;object-position:center 10%;border-radius:clamp(10px,1.25vw,14px);width:100%;height:100%;transition:opacity .3s;position:relative}&:after{content:"";border-radius:inherit;border-radius:clamp(10px,1.25vw,14px);position:absolute;inset:0;box-shadow:inset 0 0 1.5px #00000040}}& .portrait-buttons{z-index:2;flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,.75vw,.65rem);display:flex;position:absolute;bottom:1rem;left:0;right:0}& .portrait-button{color:#ffffffa6;backdrop-filter:blur(40px);white-space:nowrap;cursor:pointer;z-index:2;background:#0000004d;border:none;border-radius:.75rem;padding:clamp(.5rem,.75vw,.65rem) clamp(1rem,1.5vw,1.25rem);font-size:clamp(.8rem,1.5vw,.9rem);box-shadow:inset 0 0 1px #ffffffbf;&:hover{color:#ffffffe6;background:#00000040}}}}.loading-spinner{z-index:2;border:3px solid #ffffff4d;border-top-color:#fffc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}
/*# sourceMappingURL=repo.59a01589.css.map */