.creation-page { background:#fff; color:#24314b; }
.creation-main { --creative-section-gap:200px; --creation-row-gap:160px; width:min(1100px,calc(100% - 80px)); margin:auto; padding:112px 0 120px; font-family:var(--sans); }
.creation-main .site-breadcrumbs { font-size:12px; color:#687386; margin:0 0 42px; }
.creation-main .site-breadcrumbs ol { display:flex; gap:12px; list-style:none; margin:0; padding:0; }
.creation-main .site-breadcrumbs li+li::before { content:'/'; margin-right:12px; color:#a3aab6; }
.creation-main a { color:inherit; }
.creation-hero h1 { scroll-margin-top:120px; font-family:Georgia,serif; font-weight:400; letter-spacing:-.04em; text-wrap:balance; }
.creation-hero { text-align:center; }
.creation-hero h1 { margin:0; font-size:clamp(48px,5.2vw,72px); line-height:1.08; }
.creation-hero h1 span { display:block; white-space:nowrap; }
.creation-hero h1 span+span { color:#65778c; }
.creation-hero>p { color:#677285; font-size:18px; line-height:1.65; }
.creation-hero>p { max-width:690px; margin:24px auto 28px; }
.creation-hero [data-home-composer-mount] { display:block; width:min(760px,100%); margin:0 auto; text-align:left; scroll-margin-top:110px; }
/* The page body uses the same components as the image and video tools. */
.creation-main>.creation-content { width:100%; padding:0; margin:0; color:#151619; }
.creation-content h2 { font-family:Georgia,serif; font-weight:400; }
.creation-content .creative-section__head { max-width:980px; margin-bottom:72px; }
.creation-content .creative-section__head p { max-width:760px; margin-top:24px; text-wrap:pretty; }
.creation-content .creation-showcase-media { margin:0; text-align:center; }
.creation-showcase-media img,.creation-showcase-media video { display:block; width:min(100%,var(--media-width)); height:auto; margin:auto; border-radius:32px; }
.creation-showcase-media a { display:block; }
.creation-showcase-media figcaption { max-width:850px; margin:24px auto 0; font-size:13px; }
.creation-showcase-media figcaption a { text-decoration:none; }
.creation-showcase-media figcaption a:hover { text-decoration:underline; }
.creation-content .creative-direction-actions .creative-text-link { margin-top:0; }
.creation-content .creation-source { margin:40px auto 0; font-size:13px; }
.creation-feature-list { display:grid; gap:var(--creation-row-gap); }
.creation-feature { display:grid; grid-template-columns:minmax(0,640fr) minmax(0,360fr); align-items:center; column-gap:100px; }
.creation-feature-copy { grid-column:2; grid-row:1; }
.creation-feature>.creation-showcase-media { grid-column:1; grid-row:1; }
.creation-feature:nth-child(even) { grid-template-columns:minmax(0,360fr) minmax(0,640fr); }
.creation-feature:nth-child(even) .creation-feature-copy { grid-column:1; }
.creation-feature:nth-child(even)>.creation-showcase-media { grid-column:2; }
.creation-feature-copy h3 { font-family:Georgia,serif; font-weight:400; font-size:32px; line-height:1.25; text-wrap:balance; }
.creation-feature-copy p { font-size:17px; line-height:1.65; margin:16px 0 0; text-wrap:pretty; }
.creation-feature-actions { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:28px; }
.creation-feature-actions .creative-button { max-width:100%; text-align:center; }
.creation-feature-detail { margin-top:12px; font-size:14px; color:var(--creative-muted); }
.creation-feature-detail summary { display:flex; align-items:center; gap:12px; width:fit-content; min-height:44px; cursor:pointer; list-style:none; line-height:1.5; }
.creation-feature-detail summary::-webkit-details-marker { display:none; }
.creation-feature-detail summary::after { content:''; flex:none; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.creation-feature-detail[open] summary::after { transform:translateY(2px) rotate(225deg); }
.creation-feature-detail p { font-size:15px; margin-top:8px; }
.creation-feature .creation-showcase-media figcaption { font-size:12px; margin-top:16px; }
.creation-delivery-cards { display:grid; grid-template-columns:repeat(var(--delivery-columns),minmax(0,1fr)); column-gap:24px; row-gap:32px; list-style:none; padding:0; margin:80px 0 56px; text-align:center; }
.creation-delivery-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; min-width:0; }
.creation-delivery-stage { display:grid; grid-template-rows:subgrid; grid-row:span 2; padding:24px; border-radius:24px; overflow:hidden; background:#f4f5f7; }
.creation-delivery-card h3 { margin:0; font:400 24px/1.25 Georgia,serif; letter-spacing:-.02em; text-wrap:balance; }
.creation-delivery-media { position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); place-items:center; height:220px; min-width:0; width:min(440px,100%); margin:0 auto; }
.creation-delivery-media :is(img,video) { display:block; max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain; border-radius:12px; }
.creation-delivery-media > video { position:absolute; inset:0; width:100%; height:100%; }
.creation-delivery-media--layered :is(.creation-delivery-still,video) { width:100%; height:100%; padding-bottom:36px; }
.creation-delivery-media .creation-delivery-overlay { position:absolute; right:0; bottom:0; width:88%; max-height:65%; filter:drop-shadow(0 8px 18px #0000000c); }
.creation-delivery-media--game { grid-template-rows:140px 68px; row-gap:12px; }
.creation-delivery-media--model { grid-template-rows:168px 40px; row-gap:12px; }
.creation-delivery-media:is(.creation-delivery-media--game,.creation-delivery-media--model) :is(.creation-delivery-still,video) { position:static; grid-area:1 / 1; padding:0; }
.creation-delivery-media:is(.creation-delivery-media--game,.creation-delivery-media--model) .creation-delivery-overlay { position:static; grid-area:2 / 1; width:100%; height:100%; max-height:100%; }
.creation-delivery-media--game .creation-delivery-overlay { max-width:240px; }
.creation-delivery-media--model .creation-delivery-overlay { max-width:92%; }
.creation-delivery-cards.is-revealed .creation-delivery-media { animation:creation-delivery-enter .6s cubic-bezier(.19,1,.22,1) both; }
.creation-main .creation-decision.creative-framing-copy .creation-delivery-card>p { margin:0 auto; max-width:34ch; padding:0 8px; color:var(--creative-muted); font-size:16px; line-height:1.65; text-wrap:pretty; }
@keyframes creation-delivery-enter { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.creation-status:empty { display:none; }
.creation-status { text-align:center; }
.creation-workflow { max-width:760px; margin:0 auto; }
.creation-workflow-composer { position:relative; z-index:1; width:100%; scroll-margin-top:120px; }
.creation-steps { display:grid; gap:40px; list-style:none; padding:0; margin:56px 0 0; counter-reset:steps; }
.creation-steps li { counter-increment:steps; position:relative; padding-left:40px; }
.creation-steps li::before { content:counter(steps); position:absolute; top:2px; left:0; font:24px/1.2 Georgia,serif; color:var(--creative-blue); }
.creation-steps h3 { font-size:22px; font-weight:500; }
.creation-steps p { font-size:18px; line-height:1.65; margin:12px 0 0; }
.creation-decision { text-align:center; }
.creation-decision p { max-width:850px; }
.creation-closing { text-align:center; }
.creation-closing h2 { margin-bottom:32px; }
.creation-button { display:inline-flex; align-items:center; gap:20px; width:fit-content; padding:14px 24px; border-radius:100px; background:#24314b; color:#fff!important; text-decoration:none; font-size:15px; font-weight:500; }
.creation-button:hover { background:#3e516f; }
.creation-main :focus-visible { outline:3px solid #80aef0; outline-offset:5px; }
@media(min-width:1101px) {
 .creation-content { --creative-heading-size:64px; }
}
@media(max-width:1100px) {
 .creation-main { --creative-section-gap:152px; --creation-row-gap:120px; }
 .creation-content .creative-section__head { margin-bottom:56px; }
}
@media(max-width:1050px) {
 .creation-main { width:calc(100% - 64px); }
 .creation-feature { column-gap:56px; }
 .creation-feature-copy h3 { font-size:28px; }
}
@media(max-width:899px) {
 .creation-feature,.creation-feature:nth-child(even) { display:flex; flex-direction:column; gap:28px; }
 .creation-feature-copy { display:contents; }
 .creation-feature-copy h3 { order:0; max-width:700px; text-align:center; }
 .creation-feature-copy p { order:1; width:100%; max-width:700px; text-align:center; margin:0; }
 .creation-feature>.creation-showcase-media { order:2; width:100%; }
 .creation-feature-actions { order:3; margin:0; align-items:center; }
 .creation-feature-detail { order:4; width:100%; max-width:700px; margin:0; text-align:left; }
 .creation-feature-detail summary { margin:auto; }
 .creation-feature-detail p { margin-top:12px; text-align:left; }
}
@media(max-width:700px) {
 .creation-main { width:calc(100% - 40px); padding-top:90px; padding-bottom:80px; }
 .creation-feature,.creation-feature:nth-child(even) { gap:24px; }
 .creation-feature-copy h3 { font-size:26px; line-height:1.2; }
 .creation-feature-copy p { font-size:16px; line-height:1.65; }
 .creation-feature-detail p { font-size:15px; }
 .creation-main .site-breadcrumbs { font-size:11px; margin-bottom:32px; }
 .creation-hero h1 { font-size:clamp(28px,7.8vw,51px); letter-spacing:-.045em; }
 .creation-page[data-creation-persona] .creation-hero h1 { font-size:clamp(26px,7.5vw,51px); }
 .creation-hero>p { font-size:15px; margin:20px auto 24px; }
 .creation-showcase-media img,.creation-showcase-media video { border-radius:20px; max-height:none; }
 .creation-showcase-media figcaption,.creation-content .creation-source { font-size:12px; }
 .creation-delivery-cards { margin-top:48px; }
 .creation-delivery-stage { padding:24px 20px; }
 .creation-steps { gap:32px; margin-top:40px; }
 .creation-steps li { padding-left:32px; }
 .creation-steps h3 { font-size:19px; }
 .creation-steps p { font-size:15px; }
}
@media(max-width:767px) {
 .creation-main { --creative-section-gap:104px; --creation-row-gap:88px; }
 .creation-content .creative-section__head { margin-bottom:40px; }
 .creation-content .creative-section__head p { margin-top:20px; }
}
@media(min-width:768px) and (max-width:1023px) {
 .creation-content .creative-faq > h2 { font-size:38px; }
}
@media(max-width:1023px) {
 .creation-delivery-cards { grid-template-columns:1fr; row-gap:48px; }
 .creation-delivery-card { grid-row:auto; grid-template-rows:auto; gap:24px; width:min(560px,100%); margin:auto; }
 .creation-delivery-stage { grid-row:auto; grid-template-rows:auto 220px; gap:32px; }
}
@media(prefers-reduced-motion:reduce) {
 .creation-page { scroll-behavior:auto; }
 .creation-delivery-cards.is-revealed .creation-delivery-media { animation:none; }
 .creation-delivery-media > video { display:none; }
}

.creation-case-list { display:grid; gap:var(--creation-row-gap); }
.creation-case { display:grid; grid-template-columns:minmax(0,500fr) minmax(0,500fr); align-items:center; gap:80px; }
.creation-case figure { margin:0; }
.creation-case :is(img,video) { display:block; width:100%; height:auto; border-radius:24px; }
.creation-case:nth-child(even) figure { grid-column:2; grid-row:1; }
.creation-case:nth-child(even) .creation-case-copy { grid-column:1; grid-row:1; }
.creation-case-copy h3 { font:400 32px/1.25 Georgia,serif; letter-spacing:-.03em; margin:0; }
.creation-case-copy p { font-size:17px; line-height:1.65; color:var(--creative-muted); margin:16px 0 28px; text-wrap:pretty; }
.creation-case-copy .creative-button { max-width:100%; text-align:center; }
@media(max-width:1100px) {
 .creation-case { gap:48px; }
 .creation-case-copy h3 { font-size:28px; }
}
@media(max-width:767px) {
 .creation-case { display:flex; flex-direction:column; gap:24px; }
 .creation-case figure,.creation-case-copy { width:100%; }
 .creation-case-copy h3 { font-size:26px; line-height:1.2; }
 .creation-case-copy p { font-size:16px; line-height:1.65; margin-bottom:24px; }
}

.creation-image-grid { columns:3; column-gap:12px; }
.creation-image-grid a { margin-bottom:12px; break-inside:avoid; border-radius:16px; }
.creation-image-grid img { width:100%; height:auto; border-radius:16px; }
.creation-image-grid a:focus-visible { outline-offset:3px; }
@media(max-width:700px) {
 .creation-image-grid { columns:2; column-gap:10px; }
 .creation-image-grid a { margin-bottom:10px; }
 .creation-image-grid a,.creation-image-grid img { border-radius:12px; }
}

.creation-audio { display:block; width:100%; height:44px; margin:20px auto 0; }

.creation-live-section .creation-delivery-cards { margin:0 0 48px; }
.creation-live-section .creation-delivery-card { grid-row:span 4; }
.creation-live-section .creation-delivery-stage { grid-row:span 3; padding:32px; row-gap:32px; }
.creation-live-section .creation-delivery-card h3 { font-size:28px; }
.creation-live-section .creation-delivery-stage:has(.creation-live-media--cta) { background:#f7f3e9; }
.creation-live-media { display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:20px; width:100%; margin:0; }
.creation-live-media img { display:block; width:100%; height:auto; border-radius:12px; }
.creation-live-media figcaption { min-width:0; }
.creation-live-media figcaption a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 14px; border-radius:10px; background:#fff; font-size:13px; text-align:left; text-decoration:none; }
.creation-live-media figcaption a>span:first-child { overflow-wrap:anywhere; }
.creation-live-media figcaption a>span:last-child { flex:none; }
.creation-live-section .creation-delivery-card>p { max-width:40ch; margin:0 auto; padding:0 12px; font-size:17px; line-height:1.65; text-wrap:pretty; }
.creation-export-row { max-width:900px; margin:0 auto; text-align:left; border-block:1px solid var(--creative-line); }
.creation-export-row summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; cursor:pointer; list-style:none; }
.creation-export-row summary::-webkit-details-marker { display:none; }
.creation-export-row summary strong { display:block; color:#151619; font-size:18px; font-weight:500; }
.creation-export-row summary>span:first-child>span { display:block; margin-top:8px; color:var(--creative-muted); font-size:15px; line-height:1.6; }
.creation-export-row summary>span:last-child { flex:none; font-size:22px; }
.creation-export-row[open] summary>span:last-child { transform:rotate(90deg); }
.creation-export-row>p { margin:0 0 24px; font-size:15px; line-height:1.65; }
.creation-live-footer { display:flex; align-items:center; gap:40px; max-width:900px; margin:28px auto 0; text-align:left; }
.creation-live-footer p { flex:1; margin:0; font-size:13px; line-height:1.65; }
.creation-live-footer .creative-text-link { flex:none; margin:0; font-size:14px; min-height:44px; }
@media(max-width:1023px) {
 .creation-live-section .creation-delivery-card { grid-row:auto; }
 .creation-live-section .creation-delivery-stage { grid-row:auto; grid-template-rows:auto auto; }
 .creation-live-media { grid-row:auto; grid-template-rows:auto auto; }
}
@media(max-width:700px) {
 .creation-live-section .creation-delivery-stage { padding:24px 20px; gap:24px; }
 .creation-live-section .creation-delivery-card h3 { font-size:24px; }
 .creation-live-section .creation-delivery-card>p { font-size:16px; padding:0; }
 .creation-live-media { gap:16px; }
 .creation-live-media figcaption a { font-size:12px; }
 .creation-export-row summary { padding:20px 0; gap:16px; }
 .creation-export-row summary strong { font-size:17px; }
 .creation-export-row summary>span:first-child>span,.creation-export-row>p { font-size:14px; }
 .creation-live-footer { align-items:flex-start; flex-direction:column; gap:12px; margin-top:24px; }
}