.trakto-links-head{padding-bottom:46px;background:radial-gradient(ellipse 60% 82% at 80% 18%,rgba(95,81,251,.35),transparent 72%)}.trakto-links-head h1{margin-bottom:22px;color:#f7f7ff;font-size:clamp(52px,7.5vw,114px)}.trakto-links-head h1 em{color:#8bc5ff}.trakto-links-head>p:last-child{max-width:480px;margin:0;color:#cad0f0;font-size:16px;line-height:1.48}
.trakto-links-film{position:relative;margin:0 4.1vw;aspect-ratio:16/9;overflow:hidden;background:#4544e8;isolation:isolate}.trakto-links-video{display:block;width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(.86) contrast(1.04);transition:opacity .5s,filter .5s}.trakto-links-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,17,83,.77),rgba(16,17,83,.08) 68%,rgba(16,17,83,.36)),linear-gradient(0deg,rgba(16,17,83,.44),transparent 52%);pointer-events:none;transition:opacity .4s}.trakto-links-play{position:absolute;z-index:1;left:clamp(24px,5vw,76px);bottom:clamp(24px,5vw,66px);display:flex;align-items:center;gap:16px;padding:9px 19px 9px 9px;border:1px solid rgba(237,244,255,.8);border-radius:99px;background:rgba(29,31,125,.58);color:#f5f7ff;font:500 13px var(--font);text-align:left;cursor:pointer;backdrop-filter:blur(10px);transition:transform .25s,background .25s,color .25s}.trakto-links-play small{display:block;margin-bottom:3px;color:#b9dcff;font:9px var(--mono);letter-spacing:.09em}.trakto-links-play .play-icon{background:#eef5ff;color:#4144df}.trakto-links-play:hover{background:#eef5ff;color:#4144df;transform:translateY(-4px)}.trakto-links-play:hover .play-icon{background:#4144df;color:#eef5ff;transform:scale(.9)}.trakto-links-film-label{position:absolute;right:22px;bottom:20px;margin:0;color:rgba(244,247,255,.74);font:9px var(--mono);letter-spacing:.08em}.trakto-links-film.is-playing .trakto-links-video{opacity:1;filter:none}.trakto-links-film.is-playing .trakto-links-film-shade,.trakto-links-film.is-playing .trakto-links-play,.trakto-links-film.is-playing .trakto-links-film-label{opacity:0;pointer-events:none}
.trakto-links-intro{display:grid;grid-template-columns:25% 1fr;gap:40px;padding:clamp(85px,11vw,150px) 16vw;background:#eef0f6;color:#22254d}.trakto-links-intro .case-label,.trakto-links-system .case-label{color:#4e56a3}.trakto-links-intro h2,.trakto-links-system h2,.trakto-links-credits h2{margin:0 0 26px;font-size:clamp(38px,4.55vw,70px);line-height:.96;letter-spacing:-.048em;font-weight:600}.trakto-links-intro h2 em,.trakto-links-system h2 em,.trakto-links-credits h2 em{font-family:var(--display);font-weight:600}.trakto-links-intro p{max-width:685px;margin:0;font-size:clamp(18px,1.8vw,25px);line-height:1.3;letter-spacing:-.025em}
.trakto-links-system{padding:clamp(85px,10vw,140px) 8.4vw;background:#4545e7;color:#f4f6ff}.trakto-links-system .case-label{color:#c7e4ff}.trakto-links-system-head{display:grid;grid-template-columns:.75fr 1.15fr .72fr;gap:30px;align-items:start;max-width:1240px;margin:0 auto 48px}.trakto-links-system h2{margin:0}.trakto-links-system p{margin:7px 0 0;max-width:335px;font-size:14px;line-height:1.55;color:#e1e6ff}.trakto-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto}.trakto-links-grid figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#e8edf3}.trakto-links-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.trakto-links-grid figure:hover img{transform:scale(1.035)}
.trakto-links-credits{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,150px);padding:clamp(85px,10vw,140px) 14vw;background:#151740;color:#edf1ff}.trakto-links-credits .case-label{color:#8fcaff;margin-bottom:25px}.trakto-links-credits h2{font-size:clamp(38px,4.25vw,66px)}.trakto-links-credits dl{align-self:center;margin:0}.trakto-links-credits dl div{display:grid;grid-template-columns:38% 1fr;gap:22px;padding:14px 0;border-top:1px solid rgba(223,231,255,.22)}.trakto-links-credits dl div:last-child{border-bottom:1px solid rgba(223,231,255,.22)}.trakto-links-credits dt{font:9px var(--mono);letter-spacing:.08em;color:#92caff}.trakto-links-credits dd{margin:0;font-size:14px;line-height:1.4}
@media(max-width:720px){.trakto-links-head{padding-bottom:34px}.trakto-links-head h1{font-size:13vw}.trakto-links-head>p:last-child{font-size:13px}.trakto-links-film{margin:0;aspect-ratio:4/5}.trakto-links-video{object-position:center}.trakto-links-film-shade{background:linear-gradient(0deg,rgba(16,17,83,.68),rgba(16,17,83,.1) 72%)}.trakto-links-play{left:6vw;bottom:52px;font-size:12px}.trakto-links-film-label{right:auto;left:6vw;bottom:21px}.trakto-links-intro{grid-template-columns:1fr;gap:25px;padding:75px 6vw}.trakto-links-intro h2,.trakto-links-system h2,.trakto-links-credits h2{font-size:11vw}.trakto-links-intro p{font-size:21px}.trakto-links-system{padding:75px 6vw}.trakto-links-system-head{display:block;margin-bottom:34px}.trakto-links-system-head .case-label{display:block;margin-bottom:20px}.trakto-links-system p{font-size:13px}.trakto-links-grid{grid-template-columns:1fr;gap:9px}.trakto-links-credits{grid-template-columns:1fr;padding:75px 6vw}.trakto-links-credits dl div{grid-template-columns:1fr;gap:6px}}