/* Isolated editorial presentation for portfolio case-study detail pages. */
.tr-case-detail{background:#101112;color:#f6f4ef;overflow:hidden}.tr-case-hero{position:relative;min-height:770px;padding:185px 0 72px;isolation:isolate;background:#121315}.tr-case-hero-bg{position:absolute;inset:-45px;background-position:center;background-size:cover;filter:blur(28px) saturate(.7);opacity:.16;transform:scale(1.1);z-index:-2}.tr-case-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101112 2%,rgba(16,17,18,.94) 36%,rgba(16,17,18,.28) 100%);z-index:-1}.tr-case-hero-inner{position:relative}.tr-case-crumbs{display:flex;gap:9px;align-items:center;margin:0 0 78px;color:#979b9f;font-size:13px}.tr-case-crumbs a{color:#c8cbca}.tr-case-crumbs strong{font-weight:600;color:#fff}.tr-case-hero-copy{position:relative;z-index:1;width:48%;padding:32px 0 60px}.tr-case-eyebrow,.tr-case-kicker{margin:0;color:#10d0e9;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.tr-case-eyebrow span{display:inline-block;width:30px;height:1px;margin:0 11px 4px;background:#10d0e9}.tr-case-hero h1{max-width:640px;margin:20px 0 25px;color:#fff;font-size:clamp(58px,7vw,108px);font-weight:700;line-height:.93;letter-spacing:-.07em}.tr-case-hero-copy>p:last-child{max-width:540px;margin:0;color:#c3c7ca;font-size:20px;line-height:1.6}.tr-case-hero-visual{position:absolute;right:0;bottom:0;width:55%;height:510px;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}.tr-case-hero-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:inherit;pointer-events:none}.tr-case-hero-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.tr-case-intro{padding:118px 0 110px;background:#f0ede6;color:#171817}.tr-case-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:112px;border-top:1px solid #cac6bd;border-bottom:1px solid #cac6bd}.tr-case-meta>div{min-height:106px;padding:26px 30px;border-left:1px solid #cac6bd;display:flex;flex-direction:column;gap:10px}.tr-case-meta>div:first-child{border-left:0;padding-left:0}.tr-case-meta span{color:#79786f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tr-case-meta strong{font-size:16px;line-height:1.4}.tr-case-statement{display:grid;grid-template-columns:1.06fr .94fr;gap:10%;align-items:start}.tr-case-statement h2,.tr-case-section-head h2{margin:15px 0 0;color:#171817;font-size:clamp(36px,4vw,62px);line-height:1.05;letter-spacing:-.055em}.tr-case-statement>div>p:first-child{margin:0;color:#40423e;font-size:19px;line-height:1.7}.tr-case-honesty{margin:28px 0 0!important;padding-top:18px;border-top:1px solid #cbc8c1;color:#77766f!important;font-size:13px!important;line-height:1.65!important}.tr-case-principles{padding:125px 0;background:#171918}.tr-case-section-head{max-width:800px}.tr-case-section-head h2{color:#f8f6ef}.tr-case-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #373a38}.tr-case-principle{min-height:340px;padding:31px 38px 30px 0;border-right:1px solid #373a38}.tr-case-principle:not(:first-child){padding-left:38px}.tr-case-principle:last-child{border-right:0}.tr-case-principle>span{color:#13cce3;font-size:13px;font-weight:700}.tr-case-principle h3{margin:72px 0 16px;color:#fff;font-size:25px;letter-spacing:-.035em}.tr-case-principle p{max-width:320px;margin:0;color:#aaafac;font-size:16px;line-height:1.68}.tr-case-showcase{padding:124px 0 135px;background:#101112}.tr-case-showcase-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.tr-case-showcase-head h2{margin:12px 0 0;color:#fff;font-size:clamp(40px,4vw,60px);line-height:1;letter-spacing:-.055em}.tr-case-showcase-head>p{max-width:425px;margin:0;color:#aeb3b1;font-size:16px;line-height:1.7}.tr-case-page-frame{display:block;position:relative;height:720px;overflow:hidden;background:#242625;border:1px solid #343735}.tr-case-page-frame img{width:100%;height:auto;display:block;transition:transform 8s cubic-bezier(.2,.65,.2,1)}.tr-case-page-frame:hover img{transform:translateY(calc(-100% + 720px))}.tr-case-page-frame:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}.tr-case-page-frame span{position:absolute;right:25px;bottom:22px;z-index:1;color:#fff;font-size:13px;font-weight:700}.tr-case-page-frame span i{margin-left:7px}.tr-case-next{padding:0 0 130px;background:#101112}.tr-case-next-card{position:relative;display:flex;min-height:370px;align-items:flex-end;padding:46px;overflow:hidden;background:#212422;color:#fff}.tr-case-next-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,15,.94),rgba(14,15,15,.2))}.tr-case-next-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;transition:transform .5s ease}.tr-case-next-card:hover img{transform:scale(1.035)}.tr-case-next-card>div{position:relative;z-index:1}.tr-case-next-card p{margin:0 0 12px;color:#18d1e8;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.tr-case-next-card h2{margin:0 0 25px;font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.055em}.tr-case-next-card span{font-size:14px;font-weight:700}.tr-case-next-card span i{margin-left:8px}@media(max-width:991px){.tr-case-hero{min-height:auto;padding-top:155px}.tr-case-crumbs{margin-bottom:42px}.tr-case-hero-copy{width:62%;padding-bottom:100px}.tr-case-hero-visual{position:relative;width:100%;height:480px}.tr-case-meta{margin-bottom:78px}.tr-case-statement{gap:7%}.tr-case-page-frame{height:560px}.tr-case-page-frame:hover img{transform:translateY(calc(-100% + 560px))}}@media(max-width:767px){.tr-case-hero{padding:128px 0 0}.tr-case-hero:after{background:linear-gradient(180deg,#101112 0%,rgba(16,17,18,.76) 100%)}.tr-case-crumbs{margin-bottom:34px;font-size:11px;gap:6px;white-space:nowrap;overflow:hidden}.tr-case-hero-copy{width:100%;padding:0 0 42px}.tr-case-hero h1{margin:17px 0 19px;font-size:57px}.tr-case-hero-copy>p:last-child{font-size:17px}.tr-case-hero-visual{height:265px;border-radius:5px 5px 0 0}.tr-case-intro{padding:72px 0}.tr-case-meta{grid-template-columns:1fr;margin-bottom:64px}.tr-case-meta>div,.tr-case-meta>div:first-child{min-height:0;padding:19px 0;border-left:0;border-bottom:1px solid #cac6bd}.tr-case-meta>div:last-child{border-bottom:0}.tr-case-statement{grid-template-columns:1fr;gap:30px}.tr-case-statement h2,.tr-case-section-head h2{font-size:39px}.tr-case-statement>div>p:first-child{font-size:17px}.tr-case-principles{padding:75px 0}.tr-case-principle-grid{grid-template-columns:1fr;margin-top:44px}.tr-case-principle,.tr-case-principle:not(:first-child){min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid #373a38}.tr-case-principle h3{margin:34px 0 13px;font-size:24px}.tr-case-showcase{padding:75px 0}.tr-case-showcase-head{display:block;margin-bottom:30px}.tr-case-showcase-head>p{margin-top:23px}.tr-case-page-frame{height:380px}.tr-case-page-frame:hover img{transform:none}.tr-case-next{padding-bottom:74px}.tr-case-next-card{min-height:275px;padding:28px}.tr-case-next-card h2{font-size:42px}}