.tr-case-index{background:#0d0f10;color:#f7f5ef;padding:165px 0 135px}.tr-case-index-banner{position:relative;display:grid;grid-template-columns:.76fr 1.24fr;min-height:355px;margin-bottom:100px;overflow:hidden;border:1px solid rgba(34,213,231,.35);background:radial-gradient(circle at 15% 10%,#063354,transparent 48%),#111616}.tr-case-index-banner-copy{position:relative;z-index:2;padding:54px}.tr-case-index-kicker{margin:0;color:#10d0e9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tr-case-index-banner h1{margin:15px 0;color:#fff;font-size:clamp(50px,6vw,86px);line-height:.94;letter-spacing:-.07em}.tr-case-index-banner-copy>p:last-child{max-width:255px;margin:0;color:#aebcbe;font-size:16px;line-height:1.6}.tr-case-index-banner-art{position:relative;overflow:hidden}.tr-case-index-banner-art img{position:absolute;width:56%;box-shadow:0 20px 50px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}.tr-case-index-banner-art img:nth-child(1){left:5%;top:40px;transform:rotate(-4deg)}.tr-case-index-banner-art img:nth-child(2){left:27%;top:86px;transform:rotate(1deg)}.tr-case-index-banner-art img:nth-child(3){right:-6%;top:29px;transform:rotate(5deg)}.tr-case-index-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;padding-bottom:105px;border-bottom:1px solid #303433}.tr-case-index-intro h2{margin:18px 0 0;color:#fff;font-size:clamp(48px,6vw,90px);line-height:.95;letter-spacing:-.065em}.tr-case-index-intro>div>p:last-child{max-width:540px;margin:50px 0 0;color:#b4bbb9;font-size:18px;line-height:1.75}.tr-case-index-list{padding-top:70px}.tr-case-index-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:450px;padding:54px 0;border-bottom:1px solid #303433}.tr-case-index-item.is-reverse .tr-case-index-image{order:2}.tr-case-index-image{display:flex;align-items:center;justify-content:center;min-height:340px;overflow:hidden;background:#181c1b}.tr-case-index-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s ease}.tr-case-index-item:hover .tr-case-index-image img{transform:scale(1.025)}.tr-case-index-content{max-width:465px}.tr-case-index-item.is-reverse .tr-case-index-content{justify-self:end}.tr-case-index-number{margin:0 0 24px;color:#14d0e7;font-size:13px;font-weight:800;letter-spacing:.12em}.tr-case-index-content h2{margin:0;color:#fff;font-size:clamp(37px,4vw,62px);line-height:1;letter-spacing:-.055em}.tr-case-index-industry{margin:17px 0 0;color:#b6bfbc;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.tr-case-index-content>p:not(.tr-case-index-number):not(.tr-case-index-industry){margin:20px 0 29px;color:#aeb5b3;font-size:16px;line-height:1.7}.tr-case-index-button{display:inline-flex;align-items:center;gap:11px;padding:13px 20px;border:1px solid rgba(27,215,233,.7);border-radius:99px;color:#fff;font-size:13px;font-weight:800;transition:.25s}.tr-case-index-button:hover{background:#13cde5;color:#071213}.tr-case-index-button i{font-size:12px}@media(max-width:767px){.tr-case-index{padding:125px 0 72px}.tr-case-index-banner{grid-template-columns:1fr;min-height:420px;margin-bottom:65px}.tr-case-index-banner-copy{padding:34px}.tr-case-index-banner-art{height:215px}.tr-case-index-banner-art img{width:65%}.tr-case-index-banner-art img:nth-child(1){top:20px}.tr-case-index-banner-art img:nth-child(2){top:64px}.tr-case-index-banner-art img:nth-child(3){top:12px}.tr-case-index-intro{grid-template-columns:1fr;gap:0;padding-bottom:63px}.tr-case-index-intro h2{font-size:50px}.tr-case-index-intro>div>p:last-child{margin-top:26px;font-size:16px}.tr-case-index-list{padding-top:24px}.tr-case-index-item,.tr-case-index-item.is-reverse{grid-template-columns:1fr;gap:30px;padding:43px 0}.tr-case-index-item.is-reverse .tr-case-index-image{order:0}.tr-case-index-item.is-reverse .tr-case-index-content{justify-self:start}.tr-case-index-image{min-height:230px}.tr-case-index-number{margin-bottom:17px}.tr-case-index-content h2{font-size:42px}}
.tr-case-index{padding:105px 0 135px}.tr-case-index-image{min-height:0;border-radius:22px;background:transparent}.tr-case-index-image img{height:auto;object-fit:contain}@media(max-width:767px){.tr-case-index{padding:72px 0}.tr-case-index-image{min-height:0}}