.create-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.create-lead { font-size: 16px; color: #69717b; margin: 25px 0; line-height: 1.75; }
.create-still { margin: 0; }
.create-still img { width: 100%; height: 520px; display: block; object-fit: cover; border-radius: 15px; }
.create-still figcaption { color: #78818c; font-size: 12px; line-height: 1.6; margin-top: 15px; }
.brief-lines article { border-top: 1px solid var(--line); padding: 19px 0; }
.brief-lines h3 { font-size: 20px; font-weight: 400; letter-spacing: -.025em; margin: 0 0 9px; }
.brief-lines p { color: #69717b; font-size: 16px; line-height: 1.65; margin: 0; }
.create-examples,.create-camera { background: #f7f8fa; }
.create-example-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.create-example-grid article { overflow: hidden; border: 1px solid var(--line); background: white; border-radius: 14px; }
.create-example-grid video { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; background: #1b1d22; }
.create-example-copy { padding: 28px; }
.create-example-copy h3 { font-size: 26px; font-weight: 400; letter-spacing: -.03em; line-height: 1.25; margin: 16px 0; }
.create-example-copy p { color: #69717b; font-size: 16px; line-height: 1.7; margin: 0; }
.create-example-copy blockquote { margin: 22px 0 0; border-left: 2px solid #cdd3db; padding-left: 16px; font-size: 14px; color: #555e6b; line-height: 1.7; }
.prompt-breakdown { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 45px; }
.prompt-breakdown article { border-top: 1px solid var(--line); padding-top: 22px; }
.prompt-breakdown article>span { font-size: 12px; color: #79818d; letter-spacing: .05em; }
.prompt-breakdown h3 { font-size: 24px; font-weight: 400; letter-spacing: -.03em; line-height: 1.3; margin: 14px 0; }
.prompt-breakdown p { color: #69717b; font-size: 16px; line-height: 1.7; margin: 0; }
.create-note { max-width: 900px; color: #69717b; font-size: 14px; margin-top: 30px; }
.camera-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.camera-cards article { border: 1px solid var(--line); border-radius: 12px; padding: 28px; background: white; }
.camera-term { font-size: 12px; color: #7a838f; letter-spacing: .08em; }
.camera-cards h3 { font-size: 23px; font-weight: 400; line-height: 1.3; letter-spacing: -.03em; margin: 23px 0 16px; }
.camera-cards p { color: #69717b; font-size: 16px; line-height: 1.7; margin: 0; }
.camera-cards .camera-example { margin-top: 25px; border-top: 1px solid var(--line); padding-top: 19px; font-size: 14px; }
.create-refine .create-split { grid-template-columns: 1fr 1.1fr; }
@media(max-width:1000px) { .create-split { gap: 35px; } .create-still img { height: 480px; } .camera-cards { gap: 16px; } .camera-cards article { padding: 22px; } }
@media(max-width:800px) { .create-split,.create-refine .create-split { grid-template-columns: 1fr; gap: 35px; } .create-still img { height: 420px; } .camera-cards { grid-template-columns: 1fr; } .create-example-grid { grid-template-columns: 1fr; } }
@media(max-width:650px) { .create-still img { height: 360px; } .prompt-breakdown { grid-template-columns: 1fr; gap: 25px; } .create-example-copy { padding: 24px; } .create-page .hub-cta h2 { font-size: 37px; } }
