@keyframes ogl-role-in{0%{opacity:0;transform:translateY(6px)}}.og-landing{& .roles-sec{margin-top:96px;padding:88px 0;background:color-mix(in srgb,var(--og-surface) 50%,var(--og-canvas));border-block:1px solid var(--lp-line-1);scroll-margin-top:96px}& .roles{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:40px}& .roles-list{min-width:0;list-style:none;padding:0;margin:0;font:600 26px/1.6 var(--og-display-font);letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:baseline;& li{white-space:nowrap}& li:not(:last-child):after{content:"/";margin:0 10px;color:var(--og-border)}& a{color:var(--lp-ink-3);white-space:nowrap;border-radius:4px;transition:color var(--og-duration-fast),background-size var(--og-duration-ui) var(--og-ease);background:linear-gradient(var(--og-blue),var(--og-blue)) no-repeat 0 92% /0 3px}& a:hover,& a[data-on]{color:var(--og-text)}& a[data-on]{background-size:100% 3px}& a:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px}}& .roles-card{position:sticky;top:96px;overflow:hidden}& .roles-card:before{z-index:1}& .roles-pv{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--og-surface-raised);& img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}& img.roles-in{opacity:0;transform:scale(1.03);transition:opacity .36s var(--og-ease),transform .7s var(--og-ease)}& img.roles-in[data-ready]{opacity:1;transform:none}}& .roles-made,& .roles-tag{position:absolute;font-size:11px;line-height:16px;padding:4px 10px;border-radius:999px;color:var(--og-text);background:var(--og-overlay)}& .roles-made{top:12px;left:12px;&:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--og-error);vertical-align:1px}}& .roles-tag{right:12px;bottom:12px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ogl-role-in .26s var(--og-ease) both}& .roles-bd{--roles-title-lh:30px;--roles-title-lines:2;--roles-chip-h:28px;--roles-chip-rows:2;position:relative;padding:20px 22px 22px;& .btn{margin-top:18px}}& .roles-txt{animation:ogl-role-in .26s var(--og-ease) both;& small{display:block;font:500 11px/16px var(--og-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--og-link);white-space:nowrap;text-overflow:ellipsis}& h3,& small{overflow:hidden}& h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--roles-title-lines);line-clamp:var(--roles-title-lines);height:calc(var(--roles-title-lh) * var(--roles-title-lines));font:600 22px/var(--roles-title-lh) var(--og-display-font);letter-spacing:-.015em;margin-top:6px;text-wrap:balance}}& .roles-mk{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;height:calc(var(--roles-chip-h) * var(--roles-chip-rows) + 6px * (var(--roles-chip-rows) - 1));overflow:hidden;list-style:none;padding:0;margin:14px 0 0;& li{box-sizing:border-box;height:var(--roles-chip-h);max-width:100%;font-size:12px;line-height:18px;padding:4px 10px;border:1px solid var(--lp-line-2);border-radius:999px;color:var(--og-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1100px){& .roles{grid-template-columns:minmax(0,1fr);gap:36px}& .roles-list{font-size:22px}& .roles-card{position:relative;top:auto;width:100%;max-width:560px}}@media (max-width:767px){& .roles-sec{margin-top:72px;padding:64px 0}& .roles{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px}& .roles-list{font-size:19px;& li:not(:last-child):after{margin:0 7px}}& .roles-card{position:relative;top:auto}& .roles-bd{--roles-title-lh:26px;--roles-title-lines:3;--roles-chip-rows:1;padding:18px 18px 20px}& .roles-txt h3{font-size:19px}& .roles-mk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 85%,transparent);&::-webkit-scrollbar{display:none}& li{flex:none;max-width:none}}}@media (prefers-reduced-motion:reduce){& .roles-tag,& .roles-txt{animation:none}& .roles-pv img.roles-in{transform:none;transition:none}}}
/*# sourceMappingURL=2fefc757392d45a2.css.map*/