/* Compact portfolio strip. Existing device geometry and brand styling retained. */
.tdp{--tdp-card-width:clamp(340px,32vw,420px);--tdp-gap:20px;color:#11131a;background:#fff;font:400 18px/1.5 Source,sans-serif;padding:40px 0 28px;isolation:isolate;position:relative;overflow:clip;color-scheme:light}
.tdp *,.tdp *::before,.tdp *::after{box-sizing:border-box}
.tdp-heading{max-width:1050px;margin:0 auto 24px;padding:0 24px;text-align:center}
.tdp-eyebrow{display:block;margin:0 0 12px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#4e5361}
.tdp h2{font:650 clamp(30px,3vw,40px)/1.2 Jakarta,sans-serif;letter-spacing:-.04em;margin:0;text-wrap:balance}
.tdp h2 em{font-style:normal;color:#5e4ee5}
.tdp-intro{font-size:17px;line-height:1.5;color:#565966;margin:10px 0 0;text-wrap:pretty}
.tdp-window{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.tdp-window::-webkit-scrollbar{display:none}
.tdp[data-animate=true] .tdp-window{overflow:hidden}
.tdp-track{display:flex;width:max-content;align-items:flex-start}
.tdp-group{display:flex;flex:none;gap:var(--tdp-gap);padding-right:var(--tdp-gap);align-items:flex-start}
.tdp-card{width:var(--tdp-card-width);flex:0 0 var(--tdp-card-width);margin:0}
.tdp-devices{position:relative;aspect-ratio:3/2;background:var(--tdp-hardware) center/100% 100% no-repeat;width:100%;overflow:hidden;border-radius:14px}
.tdp-laptop,.tdp-phone{position:absolute;overflow:hidden;background:#f5f1e8;pointer-events:none}
.tdp-laptop{left:14.387%;top:12.89%;width:61.068%;height:58.20%;border-radius:1% 1% 0 0}
.tdp-phone{left:80.145%;top:44.84%;width:12.35%;height:38.185%;border-radius:0 0 13% 13% / 0 0 6.4% 6.4%}
.tdp-devices img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;max-width:none}
.tdp-laptop::after,.tdp-phone::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff1,transparent 40%,#11131a08);pointer-events:none}
.tdp-caption{font-size:15px;line-height:1.4;color:#565966;text-align:center;margin-top:9px}
.tdp[data-animate=true] .tdp-track{animation:tdp-loop var(--tdp-duration,52s) linear infinite;animation-play-state:var(--tdp-play,running);will-change:transform}
@keyframes tdp-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--tdp-distance)),0,0)}}
@media(max-width:767px){.tdp{--tdp-card-width:min(280px,calc(100vw - 48px));--tdp-gap:14px;padding:32px 0 24px}.tdp-heading{padding:0 20px;margin-bottom:20px}.tdp h2{font-size:30px}.tdp-intro{font-size:16px;margin-top:8px}.tdp-devices{border-radius:12px}.tdp-caption{font-size:14px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.tdp-track{animation:none!important;transform:none!important;will-change:auto!important}.tdp [data-clone]{display:none}.tdp[data-animate=true] .tdp-window{overflow-x:auto}}

.tdp{--tdp-hardware:url('/growth-system/assets/portfolio-v2/assets/macbook-iphone-studio.webp')}