#portofoliu{scroll-margin-top:88px}.p-grid{grid-template-rows:390px 390px;grid-template-columns:1.55fr 1fr 1fr;gap:14px;display:grid}.p-card{cursor:pointer;opacity:0;background:#060606;border:1px solid #1a1a1a;border-radius:20px;transition:opacity .65s,transform .65s,box-shadow .35s;position:relative;overflow:hidden;transform:translateY(60px)}.p-card.vis{opacity:1;transform:translateY(0)}.p-card:hover{border-color:#02defc26;box-shadow:0 20px 60px #02defc14,0 0 0 1px #02defc26}.card-feat{grid-row:1/3}.card-wide{grid-column:2/4}.c-img{background:#0a0a0a;position:absolute;inset:0;overflow:hidden}.c-img img{object-fit:cover;object-position:top;filter:grayscale(60%)brightness(.75);will-change:transform,filter;width:100%;height:100%;transition:filter .7s,transform .7s cubic-bezier(.25,.46,.45,.94);display:block;transform:scale(1)}.p-card:hover .c-img img{filter:grayscale(0%)brightness();transform:scale(1.06)}.c-ov{pointer-events:none;background:linear-gradient(#0000 25%,#00000080 55%,#000000eb 100%);transition:opacity .4s;position:absolute;inset:0}.p-card:hover .c-ov{background:linear-gradient(#0000001a 0%,#0000008c 45%,#000000f5 100%)}.c-spot{z-index:1;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%)var(--my,50%),#02defc12 0%,transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.p-card:hover .c-spot{opacity:1}.p-card:after{content:"";opacity:0;pointer-events:none;z-index:3;border-radius:20px;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #02defc4d}.p-card:hover:after{opacity:1}.c-shimmer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.c-shimmer-line{will-change:transform,opacity;background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-130%)skew(-12deg)}.c-hov{opacity:0;z-index:2;pointer-events:none;flex-direction:column;gap:10px;padding:16px 22px;transition:opacity .35s;display:flex;position:absolute;bottom:80px;left:0;right:0}.p-card:hover .c-hov{opacity:1}.c-hov-pills{flex-wrap:wrap;gap:6px;display:flex}.c-hov-pill{-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.c-hov-pill-l{text-transform:uppercase;letter-spacing:1px;color:#ffffff59;font-size:9px;font-weight:600}.c-hov-pill-l:after{content:":"}.c-hov-pill-v{color:#ffffffbf;font-size:11px;font-weight:600}.c-bar{-webkit-backdrop-filter:blur(20px);z-index:3;background:#000000b3;border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.c-left{flex-direction:column;gap:7px;display:flex}.c-name{letter-spacing:-.1px;color:#fff;font-size:15px;font-weight:600}.c-tag{letter-spacing:.6px;text-transform:uppercase;color:#02defc;background:#02defc14;border:1px solid #02defc33;border-radius:100px;padding:4px 11px;font-size:10.5px;font-weight:600;transition:transform .4s cubic-bezier(.34,1.56,.64,1) .15s;display:inline-block;transform:scale(0)}.p-card.vis .c-tag{transform:scale(1)}.c-arr{border:1px solid #252525;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .28s,border-color .28s,transform .28s;display:flex}.p-card:hover .c-arr{background:#02defc;border-color:#02defc;transform:rotate(45deg)}.c-arr svg{stroke:#ffffff80;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.p-card:hover .c-arr svg{stroke:#000}#m-back{-webkit-backdrop-filter:blur(20px)saturate(1.2);z-index:200;opacity:0;pointer-events:none;background:#000000e0;justify-content:center;align-items:center;padding:28px;transition:opacity .3s;display:flex;position:fixed;inset:0}#m-back.open{opacity:1;pointer-events:all}.m-box{background:#060606;border:1px solid #1a1a1a;border-radius:20px;flex-direction:column;width:100%;max-width:1040px;height:82vh;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.92)translateY(14px);box-shadow:0 40px 120px #000c}#m-back.open .m-box{transform:scale(1)translateY(0)}.m-close{cursor:pointer;z-index:20;background:#ffffff0a;border:1px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:14px;right:14px}.m-close:hover{background:#ffffff14;border-color:#252525}.m-close svg{stroke:#ffffff80;fill:none;stroke-width:2.5px;stroke-linecap:round;width:14px;height:14px}.m-track-outer{flex:1;min-height:0;position:relative;overflow:hidden}.m-track{height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex}.m-slide{min-width:100%;height:100%;overflow:hidden}.m-nav{background:#060606;border-top:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.m-nbtn{cursor:pointer;background:#ffffff0a;border:1px solid #1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,border-color .2s;display:flex}.m-nbtn:hover{background:#02defc;border-color:#02defc}.m-nbtn:hover svg{stroke:#000}.m-nbtn svg{stroke:#ffffff80;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.m-dots{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.m-dot{cursor:pointer;background:#1a1a1a;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s,transform .2s}.m-dot.on{background:#02defc;transform:scale(1.3);box-shadow:0 0 8px #02defc80}.m-cnt{color:#ffffff40;white-space:nowrap;flex-shrink:0;font-size:11px}.sl{scrollbar-width:thin;scrollbar-color:#1a1a1a transparent;height:100%;overflow:hidden auto}.sl::-webkit-scrollbar{width:4px}.sl::-webkit-scrollbar-thumb{background:#252525;border-radius:2px}.sl-goal{height:100%;min-height:0;display:flex}.sl-goal-l{border-right:1px solid #1a1a1a;flex-direction:column;flex:1;justify-content:center;gap:28px;padding:52px 48px;display:flex}.sl-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--c-accent,#02defc);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.sl-eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:24px;height:2px;display:block}.sl-goal-name{letter-spacing:-.8px;font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.15}.sl-goal-sub{color:#fff6;max-width:340px;font-size:14px;line-height:1.65}.sl-goal-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sl-goal-list li{color:#ffffffa6;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.55;display:flex}.sl-goal-list li:before{content:"";background:var(--c-accent,#02defc);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;display:block}.img-frame{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;flex-direction:column;height:100%;display:flex;overflow:hidden}.img-frame-bar{background:#0d0d0d;border-bottom:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.img-frame-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.img-frame-body{scrollbar-width:thin;scrollbar-color:#252525 transparent;flex:1;overflow:hidden auto}.img-frame-body::-webkit-scrollbar{width:4px}.img-frame-body::-webkit-scrollbar-thumb{background:#252525;border-radius:2px}.img-frame-body img{width:100%;height:auto;display:block}.sl-goal-r{flex-direction:column;flex:1;padding:20px 20px 20px 4px;display:flex}.sl-brand{flex-direction:column;gap:0;height:100%;padding:44px 52px;display:flex}.sl-brand-header{margin-bottom:32px}.sl-brand-title{letter-spacing:-.5px;font-size:clamp(20px,2.5vw,30px);font-weight:800}.sl-brand-body{flex:1;grid-template-columns:1.1fr 1fr;gap:40px;display:grid}.sl-brand-section-label{letter-spacing:1.8px;text-transform:uppercase;color:#ffffff40;margin-bottom:16px;font-size:9.5px;font-weight:700}.sl-swatches{flex-wrap:wrap;gap:10px;display:flex}.sl-swatch{flex-direction:column;align-items:center;gap:6px;display:flex}.sl-swatch-sq{border:1px solid #1a1a1a;border-radius:10px;width:52px;height:52px}.sl-swatch-hex{color:#ffffff59;letter-spacing:.5px;font-family:monospace;font-size:9px}.sl-swatch-name{color:#ffffff40;text-align:center;max-width:56px;font-size:9px;line-height:1.3}.sl-fonts{flex-direction:column;gap:18px;display:flex}.sl-font-row{flex-direction:column;gap:3px;display:flex}.sl-font-sample{letter-spacing:-.5px;color:#fff;font-size:28px;font-weight:700;line-height:1}.sl-font-meta{color:#ffffff59;font-size:11px}.sl-font-role{color:#ffffff38;font-size:11px}.sl-brand-tags{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:auto;padding-top:24px;display:flex}.sl-brand-tag{letter-spacing:.3px;border:1px solid;border-radius:100px;padding:5px 13px;font-size:11px;font-weight:600}.sl-design{height:100%;display:flex}.sl-design-img{flex-direction:column;flex:1.1;padding:20px 12px 20px 20px;display:flex}.sl-design-r{border-left:1px solid #1a1a1a;flex-direction:column;flex:1;justify-content:center;gap:24px;padding:48px 40px;display:flex}.sl-design-title{letter-spacing:-.4px;font-size:clamp(18px,2.2vw,26px);font-weight:800}.sl-design-points{flex-direction:column;gap:14px;display:flex}.sl-design-point{align-items:flex-start;gap:12px;display:flex}.sl-design-num{color:var(--c-accent,#02defc);letter-spacing:.5px;background:#02defc14;border-radius:4px;flex-shrink:0;margin-top:2px;padding:3px 7px;font-size:10px;font-weight:700}.sl-design-pt-text{color:#ffffff8c;font-size:13px;line-height:1.6}.sl-design-quote{color:#ffffff59;border-left:3px solid;margin-top:4px;padding:14px 16px;font-size:13px;font-style:italic;line-height:1.6}.sl-elem-header{flex-direction:column;gap:4px;display:flex}.sl-elem-title{letter-spacing:-.4px;font-size:clamp(18px,2.5vw,26px);font-weight:800}.sl-conv{flex-direction:column;gap:28px;height:100%;padding:44px 48px;display:flex}.sl-conv-body{flex:1;gap:0;min-height:0;display:flex}.sl-conv-left{border-right:1px solid #1a1a1a;flex-direction:column;flex:1;justify-content:space-between;padding-right:36px;display:flex}.sl-conv-metric{opacity:0;transition:opacity .55s,transform .55s;transform:translate(-18px)}.sl-conv-metric.play{opacity:1;transform:translate(0)}.sl-conv-m-label{letter-spacing:2px;text-transform:uppercase;color:#fff3;margin-bottom:5px;font-size:9.5px;font-weight:700}.sl-conv-m-num{letter-spacing:-2.5px;color:var(--c-accent,#02defc);font-size:clamp(34px,3.8vw,50px);font-weight:900;line-height:1}.sl-conv-m-track{background:#1a1a1a;border-radius:2px;height:2px;margin-top:11px;position:relative}.sl-conv-m-fill{background:var(--c-accent,#02defc);width:0;box-shadow:0 0 7px var(--c-accent,#02defc);border-radius:2px;transition:width 1.3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 auto 0 0}.sl-conv-right{flex-direction:column;flex-shrink:0;justify-content:center;width:228px;padding-left:36px;display:flex}.sl-conv-qcard{background:#ffffff05;border:1px solid #1a1a1a;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;max-height:340px;padding:28px 22px;display:flex;position:relative;overflow:hidden}.sl-conv-qglow{pointer-events:none;background:radial-gradient(ellipse at top left,var(--c-accent,#02defc),transparent 65%);opacity:.06;position:absolute;inset:0}.sl-conv-qmark{color:var(--c-accent,#02defc);opacity:.08;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Georgia,serif;font-size:80px;font-weight:900;line-height:.75;position:absolute;top:12px;left:16px}.sl-conv-qtext{color:#fff6;z-index:1;padding-top:44px;font-size:12.5px;font-style:italic;line-height:1.85;position:relative}.sl-conv-qfoot{z-index:1;flex-direction:column;gap:8px;margin-top:22px;display:flex;position:relative}.sl-conv-qdash{background:var(--c-accent,#02defc);border-radius:1px;width:24px;height:2px}.sl-conv-qtag{letter-spacing:2px;text-transform:uppercase;color:#ffffff2e;font-size:9px;font-weight:700}.sl-impact{flex-direction:column;justify-content:center;gap:36px;height:100%;padding:44px 52px;display:flex}.sl-impact-title{letter-spacing:-.5px;font-size:clamp(20px,2.5vw,30px);font-weight:800}.sl-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sl-stat{background:#ffffff05;border:1px solid #1a1a1a;border-radius:12px;flex-direction:column;gap:6px;padding:24px;display:flex}.sl-stat-n{letter-spacing:-1px;color:var(--c-accent,#02defc);font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1}.sl-stat-u{color:#fff6;font-size:12px;line-height:1.4}.sl-impact-note{color:#ffffff73;max-width:640px;font-size:14px;line-height:1.75}.sl-impact-tags{flex-wrap:wrap;gap:8px;display:flex}.sl-imp-tag{color:#ffffff80;background:#ffffff08;border:1px solid #1a1a1a;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:600}@media (max-width:1280px){.p-grid{grid-template-rows:340px 340px}}@media (max-width:900px){.sl-goal{flex-direction:column}.sl-goal-r{min-height:240px;padding:0 16px 16px}.sl-brand-body{grid-template-columns:1fr}.sl-design{flex-direction:column}.sl-design-img{min-height:260px;padding:16px}}@media (max-width:768px){.p-grid{grid-template-rows:repeat(4,300px);grid-template-columns:1fr}.card-feat{grid-row:auto}.card-wide{grid-column:auto}.m-box{height:90vh}.sl-brand,.sl-impact{padding:28px 24px}.sl-goal-l{padding:32px 24px}.sl-design-r{padding:28px 24px}.sl-stats{grid-template-columns:1fr 1fr}.sl-conv{gap:20px;padding:28px 22px}.sl-conv-body{flex-direction:column;gap:0}.sl-conv-left{border-bottom:1px solid #1a1a1a;border-right:none;padding-bottom:20px;padding-right:0}.sl-conv-right{width:100%;padding-top:20px;padding-left:0}.sl-conv-qcard{max-height:none;padding:20px 18px}}@media (max-width:480px){.p-grid{grid-template-rows:repeat(4,260px)}.c-name{font-size:14px}#m-back{padding:0}.m-box{border-radius:0;height:100dvh}.sl-stats{grid-template-columns:1fr}.sl-conv{gap:16px;padding:20px 14px}.sl-conv-m-num{font-size:32px}}