.note-runner{aspect-ratio:3;pointer-events:none;margin:20px clamp(24px,8vw,120px) 0;position:relative;overflow:hidden}.note-runner canvas,.note-runner-poster{mix-blend-mode:screen;width:100%;height:100%;display:block;position:absolute;inset:0}.note-runner-poster{object-fit:fill}.note-runner[data-ready=true] .note-runner-poster{visibility:hidden}@media (width<=640px){.note-runner{margin:16px 20px 0}}.expandable-grid{--card-gap:12px;--media-accent:var(--cinematic);margin-bottom:calc(-1 * var(--card-gap));row-gap:0}.expandable-grid.game{--media-accent:var(--game)}.expandable-grid>article{margin-bottom:var(--card-gap)}.expandable-grid .service-card-hint{justify-content:center;align-items:center;gap:5px;display:flex;left:0;right:0}.card-expand-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px;transition:transform .24s}.expandable-grid .is-selected{border-color:var(--media-accent);box-shadow:inset 0 -2px var(--media-accent), 0 12px 30px #0003}.expandable-grid .is-selected .service-card-image{filter:grayscale(0);transform:scale(1.035)}.expandable-grid .is-selected .service-card-hint{opacity:1}.expandable-grid .is-selected .card-expand-icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.expandable-grid article:not(.is-selected):hover .card-expand-icon{animation:.9s ease-in-out 2 cardExpandNudge}}@keyframes cardExpandNudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.card-expansion{grid-column:1/-1;min-width:0;transition:height .28s;overflow:hidden}.card-expansion-measure{padding-bottom:var(--card-gap)}.card-expansion-body{text-align:left;opacity:0;background:0 0;border:0;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"title.""intro support-title""description support-list";align-items:start;gap:14px clamp(24px,4vw,64px);padding:clamp(24px,3vw,40px);transition:opacity .18s;display:grid}.is-open .card-expansion-body{opacity:1;animation:.2s cardDetailFade}@keyframes cardDetailFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.card-expansion-copy,.card-expansion-support{display:contents}.card-expansion h4{color:#f6f3ec;grid-area:title;margin:0 0 4px;font-size:clamp(22px,2.2vw,30px);line-height:1.2}.expandable-grid .card-expansion p{color:#f6f3ecb8;margin:0;font-size:16px;line-height:1.75}.card-expansion-copy>p:not(.card-expansion-intro){grid-area:description}.expandable-grid .card-expansion .card-expansion-intro,.expandable-grid .card-expansion h5{letter-spacing:normal;margin:0;font-size:18px;font-weight:400;line-height:1.55}.expandable-grid .card-expansion .card-expansion-intro{color:#f6f3ec;grid-area:intro}.expandable-grid .card-expansion h5{color:#f6f3ec;grid-area:support-title}.card-expansion ul{grid-area:support-list;margin:0;padding:0;list-style:outside}.card-expansion li{color:#f6f3ecb8;margin:0;padding:0;font-size:16px;line-height:1.75}.card-expansion li::marker{color:currentColor}@media (width<=640px){.expandable-grid{--card-gap:10px;row-gap:0}.workflow-grid.expandable-grid{--card-gap:8px;row-gap:0}.card-expansion-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""intro""description""support-title""support-list";padding:24px 20px}.expandable-grid .card-expansion h5{margin-top:12px}.workflow-grid.expandable-grid .service-card-hint{gap:2px}.workflow-grid .card-expand-icon{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.card-expansion,.card-expansion-body,.card-expand-icon{transition:none}.is-open .card-expansion-body,.expandable-grid article:not(.is-selected):hover .card-expand-icon{animation:none}}.resource-section{--media-accent:var(--cinematic)}.resource-section.game{--media-accent:var(--game)}.resource-section .resource-card{isolation:isolate;background:#111315;padding:44px 24px;position:relative;overflow:hidden}.resource-card .service-card-trigger{width:100%}.studio.lang-en .network-grid>.resource-card{container-type:inline-size}.studio.lang-en .network-grid h3.three-line-card-title{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:min(clamp(18px,1.75vw,26px),10cqw);line-height:1.15}.network-title-line{white-space:nowrap;display:block}.resource-card .service-card-hint{text-align:center;left:0;right:0}@media (width<=640px){.studio.lang-en .network-grid h3.three-line-card-title{font-size:min(18px,10cqw)}.resource-section .resource-card{padding:36px 12px}.resource-section .workflow-grid .resource-card{padding:32px 6px}.resource-section .workflow-grid .service-card-arrow{width:16px;height:16px;top:10px;right:10px}.resource-section .workflow-grid .service-card-hint{letter-spacing:.035em;font-size:10px;bottom:10px}}