.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{flex-shrink:0;display:inline-flex}.portfolio .portfolio-brand:active{transform:none}.portfolio-logo{font-family:var(--font-marker);letter-spacing:normal;white-space:nowrap;flex-direction:column;align-items:flex-start;margin:.458333em;font-weight:400;line-height:.86;display:flex}.portfolio-logo-crown{align-items:flex-end;gap:.145833em;height:.458333em;margin-left:.083333em;display:flex;transform:rotate(-8deg)}.portfolio-logo-crown>span{background:currentColor;width:.083333em;height:.291667em}.portfolio-logo-crown>span:first-child{transform:rotate(-28deg)}.portfolio-logo-crown>span:nth-child(2){height:.416667em}.portfolio-logo-crown>span:last-child{transform:rotate(28deg)}.portfolio-logo-kingdom{transform:rotate(-4deg)}.portfolio-logo-inventors{margin-top:.125em;margin-left:.833333em;transform:rotate(3deg)}.portfolio-menu-toggle{color:#f4f2ec;min-height:44px;font-family:var(--font-mono);letter-spacing:.18em;cursor:pointer;background:0 0;border:1px solid #f4f2ec;padding:10px 12px;font-size:12px;font-weight:700;display:none}.portfolio-header nav,.portfolio-footer,.portfolio-eyebrow,.portfolio-section-heading,.portfolio-status,.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-header nav{letter-spacing:.18em;flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,40px);display:flex}.portfolio-header nav a{white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:4px}.portfolio-header nav a:hover,.portfolio-header nav a[aria-current=page]{border-color:#f4f2ec}.portfolio-header nav .portfolio-reach-out{color:#0b0d0c;background:#f4f2ec;border:2px solid #f4f2ec;padding:10px 16px}.portfolio-header nav .portfolio-reach-out:hover{background:#d8d5cc;border-color:#d8d5cc}.portfolio-header nav .portfolio-reach-out[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.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-work .portfolio-section-heading h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1}.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-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:699px){.portfolio-project-grid{grid-template-columns:1fr}}.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;container-type:inline-size}a.portfolio-project:hover,a.portfolio-project:focus-visible{background:#ece9e2}@keyframes portfolio-arrive{0%{opacity:.85;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.portfolio-hero h1,.portfolio-hero .portfolio-lede,.portfolio-founder,.portfolio-service-pills,.portfolio-contact{animation:portfolio-arrive var(--dur-dialog) var(--ease-ki) both}.portfolio-hero .portfolio-lede{animation-delay:var(--dur-fast)}.portfolio-project-image span{transition:transform var(--dur-tab) var(--ease-ki)}a.portfolio-project:focus-visible .portfolio-project-image span{transform:translateY(-3px)}.portfolio-header nav .portfolio-reach-out,.portfolio-contact a,.portfolio-menu-toggle{transition:transform var(--dur-fast) var(--ease-ki), background-color var(--dur-fast) var(--ease-ki), color var(--dur-fast) var(--ease-ki), border-color var(--dur-fast) var(--ease-ki)}.portfolio-menu-toggle:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){a.portfolio-project:hover .portfolio-project-image span{transform:translateY(-3px)}.portfolio-header nav .portfolio-reach-out:hover,.portfolio-contact a:hover{transform:translateY(-2px)}}@media (max-width:999px){.portfolio-header nav[data-open=true]{animation:portfolio-arrive var(--dur-tab) var(--ease-ki)}}}@media (prefers-reduced-motion:reduce){.portfolio a:active{transform:none}}.portfolio-project-image{aspect-ratio:4/3;background:#e6e3da;align-items:center;width:100%;padding:26px;display:flex;position:relative}.portfolio-project-image span{font-family:var(--font-display);letter-spacing:-.03em;max-width:10ch;font-size:clamp(28px,7cqw,48px);line-height:1}.portfolio-project-description{font-size:16px;line-height:1.55}.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;background:#0b0d0c;flex-shrink:0;max-width:120px;padding:5px 7px;font-size:10px}.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-service-pills{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.portfolio-service-pills li{border:1px solid #d8d5cc;border-radius:999px;padding:10px 18px;font-size:16px;line-height:1.4}.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{background:#e6e3da;border:1px solid #0b0d0c;width:100%;max-width:440px;height:auto;display:block}.portfolio-founder-photo figcaption{font-family:var(--font-mono);letter-spacing:.16em;color:#4c564f;margin-top:12px;font-size:11px}.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-home-title{font-size:10.5vw;display:block}.portfolio-hero h1{font-size:min(56px,13.2vw)}.portfolio-project{padding-inline:18px}}@media (max-width:999px){.portfolio-header{gap:12px;padding-block:12px}.portfolio-menu-toggle{align-items:center;gap:10px;display:inline-flex}.portfolio-header nav{border-top:1px solid #4c564f;flex-direction:column;flex-basis:100%;align-items:stretch;gap:4px;max-height:60dvh;padding-top:12px;display:none;overflow-y:auto}.portfolio-header nav[data-open=true]{display:flex}.portfolio-header nav a{padding:12px 16px}.portfolio-header nav .portfolio-reach-out{margin-top:8px}}.portfolio-work-reveals{--work-headline-duration:.48s;--work-underline-duration:.56s;--work-product-duration:1.1s}.portfolio-work-reveals .portfolio-hero h1,.portfolio-work-reveals .portfolio-hero .portfolio-lede{animation:none}.portfolio-title-line{display:block}.portfolio-title-needs{width:fit-content;margin-bottom:.16em;position:relative}.portfolio-title-underline{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;pointer-events:none;width:100%;height:.12em;position:absolute;bottom:-.13em;left:0;overflow:visible}.portfolio-project-sketch{fill:none;stroke:#4c564f;stroke-width:1.5px;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}@keyframes portfolio-headline-reveal{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-draw-underline{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes portfolio-sketch-draw{0%{stroke-dashoffset:1px;opacity:.8}55%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:0;opacity:0}}@keyframes portfolio-product-resolve{0%,30%{opacity:.15}to{opacity:1}}@media (prefers-reduced-motion:no-preference){[data-headline-reveal=true] .portfolio-title-thoughtful,[data-headline-reveal=true] .portfolio-title-technology{animation:portfolio-headline-reveal var(--work-headline-duration) var(--ease-ki) both}[data-headline-reveal=true] .portfolio-title-thoughtful{animation-delay:var(--dur-fast)}[data-headline-reveal=true] .portfolio-title-technology{animation-delay:var(--dur-dialog)}[data-headline-reveal=true] .portfolio-title-underline path{stroke-dasharray:1;animation:portfolio-draw-underline var(--work-underline-duration) var(--ease-ki) var(--dur-tab) both}[data-sketch-state=revealing] .portfolio-project-sketch{display:block}[data-sketch-state=revealing] .portfolio-project-sketch path{stroke-dasharray:1;animation:portfolio-sketch-draw var(--work-product-duration) var(--ease-ki) both}[data-sketch-state=revealing] .portfolio-project-artwork{animation:portfolio-product-resolve var(--work-product-duration) var(--ease-ki) both}}