.portfolio-browser{margin-top:32px}.portfolio-controls{display:flex;align-items:center;gap:15px;margin-bottom:24px}.portfolio-arrow{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:1px solid #bccbbe;background:#fff;color:#1d4035;font-size:25px;cursor:pointer;transition:background .18s,color .18s}.portfolio-arrow:hover{background:#1d4035;color:#fff}.portfolio-arrow:focus-visible,.portfolio-tab:focus-visible{outline:3px solid #8eb65b;outline-offset:3px}.portfolio-menu{display:flex;align-items:center;gap:8px;overflow-x:auto;min-width:0;flex:1;padding:7px 3px 12px;scrollbar-width:thin;scrollbar-color:#b9c8b8 transparent;scroll-behavior:smooth}.portfolio-tab{white-space:nowrap;border:1px solid #d8e0d3;border-radius:30px;background:transparent;color:#466153;padding:11px 18px;font:600 12px/1.4 inherit;cursor:pointer;flex:0 0 auto}.portfolio-tab[aria-selected=true]{background:#1d4035;border-color:#1d4035;color:white}.portfolio-tab .tab-preview{font-size:9px;opacity:.75;margin-left:8px}.portfolio-stage.is-carousel{display:block;position:relative}.portfolio-stage.is-carousel .work-card{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);min-height:410px;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #17362608;transform:none!important}.portfolio-stage.is-carousel .work-card[hidden]{display:none!important}.portfolio-stage.is-carousel .work-preview{height:100%;display:flex;align-items:center;background:#e9eee3;border-right:1px solid #dfe6d9}.portfolio-stage.is-carousel .work-preview img{width:100%;height:auto;max-height:520px;aspect-ratio:8/5;object-fit:contain;transform:none!important}.portfolio-stage.is-carousel .work-card-body{padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.portfolio-stage.is-carousel .work-card-body h3{font-size:clamp(27px,3vw,38px);line-height:1.12;margin:16px 0}.portfolio-stage.is-carousel .work-card-body p{font-size:15px;line-height:1.7;margin-bottom:25px}.portfolio-stage.is-carousel .work-card-body>a{overflow-wrap:anywhere;font-size:13px}.project-state{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;padding:6px 10px;background:#eef2e8;border-radius:20px;color:#526647;margin-bottom:24px}.project-state.preview{background:#f2e9d7;color:#7a5b28}.portfolio-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;color:#637761;font-size:12px}.portfolio-count{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#1d4035}.portfolio-caption a{color:#335c47;text-decoration:underline}.portfolio-intro{display:flex;align-items:end;gap:20px;justify-content:space-between}.portfolio-intro .work-heading{margin-bottom:0}.portfolio-intro .work-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.1}.portfolio-intro .work-heading p{margin-bottom:0}.portfolio-total{font-size:12px;color:#637761;white-space:nowrap;padding-bottom:8px}#siti-web{scroll-margin-top:85px}.portfolio-placeholder[hidden]{display:none}.portfolio-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.portfolio-stage.is-carousel .work-card{grid-template-columns:1fr;min-height:0}.portfolio-stage.is-carousel .work-preview{border-right:0;border-bottom:1px solid #dfe6d9}.portfolio-stage.is-carousel .work-preview img{max-height:none;aspect-ratio:16/9}.portfolio-stage.is-carousel .work-card-body{padding:25px}.portfolio-stage.is-carousel .work-card-body h3{font-size:30px;margin:10px 0 14px}.portfolio-stage.is-carousel .work-card-body p{font-size:14px;margin-bottom:17px}.project-state{margin-bottom:14px}.portfolio-total{display:none}.portfolio-controls{gap:8px}.portfolio-arrow{width:40px;height:40px;flex-basis:40px;font-size:22px}.portfolio-tab{padding:10px 14px;font-size:11px}.portfolio-caption{align-items:start;font-size:10px}.portfolio-caption>span:last-child{max-width:200px;text-align:right}.portfolio-intro .work-heading h2{font-size:32px}.portfolio-intro .work-heading p{font-size:14px}.portfolio-browser{margin-top:22px}}
.portfolio-controls[hidden],.portfolio-caption[hidden]{display:none}.portfolio-tab{font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}#siti-web{padding-top:40px}.portfolio-intro .work-heading h2{font-size:40px}.portfolio-intro .work-heading .work-eyebrow{margin-bottom:12px}.portfolio-intro .work-heading p{font-size:15px;margin-top:13px}.portfolio-stage.is-carousel .work-card{min-height:380px}.portfolio-stage.is-carousel .work-preview img{height:380px;max-height:380px;aspect-ratio:auto}.portfolio-stage.is-carousel .work-card-body{padding:28px}.portfolio-stage.is-carousel .work-card-body h3{font-size:32px}
@media(max-width:800px){#siti-web{padding-top:30px}.portfolio-intro .work-heading h2{font-size:31px}.portfolio-stage.is-carousel .work-card{min-height:0}.portfolio-stage.is-carousel .work-preview img{height:auto;max-height:none;aspect-ratio:16/9}.portfolio-stage.is-carousel .work-card-body{padding:23px}.portfolio-stage.is-carousel .work-card-body h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.portfolio-menu{scroll-behavior:auto}}