.block.portfolio[data-pf-version]{display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px;position:relative;--pf-max-width:1200px;--pf-image-height:260px;--pf-title-size:18px;--pf-body-size:16px;--pf-caption-padding:16px;--pf-radius:0px;--pf-sidebar-width:240px;--pf-header-height:360px}
.portfolio[data-pf-version] .portfolio-grid{width:100%;max-width:var(--pf-max-width);margin-inline:auto}
.portfolio[data-pf-width="full"] .portfolio-grid{max-width:none}
.portfolio[data-pf-version]>.pf-header,.portfolio[data-pf-version]>.pf-filters,.portfolio[data-pf-version]>.pf-paging,.portfolio[data-pf-version]>.pf-inline{grid-column:1/-1;width:100%;max-width:var(--pf-max-width);margin-inline:auto}
.portfolio[data-pf-width="full"]>:is(.pf-header,.pf-filters,.pf-paging,.pf-inline){max-width:none}
.pf-header>h2{margin:0;overflow-wrap:anywhere;font-size:var(--pf-header-title-size,40px);line-height:1.2}
.pf-header>p{color:inherit;font-size:var(--pf-body-size,18px);max-width:800px}
.portfolio[data-pf-header="none"]>.pf-header{display:none}
.portfolio[data-pf-header="banner"]>.pf-header{min-height:var(--pf-header-height);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;position:relative;isolation:isolate;color:var(--pf-header-text,#fff);background:var(--pf-header-image,none) center/cover no-repeat var(--pf-header-bg,#263238)}
.portfolio[data-pf-header="banner"]>.pf-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#000;opacity:var(--pf-header-shade,.45)}
.portfolio[data-pf-header="banner"]>.pf-header h2{color:inherit}
.portfolio[data-pf-sidebar="right"]{grid-template-columns:minmax(0,1fr) var(--pf-sidebar-width)}
.portfolio[data-pf-sidebar="left"]{grid-template-columns:var(--pf-sidebar-width) minmax(0,1fr)}
.portfolio[data-pf-sidebar="right"] .portfolio-grid{grid-column:1}
.portfolio[data-pf-sidebar="left"] .portfolio-grid{grid-column:2}
.portfolio[data-pf-sidebar="left"]>.pf-sidebar{grid-column:1}
.portfolio[data-pf-sidebar="right"]>.pf-sidebar{grid-column:2}
.pf-sidebar{min-width:0;overflow-wrap:anywhere;padding:0 20px;border-inline-start:1px solid var(--pf-border-color,#dfe3e9)}
.portfolio[data-pf-sidebar="none"]>.pf-sidebar{display:none}
.portfolio[data-pf-version] .portfolio-grid>article{position:relative;min-width:0;border:var(--portfolio-card-border-width,1px) solid var(--portfolio-card-border-color,var(--pf-border-color,#dfe3e9));border-radius:var(--portfolio-card-radius,var(--pf-radius));background:var(--pf-caption-bg,#fff)}
.portfolio[data-pf-version] .portfolio-grid>article>.portfolio-image{height:var(--pf-image-height);background-color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;transition:filter .25s,transform .25s}
.portfolio[data-pf-version] .portfolio-grid>article>:is(h3,p){padding-inline:var(--pf-caption-padding);overflow-wrap:anywhere;position:relative}
.portfolio[data-pf-version] .portfolio-grid>article>h3{font-size:var(--pf-title-size);color:var(--pf-title-color,inherit);margin-block:var(--pf-caption-padding) 8px}
.portfolio[data-pf-version] .portfolio-grid>article>p{font-size:var(--pf-body-size);color:var(--pf-body-color,inherit);padding-bottom:var(--pf-caption-padding);margin-block:0}
.portfolio[data-pf-captions="none"] .portfolio-grid>article>:is(h3,p){display:none}
.portfolio:is([data-pf-captions="overlay"],[data-pf-captions="overlay-hover"]) .portfolio-grid>article>:is(h3,p){position:absolute;inset-inline:0;margin:0;background:var(--pf-overlay-bg,#263238);color:var(--pf-overlay-text,#fff);padding:var(--pf-caption-padding);transition:opacity .2s}
.portfolio:is([data-pf-captions="overlay"],[data-pf-captions="overlay-hover"]) .portfolio-grid>article>h3{bottom:42px}
.portfolio:is([data-pf-captions="overlay"],[data-pf-captions="overlay-hover"]) .portfolio-grid>article>p{bottom:0;padding-top:0}
.portfolio[data-pf-captions="overlay-hover"] .portfolio-grid>article>:is(h3,p){opacity:0}
.portfolio[data-pf-captions="overlay-hover"] .portfolio-grid>article:is(:hover,:focus-within)>:is(h3,p){opacity:1}
.pf-project-data[hidden],[data-pf-runtime-hidden],[data-pf-ui="single-model"]{display:none!important}
.pf-card-trigger{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;background:transparent!important;margin:0!important;cursor:pointer}
.pf-card-trigger:focus-visible{outline:3px solid #1759a5;outline-offset:-3px}
.portfolio[data-pf-hover="zoom"] .portfolio-grid>article:hover>.portfolio-image{transform:scale(1.025)}
.portfolio[data-pf-hover="fade"] .portfolio-grid>article:hover>.portfolio-image{filter:brightness(.8)}
.portfolio[data-pf-hover="lift"] .portfolio-grid>article{transition:transform .2s}
.portfolio[data-pf-hover="lift"] .portfolio-grid>article:hover{transform:translateY(-4px)}
.portfolio[data-pf-layout="masonry"] .portfolio-grid{display:block;column-count:var(--desktop-columns,3);column-gap:var(--collection-gap,24px)}
.portfolio[data-pf-layout="masonry"] .portfolio-grid>article{break-inside:avoid;margin-bottom:var(--collection-gap,24px)}
.portfolio[data-pf-layout="masonry"] .portfolio-grid>article>.portfolio-image{height:auto;aspect-ratio:var(--pf-image-ratio,4 / 3)}
.portfolio[data-pf-layout="special"] .portfolio-grid{grid-auto-flow:dense;grid-auto-rows:var(--pf-image-height)}
.portfolio[data-pf-layout="special"] .portfolio-grid>article>.portfolio-image{height:100%}
.portfolio[data-pf-layout="special"] .portfolio-grid>article[data-pf-tile="wide"],.portfolio[data-pf-layout="special"] .portfolio-grid>article[data-pf-tile="large"]{grid-column:span 2}
.portfolio[data-pf-layout="special"] .portfolio-grid>article[data-pf-tile="tall"],.portfolio[data-pf-layout="special"] .portfolio-grid>article[data-pf-tile="large"]{grid-row:span 2}
.pf-filters,.pf-paging,.pf-project-nav,.pf-slide-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pf-filters button,.pf-paging button{border:1px solid var(--pf-border-color,#dfe3e9);background:var(--pf-filter-bg,transparent);color:var(--pf-filter-text,#263238);padding:8px 14px;border-radius:var(--pf-radius,0);font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.pf-filters button[aria-pressed="true"],.pf-paging button:is([aria-current="page"],:only-child){background:var(--pf-filter-active,#1759a5);color:var(--pf-filter-active-text,#fff)}
.pf-paging{justify-content:center}
.pf-inline{padding:24px;border:1px solid var(--pf-border-color,#dfe3e9);scroll-margin-top:90px;min-width:0}
.pf-project-nav{justify-content:flex-end;padding-bottom:16px}
.pf-project-nav button,.pf-slide-controls button,.pf-lightbox button{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#fff;color:#263238;border:1px solid #9ba8b7;border-radius:4px;padding:9px;cursor:pointer}
.pf-project-nav button img,.pf-slide-controls button img,.pf-lightbox button img{width:20px;height:20px}
.portfolio-project{min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;padding:40px}
.portfolio-project[data-pf-single="modern"]{grid-template-columns:minmax(0,1fr)}
.portfolio-project[data-pf-single="modern"]>.pf-project-copy{order:-1;max-width:900px;margin:auto}
.portfolio-project[data-pf-single="classic-two"]{grid-template-columns:minmax(0,1fr)}
.pf-project-media{position:relative;min-width:0}
.pf-project-media img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}
.pf-project-media>button{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}
.pf-project-media>button[hidden]{display:none}
.portfolio-project[data-pf-single="modern"]>.pf-project-media{display:grid;gap:24px}
.pf-slide-controls{justify-content:center;padding-top:12px}
.pf-project-copy{min-width:0;overflow-wrap:anywhere}
.pf-project-copy>h2{margin-top:0;font-size:var(--pf-single-title-size,32px);line-height:1.2}
.pf-project-copy :is(p,dd){color:var(--pf-body-color,inherit);font-size:var(--pf-body-size,inherit)}
.pf-project-copy h2{color:var(--pf-title-color,inherit)}
.pf-meta{display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,2fr);gap:8px}
.pf-meta dt{font-weight:700}.pf-meta dd{margin:0;overflow-wrap:anywhere}.pf-meta dd:empty,.pf-meta dt:has(+dd:empty){display:none}
.pf-extra details{padding:14px;border:1px solid var(--pf-border-color,#dfe3e9)}
.pf-project-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:0;padding:24px;color:var(--ink,#263238);background:var(--panel,#fff);overflow:auto}
.pf-project-dialog::backdrop,.pf-lightbox::backdrop{background:rgba(0,0,0,.8)}
.pf-project-dialog>.portfolio-project{padding:0}
.pf-lightbox{box-sizing:border-box;width:calc(100vw - 24px);max-width:1200px;height:calc(100dvh - 24px);border:0;background:#15191d;overflow:hidden;padding:54px 54px 40px;color:#fff}
.pf-lightbox>img{display:block;width:100%;height:100%;object-fit:contain}
.pf-lightbox>button{position:absolute}.pf-lightbox>button:first-child{right:8px;top:8px}.pf-lightbox>button:nth-child(2){left:8px;top:50%}.pf-lightbox>button:nth-child(4){right:8px;top:50%}.pf-lightbox>span{position:absolute;bottom:12px;left:0;width:100%;text-align:center}
.canvas .pf-project-media img{margin-bottom:12px}.canvas .pf-project-data[hidden]{display:none!important}
.pf-media-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto}.pf-media-picker label{min-width:0}.pf-media-picker img{width:100%;height:70px;object-fit:cover}
.pf-media-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;min-width:0;margin-block:10px;padding:8px;border:1px solid #dfe3e9}.pf-media-row>img{width:48px;height:48px;object-fit:cover}.pf-media-row label{min-width:0;font-size:12px}.pf-media-row input{width:100%;min-width:0}.pf-media-row>div{grid-column:1/-1;display:flex;gap:6px}.pf-media-row button{width:32px;height:32px;padding:6px;background:#fff;border:1px solid #dfe3e9}.pf-media-row button img{width:18px;height:18px}.pf-media-row [data-pf-image-action="remove"]{color:#b42318;border-color:#f3b4ac;background:#fff1f0}
@media(max-width:900px){.portfolio[data-pf-layout="masonry"] .portfolio-grid{column-count:var(--tablet-columns,2)}.portfolio:is([data-pf-sidebar="left"],[data-pf-sidebar="right"]){grid-template-columns:minmax(0,1fr)}.portfolio:is([data-pf-sidebar="left"],[data-pf-sidebar="right"]) .portfolio-grid,.portfolio:is([data-pf-sidebar="left"],[data-pf-sidebar="right"])>.pf-sidebar{grid-column:1;grid-row:auto}.portfolio-project{grid-template-columns:minmax(0,1fr);padding:24px}.pf-inline{padding:16px}}
@media(max-width:700px){.portfolio[data-pf-layout="masonry"] .portfolio-grid{column-count:var(--mobile-columns,1)}.portfolio[data-pf-layout="special"] .portfolio-grid>article:is([data-pf-tile="wide"],[data-pf-tile="large"]){grid-column:span 1}.portfolio[data-pf-captions="overlay-hover"] .portfolio-grid>article>:is(h3,p){opacity:1}.portfolio[data-pf-header="banner"]>.pf-header{padding:24px}.pf-project-dialog{padding:16px}.pf-lightbox{padding-inline:46px}}
.canvas:not(.tablet-preview):not(.mobile-preview) .portfolio[data-pf-layout="masonry"] .portfolio-grid{column-count:var(--desktop-columns,3)}
.canvas.tablet-preview .portfolio[data-pf-layout="masonry"] .portfolio-grid{column-count:var(--tablet-columns,2)}
.canvas.mobile-preview .portfolio[data-pf-layout="masonry"] .portfolio-grid{column-count:var(--mobile-columns,1)}
.canvas.mobile-preview .portfolio[data-pf-layout="special"] .portfolio-grid>article:is([data-pf-tile="wide"],[data-pf-tile="large"]){grid-column:span 1}
@media(prefers-reduced-motion:reduce){.portfolio[data-pf-version] .portfolio-grid>article,.portfolio[data-pf-version] .portfolio-grid>article>*{transition:none!important}}