:root{--font-size-l: 4rem;--line-height-l: 1.1em;--letter-spacing-l: -0.025em;--font-weight-l: 600;--font-size-s: 1.8rem;--line-height-s: 1.5em;--letter-spacing-s: -0.015em;--font-weight-s: 400;--font-size-xs: 1.6rem;--line-height-xs: 1.2em;--letter-spacing-xs: -0.015em;--font-weight-xs: 400;--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--gutter: 16px}*{box-sizing:border-box}html{font-size:62.5%}body{margin:0;padding:0;font-size:var(--font-size-s);font-family:var(--system-ui);font-weight:var(--font-weight-s);letter-spacing:var(--letter-spacing-s);line-height:var(--line-height-s)}a{transition:background-color .15s,color .15s,border .15s}a:link,a:visited{color:#000;text-decoration:none;border-bottom:2px solid #eee}a:hover,a:active{text-decoration-color:#000;border-bottom:2px solid #000}.container{margin:0 auto;max-width:1280px;display:grid;grid-template-rows:[header] 3rem [main] auto [footer] 3rem;grid-template-columns:auto;row-gap:var(--gutter);column-gap:var(--gutter);height:100dvh;width:85vw}.size-l{--min: 2rem;--val: 4vw;--max: var(--font-size-l);font-weight:var(--font-weight-l);letter-spacing:var(--letter-spacing-l);line-height:var(--line-height-l)}.size-s{--min: 1.6rem;--val: 4vwrem;--max: var(--font-size-s);font-weight:var(--font-weight-s);letter-spacing:var(--letter-spacing-s);line-height:var(--line-height-s)}.size-xs{--min: 1.4rem;--val: 2.5vw;--max: var(--font-size-xs);font-weight:var(--font-weight-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-height-xs)}.size-l,.size-s,.size-xs{font-size:clamp(var(--min),var(--val),var(--max))}.header{grid-row-start:header;grid-row-end:header;align-self:end}.header h1{margin:0;color:#595959}.main{display:flex;flex-direction:row;grid-row-start:main;grid-row-end:main;justify-items:start;align-self:center;align-items:center;margin-bottom:10vh}.profile{max-width:clamp(100px,40vw,300px);height:auto;display:block;margin-left:calc(var(--gutter) * 2);border-radius:8px}.footer{grid-row-start:footer;grid-row-end:footer;align-self:start}.footer-contact{margin:-6px 0 0 -10px;padding:0;list-style:none}.footer-contact li{margin-right:4px;display:inline}.footer-contact a{padding:6px 10px;border-radius:4px;display:inline-block;text-decoration:none;border:none}.footer-contact a:link,.footer-contact a:visited{color:#595959;background-color:#fff}.footer-contact a:hover,.footer-contact a:active{color:#000;background-color:#eee}@media only screen and (max-width:600px){.container{width:95vw}.main{flex-direction:column;align-items:start;margin-bottom:5vh}.intro{order:2}.profile{order:1;margin-left:0}}