.portfolio-page{--folio-paper:#f7f6f3;--folio-ink:#202622;--folio-muted:#53594f;--folio-line:#20262228;color:var(--folio-ink);background:var(--folio-paper)}.portfolio-page :where(a,button):focus-visible{outline-offset:5px;outline:2px solid}.portfolio-page button{cursor:pointer}.portfolio-page button:active{transform:scale(.95)}.portfolio-hero{isolation:isolate;--hero-scroll:0;flex-direction:column;justify-content:space-between;min-height:max(780px,100svh);padding:140px clamp(24px,4.5vw,88px) 30px;display:flex;position:relative;overflow:clip}.portfolio-hero-art{z-index:-2;transform:translateY(calc(var(--hero-scroll) * 80px)) scale(1.025);position:absolute;inset:-2%}.portfolio-hero-art img{object-fit:cover;object-position:64% 56%}.portfolio-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#f7f6f38c,#0000 67%),linear-gradient(#0000 73%,#f7f6f3cc 92%,#f7f6f3 99%);position:absolute;inset:0}.portfolio-hero-copy{transform:translateY(calc(var(--hero-scroll) * -30px));position:relative}.portfolio-eyebrow{margin:0 0 30px;font-size:13px}.portfolio-hero h1{letter-spacing:-.068em;margin:0;font-size:clamp(80px,8.8vw,168px);font-weight:500;line-height:.95}.portfolio-hero h1 span{display:block}.portfolio-hero h1 span:first-child{margin-bottom:.08em}.portfolio-hero-description{letter-spacing:-.02em;margin-top:30px;font-size:clamp(16px,1.35vw,21px);line-height:1.45}.portfolio-hero-bottom{justify-content:space-between;align-items:end;gap:30px;padding-top:60px;display:flex;position:relative}.portfolio-explore{align-items:center;gap:16px;font-size:16px;display:flex}.portfolio-arrow-circle{border:1px solid #20262255;border-radius:50%;place-items:center;width:50px;height:50px;transition:background .3s,color .3s;display:grid}.portfolio-arrow-circle svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.portfolio-explore:hover .portfolio-arrow-circle{background:var(--folio-ink);color:var(--folio-paper)}.portfolio-explore:hover svg{transform:translateY(3px)}.portfolio-explore small{color:var(--folio-muted);margin-top:3px;font-size:12px;display:block}.portfolio-hero-bottom>p{margin-left:auto;margin-right:6vw;font-size:14px;line-height:1.55}.portfolio-contact{border-bottom:1px solid #20262266;align-items:center;gap:18px;min-height:44px;font-size:13px;display:flex}.portfolio-contact svg{transition:transform .3s}.portfolio-contact:hover svg{transform:translate(3px,-3px)}.portfolio-collection{scroll-margin-top:75px}.portfolio-collection-heading{padding:66px clamp(24px,4.5vw,88px) 42px}.portfolio-collection-label{justify-content:space-between;align-items:baseline;margin-bottom:28px;display:flex}.portfolio-collection-label>span:first-child{letter-spacing:-.04em;font-size:36px}.portfolio-collection-label>span:last-child{color:var(--folio-muted);font-size:13px}.portfolio-filters{border-block:1px solid var(--folio-line);gap:34px;display:flex}.portfolio-filters a{min-height:65px;color:var(--folio-muted);white-space:nowrap;align-items:center;gap:24px;font-size:15px;transition:color .2s;display:inline-flex;position:relative}.portfolio-filters a span{font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:18px;font-size:10px}.portfolio-filters a:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .35s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.portfolio-filters a[aria-current],.portfolio-filters a:hover{color:var(--folio-ink)}.portfolio-filters a[aria-current]:after,.portfolio-filters a:hover:after{transform:scaleX(1)}.portfolio-filter-description{color:var(--folio-muted);margin-top:20px;font-size:16px}.portfolio-chapters{position:relative}.portfolio-chapter{--chapter-bg:#e6e8e1;--chapter-arrival:1;background:var(--chapter-bg);min-height:115svh;scroll-margin-top:0;position:relative}.portfolio-chapter[data-project=varqio]{--chapter-bg:#eae7e0}.portfolio-chapter[data-project=salony]{--chapter-bg:#e8e5e0}.portfolio-chapter[data-project=hilton-kitchen]{--chapter-bg:#e0e5e3}.portfolio-chapter[data-project=falcon-group-cit-system]{--chapter-bg:#dce3dc}.portfolio-chapter[data-project=transito]{--chapter-bg:#e6e9df}.portfolio-chapter[data-project=document-management-system]{--chapter-bg:#e1e6e9}.portfolio-chapter[data-project=knownly]{--chapter-bg:#e8e6e0}.portfolio-stage{background:var(--chapter-bg);border-top:1px solid #20262212;grid-template-rows:auto 1fr auto;gap:24px;height:100svh;min-height:100svh;padding:88px clamp(24px,4.5vw,88px) 34px;display:grid;position:sticky;top:0;overflow:clip}.portfolio-project-top{font-variant-numeric:tabular-nums;align-items:center;gap:30px;font-size:12px;display:flex}.portfolio-project-top>span:first-child>span{color:#4c5647;margin-left:6px}.portfolio-project-top>span:nth-child(2){margin-left:auto}.portfolio-project-top>span:last-child{color:var(--folio-muted)}.portfolio-project-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:30px;width:100%;max-width:1800px;min-height:0;margin:auto;display:grid}.portfolio-project-copy{min-width:0;transform:translateY(calc((1 - var(--chapter-arrival)) * 36px));padding-block:20px}.portfolio-identity{align-items:center;gap:18px;margin-bottom:clamp(26px,4vh,52px);display:flex}.portfolio-identity img{object-fit:contain;object-position:left;width:auto;max-width:92px;height:36px}.portfolio-identity>span{border-left:1px solid var(--folio-line);padding-left:18px;font-size:14px}.portfolio-project-copy h2{letter-spacing:-.055em;font-size:clamp(36px,4.1vw,76px);font-weight:500;line-height:1.04}.portfolio-project-copy h2>span{display:block}.portfolio-project-description{color:#545c53;text-wrap:pretty;max-width:37ch;margin-top:24px;font-size:clamp(15px,1.16vw,18px);line-height:1.55}.portfolio-case-link{align-items:center;gap:28px;min-height:48px;margin-top:30px;font-size:16px;display:inline-flex}.portfolio-case-link>span{border:1px solid #20262255;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1);display:grid}.portfolio-case-link:hover>span{background:var(--folio-ink);color:var(--folio-paper);transform:rotate(45deg)}.portfolio-project-note{color:var(--folio-muted);max-width:42ch;margin-top:24px;font-size:11px;line-height:1.5}.portfolio-project-media{min-width:0;transform:translateY(calc((1 - var(--chapter-arrival)) * 55px));position:relative}.portfolio-display{width:100%;height:clamp(320px,54svh,650px);position:relative}.portfolio-screen-fallback{perspective:1500px;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:6% 3% 5%}.portfolio-screen-shell{background:linear-gradient(120deg,#e8ebe5,#89958b 60%,#d7ddd2);border-radius:9px;width:fit-content;max-width:100%;padding:5px;transition:transform .5s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:rotateY(-6deg)rotate(-1deg);box-shadow:7px 22px 30px #202c2524}.portfolio-screen-shell>img{object-fit:contain;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:46svh;display:block}.portfolio-screen-bar{background:#edf0ea;border-radius:5px 5px 0 0;align-items:center;gap:4px;height:17px;padding:0 7px;display:flex}.portfolio-screen-bar i{background:#96a091;border-radius:50%;width:4px;height:4px}.portfolio-screen-bar span{text-align:center;color:#57604f;flex:1;margin-right:20px;font-size:7px}.portfolio-display-canvas{opacity:0;filter:drop-shadow(8px 22px 14px #202c2520);transition:opacity .35s;position:absolute;inset:0}.portfolio-display-canvas canvas{width:100%;height:100%;display:block}.portfolio-display[data-ready=true] .portfolio-display-canvas{opacity:1}.portfolio-display[data-ready=true] .portfolio-screen-fallback{opacity:0}.portfolio-screen-controls{border-top:1px solid var(--folio-line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0 0;display:flex}.portfolio-screen-caption{flex:1;justify-content:space-between;align-items:center;gap:15px;min-width:0;font-size:13px;display:flex}.portfolio-screen-caption small{white-space:nowrap;color:var(--folio-muted);font-size:10px}.portfolio-screen-controls>div:last-child{gap:6px;display:flex}.portfolio-screen-controls button{border:1px solid #20262238;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,color .2s,transform .2s;display:grid}.portfolio-screen-controls button:hover{background:var(--folio-ink);color:var(--folio-paper)}.portfolio-original{min-height:44px;color:var(--folio-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.portfolio-original:hover{color:var(--folio-ink);text-underline-offset:4px;text-decoration:underline}.portfolio-project-bottom{border-top:1px solid var(--folio-line);color:#53594f;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:11px;display:flex}.portfolio-other{grid-template-columns:.7fr 1.3fr;gap:50px;padding:90px clamp(24px,4.5vw,88px);display:grid}.portfolio-other>h2{letter-spacing:-.05em;font-size:clamp(28px,3.3vw,50px);line-height:1.1}.portfolio-other-link{border-top:1px solid var(--folio-line);align-items:center;gap:22px;padding:26px 0;display:flex}.portfolio-other-link>span{color:var(--folio-muted);align-self:start;padding-top:4px;font-size:11px}.portfolio-other-link h3{letter-spacing:-.025em;font-size:clamp(21px,2vw,30px);line-height:1.1;transition:transform .35s}.portfolio-other-link p{color:var(--folio-muted);margin-top:8px;font-size:13px}.portfolio-other-link>svg{flex-shrink:0;margin-left:auto;transition:transform .35s}.portfolio-other-link:hover h3{transform:translate(5px)}.portfolio-other-link:hover svg{transform:translate(3px,-3px)}.portfolio-relationships{border-top:1px solid var(--folio-line);padding:70px clamp(24px,4.5vw,88px) 90px}.portfolio-relationships h2{letter-spacing:-.05em;font-size:clamp(32px,4vw,64px);line-height:1.1}.portfolio-relationships h2>span{color:#858a80}.portfolio-relationships dl{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:48px;display:grid}.portfolio-relationships dt{margin-bottom:15px;font-size:18px}.portfolio-relationships dd{color:var(--folio-muted);max-width:34ch;font-size:15px;line-height:1.6}.portfolio-closing{background:#e3e7dd;padding:80px clamp(24px,4.5vw,88px) 100px}.portfolio-closing>p{margin-bottom:34px;font-size:14px}.portfolio-closing>a{letter-spacing:-.065em;width:fit-content;padding-right:1.4em;font-size:clamp(45px,7.1vw,120px);line-height:1.04;display:block;position:relative}.portfolio-closing>a>span{width:.9em;height:.9em;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.1em;right:0}.portfolio-closing svg{width:100%;height:100%}.portfolio-closing a:hover>span{transform:translate(8px,-8px)}.portfolio-empty{padding:80px 5vw}.portfolio-empty h2{font-size:40px}.portfolio-empty p{margin:20px 0}.portfolio-empty a{align-items:center;gap:20px;min-height:44px;display:inline-flex}.portfolio-motion-toggle{z-index:10;align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex;position:absolute;top:102px;right:clamp(24px,4.5vw,88px)}.portfolio-page[data-motion=off] .portfolio-hero-art,.portfolio-page[data-motion=off] .portfolio-hero-copy,.portfolio-page[data-motion=off] .portfolio-project-copy,.portfolio-page[data-motion=off] .portfolio-project-media{transform:none}@media (prefers-reduced-motion:no-preference){.portfolio-hero[data-intro-ready=true] h1>span{animation:.9s cubic-bezier(.22,1,.36,1) both portfolio-title-in}.portfolio-hero[data-intro-ready=true] h1>span:nth-child(2){animation-delay:90ms}.portfolio-hero[data-intro-ready=true] h1>span:nth-child(3){animation-delay:.18s}}@keyframes portfolio-title-in{0%{opacity:.15;clip-path:inset(0 0 100%);transform:translateY(30px)}to{opacity:1;clip-path:inset(0);transform:none}}@media (min-width:1000px) and (max-height:780px){.portfolio-hero{min-height:100svh;padding-top:115px}.portfolio-hero h1{font-size:min(8.1vw,15svh)}.portfolio-hero-description{margin-top:22px}.portfolio-hero-bottom{padding-top:35px}.portfolio-stage{gap:14px;padding-top:76px;padding-bottom:24px}.portfolio-identity{margin-bottom:24px}.portfolio-project-copy h2{font-size:min(3.8vw,7.8svh)}.portfolio-project-description{margin-top:20px}.portfolio-case-link,.portfolio-project-note{margin-top:18px}.portfolio-display{height:48svh;min-height:270px}}@media (min-width:1800px){.portfolio-hero-copy{padding-top:3svh}.portfolio-hero{padding-bottom:45px}}@media (max-width:999px),(max-height:599px){.portfolio-chapter{min-height:auto}.portfolio-stage{height:auto;min-height:100svh;padding-top:80px;position:relative}.portfolio-project-layout{gap:24px}.portfolio-project-copy h2{font-size:clamp(32px,4.2vw,46px)}.portfolio-project-description{font-size:15px}.portfolio-project-note{font-size:11px}.portfolio-display{height:440px}.portfolio-screen-shell>img{max-height:350px}}@media (max-width:800px){.portfolio-hero{min-height:max(810px,100svh);padding-top:130px}.portfolio-hero h1{font-size:clamp(78px,12.8vw,110px)}.portfolio-hero-art img{object-position:68% 50%}.portfolio-hero:before{background:linear-gradient(90deg,#f7f6f3aa,#0000 90%),linear-gradient(#0000 65%,#f7f6f3cc 86%,#f7f6f3 98%)}.portfolio-hero-bottom>p{display:none}.portfolio-filters{gap:24px}.portfolio-filters a{gap:10px;font-size:13px}.portfolio-project-layout{grid-template-columns:1fr;gap:16px}.portfolio-project-copy{padding-bottom:0;transform:none}.portfolio-project-copy h2{font-size:clamp(38px,7vw,62px)}.portfolio-project-description{max-width:50ch;font-size:16px}.portfolio-project-media{transform:none}.portfolio-identity{margin-bottom:26px}.portfolio-display{height:430px}.portfolio-screen-shell>img{max-height:350px}.portfolio-screen-fallback{inset:4% 0}.portfolio-screen-shell{transform:none}.portfolio-project-bottom{margin-top:18px}.portfolio-other{grid-template-columns:1fr;gap:32px}.portfolio-relationships dl{gap:30px}}@media (max-width:599px){.portfolio-hero{min-height:max(740px,100svh);padding:120px 24px 26px}.portfolio-eyebrow{margin-bottom:30px;font-size:12px}.portfolio-hero h1{font-size:clamp(67px,16vw,93px)}.portfolio-hero-description{margin-top:25px;font-size:16px}.portfolio-hero-art{inset:0}.portfolio-hero-art img{object-position:67% 50%}.portfolio-hero:before{background:linear-gradient(#f7f6f3a3,#f7f6f399 38%,#0000 65%,#f7f6f3 97%)}.portfolio-hero-bottom{align-items:center;gap:16px;padding-top:120px}.portfolio-explore{gap:12px;font-size:14px}.portfolio-explore small{font-size:11px}.portfolio-contact{border:0;gap:10px;max-width:115px;font-size:12px;line-height:1.4}.portfolio-contact svg{flex-shrink:0}.portfolio-arrow-circle{width:44px;height:44px}.portfolio-motion-toggle{top:83px;right:24px}.portfolio-motion-toggle span{font-size:10px}.portfolio-collection-heading{padding:42px 24px 30px}.portfolio-collection-label{margin-bottom:20px}.portfolio-collection-label>span:first-child{font-size:28px}.portfolio-filters{grid-template-columns:1fr 1fr;gap:0 26px;display:grid}.portfolio-filters a{justify-content:space-between;min-height:50px;font-size:14px}.portfolio-filters a span{padding-top:12px}.portfolio-filter-description{font-size:14px}.portfolio-stage{gap:24px;padding:65px 24px 26px}.portfolio-project-top{gap:20px;font-size:11px}.portfolio-project-copy{padding-top:10px}.portfolio-identity img{max-width:83px;height:31px}.portfolio-identity>span{font-size:13px}.portfolio-project-copy h2{font-size:clamp(35px,8.8vw,53px)}.portfolio-project-description{margin-top:20px;font-size:15px}.portfolio-case-link{gap:24px;margin-top:20px;font-size:15px}.portfolio-project-note{margin-top:18px;font-size:11px}.portfolio-display{height:330px}.portfolio-screen-shell>img{max-height:290px}.portfolio-display[data-portrait] .portfolio-screen-shell{max-width:65%}.portfolio-screen-controls{gap:16px;padding-top:12px}.portfolio-screen-caption{gap:12px;font-size:12px;line-height:1.4}.portfolio-screen-caption small{display:none}.portfolio-project-bottom{gap:30px;font-size:10px;line-height:1.5}.portfolio-project-bottom>span:last-child{text-align:right;max-width:120px}.portfolio-other{padding:56px 24px}.portfolio-other-link{gap:15px}.portfolio-other-link h3{font-size:23px}.portfolio-relationships{padding:56px 24px}.portfolio-relationships dl{grid-template-columns:1fr;gap:26px;margin-top:32px}.portfolio-relationships dt{margin-bottom:8px;font-size:18px}.portfolio-relationships dd{max-width:100%;font-size:14px}.portfolio-closing{padding:56px 24px 64px}.portfolio-closing>p{margin-bottom:27px}.portfolio-closing>a{padding-right:.7em;font-size:clamp(37px,8.9vw,53px)}.portfolio-closing>a>span{width:.6em;height:.6em}}@media (prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page :before,.portfolio-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.portfolio-chapter{min-height:auto}.portfolio-stage{position:relative}.portfolio-hero-art,.portfolio-hero-copy,.portfolio-project-copy,.portfolio-project-media,.portfolio-screen-shell{transform:none}.portfolio-motion-toggle{display:none}}@media print{.portfolio-motion-toggle,.portfolio-display-canvas,.portfolio-screen-controls{display:none}.portfolio-stage{height:auto;min-height:0;padding:35px;position:relative}.portfolio-chapter{break-inside:avoid;min-height:0}.portfolio-screen-fallback{opacity:1!important}.portfolio-hero{min-height:600px}}.portfolio-custom-art{align-items:center;width:100%;height:clamp(320px,54svh,650px);display:grid;container-type:inline-size}.portfolio-custom-art[hidden]{display:none}.portfolio-custom-art>*{width:100%}.portfolio-custom-art :is(.bk-device-stage,.vq-counter,.salony-device-stage,.hilton-device-stage,.transito-product-stage,.docubex-stage,.kn-stage){background:0 0;border-radius:0}.portfolio-custom-art :is(.bk-stage-label,.bk-stage-foot,.vq-stage-label,.vq-stage-foot,.salony-stage-top,.salony-stage-bottom,.hilton-stage-label,.hilton-stage-footer,.transito-stage-caption,.transito-stage-note,.docubex-stage-meta,.docubex-stage-base,.kn-stage-index,.kn-stage-foot){font-size:1.5cqi}.portfolio-custom-art .bk-window-bar{height:3.8cqi;font-size:1.4cqi}.portfolio-custom-art .bk-window-bar span:last-of-type{font-size:1.1cqi}.portfolio-custom-art .bk-phone-top{height:3.3cqi;padding-inline:1.6cqi;font-size:1.1cqi}.portfolio-custom-art .bk-phone-top i{height:1.6cqi}.portfolio-custom-art .bk-phone{border-width:.7cqi;border-radius:3.4cqi}.portfolio-custom-art .bk-desktop{border-width:.8cqi;border-radius:1.5cqi}.portfolio-custom-art .docubex-monitor-frame{border-width:.8cqi;border-radius:1.2cqi}.portfolio-custom-art .docubex-monitor-frame span{font-size:1cqi}.portfolio-custom-art .docubex-monitor i,.portfolio-custom-art .kn-monitor-stand,.portfolio-custom-art .vq-monitor-stand{height:5cqi}.portfolio-custom-art .kn-study-card strong{font-size:2.7cqi}.portfolio-custom-art .kn-study-card{gap:1.2cqi}.portfolio-view-controls{border-top:1px solid var(--folio-line);align-items:center;gap:24px;padding-top:8px;display:flex}.portfolio-view-controls button{min-height:44px;color:var(--folio-muted);font-size:13px;position:relative}.portfolio-view-controls button[aria-pressed=true]{color:var(--folio-ink)}.portfolio-view-controls button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.portfolio-view-controls button:hover:after,.portfolio-view-controls button[aria-pressed=true]:after{transform:scaleX(1)}.portfolio-view-controls button span{vertical-align:super;margin-left:8px;font-size:9px}.portfolio-view-controls>span{color:var(--folio-muted);margin-left:auto;font-size:10px}.portfolio-view-controls+.portfolio-screen-controls{border-top:0;padding-top:6px}.portfolio-project-media:has(.portfolio-display) .portfolio-display{height:clamp(280px,45svh,550px)}.portfolio-page[data-motion=off] .portfolio-custom-art .tilted-media>div{transform:none!important}@media (min-width:1000px) and (max-height:780px){.portfolio-custom-art{height:48svh;min-height:270px}.portfolio-project-media:has(.portfolio-display) .portfolio-display{height:40svh;min-height:230px}}@media (max-width:800px){.portfolio-custom-art{height:auto;min-height:330px;padding-block:24px}}@media (max-width:599px){.portfolio-custom-art{min-height:260px;padding-block:20px}.portfolio-view-controls{flex-wrap:wrap;gap:20px}.portfolio-view-controls>span{flex-basis:100%;margin-top:-14px;padding-bottom:12px;font-size:9px}.portfolio-project-media:has(.portfolio-display) .portfolio-display{height:330px}}