/* ── let's talk + contact ── */
.talk{padding-top:150px;text-align:center}
.cloud{color:#111;position:relative;width:min(640px,100%);margin-inline:auto;aspect-ratio:640/330;display:grid;place-items:center}
.cloud svg{position:absolute;inset:0;width:100%;height:100%}
.cloud .pixel-h{position:relative;font-size:clamp(38px,7.2vw,84px);white-space:nowrap;margin:0;padding-top:4%}
.talk-p{max-width:46ch;margin:30px auto 0;font-size:clamp(17px,1.6vw,20px);line-height:1.45;color:var(--text-2)}
.contact-wrap{position:relative;max-width:1290px;margin:150px auto 0}
.comment{color:#111;position:absolute;z-index:3;left:clamp(0px,7%,100px);top:-72px;width:min(350px,86vw);text-align:left;background:#fff;border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,.13),0 0 0 1px rgba(0,0,0,.05);padding:14px 18px 18px}
.comment .ch4{color:#777;font-size:15px;padding-bottom:10px;border-bottom:1px solid #EEE;margin-bottom:14px}
.comment .row{display:flex;gap:12px}
.comment .cav{width:44px;height:44px;border-radius:50%;flex:none;background:#BDE9F7;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:700;color:#0B3B4B}
.comment b{font-weight:500;font-size:16px}
.comment p{font-size:15.5px;line-height:1.4;color:#333;margin-top:4px}
.react{margin-top:12px;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--cyan);background:#EFFAFE;border-radius:6px;
  padding:3px 8px;font-family:var(--mono);font-size:14px;cursor:pointer}
.react svg{width:14px;height:14px;color:var(--cyan)}
.stripes{position:relative;display:grid;place-items:center;border-radius:40px;overflow:hidden;background:var(--yellow);
  min-height:clamp(380px,48vw,640px);isolation:isolate;padding:24px}
.stripes svg.bands{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.stripes .bands path{stroke:var(--brown);stroke-width:170;fill:none}
.cbox{display:flex;align-items:center;gap:clamp(8px,1.6vw,20px);background:var(--cyan);border:3px solid var(--ink);padding:clamp(8px,1.2vw,16px);will-change:transform}
.csq{width:clamp(42px,6.4vw,82px);aspect-ratio:1;background:var(--pink);border:2px solid var(--ink);display:grid;place-items:center;flex:none}
.csq svg{width:80%;height:80%}
.cword{font-family:var(--pixel);font-weight:700;font-size:clamp(40px,9vw,122px);line-height:1;letter-spacing:.02em;color:var(--ink)}
.mailrow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:22px;font-family:var(--mono);font-size:14px}
.mailrow .addr{user-select:all}
.copy{border:1px solid var(--text);background:var(--paper);padding:6px 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase;cursor:pointer}
.copy:hover{background:var(--text);color:var(--paper)}
@media(max-width:640px){.comment{position:relative;left:auto;top:auto;width:auto;margin-bottom:-24px;margin-inline:8px}.contact-wrap{margin-top:90px}}

footer{max-width:1290px;margin:90px auto 0;padding-block:28px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;
  font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2)}