:root{--portfolio-ink:#111;--portfolio-paper:#fdfdfc;--portfolio-rule:#cfcfca;--portfolio-link:#f18932}body{background:var(--portfolio-paper);color:var(--portfolio-ink);margin:0;font-family:Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box}.portfolio a{color:inherit}.icon__icon{vertical-align:middle;fill:currentColor}.portfolio-shell{inline-size:min(100% - 3rem,85rem);margin:0 auto}.portfolio-page{min-block-size:100vh;padding:1.25rem 0}.portfolio-page>.portfolio-shell{flex-direction:column;min-block-size:calc(100vh - 2.5rem);display:flex}.portfolio-header,.portfolio-footer{text-transform:uppercase;justify-content:space-between;gap:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:700;display:flex}.portfolio-header{border-block-end:2px solid var(--portfolio-ink);padding-block-end:1rem}.portfolio-header p,.portfolio-footer p{text-align:end;margin:0}.portfolio-name{text-decoration:none}.portfolio-profile{padding-block:clamp(4rem,9vw,8rem) clamp(3rem,6vw,5rem)}.portfolio-profile-text{letter-spacing:-.04em;max-inline-size:34ch;margin-block:1.5rem;font-size:clamp(1.75rem,3.5vw,3.5rem);line-height:1.15}.portfolio-skills{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.portfolio-skills li{border:1px solid var(--portfolio-rule);border-radius:2rem;padding:.45rem .75rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.4}.portfolio-resume,.portfolio-inquiry{border-block-end:1px solid;margin-block-start:1.5rem;padding-block-end:.2em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;text-decoration:none;display:inline-block}.portfolio-resume:hover,.portfolio-resume:focus-visible,.portfolio-inquiry:hover,.portfolio-inquiry:focus-visible{color:var(--portfolio-link)}.portfolio-resume:focus-visible,.portfolio-inquiry:focus-visible{outline:2px solid var(--portfolio-link);outline-offset:4px}.portfolio-references{padding-block-end:clamp(6rem,16vw,15rem)}.portfolio-title{white-space:nowrap;block-size:0;inline-size:0;margin:0;overflow:hidden}.portfolio-section-label{border-block-end:1px solid var(--portfolio-ink);text-transform:uppercase;justify-content:space-between;padding-block-end:.75rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:700;display:flex}.portfolio-section-label h2{font:inherit;margin:0}.portfolio-reference-list{margin:0;padding:0;list-style:none}.portfolio-reference-list li{border-block-end:1px solid var(--portfolio-rule)}.portfolio-reference-list a,.portfolio-reference{grid-template-columns:3rem minmax(0,1.55fr) minmax(12rem,.75fr) 1.5rem;align-items:baseline;gap:1rem;padding-block:1.25rem;padding-inline:0;display:grid}.portfolio-reference-list a{text-decoration:none}.portfolio-reference-list a:hover,.portfolio-reference-list a:focus-visible{color:var(--portfolio-link)}.portfolio-reference-list a:focus-visible{outline:2px solid var(--portfolio-link);outline-offset:3px}.portfolio-reference-list strong{letter-spacing:-.065em;font-size:clamp(1.7rem,4.2vw,4.7rem);font-weight:400;line-height:1}.portfolio-reference-list span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.4}.portfolio-external{text-align:end;font-size:1.1rem}.portfolio-footer{border-block-start:2px solid var(--portfolio-ink);padding-block-start:1rem}.portfolio-footer nav{gap:1.25rem;display:flex}.portfolio-footer a{text-underline-offset:.25em}.portfolio-legal{flex:1;padding:clamp(4rem,10vw,9rem) 0}.portfolio-legal article{inline-size:min(100%,46rem)}.portfolio-legal h1{margin:0 0 1.5rem;font-size:clamp(3.75rem,9vw,7rem);font-weight:400;line-height:.85}.portfolio-legal h2{margin:3rem 0 1rem;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:400;line-height:.95}.portfolio-legal p{font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}.portfolio-notice{border-inline-start:.25rem solid var(--portfolio-link);background:#f0f1ff;padding:1.25rem}@media (width<=48rem){.portfolio-shell{inline-size:min(100% - 2rem,84rem)}.portfolio-references{padding-block-end:7rem}.portfolio-reference-list a,.portfolio-reference{grid-template-columns:2rem 1fr 1rem;gap:.5rem}.portfolio-reference-list .portfolio-context{grid-column:2}.portfolio-external{grid-area:1/3}.portfolio-header,.portfolio-footer{flex-direction:column}.portfolio-footer p{text-align:start}}