.fe-band{padding-top:72px}
.fe-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fe-copy h2{margin-bottom:28px}
.fe-label{display:block;font-size:14px;line-height:1.5;color:var(--body);margin:0 0 8px;max-width:44ch}
.fe-label+.fe-input{margin-bottom:6px}

.fe-input{width:100%;max-width:520px;min-width:0;min-height:52px;border:0;border-bottom:1px solid #9A9588;border-radius:0;
  background:transparent;color:var(--black);padding:10px 0;font:inherit;font-size:20px;font-weight:300;outline:0;-webkit-appearance:none;appearance:none}
.fe-input:focus{border-bottom-color:var(--black)}
.fe-input::placeholder{color:#9A9588}
.fe-none{font-size:14px;color:var(--gra);margin-top:6px}

.fe-langs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
.fe-langs .ck-btn[aria-pressed="true"]{background:var(--black);color:var(--cream);border-color:var(--black)}
.fe-langs[hidden]+.fe-label{margin-top:28px}

.fe-code{width:100%;max-width:520px;min-width:0;box-sizing:border-box;resize:vertical;margin:0 0 20px;padding:14px 16px;
  font-family:var(--font-mono);font-size:12.5px;line-height:1.55;color:var(--black);background:#fff;
  border:1px solid var(--gray-line);border-radius:12px;outline:0}
.fe-code:focus{border-color:var(--black)}
.fe-copy .ck-btn{margin-top:0}

.fe-figure{margin:0;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.fe-figure img{display:block;width:220px;height:220px}
.fe-who{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);text-align:center;line-height:1.35;min-height:1.35em}
@media(max-width:860px){
  .fe-band .cr-two{grid-template-columns:1fr;gap:44px}
  .fe-figure{order:-1}
  .fe-figure img{width:180px;height:180px}
}
@media(max-width:560px){.wrap{padding:0 22px}.fe-input{font-size:18px}}