/* Recent Works: an editorial introduction beside real responsive project previews. */
.tt-recent-works{--tt-work-bleed:max(24px,calc(50vw - 700px));box-sizing:border-box;overflow:hidden;padding:116px 24px 124px;background:#fff;color:#171a20;scroll-margin-top:70px}
.tt-recent-works *{box-sizing:border-box}
.tt-recent-works-shell{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);align-items:center;gap:clamp(36px,5vw,86px);width:min(1400px,100%);margin:0 auto}
.tt-recent-works-intro{max-width:500px}
.tt-recent-works-eyebrow{display:block;margin-bottom:25px;color:#4e5663;font-family:Georgia,serif;font-size:20px;font-style:italic}
.tt-recent-works-intro h2{margin:0!important;color:#171a20;font-size:clamp(56px,6vw,92px);font-weight:600;line-height:.98;letter-spacing:-.075em}
.tt-recent-works-intro h2 em{display:block;color:#006dfa;font-style:normal}
.tt-recent-works-intro>p{max-width:420px;margin:25px 0 32px;color:#626b78;font-size:18px;line-height:1.6}
.tt-recent-works-cta{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:52px;padding:0 22px;border-radius:12px;background:#171a20;color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .2s,transform .2s}
.tt-recent-works-cta:hover{background:#006dfa;transform:translateY(-2px)}
.tt-recent-works-cta span{font-size:19px;font-weight:500}
.tt-recent-works-carousel{min-width:0;width:calc(100% + var(--tt-work-bleed));margin-right:calc(0px - var(--tt-work-bleed));overflow:hidden;padding:32px 0 24px;border:1px solid #e0e4ed;border-right:0;border-radius:26px 0 0 26px;background:linear-gradient(108deg,#f4f6bf 0%,#ddf4d2 49%,#b7eee7 100%)}
.tt-recent-works-slides{display:flex;transition:transform .7s cubic-bezier(.22,1,.36,1)}.tt-recent-works-slide{flex:0 0 100%;min-width:0;padding-left:32px}.tt-recent-works.is-ready .tt-recent-works-carousel{opacity:0;transform:translate3d(90px,0,0);transition:opacity .8s ease,transform .95s cubic-bezier(.22,1,.36,1)}.tt-recent-works.is-ready.is-visible .tt-recent-works-carousel{opacity:1;transform:none}
.tt-recent-works-slide-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:end;min-height:90px;margin-bottom:23px}
.tt-recent-works-slide-head span{display:block;margin-bottom:9px;color:#006dfa;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.tt-recent-works-slide-head h3{margin:0!important;color:#171a20;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.tt-recent-works-slide-head p{margin:0;color:#5e6b69;font-size:17px;line-height:1.45}
.tt-recent-works-visual{position:relative;display:flex;align-items:flex-end;min-height:530px;padding:14px 10% 10px 0}
.tt-recent-works-desktop{position:relative;width:86%;height:500px;overflow:hidden;border:5px solid #141b27;border-radius:18px;background:#fff;box-shadow:0 18px 36px rgba(31,47,76,.18)}
.tt-recent-works-browser-bar{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;align-items:center;gap:4px;height:22px;padding:0 10px;background:#f8fafc;border-bottom:1px solid #e4e9f1}
.tt-recent-works-browser-bar i{width:5px;height:5px;border-radius:50%;background:#a9b8ce}
.tt-recent-works-browser-bar i:first-child{background:#006dfa}
.tt-recent-works-desktop img{display:block;width:100%;height:calc(100% - 22px);margin-top:22px;object-fit:contain;object-position:top center}
.tt-recent-works-no-image{display:grid;place-items:center;width:100%;height:100%;padding:30px;color:#223044;font-size:25px;font-weight:650;text-align:center}
.tt-recent-works-mobile{position:absolute;right:2%;bottom:-1px;width:24%;height:430px;overflow:hidden;border:6px solid #141b27;border-radius:25px;background:#fff;box-shadow:0 15px 30px rgba(24,37,59,.23)}
.tt-recent-works-mobile-notch{position:absolute;z-index:1;top:4px;left:50%;width:35%;height:8px;border-radius:0 0 8px 8px;background:#141b27;transform:translateX(-50%)}
.tt-recent-works-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.tt-recent-works-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;padding:0 32px}
.tt-recent-works-progress{display:inline-flex;align-items:center;gap:14px;color:#626b78;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
.tt-recent-works-progress b{color:#171a20;font-weight:750}
.tt-recent-works-progress i{display:block;width:42px;height:1px;background:#818c9e}
.tt-recent-works-controls>div{display:flex;gap:7px}
.tt-recent-works-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#344155;font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:border-color .2s,background .2s}
.tt-recent-works-controls button:not(:disabled):hover{border-color:#b9c9e2;background:#fff}
.tt-recent-works-controls button:disabled{opacity:.35;cursor:default}
.tt-recent-works a:focus-visible,.tt-recent-works button:focus-visible{outline:2px solid #006dfa;outline-offset:3px}
html[data-theme=dark] .tt-recent-works{background:#14171c;color:#f2f5f9}
html[data-theme=dark] .tt-recent-works-eyebrow,html[data-theme=dark] .tt-recent-works-intro>p,html[data-theme=dark] .tt-recent-works-slide-head p{color:#aab6c6}
html[data-theme=dark] .tt-recent-works-intro h2,html[data-theme=dark] .tt-recent-works-slide-head h3{color:#f2f5f9}
html[data-theme=dark] .tt-recent-works-intro h2 em{color:#78b3ff}
html[data-theme=dark] .tt-recent-works-carousel{border-color:#3b5b56;background:linear-gradient(108deg,#273b34 0%,#23483e 51%,#1e4c4a 100%)}
html[data-theme=dark] .tt-recent-works-progress,html[data-theme=dark] .tt-recent-works-controls button{color:#bac5d5}
html[data-theme=dark] .tt-recent-works-progress b{color:#f2f5f9}
html[data-theme=dark] .tt-recent-works-controls button:not(:disabled):hover{border-color:#567296;background:#2b3a50}
@media(max-width:1000px){.tt-recent-works-shell{grid-template-columns:1fr;gap:38px}.tt-recent-works-intro{max-width:750px}.tt-recent-works-intro h2 em{display:inline}.tt-recent-works-visual{min-height:530px}.tt-recent-works-desktop{height:500px}}
@media(max-width:600px){.tt-recent-works{padding:72px 20px 78px}.tt-recent-works-shell{gap:30px}.tt-recent-works-eyebrow{margin-bottom:15px;font-size:17px}.tt-recent-works-intro h2{font-size:clamp(48px,11vw,68px)}.tt-recent-works-intro>p{margin:17px 0 22px;font-size:16px}.tt-recent-works-carousel{padding:20px 0 17px;border-radius:19px 0 0 19px}.tt-recent-works-slide{padding-left:16px}.tt-recent-works-slide-head{grid-template-columns:1fr;gap:9px;margin-bottom:14px}.tt-recent-works-slide-head h3{font-size:21px}.tt-recent-works-slide-head p{font-size:16px}.tt-recent-works-visual{min-height:290px;padding:0 12% 0 0}.tt-recent-works-desktop{width:91%;height:270px;border-width:4px;border-radius:12px}.tt-recent-works-mobile{right:0;width:27%;height:230px;border-width:4px;border-radius:18px}.tt-recent-works-controls{margin-top:12px;padding:0 16px}}
@media(prefers-reduced-motion:reduce){.tt-recent-works-cta,.tt-recent-works-controls button,.tt-recent-works-slides,.tt-recent-works-carousel{transition:none!important}.tt-recent-works.is-ready .tt-recent-works-carousel{opacity:1;transform:none}}