.cf-visual-foundation-portfolio .cf-foundation-carousel { grid-column:1/-1; min-width:0; margin-top:34px; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-track { display:flex; gap:0; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:28px; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-track::-webkit-scrollbar { display:none; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-track > .cf-visual-foundation-portfolio__row { flex:0 0 100%; min-width:0; grid-column:auto; margin:0; scroll-snap-align:start; scroll-snap-stop:always; box-shadow:none; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 4px 0; color:#18313d; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-status { font-size:13px; line-height:1.4; font-weight:700; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-nav { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-arrow { display:grid; place-items:center; width:46px; height:46px; border:1px solid #bbc9cd; border-radius:50%; background:#fffdf8; color:#17242c; font-size:22px; cursor:pointer; transition:background .2s,color .2s; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-arrow:hover { background:#07111c; color:#fff; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-dots { display:flex; gap:2px; align-items:center; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-dot { position:relative; width:32px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-dot::before { content:""; display:block; width:8px; height:8px; margin:auto; border-radius:999px; background:#b5c1c6; transition:width .2s,background .2s; }
.cf-visual-foundation-portfolio .cf-foundation-carousel-dot[aria-current="true"]::before { width:24px; background:linear-gradient(90deg,#6c4dff,#2878f0); }
@media(max-width:760px){
 .cf-visual-foundation-portfolio .cf-foundation-carousel-nav {gap:8px;}
 .cf-visual-foundation-portfolio .cf-foundation-carousel-dot {width:26px;}
 .cf-visual-foundation-portfolio .cf-foundation-carousel { margin-top:22px; }
 .cf-visual-foundation-portfolio .cf-foundation-carousel-track { border-radius:22px; }
 .cf-visual-foundation-portfolio .cf-foundation-carousel-controls { flex-direction:column; gap:10px; padding-top:14px; text-align:center; }
}
@media(prefers-reduced-motion:reduce){
 .cf-visual-foundation-portfolio .cf-foundation-carousel * { transition:none!important; scroll-behavior:auto!important; }
}

.cf-visual-foundation-portfolio .cf-foundation-carousel {margin-top:0;margin-bottom:28px;}
.cf-visual-foundation-portfolio .cf-foundation-carousel-track {align-items:stretch;border-radius:18px;}
.cf-visual-foundation-portfolio .cf-foundation-carousel-track > .cf-visual-foundation-portfolio__row {margin-bottom:0!important;box-sizing:border-box;}

.cf-visual-foundation-portfolio .cf-foundation-two-device {position:relative;display:block;padding:24px 24px 38px;align-self:stretch;background:#eaf0f5;}
.cf-visual-foundation-portfolio .cf-foundation-two-device > .cf-visual-foundation-portfolio__image {width:100%;margin:20px 0 0;overflow:hidden;border:8px solid #10202c;border-top-width:26px;border-radius:15px;box-sizing:border-box;}
.cf-visual-foundation-portfolio .cf-foundation-two-device .cf-visual-foundation-portfolio__image img {aspect-ratio:1.44;object-fit:cover;mix-blend-mode:normal;}
.cf-visual-foundation-portfolio .cf-foundation-two-device > .cf-foundation-phone {position:absolute;right:15px;bottom:20px;width:25%;margin:0;border:6px solid #10202c;border-radius:24px;overflow:hidden;box-shadow:0 16px 32px #10202c44;}
.cf-visual-foundation-portfolio .cf-foundation-phone img {display:block;width:100%;height:auto;}
.cf-visual-foundation-portfolio .cf-foundation-project-description {font-size:15px;line-height:1.65;}
@media(max-width:760px){.cf-visual-foundation-portfolio .cf-foundation-two-device {padding:10px 10px 25px;} .cf-visual-foundation-portfolio .cf-foundation-two-device > .cf-foundation-phone {right:8px;bottom:8px;width:27%;border-width:4px;border-radius:16px;}}