.creator-page{background:#f7f8fc;color:#16253a}.creator-page .shell{max-width:1180px}.creator-hero{background:radial-gradient(ellipse at 90% 20%,#254f49,#102539 65%);color:#fff;padding:90px 0 70px}.creator-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center}.creator-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;color:#2f7f6c;margin:0 0 18px}.creator-hero .creator-kicker{color:#99e3be}.creator-hero h1{color:#fff;font-size:clamp(35px,4.4vw,58px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 24px;overflow-wrap:anywhere}.creator-intro{font-size:18px;line-height:1.8;color:#dae9e5;margin:0 0 28px}.creator-page .button{white-space:normal;max-width:100%;text-align:center}.creator-art{margin:0;min-width:0}.creator-world{height:410px;position:relative;overflow:hidden;border-radius:28px;background:#31512e;border:1px solid #ffffff40}.creator-ground{width:100%;height:100%;object-fit:cover;opacity:.8}.creator-character{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70%,280px);height:auto;filter:drop-shadow(0 18px 22px #0007)}.creator-art figcaption{color:#c9ded7;font-size:13px;line-height:1.7;margin-top:14px}.creator-page .section{padding:65px 0}.creator-page h2{font-size:clamp(27px,3.2vw,38px);line-height:1.2;margin:0 0 27px;overflow-wrap:anywhere}.creator-page h3{font-size:22px;line-height:1.35;margin:0 0 16px}.creator-page p,.creator-page li{line-height:1.8}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.creator-card{background:#fff;border:1px solid #d9e3e4;border-radius:20px;padding:27px;min-width:0}.creator-card p{margin:0;color:#4e6273}.creator-tint{background:#e9f0ee}.creator-steps{list-style:none;padding:0;margin:0}.creator-number{display:block;font-weight:800;color:#257963;font-size:15px;margin-bottom:18px}.creator-deliver{display:grid;grid-template-columns:1fr 1fr;gap:60px}.creator-deliver li{padding:6px 0}.creator-page details{padding:17px 0;border-bottom:1px solid #ccd9da}.creator-page summary{font-weight:700;line-height:1.6;cursor:pointer}.creator-page details p{margin:12px 0 0;color:#4e6273}.creator-lead{max-width:900px;color:#4e6273;margin:0 0 32px}.creator-screens figure{margin:0;padding:20px;background:#fff;border-radius:20px;border:1px solid #d9e3e4;text-align:center;min-width:0}.creator-screens img{display:block;width:100%;height:380px;object-fit:contain;border-radius:10px}.creator-screens figcaption{margin-top:18px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}.creator-caption{font-size:13px;color:#4e6273}.creator-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.creator-guide{display:flex;gap:18px;padding:22px;border:1px solid #d9e3e4;border-radius:18px;background:#fff;color:inherit;text-decoration:none;min-width:0}.creator-guide img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;border-radius:12px}.creator-guide>span{min-width:0}.creator-guide strong{display:block;line-height:1.5;font-size:18px;overflow-wrap:anywhere}.creator-guide span span{display:block;font-size:14px;line-height:1.7;margin-top:10px;color:#4e6273}.creator-guide:hover,.creator-guide:focus-visible{border-color:#257963}.creator-final{background:#102539;color:#fff}.creator-final h2{color:#fff}.creator-final p{max-width:750px;color:#dae9e5;margin-bottom:25px}
@media(max-width:760px){.creator-hero{padding:64px 0 44px}.creator-hero-grid,.creator-deliver{grid-template-columns:1fr;gap:30px}.creator-grid,.creator-guide-grid{grid-template-columns:1fr}.creator-world{height:340px}.creator-page .section{padding:44px 0}.creator-card{padding:23px}.creator-guide{padding:18px;gap:14px}.creator-screens img{height:360px}}

.creator-card h3 a{color:inherit;text-decoration:none}.creator-card h3 a:hover{text-decoration:underline}.creator-page #guides,.creator-page #project-proof{scroll-margin-top:110px}

.creator-proof-icon{display:block;width:72px;height:72px;object-fit:contain;border-radius:14px;margin-bottom:16px}
.creator-mobile-entry{display:block;margin-top:20px;color:#b8f1d6;font-weight:800;text-underline-offset:5px;line-height:1.6}
.creator-mobile-scope-link{margin:24px 0 0;font-weight:800;font-size:18px}

.creator-demo-jump{display:block;width:fit-content;margin-top:20px;color:#b8f1d6;font-weight:700;text-underline-offset:5px}
.creator-page #playable-demo,.creator-page #project-brief{scroll-margin-top:100px}
.creator-demo-section{background:#e7f0ea}
.creator-demo-layout{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:40px;align-items:start}
.creator-demo-card{background:#fff;border:1px solid #c5d8cf;border-radius:24px;padding:28px;min-width:0;box-shadow:0 12px 30px #173c2710}
.creator-demo-card [hidden]{display:none!important}
.creator-demo-card h3{margin-bottom:10px}
.creator-demo-instructions{color:#4e6273;font-size:14px;margin:0 0 20px}
.creator-demo-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin-bottom:12px;color:#385348}
.creator-demo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:4px;aspect-ratio:1;border:5px solid #315d43;border-radius:14px;padding:5px;background:linear-gradient(#28433270,#28433270),url('/images/projects/source-artwork/antsort-food-puzzle-3.webp') center/cover}
.creator-demo-cell{display:grid;place-items:center;padding:2px;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;aspect-ratio:1;border:1px solid #deeed14a;border-radius:8px;background:#d3e7b342;cursor:pointer;touch-action:manipulation}
.creator-demo-cell:disabled{opacity:1;cursor:default}
.creator-demo-cell[data-kind=wall]{background:#819185;border:2px solid #40584a;box-shadow:inset 3px 3px 0 #c7d1c65e,inset -3px -3px 0 #253d343d;border-radius:28% 35% 25% 30%}
.creator-demo-cell[data-kind=ant]{background:#d9efd791;border-color:#f8fff4}
.creator-demo-cell[data-kind=queen]{background:#f5d36b8f;border-color:#ffeca7}
.creator-demo-cell img{width:85%;height:85%;object-fit:contain;display:block;filter:drop-shadow(0 2px 2px #19292088);pointer-events:none}
.creator-demo-cell[data-kind=ant] img{width:72%;height:95%}
.creator-demo-controls{display:flex;justify-content:center;gap:10px;margin-top:16px}
.creator-demo-controls button{width:48px;height:48px;border:1px solid #aac9b9;border-radius:12px;background:#edf5f0;color:#153e2a;font-size:26px;font-weight:700;cursor:pointer;touch-action:manipulation}
.creator-demo-controls button:disabled{opacity:.45;cursor:default}
.creator-demo-cell:focus-visible,.creator-demo-controls button:focus-visible,.creator-demo-actions button:focus-visible{outline:3px solid #d47d16;outline-offset:3px}
.creator-demo-status{font-size:14px;color:#345247;min-height:3.6em;margin:16px 0}
.creator-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.creator-demo-actions .button{font:inherit;cursor:pointer;border:0;min-height:48px}
.creator-demo-retry{border:0;background:none;color:#235f48;text-decoration:underline;text-underline-offset:4px;padding:12px 0;cursor:pointer;font:inherit;min-height:44px;text-align:left}
.creator-demo-story ol{padding-left:24px;margin:0}
.creator-demo-story li{padding-left:8px;margin:0 0 22px}
.creator-demo-story li::marker{color:#287951;font-weight:800}
.creator-demo-story h4,.creator-demo-evidence h4{font-size:18px;line-height:1.45;margin:0 0 8px}
.creator-demo-story li p{margin:0;color:#4e6273}
.creator-demo-provenance{border-top:1px solid #bdcec4;padding-top:20px;color:#496252;font-size:13px}
.creator-demo-evidence{margin-top:36px}
.creator-demo-evidence>.creator-caption{margin:20px 0 0}
@media(max-width:760px){.creator-demo-layout{grid-template-columns:1fr;gap:30px}.creator-demo-card{padding:18px}.creator-demo-board{max-width:380px;margin:auto;gap:3px}.creator-demo-controls{gap:8px}.creator-demo-story{min-width:0}.creator-demo-evidence{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.creator-page *{scroll-behavior:auto}}
