@font-face{font-family:Archivo;src:url('assets/archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/plex.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#fbfbf8;--ink:#16181d;--body:#3a3e46;--orange:#ff4d00;--rule:#ffd2bd;--grid:#f1f2ec}
*{box-sizing:border-box}
html{color:var(--ink);background:var(--paper);font-family:Archivo,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100svh;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;border-top:4px solid var(--orange)}
a{color:inherit;text-decoration:none}
.profile{width:min(100% - 64px,560px);margin:0 auto;padding:72px 0 44px}
.intro{padding-bottom:38px}
.heading-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
h1{font-size:clamp(2.25rem,5vw,3.5rem);font-stretch:115%;font-weight:800;letter-spacing:-.04em;line-height:1.07;margin:0;color:#111318}
.square{display:inline-block;width:.16em;height:.16em;background:var(--orange);margin-left:.12em;vertical-align:baseline}
.identity-images{display:flex;align-items:center;gap:8px;flex:none}
.identity-images img{display:block;width:64px;height:64px;aspect-ratio:1;object-fit:cover;border-radius:0;background:#111318}
.bio{font-size:1.1875rem;line-height:1.5;color:var(--body);margin:0;max-width:440px}
.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.socials a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #c9ccd2;background:var(--paper);transition:background .15s,border-color .15s}
.socials a:hover{border-color:var(--orange);background:#ffede3}
.socials img{display:block}
a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.email-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:32px;font-family:'IBM Plex Mono',monospace;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.email-link svg{flex-shrink:0}
.email-link:hover{color:#c23a00}
.email-link:hover span{text-decoration:underline;text-underline-offset:4px}
.work-section{margin-bottom:32px}
.section-label{font-family:'IBM Plex Mono',monospace;font-size:.875rem;line-height:1.5;font-weight:400;letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;color:#111318}
.companies{border-top:1px solid var(--orange);border-bottom:1px solid var(--orange);background:var(--paper)}
.company{display:grid;grid-template-columns:56px 1fr 20px;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid var(--rule);transition:background .15s}
.company:last-child{border-bottom:0}
.company:hover{background:#ffede3}
.company-copy{min-width:0}
h3{margin:0 0 8px;font-size:1.375rem;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#111318}
.company-copy p{margin:0;font-size:1rem;color:var(--body);line-height:1.5}
.logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo img{object-fit:contain;max-width:100%;display:block}
.sonar,.eliza{background:var(--ink)}
.sonar img{object-fit:cover}
.weathercop{background:#fff4db}
.holded{background:#fff}
.prtkl-name{font-stretch:125%;font-weight:800;font-size:1.25rem;letter-spacing:.01em}
.prtkl-name span{display:inline-block;width:5px;height:5px;background:var(--orange);margin-left:3px}
.name-note{font-size:.875rem;font-weight:400;letter-spacing:0;color:#626770}
.arrow{width:20px;height:20px;color:#5c616b}
.company:hover .arrow{color:var(--orange)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}
.booking{display:inline-flex;align-items:center;gap:12px;font-size:1rem;line-height:1.5;min-height:44px}
.booking:hover{color:#c23a00}
.booking:hover span{text-decoration:underline;text-underline-offset:4px}
.location{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:.875rem;color:#626770;white-space:nowrap}
@media(max-width:600px){.profile{width:calc(100% - 48px);padding-top:44px;padding-bottom:32px}.intro{padding-bottom:32px}.heading-row{gap:12px;margin-bottom:18px}h1{font-size:clamp(1.65rem,7.3vw,2.7rem);letter-spacing:-.035em}.identity-images{gap:6px}.identity-images img{width:40px;height:40px}.bio{font-size:1.0625rem}.wide-break{display:none}.socials{gap:10px}.company{grid-template-columns:48px 1fr 16px;gap:16px;padding:22px 0}.logo{width:48px;height:48px}.logo img{max-width:48px;max-height:48px}.weathercop img,.eliza img{width:36px;height:36px}.arrow{width:16px;height:16px}h3{font-size:1.25rem}.company-copy p{font-size:1rem;line-height:1.45}.work-section{margin-bottom:28px}.footer{flex-wrap:wrap;gap:8px 20px}.location{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}