.portfolio{--portfolio-gutter:clamp(24px, 5vw, 56px)}.portfolio-container{width:100%;max-width:1440px;padding-inline:var(--portfolio-gutter);margin-inline:auto}.portfolio a{transition:background-color .12s var(--ease-ki), color .12s var(--ease-ki), border-color .12s var(--ease-ki)}.portfolio a:active{transform:translate(2px,2px)}.portfolio-header,.portfolio-footer{color:#f4f2ec;padding:22px var(--portfolio-gutter);background:#0b0d0c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;display:flex}.portfolio-header{z-index:10;position:sticky;top:0}.portfolio-brand{align-items:center;gap:12px;display:flex}.portfolio-mark{font-family:var(--font-marker);font-size:30px;line-height:1;display:inline-flex;position:relative}.portfolio-mark>span{transform:rotate(-2deg)}.portfolio-crown{flex-shrink:0;width:24px;height:18px}.portfolio-mark .portfolio-crown{width:14px;height:10px;position:absolute;bottom:88%;left:30%}.portfolio-wordmark,.portfolio-header nav,.portfolio-footer,.portfolio-eyebrow,.portfolio-section-heading,.portfolio-status,.portfolio-project-meta,.portfolio-currently h2,.portfolio-contact h2,.portfolio-service-number,.portfolio-founder-role,.portfolio-statement h2{font-family:var(--font-mono);letter-spacing:.2em;font-size:12px;font-weight:700}.portfolio-wordmark{color:#9aa69e;letter-spacing:.24em}.portfolio-header nav{letter-spacing:.18em;gap:clamp(16px,3vw,40px);display:flex}.portfolio-header nav a{border-bottom:2px solid #0000;padding-bottom:4px}.portfolio-header nav a:hover,.portfolio-header nav a[aria-current=page]{border-color:#f4f2ec}.portfolio-hero{flex-direction:column;gap:28px;padding-block:clamp(56px,9vw,130px) clamp(40px,6vw,72px);display:flex}.portfolio-eyebrow{color:#4c564f;letter-spacing:.24em}.portfolio-hero h1{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(56px,11vw,168px);font-weight:400;line-height:.82}.portfolio-lede{text-wrap:pretty;max-width:34em;font-size:clamp(18px,1.6vw,22px);line-height:1.55}.portfolio-section{padding-bottom:72px}.portfolio-section-heading{border-top:2px solid #0b0d0c;justify-content:space-between;align-items:baseline;gap:16px;padding-block:16px;display:flex}.portfolio-section-heading span{color:#4c564f;text-align:right}.portfolio-project-grid,.portfolio-services{border-top:1px solid #0b0d0c;border-left:1px solid #0b0d0c;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.portfolio-project{transition:background-color .12s var(--ease-ki);border-bottom:1px solid #0b0d0c;border-right:1px solid #0b0d0c;flex-direction:column;gap:16px;min-width:0;padding:22px 26px 26px;display:flex}.portfolio-project:hover{background:#ece9e2}.portfolio-project-image{aspect-ratio:4/3;background:#e6e3da;width:100%;position:relative}.portfolio-project-image img{object-fit:cover;filter:grayscale()}.portfolio-project-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolio-project h3{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;font-size:22px;font-weight:400;line-height:.96}.portfolio-status{color:#f4f2ec;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#0b0d0c;padding:5px 7px;font-size:10px}.portfolio-project-meta{color:#4c564f;letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #d8d5cc;margin-top:auto;padding-top:12px;font-size:11px}.portfolio-currently{padding-bottom:90px}.portfolio-currently>div{border-top:2px solid #0b0d0c;flex-direction:column;gap:16px;padding-top:22px;display:flex}.portfolio-currently h2,.portfolio-contact h2{color:#4c564f}.portfolio-currently p{max-width:44em;font-size:18px}.portfolio-footer{letter-spacing:.24em;padding-block:40px}.portfolio-footer nav{color:#9aa69e;letter-spacing:.2em}.portfolio-footer a:hover{color:#f4f2ec;text-underline-offset:4px;text-decoration:underline}.portfolio-services{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.portfolio-services article{border-bottom:1px solid #0b0d0c;border-right:1px solid #0b0d0c;flex-direction:column;gap:16px;padding:26px;display:flex}.portfolio-service-number{color:#4c564f;letter-spacing:.16em}.portfolio-services h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;line-height:.96}.portfolio-services p{font-size:16px;line-height:1.55}.portfolio-contact{padding-bottom:90px}.portfolio-contact-about{padding-top:72px}.portfolio-contact>div{border-top:2px solid #0b0d0c;flex-wrap:wrap;align-items:baseline;gap:22px;padding-top:22px;display:flex}.portfolio-contact a{overflow-wrap:anywhere;border-bottom:2px solid #0b0d0c;font-size:18px}.portfolio-contact a:hover{color:#2a312d}.portfolio-founder{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,56px);padding-top:12px;display:grid}.portfolio-portrait{aspect-ratio:4/5;background:#e6e3da;border:1px solid #0b0d0c;width:100%;max-width:440px}.portfolio-bio{flex-direction:column;gap:22px;max-width:36em;display:flex}.portfolio-bio h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);line-height:.96}.portfolio-founder-role{letter-spacing:.16em;color:#4c564f;margin-top:9px}.portfolio-bio>p{text-wrap:pretty;font-size:18px}.portfolio-statement{color:#f4f2ec;background:#0b0d0c}.portfolio-statement>div{flex-direction:column;gap:22px;padding-block:clamp(56px,7vw,90px);display:flex}.portfolio-statement h2{letter-spacing:.24em;align-items:center;gap:16px;display:flex}.portfolio-statement p{font-family:var(--font-marker);text-wrap:pretty;max-width:22em;font-size:clamp(28px,3.6vw,48px);line-height:1.15}@media (max-width:509px){.portfolio-hero h1{font-size:min(56px,13.2vw)}.portfolio-project{padding-inline:18px}}