.cocreate-teaser { background:#e9e1d5; }
.cocreate-teaser .container { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:start; }
.cocreate-teaser h2 { margin-top:15px; font-family:var(--serif); font-size:clamp(28px,2.65vw,36px); font-weight:600; line-height:1.55; text-wrap:balance; }
.cocreate-teaser .container>div:last-child>p { color:#655c51; font-size:14px; line-height:1.95; }
.cocreate-teaser .text-link { margin-top:16px; }
.cocreate-teaser small { display:block; margin-top:9px; color:#796d5e; font-size:11px; line-height:1.9; }
.cocreate-hero { padding:76px 0 66px; }
.cocreate-hero h1 { margin-top:20px; font-family:var(--serif); font-size:clamp(36px,4.3vw,62px); font-weight:600; line-height:1.45; letter-spacing:-.03em; text-wrap:balance; }
.cocreate-intro { color:var(--muted); font-size:16px; line-height:1.95; max-width:750px; margin-top:25px; }
.cocreate-process { padding:50px 0; background:var(--surface); }
.cocreate-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:38px; }
.cocreate-number { display:block; color:var(--accent); font-family:var(--serif); font-size:32px; line-height:1.2; padding-bottom:22px; border-bottom:1px solid #c7baaa; }
.cocreate-steps h2 { margin-top:22px; font-size:18px; line-height:1.6; font-weight:550; }
.cocreate-steps p { color:var(--muted); font-size:13px; line-height:1.95; margin-top:12px; }
.cocreate-contact { padding-block:72px; }
.cocreate-contact .container { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:12%; }
.cocreate-contact h2 { font-family:var(--serif); font-size:32px; line-height:1.5; font-weight:600; margin-top:15px; }
.cocreate-contact .container>div:first-child>p:not(.eyebrow) { color:var(--muted); line-height:1.95; font-size:14px; margin-top:20px; }
.cocreate-contact .text-link { margin-top:15px; overflow-wrap:anywhere; }
.cocreate-prompt { padding:28px; border:1px solid #d2c4b1; background:#f4eee4; border-radius:5px; }
.cocreate-prompt>p { display:flex; align-items:baseline; gap:17px; font-size:15px; padding:15px 0; border-bottom:1px solid #ded1c0; }.cocreate-prompt>p:first-child { padding-top:0; }
.cocreate-prompt>p>span { font-size:11px; color:#947451; font-variant-numeric:tabular-nums; }
.cocreate-prompt>small { display:block; color:#7e6c56; font-size:11px; line-height:1.9; margin-top:20px; }
.cocreate-reuse { padding:48px 0 65px; border-top:1px solid var(--line); }
.cocreate-reuse .container { display:grid; grid-template-columns:1fr 1fr; gap:20px 10%; }
.cocreate-reuse .container>div { display:flex; gap:15px; align-items:start; }.cocreate-reuse svg { width:25px; height:25px; color:var(--accent); flex-shrink:0; margin-top:3px; }
.cocreate-reuse h2 { font-size:21px; font-weight:550; line-height:1.6; }.cocreate-reuse p { color:var(--muted); font-size:14px; line-height:1.95; }.cocreate-reuse .text-link { grid-column:2; }
@media(max-width:1100px) { .cocreate-steps { gap:26px; }.cocreate-contact .container { gap:7%; }.cocreate-teaser .container { gap:7%; } }
@media(max-width:860px) { .cocreate-steps { grid-template-columns:1fr 1fr; gap:32px; }.cocreate-hero { padding-block:54px; }.cocreate-contact h2 { font-size:28px; }.cocreate-reuse .container { grid-template-columns:1fr; gap:18px; }.cocreate-reuse .text-link { grid-column:1; } }
@media(max-width:700px) {
 .cocreate-teaser .container { grid-template-columns:1fr; gap:22px; }.cocreate-teaser h2 { font-size:29px; }.cocreate-teaser small { font-size:11px; }
 .cocreate-hero { padding:40px 0; }.cocreate-hero h1 { font-size:clamp(30px,8.2vw,42px); }.cocreate-intro { font-size:15px; margin-top:20px; }.cocreate-process { padding-block:34px; }.cocreate-steps { grid-template-columns:1fr; gap:30px; }.cocreate-number { font-size:28px; padding-bottom:12px; }.cocreate-steps h2 { margin-top:14px; font-size:19px; }.cocreate-steps p { font-size:14px; margin-top:8px; }
 .cocreate-contact { padding-block:45px; }.cocreate-contact .container { grid-template-columns:1fr; gap:27px; }.cocreate-contact h2 { font-size:28px; }.cocreate-prompt { padding:22px; }.cocreate-prompt>p { font-size:14px; gap:12px; }.cocreate-reuse { padding-block:35px 45px; }.cocreate-reuse h2 { font-size:20px; }
}