.stt-portfolio{--stt-gap: 30px;--stt-pf-radius: var(--stt-radius-lg);--stt-pf-overlay: var(--stt-secondary);--stt-pf-card: var(--stt-bg)}.stt-portfolio__filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}.stt-portfolio__filter-btn{appearance:none;border:1px solid var(--stt-border);background:var(--stt-bg);color:var(--stt-heading);padding:9px 20px;border-radius:99px;font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .25s var(--stt-ease),color .25s var(--stt-ease),border-color .25s var(--stt-ease)}.stt-portfolio__filter-btn:hover{border-color:var(--stt-primary);color:var(--stt-primary)}.stt-portfolio__filter-btn[aria-pressed=true]{background:var(--stt-primary);border-color:var(--stt-primary);color:var(--stt-white)}.stt-portfolio__filter-btn:focus-visible{outline:2px solid var(--stt-primary);outline-offset:2px}.stt-portfolio__grid{display:grid;gap:var(--stt-gap);grid-template-columns:repeat(var(--stt-cols, 3),minmax(0,1fr))}@media (max-width: 1024px){.stt-portfolio__grid{grid-template-columns:repeat(var(--stt-cols-t, 2),minmax(0,1fr))}}@media (max-width: 767px){.stt-portfolio__grid{grid-template-columns:repeat(var(--stt-cols-m, 1),minmax(0,1fr))}}.stt-portfolio--masonry .stt-portfolio__grid{display:block;columns:var(--stt-cols, 3);column-gap:var(--stt-gap)}.stt-portfolio--masonry .stt-portfolio__item{break-inside:avoid;margin-bottom:var(--stt-gap)}@media (max-width: 1024px){.stt-portfolio--masonry .stt-portfolio__grid{columns:var(--stt-cols-t, 2)}}@media (max-width: 767px){.stt-portfolio--masonry .stt-portfolio__grid{columns:var(--stt-cols-m, 1)}}.stt-portfolio .stt-carousel__track{padding:8px 4px 32px}.stt-portfolio__item{min-width:0;transition:opacity .3s var(--stt-ease),transform .3s var(--stt-ease)}.stt-portfolio__item.is-hiding,.stt-portfolio__item.is-entering{opacity:0;transform:scale(.96)}.stt-portfolio__item[hidden]{display:none}.stt-portfolio__link{display:block;position:relative;height:100%;color:inherit;text-decoration:none;border-radius:var(--stt-pf-radius)}.stt-portfolio__link:focus-visible{outline:2px solid var(--stt-primary);outline-offset:4px}.stt-portfolio__media{position:relative;overflow:hidden;border-radius:var(--stt-pf-radius);background:var(--stt-bg-alt);aspect-ratio:4 / 3}.stt-portfolio__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--stt-ease)}.stt-portfolio__info{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.stt-portfolio__text{min-width:0}.stt-portfolio__cats{display:block;margin-bottom:6px;color:var(--stt-primary);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stt-portfolio__title{margin:0;color:var(--stt-heading);font-family:var(--stt-font-heading);font-size:20px;line-height:1.3;letter-spacing:-.01em}.stt-portfolio__arrow{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(var(--stt-primary-rgb),.1);color:var(--stt-primary);transition:background .3s var(--stt-ease),color .3s var(--stt-ease),transform .4s var(--stt-ease)}[dir=rtl] .stt-portfolio__arrow svg{transform:scaleX(-1)}.stt-portfolio--overlay .stt-portfolio__info{position:absolute;inset:0;padding:26px;border-radius:var(--stt-pf-radius);background:linear-gradient(to top,var(--stt-pf-overlay) 0%,color-mix(in srgb,var(--stt-pf-overlay) 55%,transparent) 45%,transparent 75%);opacity:0;transition:opacity .45s var(--stt-ease)}.stt-portfolio--overlay .stt-portfolio__text{transform:translateY(14px);transition:transform .5s var(--stt-ease)}.stt-portfolio--overlay .stt-portfolio__title{color:var(--stt-white)}.stt-portfolio--overlay .stt-portfolio__cats{color:var(--stt-white);opacity:.8}.stt-portfolio--overlay .stt-portfolio__arrow{background:var(--stt-white);color:var(--stt-secondary);transform:scale(.6) rotate(-45deg)}.stt-portfolio--overlay .stt-portfolio__link:hover .stt-portfolio__info,.stt-portfolio--overlay .stt-portfolio__link:focus-visible .stt-portfolio__info{opacity:1}.stt-portfolio--overlay .stt-portfolio__link:hover .stt-portfolio__text,.stt-portfolio--overlay .stt-portfolio__link:focus-visible .stt-portfolio__text{transform:none}.stt-portfolio--overlay .stt-portfolio__link:hover .stt-portfolio__arrow,.stt-portfolio--overlay .stt-portfolio__link:focus-visible .stt-portfolio__arrow{transform:none;background:var(--stt-primary);color:var(--stt-white)}.stt-portfolio--overlay .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.05)}.stt-portfolio--lift .stt-portfolio__link{background:var(--stt-pf-card);box-shadow:var(--stt-shadow);overflow:hidden;transition:transform .4s var(--stt-ease),box-shadow .4s var(--stt-ease)}.stt-portfolio--lift .stt-portfolio__media{border-radius:0}.stt-portfolio--lift .stt-portfolio__info{padding:22px 24px 24px;align-items:center}.stt-portfolio--lift .stt-portfolio__link:hover{transform:translateY(-4px);box-shadow:var(--stt-shadow-lg)}.stt-portfolio--lift .stt-portfolio__link:hover .stt-portfolio__arrow{background:var(--stt-primary);color:var(--stt-white);transform:rotate(45deg)}.stt-portfolio--lift .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.04)}.stt-portfolio--zoom .stt-portfolio__info{padding:20px 4px 0;align-items:center}.stt-portfolio--zoom .stt-portfolio__media:after{content:"";position:absolute;inset:0;background:var(--stt-secondary);opacity:0;transition:opacity .5s var(--stt-ease)}.stt-portfolio--zoom .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.1)}.stt-portfolio--zoom .stt-portfolio__link:hover .stt-portfolio__media:after{opacity:.15}.stt-portfolio--zoom .stt-portfolio__link:hover .stt-portfolio__title{color:var(--stt-primary)}.stt-portfolio--zoom .stt-portfolio__link:hover .stt-portfolio__arrow{background:var(--stt-primary);color:var(--stt-white)}.stt-portfolio--zoom .stt-portfolio__title{transition:color .3s var(--stt-ease)}.stt-portfolio--masonry-hover .stt-portfolio__grid{grid-auto-rows:var(--stt-pf-row, 260px);grid-auto-flow:dense}.stt-portfolio--masonry-hover .stt-portfolio__item--wide{grid-column:span 2}.stt-portfolio--masonry-hover .stt-portfolio__item--tall{grid-row:span 2}.stt-portfolio--masonry-hover .stt-portfolio__item--big{grid-column:span 2;grid-row:span 2}.stt-portfolio--masonry-hover .stt-portfolio__media{aspect-ratio:auto;height:100%}@media (max-width: 767px){.stt-portfolio--masonry-hover .stt-portfolio__grid{grid-auto-rows:220px}.stt-portfolio--masonry-hover .stt-portfolio__item--wide,.stt-portfolio--masonry-hover .stt-portfolio__item--big{grid-column:auto}.stt-portfolio--masonry-hover .stt-portfolio__item--big{grid-row:span 2}}.stt-portfolio--masonry-hover .stt-portfolio__img,.stt-portfolio--list .stt-portfolio__img,.stt-portfolio--exposure .stt-portfolio__img,.stt-portfolio--photo .stt-portfolio__img{height:100%}.stt-portfolio--plain .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.04)}.stt-portfolio--list .stt-portfolio__grid{gap:0}.stt-portfolio--list .stt-portfolio__item{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;padding-block:var(--stt-gap);border-bottom:1px solid var(--stt-border)}.stt-portfolio--list .stt-portfolio__item:first-child{padding-top:0}.stt-portfolio--list .stt-portfolio__media{aspect-ratio:4 / 3}.stt-portfolio--list .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.05)}.stt-portfolio__body{min-width:0}.stt-portfolio__body .stt-portfolio__title{font-size:clamp(22px,2vw,28px)}.stt-portfolio__body .stt-portfolio__title a{color:inherit;text-decoration:none;transition:color .25s var(--stt-ease)}.stt-portfolio__body .stt-portfolio__title a:hover{color:var(--stt-primary)}.stt-portfolio__body .stt-portfolio__title a:focus-visible{outline:2px solid var(--stt-primary);outline-offset:3px}.stt-portfolio__excerpt{margin:14px 0 0;color:var(--stt-text);font-size:16px;line-height:1.7}.stt-portfolio__facts{display:flex;flex-wrap:wrap;gap:10px 32px;margin:20px 0 0;padding:0}.stt-portfolio__facts div{margin:0}.stt-portfolio__facts dt{color:var(--stt-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stt-portfolio__facts dd{margin:2px 0 0;color:var(--stt-heading);font-weight:600}.stt-portfolio__btn{display:inline-flex;margin-top:22px}:where([dir=rtl] .stt-portfolio__btn):after{content:"\2190"}.stt-portfolio--exposure .stt-portfolio__grid{gap:clamp(48px,7vw,110px)}.stt-portfolio--exposure .stt-portfolio__item{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}.stt-portfolio--exposure .stt-portfolio__item--alt{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.stt-portfolio--exposure .stt-portfolio__item--alt .stt-portfolio__media-link{order:2}.stt-portfolio--exposure .stt-portfolio__media{aspect-ratio:16 / 11;box-shadow:var(--stt-shadow-lg)}.stt-portfolio--exposure .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.04)}.stt-portfolio--exposure .stt-portfolio__body .stt-portfolio__title{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.02em}.stt-portfolio--exposure .stt-portfolio__excerpt{font-size:17px}.stt-portfolio--photo .stt-portfolio__grid{gap:var(--stt-gap, 30px)}.stt-portfolio--photo .stt-portfolio__media{aspect-ratio:21 / 8}.stt-portfolio--photo .stt-portfolio__info{align-items:flex-end;padding:clamp(24px,4vw,48px);background:linear-gradient(to top,var(--stt-pf-overlay) 0%,color-mix(in srgb,var(--stt-pf-overlay) 30%,transparent) 55%,transparent 80%);opacity:1}.stt-portfolio--photo .stt-portfolio__text{transform:none}.stt-portfolio--photo .stt-portfolio__title{font-size:clamp(24px,3.2vw,44px);line-height:1.1;letter-spacing:-.02em}.stt-portfolio--photo .stt-portfolio__arrow{transform:none;width:56px;height:56px}.stt-portfolio--photo .stt-portfolio__link:hover .stt-portfolio__img{transform:scale(1.03)}@media (max-width: 767px){.stt-portfolio--list .stt-portfolio__item,.stt-portfolio--exposure .stt-portfolio__item,.stt-portfolio--exposure .stt-portfolio__item--alt{grid-template-columns:minmax(0,1fr);gap:20px}.stt-portfolio--exposure .stt-portfolio__item--alt .stt-portfolio__media-link{order:0}.stt-portfolio--photo .stt-portfolio__media{aspect-ratio:4 / 3}}.stt-portfolio__more{margin-top:48px;text-align:center}.stt-portfolio-empty{padding:24px;border:1px dashed var(--stt-border);border-radius:var(--stt-radius);color:var(--stt-muted);text-align:center;background:var(--stt-bg-alt)}@media (hover: none){.stt-portfolio--overlay .stt-portfolio__info{opacity:1}.stt-portfolio--overlay .stt-portfolio__text,.stt-portfolio--overlay .stt-portfolio__arrow{transform:none}}@media (prefers-reduced-motion: reduce){.stt-portfolio__item,.stt-portfolio__img,.stt-portfolio__link,.stt-portfolio__text,.stt-portfolio__arrow,.stt-portfolio__info{transition:none!important}.stt-portfolio__link:hover .stt-portfolio__img{transform:none!important}}