.portfolio-refresh{--home-ink:#18352f;--home-muted:#435c57;--home-accent:#295b48;--home-width:1200px;color:var(--home-ink);background:#fff}.portfolio-refresh .portfolio-nav{min-height:72px;padding:12px max(24px, calc((100% - var(--home-width)) / 2));background:#fffffff5;border-color:#e2e8e3}.portfolio-refresh .portfolio-nav a{color:var(--home-ink)}.portfolio-refresh .portfolio-nav a:hover,.portfolio-refresh .portfolio-footer a:hover{text-underline-offset:6px;text-decoration:underline}.portfolio-refresh .portfolio-hero{isolation:isolate;width:100%;min-height:min(680px,100svh - 150px);padding:56px max(24px, calc((100% - var(--home-width)) / 2));background:#f6f9fa;align-items:center;scroll-margin-top:72px;display:flex;position:relative}.portfolio-hero-backdrop{z-index:-2;object-fit:cover;object-position:center 45%;width:100%;height:100%;position:absolute;inset:0}.portfolio-refresh .portfolio-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f9fbfcfa 0%,#f9fbfcf0 35%,#f9fbfc61 72%,#f9fbfc0d 100%);position:absolute;inset:0}.portfolio-refresh .portfolio-hero-content{width:100%;max-width:640px;padding:0}.portfolio-intro-identity{align-items:center;gap:20px;margin-bottom:24px;display:flex}.portfolio-refresh .portfolio-portrait{object-fit:cover;object-position:center 28%;border-radius:50%;flex-shrink:0;width:80px;height:80px;display:block}.portfolio-refresh .eyebrow{color:var(--home-accent)}.portfolio-refresh .portfolio-hero-content>.eyebrow{margin:0 0 20px}.portfolio-refresh .portfolio-hero h1{min-width:0;max-width:none;color:var(--home-ink);margin:0}.portfolio-refresh .portfolio-lede{max-width:560px;color:var(--home-muted);margin:24px 0 28px}.portfolio-intro-links{flex-wrap:wrap;gap:20px 32px;display:flex}.portfolio-refresh .text-link{width:fit-content;color:var(--home-ink);border-bottom:1px solid;padding-bottom:5px}.portfolio-refresh .text-link span{transition:transform .2s}.portfolio-refresh .text-link:hover span{transform:translate(3px)}.portfolio-refresh .portfolio-availability{max-width:500px;color:var(--home-muted);margin:26px 0 0}.portfolio-refresh .portfolio-work{width:100%;padding:0;scroll-margin-top:72px}.portfolio-refresh .portfolio-section-heading{width:min(var(--home-width), calc(100% - 48px));max-width:none;margin:0 auto;padding:64px 0 24px}.portfolio-refresh .portfolio-section-heading h2{max-width:760px;color:var(--home-ink);margin:12px 0 0}.portfolio-refresh .project-list{display:block}.portfolio-refresh .project-feature{background:#fff;border:0;border-radius:0;min-height:0;padding:88px 0;display:block}.portfolio-refresh .project-feature.leaf{background:#edf5f0}.portfolio-refresh .project-feature.bimbo{background:#fff4e5}.portfolio-refresh .project-feature.bimbo .eyebrow,.portfolio-refresh .project-feature.bimbo .text-link,.portfolio-refresh .project-feature.bimbo .project-number{color:#a34313}.project-feature-inner{width:min(var(--home-width), calc(100% - 48px));grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:72px;margin-inline:auto;display:grid}.portfolio-refresh .project-image{background:0 0;grid-area:1/2;min-width:0;min-height:0;padding:0;overflow:visible}.portfolio-refresh .project-feature:nth-child(2n) .project-feature-inner{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.portfolio-refresh .project-feature:nth-child(2n) .project-image{grid-column:1}.portfolio-refresh .project-feature:nth-child(2n) .project-copy{grid-column:2}.portfolio-refresh .project-feature .project-shot{aspect-ratio:4/3;width:100%;box-shadow:none;background:#eaf2fa;border-radius:4px;place-items:center;padding:24px;transition:transform .35s;display:grid}.portfolio-refresh .project-feature.leaf .project-shot{background:#dcebe2}.portfolio-refresh .project-feature.bimbo .project-shot{background:#ffe0b2}.portfolio-refresh .project-feature .project-shot img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%;box-shadow:none;border-radius:0;display:block}:is(.portfolio-refresh .project-image:hover .project-shot,.portfolio-refresh .project-image:focus-visible .project-shot){transform:translateY(-5px)}.portfolio-refresh .project-copy{grid-area:1/1;min-width:0;padding:0}.portfolio-refresh .project-number{color:#5d716b;margin-bottom:24px;font-size:14px;font-weight:500;position:static}.portfolio-refresh .project-copy h3{color:var(--home-ink);white-space:normal;margin:12px 0 20px}.portfolio-refresh .project-copy>p:not(.eyebrow){color:var(--home-muted);margin:0 0 28px}.portfolio-refresh .portfolio-vision-band{background:#fff;border:0;scroll-margin-top:72px}.portfolio-refresh .portfolio-vision{padding-block:96px}.portfolio-refresh .portfolio-vision-heading{max-width:var(--home-width);margin-inline:auto}.portfolio-refresh .portfolio-vision-heading h2,.portfolio-refresh .portfolio-footer h2{color:var(--home-ink)}.portfolio-refresh .portfolio-vision-heading>p{color:var(--home-muted)}.portfolio-refresh .portfolio-footer{background:#eaf2ef;border:0;width:100%;margin:0;padding:72px 24px 28px;display:block}.portfolio-footer-inner{max-width:var(--home-width);grid-template-columns:minmax(0,1fr) auto;gap:48px;margin-inline:auto;display:grid}.portfolio-refresh .portfolio-footer h2{margin:12px 0 20px}.portfolio-refresh .portfolio-footer a{color:var(--home-ink)}.portfolio-refresh .portfolio-email{overflow-wrap:anywhere}.portfolio-footer-links{flex-direction:column;justify-content:center;gap:18px;display:flex}.portfolio-footer-links a{justify-content:space-between;gap:28px;display:flex}.portfolio-signoff{color:var(--home-muted);border-top:1px solid #ccdcd4;grid-column:1/-1;margin:0;padding-top:24px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.portfolio-refresh .project-feature-inner,.portfolio-refresh .portfolio-vision-heading{animation:1s linear both portfolio-enter;animation-timeline:view();animation-range:entry entry 70%}@keyframes portfolio-enter{0%{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}}@media (max-width:1000px){.portfolio-refresh .project-feature{padding-block:64px}.project-feature-inner{gap:36px}}@media (max-width:760px){.portfolio-refresh .portfolio-hero{min-height:0;padding-block:44px}.portfolio-refresh .portfolio-hero:after{background:#f9fbfce0}.portfolio-refresh .project-feature-inner,.portfolio-refresh .project-feature:nth-child(2n) .project-feature-inner{grid-template-columns:minmax(0,1fr);gap:28px}.portfolio-refresh .project-feature .project-image{grid-area:2/1}.portfolio-refresh .project-feature .project-copy{grid-area:1/1}.portfolio-refresh .project-number{margin-bottom:12px}.portfolio-refresh .project-feature .project-shot{max-height:560px}.portfolio-refresh .portfolio-vision-heading{grid-template-columns:1fr;gap:24px}.portfolio-refresh .portfolio-vision{padding-block:64px}}@media (max-width:480px){.portfolio-refresh .portfolio-nav{gap:12px;padding:14px 20px}.portfolio-refresh .portfolio-nav>div{justify-content:space-between;gap:14px;width:100%}.portfolio-refresh .portfolio-hero{padding:36px 20px;scroll-margin-top:106px}.portfolio-refresh .portfolio-hero-content{padding:0}.portfolio-intro-identity{gap:16px;margin-bottom:20px}.portfolio-refresh .portfolio-portrait{width:64px;height:64px}.portfolio-refresh .portfolio-lede{margin-block:20px}.portfolio-refresh .portfolio-section-heading,.project-feature-inner{width:calc(100% - 40px)}.portfolio-refresh .portfolio-section-heading{padding-top:44px}.portfolio-refresh .project-feature{padding-block:48px}.portfolio-refresh .project-feature .project-shot{padding:16px}.portfolio-refresh .portfolio-work,.portfolio-refresh .portfolio-vision-band{scroll-margin-top:106px}.portfolio-refresh .portfolio-footer{padding:48px 20px 24px}.portfolio-footer-inner{grid-template-columns:1fr;gap:32px}.portfolio-footer-links{align-items:start}}@media (prefers-reduced-motion:reduce){.portfolio-refresh *,.portfolio-refresh :before,.portfolio-refresh :after{transition:none!important;animation:none!important}}.learning-sample-link{border-top:1px solid #ccdce7;width:min(980px,100% - 48px);margin:16px auto 64px;padding-block:32px}.learning-sample-link h3{margin-bottom:14px}.learning-sample-link>p:not(.eyebrow){max-width:700px;line-height:1.75}.portfolio-product-route .learning-sample-link{margin-bottom:24px;padding-block:40px}.portfolio-nav a[aria-current=page]{text-underline-offset:7px;text-decoration:underline}#product-work{scroll-margin-top:90px}#product-work .portfolio-section-heading>p:not(.eyebrow){max-width:760px;line-height:1.7}
