:where(.portfolio) :where(*){margin:revert;padding:revert;border:revert}:where(.portfolio) :where(h1,h2,h3,h4,h5,h6){font:revert;letter-spacing:revert;text-transform:revert}:where(.portfolio) :where(ol,ul,menu){list-style:revert}:where(.portfolio) :where(svg,video,canvas,iframe){display:revert;vertical-align:revert}:where(.portfolio) :where(button,input,select,textarea){font:revert;color:revert;background-color:revert;border-radius:revert}:where(.portfolio) :where(a){color:revert;-webkit-text-decoration:revert;text-decoration:revert}.portfolio{--cream:var(--color-cream);--cream-soft:var(--color-cream-soft);--lime:var(--color-lime);--dark-green:var(--color-dark-green);--charcoal:var(--color-charcoal);--gold:var(--color-gold);--rule:color-mix(in srgb, var(--dark-green) 18%, transparent);--muted:color-mix(in srgb, var(--charcoal) 68%, var(--cream));--ease-out:cubic-bezier(.22, 1, .36, 1);--font-display:var(--font-fields);--font-label:var(--font-barlow-sc);--bar-h:5.25rem;background:var(--cream);color:var(--charcoal);font:400 1.0625rem/1.55 var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:clip}@media (min-width:768px){.portfolio{--bar-h:5.75rem}}@media (min-width:1024px){.portfolio{--bar-h:9.25rem}}.portfolio,.portfolio *{box-sizing:border-box}.portfolio img{max-width:100%;display:block}.portfolio a{color:var(--dark-green);text-underline-offset:3px}.portfolio :focus-visible{outline:2px solid var(--dark-green);outline-offset:3px}.portfolio .wrap{width:min(1300px,100% - 32px);margin-inline:auto}@media (min-width:768px){.portfolio .wrap{width:min(1300px,90%)}}.portfolio h1,.portfolio h2,.portfolio h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500}.portfolio h1{font-size:clamp(2.5rem,1.6rem + 4vw,5rem);line-height:1.02}.portfolio h2{color:var(--dark-green);font-size:clamp(2rem,1.6rem + 1.8vw,3.25rem);line-height:1.06}.portfolio h3{font-size:clamp(1.35rem,1.2rem + .5vw,1.75rem);line-height:1.15}.portfolio p{text-wrap:pretty;margin:0}.portfolio .pfc{--pad-y:clamp(64px, 6.5vw, 104px);padding:calc(var(--pad-y) * .9) 0;background:var(--pfc-bg);color:var(--pfc-ink)}.portfolio .pfc-in{justify-items:start;gap:clamp(20px,2.6vw,32px);display:grid}.portfolio .pfc h2{letter-spacing:-.035em;max-width:24ch;color:var(--pfc-ink);font-size:clamp(2rem,1rem + 3.4vw,4rem);line-height:1.05}.portfolio .pfc p{max-width:46ch;color:var(--pfc-dim);font-size:clamp(1.1875rem,1.05rem + .6vw,1.5rem);line-height:1.5}.portfolio .pfc-list{width:100%;max-width:760px;margin:0;padding:0;list-style:none}.portfolio .pfc-list li{border-top:1px solid var(--pfc-line);grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0;display:grid}.portfolio .pfc-list li:last-child{border-bottom:1px solid var(--pfc-line)}@media (min-width:768px){.portfolio .pfc-list li{grid-template-columns:11rem minmax(0,1fr);align-items:baseline;gap:24px}}.portfolio .pfc-list b{font:600 .9375rem/1.3 var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--pfc-accent)}.portfolio .pfc-list span{color:var(--pfc-dim);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.5}.portfolio .pfc-act{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}.portfolio .pfc-btn{background:var(--pfc-btn);min-height:56px;color:var(--pfc-btn-ink);font:600 1rem/1 var(--font-label);text-transform:uppercase;letter-spacing:.07em;transition:transform .15s var(--ease-out), background-color .15s, color .15s;border-radius:999px;justify-content:center;align-items:center;padding:0 34px;text-decoration:none;display:inline-flex}.portfolio .pfc-btn:hover{background:var(--pfc-btn-hover,var(--pfc-btn));transform:translateY(-2px)}.portfolio .pfc-btn:active{transform:translateY(0)scale(.98)}.portfolio .pfc-live{min-height:48px;font:500 1.0625rem/1.2 var(--font-display);color:var(--pfc-accent);align-items:center;display:inline-flex}.portfolio .vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :before,.portfolio :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}