.portfolio-opening{padding-block:48px 40px}.portfolio-opening .page-heading-row{grid-template-columns:1.4fr 1fr;gap:48px}.portfolio-opening .text-link{margin-top:15px}.portfolio-feature{background:#ebe6dc;grid-template-columns:.8fr 1.5fr;align-items:center;gap:36px;padding:36px 32px 24px;display:grid}.portfolio-feature-copy h2{font-size:clamp(32px,3.6vw,48px)}.portfolio-feature-copy>p:not(.page-eyebrow){color:#625e54;max-width:34ch;margin-top:22px}.portfolio-feature-copy .text-link{margin-block:18px}.portfolio-feature-status{color:#625e54;font-size:13px;display:block}.portfolio-demo{min-width:0}.portfolio-screen-controls{border-bottom:1px solid #bfb8aa;gap:8px;margin-bottom:18px;display:flex}.portfolio-screen-controls button{color:#625e54;cursor:pointer;border-bottom:2px solid #0000;min-height:48px;padding:8px 12px;font-size:14px}.portfolio-screen-controls button[aria-pressed=true]{color:#98302f;border-color:#98302f}.portfolio-screen{background:#faf9f5;border:1px solid #d3ccbe;box-shadow:0 8px 28px #14141312}.portfolio-screen img{aspect-ratio:1.5;object-fit:contain;width:100%;height:auto;animation:.35s ease-out portfolio-reveal}.portfolio-screen p{border-top:1px solid #ded8ce;min-height:73px;padding:14px 18px;font-size:14px!important}.fodi-pages .portfolio-caption{color:#625e54;margin-top:10px;font-size:12px;line-height:1.5}.portfolio-stories{grid-template-columns:1fr 1fr;gap:40px;padding-block:48px 64px;display:grid}.portfolio-story{min-width:0}.portfolio-story-image{display:block;position:relative;overflow:hidden}.portfolio-story-image img{aspect-ratio:2.1;object-fit:cover;width:100%;transition:transform .5s}.portfolio-story-image:hover img{transform:scale(1.025)}.portfolio-story-image>span{background:#faf9f5;padding:7px 11px;font-size:13px;position:absolute;bottom:16px;left:16px}.fodi-pages .portfolio-story-client{color:#625e54;margin-top:24px;margin-bottom:12px;font-size:14px}.portfolio-story h2{font-size:clamp(30px,3vw,40px)}.portfolio-story>p:not(.portfolio-caption):not(.portfolio-story-client){color:#625e54;max-width:56ch;margin-top:16px}.portfolio-story-foot{border-top:1px solid #c8c2b5;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:10px;display:flex}.portfolio-story-foot>span{color:#625e54;font-size:12px}.portfolio-story-foot .text-link{white-space:nowrap;font-size:15px}.portfolio-index{border-top:1px solid #c8c2b5;padding-top:40px;scroll-margin-top:96px}.portfolio-toolbar{border-bottom:1px solid #c8c2b5;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-bottom:16px;display:flex}.portfolio-filters{flex-wrap:wrap;gap:6px;display:flex}.portfolio-filters button{cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:15px;display:flex}.portfolio-filters button span{opacity:.8;font-size:11px}.portfolio-filters button[aria-pressed=true]{color:#faf9f5;background:#141413;border-color:#141413}.portfolio-filters button:hover:not([aria-pressed=true]){background:#ebe6dc}.portfolio-search{border:1px solid #aaa396;align-items:center;gap:10px;min-width:240px;max-width:320px;height:46px;padding:0 12px;display:flex}.portfolio-search input{background:0 0;width:100%;min-width:0;height:44px;font-size:15px}.portfolio-search input::placeholder{color:#625e54}.fodi-pages .portfolio-count{color:#625e54;margin:15px 0;font-size:13px}.portfolio-row{border-bottom:1px solid #c8c2b5;grid-template-columns:1fr 1.65fr .7fr;gap:36px;padding-block:32px;animation:.3s ease-out portfolio-reveal;display:grid}.portfolio-client{align-items:flex-start;gap:16px;display:flex}.portfolio-client img{object-fit:contain;flex-shrink:0;width:64px;height:52px}.portfolio-client p{font-weight:500;font-size:18px!important;line-height:1.3!important}.portfolio-client span{color:#625e54;margin-top:8px;font-size:13px;display:block}.portfolio-description h3{letter-spacing:-.025em;font-size:23px;line-height:1.2}.portfolio-description p{color:#625e54;margin-top:12px;font-size:16px}.portfolio-detail{flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;display:flex}.portfolio-status{color:#625e54;line-height:1.4}.portfolio-detail .text-link{margin-top:4px;font-size:14px}.portfolio-category{font-weight:500}.portfolio-empty{padding:45px 0}.portfolio-empty p{margin:16px 0}.portfolio-page .page-bottom{margin-top:64px}.portfolio-page .page-bottom p:not(.page-eyebrow){color:#625e54;margin-top:18px}@keyframes portfolio-reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.portfolio-toolbar{flex-direction:column;align-items:flex-start}.portfolio-search{width:100%;max-width:100%}.portfolio-row{grid-template-columns:1fr 1.4fr .7fr;gap:24px}.portfolio-client{flex-direction:column}.portfolio-story-foot{flex-wrap:wrap}}@media (max-width:850px){.portfolio-opening .page-heading-row{grid-template-columns:1fr;gap:24px}.portfolio-feature{grid-template-columns:1fr;gap:28px;padding:28px}.portfolio-feature-copy>p:not(.page-eyebrow){max-width:62ch}.portfolio-feature-copy h2 br{display:none}.portfolio-feature-copy h2 br:after{content:" "}.portfolio-feature-copy h2{max-width:20ch}.portfolio-row{grid-template-columns:1fr 1.8fr}.portfolio-detail{flex-flow:wrap;grid-column:2;align-items:center;gap:8px 18px}.portfolio-client{grid-row:span 2}.portfolio-screen p{min-height:0}.portfolio-stories{gap:24px}}@media (max-width:600px){.portfolio-opening{padding-block:32px}.portfolio-opening h1{font-size:42px}.portfolio-feature{padding:22px 16px}.portfolio-stories{grid-template-columns:1fr;gap:40px;padding-block:32px 40px}.portfolio-screen-controls{justify-content:space-between;gap:0}.portfolio-screen-controls button{padding:6px 7px;font-size:12px}.portfolio-screen p{padding:12px;font-size:13px!important}.portfolio-story-image img{aspect-ratio:1.8}.portfolio-row{grid-template-columns:1fr;gap:18px;padding-block:28px}.portfolio-client{flex-direction:row;grid-row:auto;align-items:center}.portfolio-client img{width:56px;height:42px}.portfolio-detail{grid-column:auto}.portfolio-description h3{font-size:25px}.portfolio-filters{gap:3px}.portfolio-filters button{padding:8px 9px;font-size:14px}.portfolio-story-foot{margin-top:16px}.portfolio-feature-copy h2 br{display:initial}.portfolio-index .page-heading-row{gap:22px}}@media (prefers-reduced-motion:reduce){.portfolio-page *{transition:none!important;animation:none!important}}