/* TheWebPro — modern project case study */
.twp-project-single{--twp-ink:#101722;--twp-navy:#182331;--twp-blue:#40566f;--twp-cyan:#8795a6;--twp-muted:#737b87;--twp-line:rgba(24,35,49,.12);--twp-soft:#f5f6f8;background:#fff;color:var(--twp-ink);overflow:hidden}
.twp-case-shell{width:min(1180px,calc(100% - 44px));margin:0 auto}
.twp-case-hero{position:relative;padding:72px 0 88px;background:radial-gradient(circle at 82% 18%,rgba(128,145,164,.10),transparent 25%),radial-gradient(circle at 48% 72%,rgba(52,70,93,.22),transparent 34%),linear-gradient(135deg,#111821 0%,#182331 55%,#223042 100%);color:#fff}
.twp-case-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 95%);pointer-events:none}
.twp-case-breadcrumb{position:relative;z-index:1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:52px;font-size:12px;font-weight:700;letter-spacing:.03em;color:#7f94b8}
.twp-case-breadcrumb a{color:#aebbd1;text-decoration:none}.twp-case-breadcrumb a:hover{color:#fff}.twp-case-breadcrumb span[aria-current="page"]{color:#fff}
.twp-case-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);gap:64px;align-items:center}
.twp-case-kicker,.twp-case-eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:11px;line-height:1.2;font-weight:800}.twp-case-kicker{color:#a0adbb;margin-bottom:20px}.twp-case-eyebrow{color:var(--twp-blue);margin-bottom:12px}
.twp-case-hero h1{font-size:clamp(52px,6vw,86px);line-height:.94;letter-spacing:-.055em;color:#fff;margin:0;max-width:650px;font-weight:800}
.twp-case-summary{max-width:640px;margin:28px 0 0;font-size:18px;line-height:1.7;color:#c0c6ce}
.twp-case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.twp-case-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:11px;text-decoration:none;font-weight:800;font-size:13px;transition:.2s ease}.twp-case-btn--primary{background:#fff;color:#07111f;box-shadow:0 10px 28px rgba(0,0,0,.16)}.twp-case-btn--primary:hover{background:#edf4ff;color:#07111f;transform:translateY(-2px)}.twp-case-btn--ghost{border:1px solid rgba(255,255,255,.15);color:#dbe6f8;background:rgba(255,255,255,.035)}.twp-case-btn--ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.twp-case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px;padding-top:26px;border-top:1px solid rgba(255,255,255,.11)}.twp-case-facts div{padding-right:18px}.twp-case-facts span,.twp-case-facts strong{display:block}.twp-case-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#8997a8;margin-bottom:6px}.twp-case-facts strong{font-size:13px;line-height:1.45;color:#fff}
.twp-case-hero__media{border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#1b2735;box-shadow:0 34px 90px rgba(0,0,0,.34);overflow:hidden;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);transform-origin:center right}
.twp-case-browserbar{height:45px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#151f2b}.twp-case-browserbar i{width:8px;height:8px;border-radius:50%;background:#657181}.twp-case-browserbar span{margin-left:9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8793a2;font-size:11px}
.twp-case-image{aspect-ratio:16/10;overflow:hidden;background:#202c3a}.twp-case-image img{width:100%;height:100%;object-fit:cover;display:block}.twp-case-image__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#182431,#2a3a4b);font-size:28px;font-weight:800;color:#fff}
.twp-case-study{padding:104px 0 112px;background:#fff}.twp-case-study__grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:78px;align-items:start}.twp-case-aside{position:sticky;top:110px;padding:26px 0;border-top:1px solid var(--twp-line)}.twp-case-aside h2{font-size:30px;line-height:1.08;letter-spacing:-.035em;color:var(--twp-ink);margin:0 0 15px}.twp-case-aside p{font-size:14px;line-height:1.7;color:var(--twp-muted);margin:0 0 23px}.twp-case-aside a{font-size:13px;font-weight:800;color:var(--twp-blue);text-decoration:none}
.twp-case-study__body{min-width:0;font-size:18px;line-height:1.82;color:#344054}.twp-case-study__body>.et_pb_section{padding:0!important;background:transparent!important}.twp-case-study__body>.et_pb_section>.et_pb_row{width:100%!important;max-width:none!important;padding:0!important}.twp-case-study__body .post-modified-info{display:none!important}.twp-case-study__body .et_pb_section:first-of-type .et_pb_image:first-of-type{display:none!important}.twp-case-study__body .et_pb_text{margin:0!important}.twp-case-study__body .et_pb_text_inner>p:first-child{font-size:21px;line-height:1.72;color:#25334a}.twp-case-study__body p{margin-bottom:1.55em}.twp-case-study__body p>strong:first-child{display:block;margin:0 0 8px;font-size:24px;line-height:1.15;letter-spacing:-.025em;color:var(--twp-ink)}.twp-case-study__body ul,.twp-case-study__body ol{padding:0 0 0 1.3em;margin:0 0 1.5em}.twp-case-study__body li{margin-bottom:.55em}.twp-case-study__body strong{color:#111d31}.twp-case-study__body a{color:var(--twp-blue);text-decoration-thickness:1px;text-underline-offset:3px}.twp-case-study__body h2,.twp-case-study__body h3,.twp-case-study__body h4{color:var(--twp-ink);letter-spacing:-.035em;line-height:1.08;margin:1.65em 0 .7em;font-weight:800}.twp-case-study__body h2{font-size:42px}.twp-case-study__body h3{font-size:29px}.twp-case-study__body img{border-radius:18px;box-shadow:0 18px 50px rgba(10,29,62,.1)}
.twp-related-projects{padding:94px 0 102px;background:var(--twp-soft);border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5}.twp-related-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.twp-related-head h2{font-size:clamp(38px,4vw,56px);line-height:1;letter-spacing:-.045em;color:var(--twp-ink);margin:0}.twp-related-head>a{font-size:13px;font-weight:800;color:var(--twp-blue);text-decoration:none;white-space:nowrap}.twp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.twp-related-card{overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--twp-line);box-shadow:0 12px 32px rgba(13,32,69,.055);transition:.25s ease}.twp-related-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(13,32,69,.11)}.twp-related-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe7f1}.twp-related-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.twp-related-card:hover .twp-related-card__media img{transform:scale(1.04)}.twp-related-card__arrow{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#091426;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.twp-related-card__body{padding:22px 23px 25px}.twp-related-card__body>span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#8791a3;margin-bottom:10px}.twp-related-card h3{font-size:24px;line-height:1.08;letter-spacing:-.03em;margin:0;color:var(--twp-ink)}.twp-related-card h3 a{color:inherit;text-decoration:none}
.twp-case-cta{padding:86px 0 105px;background:#fff}.twp-case-cta__inner{position:relative;overflow:hidden;padding:58px 62px;border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(128,145,164,.12),transparent 30%),linear-gradient(135deg,#17212d,#263548);color:#fff}.twp-case-cta__inner:after{content:"";position:absolute;right:-95px;bottom:-190px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018)}.twp-case-cta .twp-case-eyebrow{position:relative;z-index:1;color:#a0adbb}.twp-case-cta h2{position:relative;z-index:1;max-width:790px;margin:10px 0 26px;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em;color:#fff}.twp-case-cta a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:14px 19px;border-radius:11px;background:#fff;color:#17212d;font-size:13px;font-weight:800;text-decoration:none}
@media(max-width:1100px){.twp-case-hero__grid{grid-template-columns:1fr;gap:46px}.twp-case-hero__copy{max-width:800px}.twp-case-hero__media{transform:none;max-width:900px}.twp-case-study__grid{grid-template-columns:220px minmax(0,1fr);gap:54px}}
@media(max-width:820px){.twp-case-hero{padding:54px 0 64px}.twp-case-breadcrumb{margin-bottom:36px}.twp-case-hero__media{order:-1}.twp-case-facts{grid-template-columns:1fr 1fr;row-gap:20px}.twp-case-facts div:last-child{grid-column:1/-1}.twp-case-study{padding:74px 0 80px}.twp-case-study__grid{grid-template-columns:1fr;gap:26px}.twp-case-aside{position:static;padding:0 0 22px;border-top:0;border-bottom:1px solid var(--twp-line)}.twp-related-grid{grid-template-columns:1fr 1fr}.twp-related-card:last-child{display:none}.twp-case-cta__inner{padding:44px 38px}}
@media(max-width:600px){.twp-case-shell{width:min(100% - 28px,1180px)}.twp-case-hero{padding:42px 0 50px}.twp-case-breadcrumb{font-size:11px;margin-bottom:30px}.twp-case-hero h1{font-size:48px}.twp-case-summary{font-size:16px;line-height:1.65;margin-top:20px}.twp-case-actions{margin-top:26px}.twp-case-btn{width:100%;justify-content:center}.twp-case-facts{grid-template-columns:1fr;margin-top:30px;padding-top:22px}.twp-case-facts div,.twp-case-facts div:last-child{grid-column:auto}.twp-case-hero__media{border-radius:15px}.twp-case-browserbar{height:38px}.twp-case-image{aspect-ratio:4/3}.twp-case-study{padding:58px 0 64px}.twp-case-study__body{font-size:16px;line-height:1.75}.twp-case-study__body .et_pb_text_inner>p:first-child{font-size:18px}.twp-case-study__body h2{font-size:34px}.twp-case-study__body h3{font-size:26px}.twp-related-projects{padding:64px 0 70px}.twp-related-head{align-items:flex-start;flex-direction:column;margin-bottom:26px}.twp-related-head h2{font-size:39px}.twp-related-grid{grid-template-columns:1fr}.twp-related-card:last-child{display:block}.twp-related-card__body{padding:19px 20px 22px}.twp-case-cta{padding:62px 0 74px}.twp-case-cta__inner{padding:38px 27px;border-radius:22px}.twp-case-cta h2{font-size:39px}}