/* Invortex portfolio inspired by the company profile archive. */
.folio-section{--folio-pad:clamp(20px,5.8vw,94px);position:relative;overflow:hidden;background:#e8ebe7;color:#111b18;padding:clamp(90px,10vw,150px) 0 75px}.folio-section:before{content:"PORTFOLIO";position:absolute;top:0;right:-.04em;font:400 clamp(105px,19vw,310px)/.9 Georgia,serif;color:rgba(17,61,50,.035);pointer-events:none}.folio-section.folio-mobile{background:#0b1513;color:#f4f1e9}.folio-section.folio-mobile:before{color:rgba(129,216,202,.035)}.folio-wrap{max-width:1540px;padding:0 var(--folio-pad);margin:auto;position:relative}.folio-intro{border-top:1px solid currentColor;padding-top:22px}.folio-eyebrow{display:flex;align-items:center;gap:12px;color:#39766c;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.folio-mobile .folio-eyebrow{color:#80d5c8}.folio-mark{font-size:18px;line-height:1}.folio-rule{display:block;width:48px;height:1px;background:currentColor;opacity:.5}.folio-intro-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.55fr);align-items:end;gap:50px;padding:48px 0 85px}.folio-intro h2{font:400 clamp(55px,7.7vw,119px)/.9 Arial,sans-serif;letter-spacing:-.068em;margin:0}.folio-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#607b73}.folio-mobile .folio-intro h2 em{color:#86d3c5}.folio-intro-main p{font-size:16px;line-height:1.7;color:#62716c;max-width:390px;margin:0 0 9px}.folio-mobile .folio-intro-main p{color:#a8b8b2}.folio-rail-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(29,50,43,.23);padding-bottom:14px;margin-bottom:24px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.folio-mobile .folio-rail-head{border-color:rgba(255,255,255,.2)}.folio-rail-head b{font-weight:400;color:#65867d}.folio-controls{display:flex;align-items:center;gap:9px}.folio-position{margin-right:12px;font-variant-numeric:tabular-nums;color:#678078}.folio-mobile .folio-position{color:#86b8ac}.folio-controls button{border:1px solid #849891;color:#193b34;background:transparent;border-radius:50%;width:42px;height:42px;cursor:pointer;font-size:20px;transition:.25s}.folio-controls button:hover,.folio-controls button:focus-visible{background:#113d32;color:#fff;border-color:#113d32}.folio-mobile .folio-controls button{color:#dce7e0;border-color:#5e746c}.folio-mobile .folio-controls button:hover{background:#82cdbf;color:#10231f}.folio-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab;padding:0 var(--folio-pad) 34px}.folio-rail:active{cursor:grabbing}.folio-rail::-webkit-scrollbar{display:none}.folio-track{display:flex;gap:clamp(18px,2.5vw,38px);width:max-content;max-width:none}.folio-slide{width:min(76vw,960px);flex:none;scroll-snap-align:center;min-width:0}.folio-mobile .folio-slide{width:min(67vw,660px)}.folio-slide-top{display:flex;justify-content:space-between;align-items:center;gap:20px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;padding:0 2px 14px;color:#617870}.folio-mobile .folio-slide-top{color:#9ab0a7}.folio-browser{background:#111a18;border:8px solid #15221e;border-bottom-width:12px;border-radius:12px 12px 7px 7px;overflow:hidden;box-shadow:0 35px 90px rgba(17,61,50,.2)}.folio-browser-bar{height:35px;display:flex;align-items:center;gap:14px;padding:0 12px;color:#b4c1ba;background:#15221e}.folio-dots{display:flex;gap:5px}.folio-dots i{width:6px;height:6px;background:#55665e;border-radius:50%}.folio-dots i:first-child{background:#78bdb1}.folio-url{margin:auto;font-size:9px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folio-scroll-label{font-size:8px;color:#8dd0c3;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap}.folio-screen{height:clamp(420px,47vw,670px);overflow-y:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#54a79a #dce5e1}.folio-screen img{display:block;width:100%;height:auto;max-width:none;filter:none!important;transform:none!important}.folio-screen::-webkit-scrollbar{width:8px}.folio-screen::-webkit-scrollbar-thumb{background:#54a79a}.folio-caption{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:24px 2px 0}.folio-caption small{display:block;color:#54796f;text-transform:uppercase;letter-spacing:.15em;font-size:9px;margin-bottom:10px}.folio-mobile .folio-caption small{color:#88bdb0}.folio-caption h3{font:400 clamp(30px,3.5vw,52px)/1 Georgia,serif;letter-spacing:-.025em;margin:0}.folio-view{font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.12em;background:transparent;border:0;border-bottom:1px solid currentColor;padding:0 0 9px;color:inherit;white-space:nowrap;cursor:pointer}.folio-view span{font-size:17px;margin-left:18px;color:#008c82}.folio-mobile .folio-view span{color:#8ce0d1}.folio-view:hover span{margin-left:24px}.folio-mobile-art{height:clamp(440px,46vw,650px);position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#254c43,#10221e 52%,#0b1513 100%);border:1px solid rgba(167,219,203,.22);overflow:hidden}.folio-orbit{position:absolute;inset:13% 20%;border:1px solid rgba(176,223,208,.12);border-radius:50%;transform:rotate(-28deg)}.folio-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(176,223,208,.08);border-radius:50%}.folio-mobile-image{position:relative;width:75%;height:78%;display:grid;place-items:center;z-index:1;transition:transform .5s}.folio-mobile-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none!important;box-shadow:0 35px 70px rgba(0,0,0,.32)}.folio-slide:hover .folio-mobile-image{transform:translateY(-8px)}.folio-mobile-tag{position:absolute;left:24px;bottom:22px;font-size:9px;letter-spacing:.15em;color:#a4c7bc}.folio-bottom{display:flex;align-items:center;gap:35px;margin-top:5px}.folio-bottom>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#5e7b70;white-space:nowrap}.folio-mobile .folio-bottom>span{color:#96b2a6}.folio-progress{height:2px;background:rgba(55,102,88,.22);flex:1;overflow:hidden}.folio-mobile .folio-progress{background:#304a42}.folio-progress i{display:block;height:100%;width:100%;background:#279889;transform:scaleX(0);transform-origin:left;transition:transform .15s}.folio-bottom a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:inherit;white-space:nowrap}.folio-bottom a span{font-size:17px;color:#249184;margin-left:12px}.folio-mobile .folio-bottom a span{color:#8bd7c8}
.folio-dialog{position:fixed;inset:0;z-index:1000;display:none;background:#07100e;color:#fff;flex-direction:column}.folio-dialog.is-open{display:flex}.folio-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px clamp(16px,4vw,55px);border-bottom:1px solid #496057;min-height:76px}.folio-dialog-head small{display:block;color:#88d6c8;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.folio-dialog-head strong{font:400 24px Georgia,serif}.folio-dialog-actions{display:flex;gap:7px}.folio-dialog-actions button{background:transparent;color:#fff;border:1px solid #597066;min-width:42px;height:42px;font-size:20px;cursor:pointer}.folio-dialog-actions button:hover{background:#8bd7c8;color:#10221b}.folio-dialog-stage{flex:1;overflow:auto;text-align:center;padding:30px max(18px,calc((100vw - 1100px)/2)) 80px;scrollbar-color:#76c5b8 #0c1813}.folio-dialog-stage img{display:block;width:100%;height:auto;margin:auto;max-width:1100px;background:#fff}.folio-dialog-stage img.is-mobile{max-width:740px;background:transparent}.folio-dialog-foot{padding:11px;text-align:center;font-size:10px;letter-spacing:.08em;color:#a2c2b6;background:#0b1712}body.folio-locked{overflow:hidden}
@media(max-width:850px){.folio-intro-main{grid-template-columns:1fr;gap:26px;padding:35px 0 60px}.folio-intro-main p{max-width:680px}.folio-slide{width:85vw}.folio-mobile .folio-slide{width:72vw}}@media(max-width:600px){.folio-section{padding:80px 0 65px}.folio-intro h2{font-size:clamp(52px,12vw,76px)}.folio-intro-main{padding-bottom:47px}.folio-rail-head{align-items:center}.folio-rail-head>span{max-width:130px;line-height:1.5}.folio-controls{gap:5px}.folio-controls button{width:36px;height:36px}.folio-position{font-size:10px;margin-right:2px}.folio-slide,.folio-mobile .folio-slide{width:88vw}.folio-browser{border-width:5px;border-bottom-width:8px}.folio-screen{height:430px}.folio-mobile-art{height:430px}.folio-mobile-image{width:88%}.folio-caption{align-items:start;flex-direction:column;gap:15px}.folio-caption h3{font-size:35px}.folio-bottom{gap:15px;flex-wrap:wrap}.folio-bottom>span{width:100%}.folio-bottom a{margin-left:auto}.folio-dialog-head strong{font-size:17px}.folio-dialog-actions button{min-width:35px;height:35px}.folio-dialog-stage{padding:15px 12px}.folio-scroll-label{display:none}}
@media(prefers-reduced-motion:reduce){.folio-mobile-image,.folio-progress i{transition:none!important}}
/* Three-screen editorial project presentation, modeled on the company profile. */
.folio-section .folio-board{width:min(88vw,1430px);border:1px solid #c8d2c5;background:#e1e8dd;color:#223f32;box-shadow:0 30px 75px rgba(19,53,38,.12);overflow:hidden}.folio-section.folio-mobile .folio-board{width:min(80vw,1140px);border-color:#435a4c;background:#1b3028;color:#eaf3e8;box-shadow:0 35px 90px rgba(0,0,0,.25)}.folio-board-head{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px clamp(25px,3vw,58px);border-bottom:1px solid rgba(35,71,48,.18)}.folio-board-head span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#5d806e}.folio-board-head span:last-child{text-align:right}.folio-board-head h3{font:400 clamp(33px,3.5vw,58px)/1 Georgia,serif;margin:0;letter-spacing:-.03em;text-align:center}.folio-mobile .folio-board-head{border-color:#ffffff24}.folio-mobile .folio-board-head span{color:#9fcabb}.folio-board-scene{height:clamp(520px,51vw,710px);position:relative;isolation:isolate;overflow:hidden;perspective:1500px;background:radial-gradient(ellipse at 50% 57%,#b8c7b2 0,transparent 68%)}.folio-mobile .folio-board-scene{background:radial-gradient(ellipse at 50% 54%,#376459 0,transparent 67%)}.folio-backword{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(130px,20vw,310px)/.9 Georgia,serif;letter-spacing:-.07em;color:#597460;opacity:.075;white-space:nowrap;pointer-events:none}.folio-mobile .folio-backword{color:#9ad5bb}.folio-sheet{position:absolute;top:18%;width:25%;height:62%;background:#27392d;border:6px solid #354638;border-radius:7px;overflow:hidden;box-shadow:0 35px 55px rgba(20,39,26,.34);transition:transform .7s cubic-bezier(.2,.7,.2,1);z-index:1}.folio-sheet img{display:block;width:100%;height:auto;max-width:none;filter:none!important;transition:transform 9s ease}.folio-sheet-left{left:8%;transform:rotateY(14deg) rotateZ(-10deg) translateY(var(--parallax-left,0px))}.folio-sheet-right{right:8%;transform:rotateY(-14deg) rotateZ(10deg) translateY(var(--parallax-right,0px))}.folio-sheet-left img{transform:translateY(-12%)}.folio-sheet-right img{transform:translateY(-36%)}.folio-board:hover .folio-sheet-left img{transform:translateY(-32%)}.folio-board:hover .folio-sheet-right img{transform:translateY(-52%)}.folio-laptop{position:absolute;left:50%;top:13%;width:38%;height:69%;transform:translateX(-50%) translateY(var(--parallax-center,0px));border:7px solid #26342e;border-radius:16px 16px 7px 7px;background:#26342e;box-shadow:0 50px 65px rgba(12,30,16,.42);z-index:3;transition:transform .7s ease}.folio-laptop-top{height:24px;display:flex;gap:5px;align-items:center;padding:0 8px;color:#b3beb4}.folio-laptop-top i{width:5px;height:5px;background:#73857a;border-radius:50%}.folio-laptop-top span{font-size:8px;letter-spacing:.1em;margin-left:auto}.folio-laptop-screen{height:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#537f69 #d6ddd4}.folio-laptop-screen img{display:block;width:100%;height:auto;max-width:none;filter:none!important;transform:none!important}.folio-laptop-base{position:absolute;left:-5%;bottom:-20px;width:110%;height:16px;background:linear-gradient(#77877c,#314036);border-radius:0 0 55% 55%;box-shadow:0 20px 25px #10281955}.folio-scene-caption{position:absolute;bottom:5%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#628672}.folio-mobile .folio-scene-caption{color:#9ac5b3}.folio-board-story{border-top:1px solid rgba(35,71,48,.18);padding:30px clamp(25px,3vw,58px);display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:35px}.folio-board-story small{font-size:9px;letter-spacing:.14em;color:#63957c}.folio-board-story h4{font:400 clamp(21px,2.2vw,31px)/1.15 Georgia,serif;margin:8px 0 0}.folio-board-story p{font-size:13px;line-height:1.6;color:#5d7766;margin:0}.folio-board-story .folio-view{align-self:center}.folio-mobile .folio-board-story{border-color:#ffffff24}.folio-mobile .folio-board-story p{color:#afc8b8}.folio-mobile .folio-board-story small{color:#90cbb0}
.folio-board-scene-mobile{height:clamp(520px,51vw,680px)}.folio-app-device{position:absolute;left:50%;top:12%;width:34%;height:73%;transform:translateX(-50%) translateY(var(--parallax-center,0px));border:9px solid #17251e;border-radius:34px;background:#18241e;box-shadow:0 46px 65px #06120d88;z-index:3;transition:transform .7s ease;overflow:hidden}.folio-app-camera{position:absolute;top:8px;left:41%;width:18%;height:9px;background:#101a14;border-radius:9px;z-index:2}.folio-app-screen{width:100%;height:100%;overflow:auto;background:#e9eee9;border-radius:24px;scrollbar-width:thin;scrollbar-color:#6b9d85 #e1e9e1}.folio-app-screen img{width:100%;height:auto;display:block;filter:none!important;transform:none!important}.folio-app-panel{position:absolute;top:20%;width:23%;height:58%;border:6px solid #304e3d;border-radius:18px;overflow:hidden;background:#dce7db;box-shadow:0 28px 55px #06120d88;z-index:1;transition:transform .7s ease}.folio-app-panel img{width:100%;height:100%;object-fit:cover;filter:none!important}.folio-app-left{left:9%;transform:rotateY(15deg) rotateZ(-10deg) translateY(var(--parallax-left,0px))}.folio-app-right{right:9%;transform:rotateY(-15deg) rotateZ(10deg) translateY(var(--parallax-right,0px))}.folio-app-left img{object-position:left center}.folio-app-right img{object-position:right center}
@media(max-width:900px){.folio-section .folio-board,.folio-section.folio-mobile .folio-board{width:88vw}.folio-board-head{height:95px}.folio-board-head h3{font-size:36px}.folio-board-scene{height:560px}.folio-sheet{width:30%;height:53%;top:22%}.folio-sheet-left{left:3%}.folio-sheet-right{right:3%}.folio-laptop{width:45%;top:18%;height:62%}.folio-board-story{grid-template-columns:1fr auto;gap:20px}.folio-board-story p{grid-column:1/-1;grid-row:2}.folio-board-story .folio-view{grid-column:2;grid-row:1}.folio-app-panel{left:4%;width:28%}.folio-app-right{left:auto;right:4%}.folio-app-device{width:42%}}
@media(max-width:600px){.folio-section .folio-board,.folio-section.folio-mobile .folio-board{width:91vw}.folio-board-head{grid-template-columns:1fr auto;padding:18px;height:auto;min-height:98px}.folio-board-head h3{grid-column:1/-1;grid-row:2;text-align:left;font-size:32px}.folio-board-head span:last-child{grid-column:2;grid-row:1}.folio-board-scene,.folio-board-scene-mobile{height:430px}.folio-sheet{width:30%;height:55%;top:23%;border-width:3px}.folio-sheet-left{left:-8%}.folio-sheet-right{right:-8%}.folio-laptop{width:58%;height:64%;top:17%;border-width:4px;border-radius:9px}.folio-laptop-top{height:16px}.folio-laptop-screen{height:calc(100% - 16px)}.folio-laptop-base{height:10px;bottom:-13px}.folio-scene-caption{font-size:6px;bottom:5%}.folio-board-story{display:block;padding:24px 18px}.folio-board-story h4{font-size:25px}.folio-board-story p{margin:15px 0}.folio-board-story .folio-view{margin-top:4px}.folio-app-device{width:59%;height:68%;top:17%;border-width:6px;border-radius:25px}.folio-app-screen{border-radius:18px}.folio-app-panel{width:30%;height:49%;top:26%;border-width:3px;border-radius:10px}.folio-app-left{left:-9%}.folio-app-right{right:-9%}}
@media(prefers-reduced-motion:reduce){.folio-sheet,.folio-sheet img,.folio-laptop,.folio-app-panel,.folio-app-device{transition:none!important}}

/* Original mobile concept portfolios */
.folio-concept-aura .folio-board-scene{background:radial-gradient(ellipse at center,#867567,#332821 70%)}
.folio-concept-havenops .folio-board-scene{background:radial-gradient(ellipse at center,#38685a,#0b2924 70%)}
.folio-concept-clario .folio-board-scene{background:radial-gradient(ellipse at center,#6454a2,#211b46 70%)}
.folio-screen-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:18px 20px 21px;border-top:1px solid #ffffff1f}
.folio-screen-tab{border:1px solid #ffffff39;border-radius:999px;padding:10px 17px;background:transparent;color:#c8d9d0;font:500 11px Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.folio-screen-tab span{opacity:.55;margin-right:6px;font-variant-numeric:tabular-nums}
.folio-screen-tab:hover,.folio-screen-tab:focus-visible{transform:translateY(-2px);border-color:#d2eee4}
.folio-screen-tab.is-active{background:#d9f3e8;border-color:#d9f3e8;color:#17352a}
.folio-concept-aura .folio-screen-tab.is-active{background:#e8d5c5;border-color:#e8d5c5;color:#3a2923}
.folio-concept-clario .folio-screen-tab.is-active{background:#ddd4fa;border-color:#ddd4fa;color:#2b2056}
.folio-board-app .folio-app-screen img{height:100%;object-fit:fill}
.folio-board-app .folio-app-panel img{object-fit:fill}
@media(max-width:600px){.folio-screen-tabs{gap:6px;padding:14px 8px}.folio-screen-tab{padding:9px 11px;font-size:10px}.folio-board-app .folio-app-device{width:52%;height:68%;top:16%}.folio-board-app .folio-app-panel{width:29%;height:52%;top:24%}}
.folio-board-app .folio-app-device{width:min(28%,278px);height:auto;aspect-ratio:390/844;top:7%;border:8px solid #15231e;border-radius:37px;outline:2px solid #536d5d;box-shadow:0 45px 80px #06120d99,0 0 0 3px #0e1714 inset}
.folio-board-app .folio-app-panel{width:min(22%,210px);height:auto;aspect-ratio:390/844;top:18%;border-radius:26px;border:6px solid #253f34}
.folio-board-app .folio-app-screen{border-radius:27px;overflow:hidden}
.folio-board-app .folio-app-camera{top:7px;left:38%;width:24%;height:10px;border-radius:10px;background:#101a16}
.folio-board-app .folio-app-screen img,.folio-board-app .folio-app-panel img{height:100%;object-fit:fill}
@media(max-width:600px){.folio-board-app .folio-app-device{width:51%;top:18%;border-width:5px;border-radius:25px}.folio-board-app .folio-app-panel{width:30%;top:27%;border-width:4px;border-radius:17px}.folio-board-app .folio-app-camera{top:5px;height:7px}.folio-board-app .folio-app-screen{border-radius:20px}}

.folio-concept-souqly .folio-board-scene{background:radial-gradient(ellipse at center,#7767b8,#241e4e 72%)}
.folio-concept-rove .folio-board-scene{background:radial-gradient(ellipse at center,#4c92c9,#122a4d 72%)}
.folio-concept-pulse .folio-board-scene{background:radial-gradient(ellipse at center,#eb8ea1,#5a345d 72%)}
.folio-concept-souqly .folio-screen-tab.is-active{background:#ffe17a;border-color:#ffe17a;color:#252045}
.folio-concept-rove .folio-screen-tab.is-active{background:#c1efff;border-color:#c1efff;color:#173a58}
.folio-concept-pulse .folio-screen-tab.is-active{background:#ffd1d2;border-color:#ffd1d2;color:#523448}