.studio-portfolio{background:#f8f9f5;color:#19251e;font-family:Instrument Sans,sans-serif;padding-bottom:70px}.studio-portfolio :is(h1,h2,h3,p){margin:0}.studio-portfolio :is(h1,h2,h3){font-weight:500;letter-spacing:-.055em;line-height:1.08}.studio-portfolio em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#2f6642}.studio-portfolio .studio-public-container{width:90%;max-width:1296px;margin-inline:auto}.studio-portfolio .studio-public-intro{padding:60px 0 30px}.studio-portfolio .studio-public-eyebrow{font-size:10px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:#386146}.studio-portfolio .studio-public-intro__heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-top:25px}.studio-portfolio h1{font-size:clamp(52px,5.7vw,82px);line-height:1}.studio-portfolio .studio-public-intro__heading>p{max-width:430px;justify-self:end;font-size:15px;line-height:1.8;color:#59655c;padding-bottom:4px}.studio-portfolio .studio-projects-intro-note{display:flex;align-items:center;gap:14px;margin-top:32px;color:#59655c;font-size:11px;line-height:1.6}.studio-portfolio .studio-projects-intro-note svg{color:#2f6642;flex-shrink:0}.studio-portfolio .studio-projects-archive{padding:0 0 70px}.studio-portfolio .studio-projects-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #dce1d8;padding:18px 0;margin-bottom:30px}.studio-portfolio .studio-projects-filters{display:flex;flex-wrap:wrap;gap:7px}.studio-portfolio .studio-projects-filters button{min-height:40px;border:1px solid #dce1d8;border-radius:100px;padding:9px 16px;font-size:11px;color:#59655c;background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.studio-portfolio .studio-projects-filters button.is-active{background:#254f35;border-color:#254f35;color:#fff}.studio-portfolio .studio-projects-filters button:not(.is-active):hover{background:#e7eedd;border-color:#bdcdb0;color:#254f35}.studio-portfolio .studio-projects-count{white-space:nowrap;color:#59655c;font-size:11px}.studio-portfolio .studio-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.studio-portfolio .studio-project-reveal{min-width:0;animation:studio-route-in .5s var(--studio-motion-ease) both}.studio-portfolio .studio-project-card{height:100%;overflow:hidden;border:1px solid #dce1d8;border-radius:16px;background:#fff;transition:border-color .25s,box-shadow .25s}.studio-portfolio .studio-project-card:hover{border-color:#a3b895;box-shadow:0 18px 36px -24px #254f3540}.studio-portfolio .studio-project-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.studio-portfolio .studio-project-card__media{aspect-ratio:16/10;overflow:hidden;background:#e8eee1}.studio-portfolio .studio-project-card__media img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .5s cubic-bezier(.23,1,.32,1)}.studio-portfolio .studio-project-card:hover .studio-project-card__media img{transform:scale(1.015)}.studio-portfolio .studio-project-card__visual-label{padding:9px 22px;border-bottom:1px solid #e8ece3;color:#677561;font-size:10px;line-height:1.5;background:#f4f6ef}.studio-portfolio .studio-project-card__body{display:flex;flex-direction:column;flex:1;padding:24px}.studio-portfolio .studio-project-card__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#59655c;margin-bottom:15px}.studio-portfolio .studio-project-card__meta>span:last-child{padding:4px 8px;border:1px solid #dce1d8;border-radius:20px}.studio-portfolio .studio-project-card__client{color:#386146;font-size:12px;font-weight:600;margin-bottom:10px}.studio-portfolio .studio-project-card h2{font-size:clamp(25px,2.4vw,34px);line-height:1.15;max-width:480px}.studio-portfolio .studio-project-card__description{margin:13px 0 22px;font-size:13px;line-height:1.75;color:#59655c}.studio-portfolio .studio-project-card__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;border-top:1px solid #e3e8dd;padding-top:15px;font-size:11px}.studio-portfolio .studio-project-card__footer>span:first-child{display:flex;align-items:center;gap:10px;color:#254f35}.studio-portfolio .studio-project-card__footer svg{transition:transform .25s}.studio-portfolio .studio-project-card:hover .studio-project-card__footer svg{transform:translate(2px,-2px)}.studio-portfolio .studio-project-card__footer>span:last-child{color:#677561}.studio-portfolio .studio-public-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px;border-radius:18px;background:#e9f0df;border:1px solid #d4dfc7}.studio-portfolio .studio-public-cta h2{font-size:clamp(34px,3.8vw,52px);line-height:1.08;margin:18px 0}.studio-portfolio .studio-public-cta__copy>p:last-child{font-size:13px;line-height:1.7;color:#59655c;max-width:460px}.studio-portfolio :focus-visible{outline:2px solid #386146;outline-offset:4px}.studio-portfolio .studio-project-card:has(a:focus-visible){outline:2px solid #386146;outline-offset:4px}.studio-portfolio .studio-project-card__link:focus-visible{outline:none}.corp-site.is-marketing .corp-case.corp-case--studio{background:#f8f9f5;color:#19251e;--portfolio-paper:#f8f9f5;--portfolio-ink:#19251e;--portfolio-mint:#d8e9c4;--corp-navy:#254f35;--corp-muted:#59655c;--corp-green-ink:#254f35;--corp-green-line:#c5d5b8;font-family:Instrument Sans,sans-serif}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__header{background:#f8f9f5;padding-top:45px}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__header h1{color:#19251e;font-weight:500;font-size:clamp(42px,5.2vw,76px);max-width:1000px;letter-spacing:-.06em}.corp-site.is-marketing .corp-case.corp-case--studio :is(.corp-case__summary,.corp-case__chapter-detail>p){color:#59655c}.corp-site.is-marketing .corp-case.corp-case--studio :is(.corp-case__story-intro h2,.corp-case__next>a>strong){font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#2f6642;letter-spacing:-.035em}.corp-site.is-marketing .corp-case.corp-case--studio :is(.corp-case__system,.corp-case__chapter-visual){background:#edf2e7;border:1px solid #d4dfc7;border-radius:16px;color:#254f35}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__hero-media{border-radius:16px;overflow:hidden}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__friction-map strong{background:#254f35;color:#fff;border-color:#254f35}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__friction-map>span{background:#fff;color:#254f35;border-color:#d4dfc7}.corp-site.is-marketing .corp-case.corp-case--studio :is(.corp-case__chapter-visual>header,.corp-case__chapter-visual>footer,.corp-case__route-map li,.corp-case__system-map){color:#254f35;border-color:#c5d5b8}.corp-site.is-marketing .corp-case.corp-case--studio :is(.corp-case__chapter-visual>footer strong,.corp-case__system-map strong,.corp-case__route-map strong,.corp-case__system h2,.corp-case__system-list strong,.corp-case__stack p){color:#254f35}.corp-site.is-marketing .corp-case.corp-case--studio .corp-case__next{background:#f8f9f5}@media(max-width:1000px){.studio-portfolio .studio-public-intro__heading{gap:30px}.studio-portfolio .studio-public-cta{align-items:flex-start;flex-direction:column}.studio-portfolio .studio-projects-toolbar{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:760px){.studio-portfolio .studio-public-intro{padding:36px 0 25px}.studio-portfolio .studio-public-intro__heading{grid-template-columns:1fr;gap:20px;margin-top:20px}.studio-portfolio h1{font-size:52px}.studio-portfolio .studio-public-intro__heading>p{justify-self:start;font-size:14px}.studio-portfolio .studio-projects-intro-note{margin-top:22px;font-size:11px;align-items:flex-start}.studio-portfolio .studio-projects-grid{grid-template-columns:1fr;gap:24px}.studio-portfolio .studio-project-card__body{padding:20px}.studio-portfolio .studio-project-card h2{font-size:28px}.studio-portfolio .studio-project-card__visual-label{padding-inline:20px}.studio-portfolio .studio-projects-filters button{min-height:42px;padding:8px 13px}.studio-portfolio .studio-projects-archive{padding-bottom:40px}.studio-portfolio .studio-public-cta{padding:26px 22px;gap:24px}.studio-portfolio .studio-public-cta h2{font-size:36px}.studio-portfolio .studio-public-cta .studio-button{gap:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.studio-portfolio *{animation:none!important;transition:none!important;transform:none!important}}
