/* Only this case and its portfolio card. Existing BLIK pages remain unchanged. */
.tri-case{--tri-purple:#7050b9;--tri-ink:#29243b;--tri-cream:#fffbe9;--tri-orange:#fa6938}
.tri-opening{margin:42px 4% 34px;max-width:1500px}
.tri-eyebrow{display:flex;gap:10px 28px;flex-wrap:wrap;margin:0 0 28px;font-size:13px;color:#5b5669}
.tri-opening h1{font:500 clamp(48px,7.5vw,112px)/1.02 var(--display);letter-spacing:-.055em;margin:0;max-width:1250px;text-wrap:balance}
.tri-opening h1 em{color:var(--tri-purple);font-style:normal}
.tri-opening-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:34px;align-items:end}
.tri-opening-bottom p{font-size:18px;line-height:1.55;margin:0;max-width:620px;color:#514c5e}
.tri-opening-bottom strong{font:500 clamp(24px,3.1vw,43px)/1.1 var(--display);letter-spacing:-.035em}
.tri-hero{margin:0 4% 74px;padding:clamp(16px,3.5vw,52px);background:var(--tri-purple);border-radius:14px}
.tri-case .tri-screen{background:transparent;border-radius:8px}
.tri-screen>span{background:transparent;border:0;padding:17px 0 0;color:inherit;line-height:1.4}
.tri-hero .tri-screen{color:#fff}
.tri-hero .tri-screen>img{border-radius:6px;box-shadow:0 12px 45px #20124135}
.tri-case .tri-credit{font-size:12px;line-height:1.5;color:#625b72;margin:15px 0 0;max-width:750px}
.tri-hero .tri-credit{color:#e8e0f9}
.tri-chapter{padding:0 4% 80px;max-width:1800px;margin:auto}
.tri-chapter-heading{display:grid;grid-template-columns:80px minmax(0,.95fr) minmax(0,1fr);gap:3%;align-items:start;margin:0 0 38px}
.tri-number{font:500 22px/1.2 var(--display);color:var(--tri-purple);padding-top:8px}
.tri-chapter h2,.tri-mobile h2,.tri-closing h2{font:500 clamp(34px,4.5vw,66px)/1.05 var(--display);letter-spacing:-.045em;margin:0;text-wrap:balance}
.tri-chapter-heading p{font-size:18px;line-height:1.6;color:#514c5e;margin:0;max-width:630px}
.tri-character{padding-bottom:75px}
.tri-character .tri-chapter-heading{margin-bottom:0}
.tri-programs .tri-screen{padding:24px;background:#e8def9}
.tri-programs .tri-screen>img{border-radius:6px}
.tri-path{display:flex;gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:1px solid #ccc7d5}
.tri-path li{flex:1;padding:20px 20px 0 0;font-size:15px;line-height:1.5;color:#514c5e}
.tri-path li+li{border-left:1px solid #ccc7d5;padding-left:25px}
.tri-path span{display:block;color:#7050b9;font-size:12px;margin-bottom:7px}
.tri-world{padding-top:58px;padding-bottom:58px;background:var(--tri-purple);color:#fff;max-width:none}
.tri-world .tri-number,.tri-world .tri-chapter-heading p{color:#eee6ff}
.tri-world .tri-screen{color:white}
.tri-world .tri-screen>img{border-radius:8px}
.tri-mobile{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;padding:88px 8% 96px;background:var(--tri-cream);align-items:center}
.tri-mobile-copy p{font-size:18px;line-height:1.6;max-width:470px;color:#514c5e;margin:26px 0 0}
.tri-mobile-pair{display:flex;gap:7%;align-items:flex-start;justify-content:center;min-width:0}
.tri-phone{width:43%;max-width:290px;margin:0}
.tri-phone+.tri-phone{margin-top:68px}
.tri-phone .tri-screen{border:7px solid #fff;border-radius:26px;box-shadow:0 15px 35px #37254818;background:#fff}
.tri-phone .tri-screen>img{border-radius:18px}
.tri-phone .tri-screen>span{font-size:11px;color:#5b5669;padding:11px 7px;background:#fff}
.tri-phone figcaption{font-size:12px;line-height:1.5;color:#625b72;margin-top:16px}
.tri-closing{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 4%;border-bottom:1px solid #d6d1de}
.tri-closing p{font-size:18px;line-height:1.6;color:#514c5e;max-width:560px;margin:0 0 27px}
.showcase-tridevyatoe .lg-showcase-stage{background:#7050b9}
.showcase-tridevyatoe .showcase-pixels{display:none}
.showcase-tridevyatoe .showcase-browser{color:#5c4d78;background:#fffbe9;border-radius:8px 8px 0 0}
.showcase-tridevyatoe .showcase-open{background:#fa6938}
.showcase-tridevyatoe .lg-showcase-head h2{font-size:clamp(33px,5vw,70px);letter-spacing:-.04em}
.showcase-tridevyatoe .lg-showcase-story li{color:#7050b9}
@media(max-width:1000px){.tri-chapter-heading{grid-template-columns:45px 1fr 1fr;gap:3%}.tri-mobile{padding-inline:5%;gap:4%}.tri-phone .tri-screen{border-width:5px;border-radius:21px}.tri-phone .tri-screen>img{border-radius:15px}}
@media(max-width:700px){
 .tri-opening{margin:30px 5% 28px}.tri-eyebrow{font-size:11px;gap:8px 18px;margin-bottom:23px}
 .tri-opening h1{font-size:clamp(43px,11.5vw,66px);letter-spacing:-.055em}.tri-opening-bottom{display:block;margin-top:27px}.tri-opening-bottom strong{font-size:27px;display:block;margin-bottom:20px}.tri-opening-bottom p{font-size:16px}
 .tri-hero{margin:0 0 45px;border-radius:0;padding:20px 5%}.tri-screen>span{font-size:11px;padding-top:13px}.tri-case .tri-credit{font-size:10px;margin-top:13px}
 .tri-chapter{padding:0 5% 47px}.tri-chapter-heading{grid-template-columns:30px 1fr;gap:10px 12px;margin-bottom:25px}.tri-number{font-size:15px;padding-top:5px}.tri-chapter h2,.tri-mobile h2,.tri-closing h2{font-size:clamp(31px,8.5vw,46px)}.tri-chapter-heading p{grid-column:2;font-size:16px;margin-top:13px}.tri-character{padding-bottom:45px}
 .tri-programs .tri-screen{padding:12px}.tri-programs .tri-screen>span{padding:12px 0 0}.tri-path{display:block;margin-top:20px}.tri-path li{padding:15px 0;font-size:14px}.tri-path li+li{border-left:0;border-top:1px solid #ddd7e3;padding:15px 0}.tri-path span{margin-bottom:3px}
 .tri-world{padding-top:38px;padding-bottom:35px}.tri-world .tri-screen{border-radius:0}
 .tri-mobile{display:block;padding:45px 5% 48px}.tri-mobile-copy p{font-size:16px;margin:20px 0 28px}.tri-mobile-pair{gap:5%;margin:0 -1%;}.tri-phone{width:47.5%;max-width:270px}.tri-phone+.tri-phone{margin-top:48px}.tri-phone .tri-screen{border-width:4px;border-radius:18px}.tri-phone .tri-screen>img{border-radius:13px}.tri-phone .tri-screen>span{font-size:9px;padding:8px 3px;gap:6px}.tri-phone .tri-screen>span svg{width:12px;height:12px}.tri-phone figcaption{font-size:11px;margin-top:11px}
 .tri-closing{display:block;padding:45px 5%}.tri-closing h2{margin-bottom:23px}.tri-closing p{font-size:16px}.showcase-tridevyatoe .lg-showcase-head{align-items:flex-start}.showcase-tridevyatoe .lg-showcase-head h2{font-size:33px}.showcase-tridevyatoe .lg-showcase-head .lg-text-link{max-width:90px;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.tri-case *, .showcase-tridevyatoe *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}