:root{--tt-project-red:#e63946;--tt-project-navy:#0d1321;--tt-project-cream:#f5f1e8;--tt-project-muted:#6d7077}
.tt-projects-page{direction:rtl;background:var(--tt-project-cream);color:var(--tt-project-navy);overflow:hidden}
.tt-projects-page *{box-sizing:border-box}
.tt-projects-page button,.tt-projects-page input{font:inherit}
.tt-projects-hero{position:relative;padding:clamp(54px,6vw,96px) 0 42px;background:#faf8f3}
.tt-projects-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(48px,7vw,108px);align-items:center}
.tt-projects-hero__copy{max-width:670px}
.tt-projects-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#343943;font-family:monospace;direction:ltr;justify-content:flex-end;letter-spacing:1.5px;font-size:14px}
.tt-projects-eyebrow i,.tt-projects-catalog h2>i,.tt-projects-cta h2>i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--tt-project-red);flex:none}
.tt-projects-hero h1{max-width:640px;margin:0 0 20px;font-size:clamp(38px,4vw,67px);line-height:1.35;font-weight:900;letter-spacing:-1.5px}
.tt-projects-hero__copy>p:not(.tt-projects-eyebrow){margin:0 0 10px;color:#62656b;font-size:16px;line-height:2}
.tt-projects-hero__actions,.tt-projects-featured__actions,.tt-projects-cta>div>div{display:flex;gap:18px;margin-top:28px}
.tt-projects-hero__actions>*{display:inline-flex;justify-content:center;align-items:center;min-width:205px;min-height:56px;border:1px solid var(--tt-project-navy);border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer}
.tt-projects-hero__actions button{border-color:var(--tt-project-red);background:var(--tt-project-red);color:#fff}
.tt-projects-hero__actions a{color:var(--tt-project-navy);background:transparent}
.tt-projects-hero ul{display:flex;gap:34px;margin:30px 0 0;padding:0;list-style:none;color:#32353c;font-weight:600}
.tt-projects-hero li{display:flex;align-items:center;gap:9px;white-space:nowrap}
.tt-projects-hero li img{width:21px;height:21px}
.tt-projects-hero__visual{position:relative;min-height:500px;margin:0;display:flex;align-items:center;justify-content:center}
.tt-projects-media-frame{position:relative;display:flex;width:100%;align-items:center;justify-content:center}
.tt-projects-media-frame>img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}
.tt-projects-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:360px;border:1px dashed #b8bbc0;border-radius:18px;background:linear-gradient(145deg,#fff,#ebeef1);color:#8b8d92}
.tt-projects-hero__badge{position:absolute;top:0px;left:8%;display:grid;place-items:center;width:130px;height:105px;border-radius:10px;background:#fff;box-shadow:0 12px 32px #0d132125;font-style:normal;z-index:2}
.tt-projects-hero__badge i{width:48px;height:48px;border:10px solid #ed3542;border-right-color:#ffc8cc;border-radius:50%}
.tt-projects-hero__badge span{font-family:monospace;font-size:12px;letter-spacing:1px}
.tt-frame-corner{position:absolute;width:34px;height:34px;background:url('../icons/corner-frame.svg') center/contain no-repeat;z-index:3;pointer-events:none}
.tt-frame-corner--tl{top:-20px;left:-20px}.tt-frame-corner--tr{top:-20px;right:-20px;transform:rotate(90deg)}.tt-frame-corner--br{right:-20px;bottom:-20px;transform:rotate(180deg)}.tt-frame-corner--bl{bottom:-20px;left:-20px;transform:rotate(270deg)}
.tt-projects-plus{position:absolute;width:25px;height:25px;background:url('../icons/plus.svg') center/contain no-repeat;opacity:.9}.tt-projects-plus--one{top:38px;left:4%}.tt-projects-plus--two{bottom:15px;right:4%}
.tt-projects-catalog{padding:0 0 52px;border-top:1px solid #dedbd5}
.tt-projects-catalog__header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:34px 0 28px}
.tt-projects-catalog h2{display:flex;align-items:center;gap:10px;margin:0;font-size:25px}
.tt-projects-catalog nav{display:flex;gap:14px;flex-wrap:wrap}
.tt-projects-catalog nav button{min-width:130px;padding:12px 24px;border:1px solid #d3d4d7;border-radius:6px;background:#fff;color:var(--tt-project-navy);cursor:pointer;transition:.2s}
.tt-projects-catalog nav button:hover,.tt-projects-catalog nav button.is-active{border-color:var(--tt-project-red);background:var(--tt-project-red);color:#fff}
.tt-projects-results{transition:opacity .2s}.tt-projects-page.is-loading .tt-projects-results{opacity:.45;pointer-events:none}
.tt-project-group{padding:20px 0 42px}.tt-project-group+ .tt-project-group{border-top:1px solid #dedbd5}
.tt-project-group>header{margin-bottom:22px}.tt-project-group>header h2{font-size:27px;margin-bottom:5px}.tt-project-group>header p{margin:0;color:#6c6f75}
.tt-project-group__more{display:flex;align-items:center;gap:7px;margin:20px auto 0 0;padding:8px 0;border:0;background:transparent;color:var(--tt-project-red);font-weight:800;cursor:pointer;transition:gap .2s,color .2s}
.tt-project-group__more img{width:18px;height:18px;filter:invert(31%) sepia(73%) saturate(2348%) hue-rotate(334deg) brightness(94%) contrast(91%);transition:transform .2s}
.tt-project-group__more:hover,.tt-project-group__more:focus-visible{gap:11px;color:#bf1f2b}.tt-project-group__more:hover img{transform:translateX(-2px)}.tt-project-group__more:focus-visible{outline:2px solid var(--tt-project-red);outline-offset:4px;border-radius:2px}
.tt-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.tt-project-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d6d7d9;border-radius:9px;background:#fff;box-shadow:0 7px 18px #0d13210a;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.tt-project-card:hover{transform:translateY(-5px);border-color:var(--tt-project-red);box-shadow:0 14px 32px #0d132118}
.tt-project-card__image{position:relative;aspect-ratio:16/8.4;margin:0;background:#e9ebee;overflow:hidden}
.tt-project-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.tt-project-card__image>span{display:grid;place-items:center;height:100%;color:#888}
.tt-project-card__image em{position:absolute;right:10px;bottom:5px;padding:2px 15px;border-radius:20px;background:#3b82f6;color:#fff;font-style:normal;font-size:13px}
.tt-project-card--seo .tt-project-card__image em{background:#19a15f}.tt-project-card--graphic .tt-project-card__image em{background:#8b48d8}
.tt-project-card__body{display:flex;flex:1;flex-direction:column;padding:18px}
.tt-project-card h3{margin:0 0 8px;font-size:21px;line-height:1.5}
.tt-project-card p{display:-webkit-box;min-height:54px;margin:0 0 15px;overflow:hidden;color:#6c6f75;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tt-project-card__details{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid #e3e3e3}
.tt-project-card__details div{padding:10px 7px;text-align:center}.tt-project-card__details div+div{border-right:1px solid #e3e3e3}
.tt-project-card__details dt{font-size:11px;color:#7b7d82}.tt-project-card__details dd{margin:4px 0 0;font-size:13px;font-weight:700}
.tt-project-card__tags,.tt-project-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.tt-project-card__tags span,.tt-project-card__metrics span{display:grid;place-items:center;min-height:34px;padding:5px;border:1px solid #e0e1e3;border-radius:5px;text-align:center;font-size:11px}
.tt-project-card__metrics span{color:#078a4a;font-weight:700;background:#f7fffa}
.tt-project-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding-top:16px}
.tt-project-card__actions a{display:grid;place-items:center;min-height:42px;border:1px solid var(--tt-project-navy);border-radius:5px;text-decoration:none;font-weight:700;color:var(--tt-project-navy)}
.tt-project-card__actions .tt-project-card__primary{border-color:var(--tt-project-red);background:var(--tt-project-red);color:#fff}
.tt-projects-load-wrap{text-align:center;padding:26px 0 0}.tt-projects-load-wrap button{min-width:220px;padding:14px 28px;border:1px solid var(--tt-project-red);border-radius:6px;background:var(--tt-project-red);color:#fff;font-weight:800;cursor:pointer}
.tt-projects-empty{display:grid;place-items:center;gap:8px;min-height:190px;padding:32px;border:1px dashed #c9c9c9;border-radius:10px;background:#fff;text-align:center}.tt-projects-empty strong{font-size:20px}.tt-projects-empty span{color:#777}
.tt-projects-featured{position:relative;padding:58px 0;background:radial-gradient(circle at 85% 50%,#14233b 0,#0d1728 38%,#07101f 100%);color:#fff}
.tt-projects-featured__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:65px;align-items:center}
.tt-projects-featured__copy h2{margin:0 0 18px;font-size:clamp(29px,3vw,45px);line-height:1.45}.tt-projects-featured__copy>p:not(.tt-projects-eyebrow){color:#d7d9de;line-height:2;text-align:justify}
.tt-projects-featured .tt-projects-eyebrow{justify-content:flex-start;color:#fff}
.tt-projects-featured__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
.tt-projects-featured__stats div{display:grid;gap:4px;padding:13px 8px;border:1px solid #ffffff55;border-radius:6px;text-align:center}.tt-projects-featured__stats strong{font-size:20px}.tt-projects-featured__stats span{font-size:11px;color:#d9dce2}
.tt-projects-featured__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tt-projects-featured__actions>*{display:grid;place-items:center;min-height:48px;border:1px solid #fff;border-radius:5px;background:transparent;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.tt-projects-featured__actions button{background:#fff;color:var(--tt-project-red)}
.tt-projects-featured__image{position:relative;min-height:360px;margin:0;display:flex;align-items:center;justify-content:center}.tt-projects-featured__image .tt-projects-media-frame>img{max-height:410px}.tt-projects-featured__image .tt-projects-image-placeholder{border-color:#ffffff55;background:#ffffff0a;color:#fff}
.tt-projects-featured__target{position:absolute;right:-80px;bottom:-100px;width:280px;height:280px;border:1px solid #e6394670;border-radius:50%;box-shadow:inset 0 0 0 50px transparent,0 0 0 50px #0000;background:repeating-radial-gradient(circle,#0000 0 34px,#e6394660 35px 36px)}
.tt-projects-plus--three{top:30px;left:3%;filter:brightness(0) invert(1)}.tt-projects-plus--four{right:3%;bottom:25px;filter:brightness(0) invert(1)}
.tt-projects-cta{padding:34px 0 46px;text-align:center;background:#faf8f3}.tt-projects-cta h2{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 7px;font-size:32px}.tt-projects-cta p{margin:0;color:#666}.tt-projects-cta>div>div{justify-content:center;margin-top:18px}.tt-projects-cta button{min-width:180px;padding:13px 22px;border:1px solid var(--tt-project-red);border-radius:5px;background:var(--tt-project-red);color:#fff;font-weight:800;cursor:pointer}.tt-projects-cta .tt-projects-cta__secondary{border-color:var(--tt-project-navy);background:#fff;color:var(--tt-project-navy)}
@media(max-width:1050px){.tt-projects-hero__inner{grid-template-columns:1fr 420px;gap:35px}.tt-projects-hero h1{font-size:42px}.tt-project-grid{gap:18px}.tt-projects-featured__inner{gap:35px}}
@media(max-width:840px){.tt-projects-hero{padding:42px 0 32px}.tt-projects-hero__inner{display:flex;flex-direction:column;gap:34px}.tt-projects-hero__copy{width:100%;text-align:center}.tt-projects-eyebrow{justify-content:center}.tt-projects-hero h1{margin-inline:auto;font-size:clamp(30px,8vw,43px);line-height:1.45}.tt-projects-hero__copy>p:not(.tt-projects-eyebrow){font-size:14px;line-height:1.9}.tt-projects-hero__actions{justify-content:center}.tt-projects-hero ul{justify-content:center;gap:12px;font-size:12px}.tt-projects-hero li{gap:5px}.tt-projects-hero li img{width:17px;height:17px}.tt-projects-hero__visual{width:100%;min-height:300px}.tt-projects-hero__badge{top:-10px;left:10px;width:100px;height:82px}.tt-projects-hero__badge i{width:36px;height:36px;border-width:7px}.tt-projects-catalog__header{display:block}.tt-projects-catalog h2{justify-content:center;margin-bottom:20px}.tt-projects-catalog nav{display:grid;grid-template-columns:repeat(2,1fr)}.tt-projects-catalog nav button{min-width:0}.tt-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tt-project-group>header{text-align:right}.tt-project-card h3{font-size:17px}.tt-project-card__body{padding:12px}.tt-project-card p{min-height:47px;font-size:12px}.tt-project-card__details{grid-template-columns:1fr}.tt-project-card__details div{display:flex;justify-content:space-between;padding:7px}.tt-project-card__details div+div{border-top:1px solid #e3e3e3;border-right:0}.tt-project-card__details dd{margin:0}.tt-project-card__tags,.tt-project-card__metrics{grid-template-columns:1fr}.tt-project-card__tags span:nth-child(n+3),.tt-project-card__metrics span:nth-child(n+3){display:none}.tt-project-card__actions{grid-template-columns:1fr}.tt-projects-featured__inner{display:flex;flex-direction:column}.tt-projects-featured__copy{order:1;text-align:center}.tt-projects-featured__image{width:100%;min-height:280px}.tt-projects-featured .tt-projects-eyebrow{justify-content:center}.tt-projects-featured__stats{grid-template-columns:repeat(2,1fr)}.tt-projects-featured__target{width:200px;height:200px}.tt-projects-cta h2{font-size:26px}.tt-frame-corner--tl{top:-15px;left:-15px}.tt-frame-corner--tr{top:-15px;right:-15px}.tt-frame-corner--br{right:-15px;bottom:-15px}.tt-frame-corner--bl{bottom:-15px;left:-15px}}
@media(max-width:560px){.tt-projects-hero__actions{display:grid;grid-template-columns:1fr;width:100%}.tt-projects-hero__actions>*{min-width:0;width:100%;min-height:52px}.tt-projects-hero ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tt-projects-hero li{justify-content:center}.tt-projects-image-placeholder{min-height:260px}.tt-frame-corner{width:27px;height:27px}.tt-project-grid{grid-template-columns:1fr}.tt-project-card__image{aspect-ratio:16/8.7}.tt-project-card h3{font-size:19px}.tt-project-card p{font-size:13px}.tt-project-card__details{grid-template-columns:repeat(3,1fr)}.tt-project-card__details div{display:block}.tt-project-card__details div+div{border-top:0;border-right:1px solid #e3e3e3}.tt-project-card__tags,.tt-project-card__metrics{grid-template-columns:repeat(3,1fr)}.tt-project-card__tags span:nth-child(n),.tt-project-card__metrics span:nth-child(n){display:grid}.tt-project-card__actions{grid-template-columns:1fr 1fr}.tt-projects-featured{padding:48px 0}.tt-projects-featured__copy h2{font-size:27px}.tt-projects-featured__actions{grid-template-columns:1fr}.tt-projects-cta>div>div{display:grid;grid-template-columns:1fr}.tt-projects-cta button{width:100%}}
@media(prefers-reduced-motion:reduce){.tt-project-card,.tt-projects-results,.tt-project-group__more,.tt-project-group__more img{transition:none}html:focus-within{scroll-behavior:auto}}