.creator-project h1{max-width:12ch}
.creator-project .project-name{color:#3a6486}
.creator-blueprint{margin:0;border:1px solid #cedce4;border-radius:14px;background:#f3f7fa;overflow:hidden;box-shadow:14px 16px 0 #e9f0f4}
.blueprint-top{padding:30px;display:flex;align-items:center;gap:17px;background:#274b61;color:#fff}
.blueprint-symbol{font-size:45px;line-height:1}
.blueprint-top strong{display:block;font-size:28px;font-weight:500;letter-spacing:-1px}
.blueprint-top div>span{display:block;color:#bfd6e2;font-size:12px}
.blueprint-layers{padding:12px 28px}
.blueprint-layers>div{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #dbe5eb}
.blueprint-layers>div:last-child{border:0}
.layer-glyph{color:#628495;font-size:28px;width:36px;flex:none;text-align:center}
.blueprint-layers p{margin:0}
.blueprint-layers strong{font-size:16px;font-weight:500;display:block}
.blueprint-layers p>span{display:block;font-size:12px;color:#728994;margin-top:5px}
.creator-blueprint figcaption{padding:17px 28px;border-top:1px solid #dbe5eb;color:#687f8d;font-size:12px;background:#fff}
.platform-features{max-width:1120px;margin:auto;padding:28px 0 70px}
.feature-section-heading{max-width:620px}
.feature-section-heading .project-name{margin:0 0 16px}
.platform-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:45px;row-gap:28px;margin-top:40px}
.platform-feature-grid article{border-top:1px solid #dce7e9;padding-top:24px}
.platform-feature-grid article>span{font-size:28px;color:#547b89;display:inline-flex;align-items:center;justify-content:center;width:34px;height:40px}
.platform-feature-grid h3{font-size:21px;line-height:1.25;margin:15px 0}
.platform-feature-grid p{font-size:14px;color:#657e86;margin:0;line-height:1.85}
.creator-roles,.creator-detail,.earth-purpose{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding:60px max(40px,calc((100vw - 1120px)/2));background:#f0f5f8}
.creator-roles .project-name,.earth-purpose .project-name{margin-bottom:18px}
.creator-roles h2{max-width:14ch}
.creator-roles dl{margin:0}
.creator-roles dl>div{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #d4e1e8}
.creator-roles dl>div:last-child{border:0;margin:0;padding:0}
.creator-roles dt{font-size:17px;font-weight:500}
.creator-roles dd{margin:7px 0 0;font-size:14px;color:#607b87}
.creator-detail{background:#fff;padding-top:75px;padding-bottom:15px}
.creator-detail p,.earth-purpose p:not(.project-name){font-size:15px;color:#647d84;margin-top:0}
.creator-detail h2{max-width:14ch}
.earth-project .project-name{color:#39745f}
.earth-project h1{max-width:13ch}
.earth-preview{margin:0;background:#224475;border:1px solid #193c65;border-radius:15px;overflow:hidden;box-shadow:14px 16px 0 #e8f1ee}
.earth-preview img{display:block;width:100%;aspect-ratio:922/876;object-fit:cover}
.earth-preview figcaption{background:#f2f7f4;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:11px;color:#3e6b59}
.earth-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 70px}
.earth-features article>span{color:#477e69}
.earth-purpose{background:#f0f6f2}
.earth-purpose h2{max-width:17ch}
.project-page #how-creator-works,.project-page #earth-features{scroll-margin-top:30px}

@media(max-width:1100px){.platform-features{padding-left:30px;padding-right:30px}
.platform-feature-grid{gap:30px}
.creator-roles,.creator-detail,.earth-purpose{gap:45px}
.blueprint-top{padding:24px}
.blueprint-layers{padding:8px 22px}
.blueprint-layers strong{font-size:14px}
.blueprint-layers p>span{font-size:11px}
}

@media(max-width:760px){.creator-blueprint,.earth-preview{margin:30px 8px 15px 0;box-shadow:9px 10px 0 #e9f0f4}
.creator-project h1,.earth-project h1{max-width:14ch;font-size:42px}
.blueprint-top{padding:24px}
.blueprint-layers strong{font-size:15px}
.blueprint-layers p>span{font-size:12px}
.blueprint-layers{padding:8px 20px}
.blueprint-layers>div{gap:14px}
.platform-features{padding:25px 24px 45px}
.platform-feature-grid,.earth-features{grid-template-columns:1fr;gap:28px;margin-top:28px}
.creator-roles,.creator-detail,.earth-purpose{grid-template-columns:1fr;padding:45px 24px;gap:12px}
.creator-roles h2,.creator-detail h2,.earth-purpose h2{max-width:20ch}
.creator-roles dl{margin-top:12px}
.creator-detail{padding-bottom:10px}
.creator-blueprint figcaption{padding:16px 20px;font-size:11px}
.earth-preview figcaption{gap:8px 16px}
}