:root{
  --bg:#050b12;
  --navy:#0a192f;
  --blue:#0ea5e9;
  --light:#f8fafc;
  --muted:#a9bbc8;
  --line:rgba(118,170,206,.17);
  --panel:#0a192f;
  --contact-card:linear-gradient(145deg,#0d2437,#050f1a);
  --contact-card-line:rgba(14,165,233,.28);
  --contact-card-shadow:0 25px 65px rgba(0,0,0,.25);
  --scroll-track:#071018;
  --scroll-thumb:rgba(56,189,248,.32);
  --scroll-thumb-hover:rgba(14,165,233,.6);
}
.contact-section{
  padding-bottom:80px;
}
.contact-section .wrap{
  width:min(1240px,calc(100% - 48px));
}
.contact-intro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:36px;
  margin-bottom:38px;
}
.contact-intro h2{
  margin:17px 0 0;
  font:700 clamp(32px,4vw,52px)/1.1 Montserrat,sans-serif;
  letter-spacing:-.045em;
  color:#f1f7fa;
}
.contact-intro h2 span{color:#49b8f2}
.contact-intro-aside{
  max-width:360px;
}
.contact-intro-aside p{
  margin:0;
  color:#9db4c2;
  font:400 14px/1.75 Inter,sans-serif;
}
.contact-section .contact-studio{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--contact-card-line);
  border-radius:16px;
  background:var(--contact-card);
  box-shadow:var(--contact-card-shadow);
}
.contact-section .contact-honey{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:hidden;
  opacity:.42;
  border-radius:16px;
  transform:scaleX(-1);
}
.contact-section .contact-studio > :not(.contact-honey):not(.contact-particles){
  position:relative;
  z-index:1;
}
.contact-section .contact-studio .contact-particles{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  max-width:none;
  min-height:0;
  margin:0;
  opacity:.28;
}
.contact-work{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:
    "ask"
    "flow"
    "form";
  gap:0;
  align-items:stretch;
}
.ask-panel{
  grid-area:ask;
  background:rgba(6,18,32,.82);
}
.flow-panel{
  grid-area:flow;
  min-width:0;
  max-width:100%;
  min-height:240px;
  height:auto;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(14,165,233,.28);
  border-bottom:1px solid rgba(14,165,233,.16);
  background:rgba(1,5,11,.92);
  box-shadow:inset 0 18px 40px rgba(0,0,0,.28);
}
.contact-work .flow-panel{
  height:auto;
  background:rgba(1,5,11,.92);
}
.contact-section.is-flow-live .contact-particles{opacity:.52}
.contact-section.is-flow-live .contact-honey{opacity:.58}
.contact-work .contact-form-card{
  height:auto;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  border-left:0;
  border-right:0;
  border-bottom:0;
}
.panel{
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
}
.panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 16px 11px;
  border-bottom:1px solid var(--line);
  color:#8ec8e6;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.panel-head b{color:#e8f7ff;letter-spacing:.08em;font-weight:600}

.ask-panel.is-picking .ask-stages,
.ask-panel.is-picking .ask-progress{
  display:none;
}
.ask-stages{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:4px 10px 0;
  border-bottom:1px solid var(--line);
}
.ask-stage{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:10px 8px 11px;
  color:#6f8a9c;
  font:700 9px/1.15 Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:2px solid transparent;
}
.ask-stage b{
  color:inherit;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.16em;
}
.ask-stage.on{color:#8ec8e6;border-bottom-color:rgba(14,165,233,.35)}
.ask-stage.now{color:#e8f7ff;border-bottom-color:#0ea5e9}
.ask-bridge{
  margin:0 0 12px;
  color:#9be4ff;
  font:600 13px/1.5 Inter,sans-serif;
}
.ask-progress{
  display:flex;gap:6px;
  padding:12px 16px 0;
}
.ask-progress i{
  flex:1;height:3px;border-radius:99px;
  background:rgba(118,170,206,.18);
}
.ask-progress i.on{background:#0ea5e9;box-shadow:0 0 8px rgba(14,165,233,.55)}
.ask-progress i.now{background:#7dd3fc}
.ask-body{
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  overflow:visible;
  padding:18px 16px 20px;
}
.ask-panel.is-quote .ask-body{flex:1}
#quote-form-wrap{
  grid-area:form;
  margin:0;
  height:auto;
  display:flex;
  flex-direction:column;
  padding:22px 20px 24px;
}
#quote-form-wrap.is-locked .btn.primary,
#quote-form-wrap.is-locked .btn-send-lm{
  opacity:.55;
  cursor:not-allowed;
}
#quote-form-wrap .form-head{margin:0 0 26px}
#quote-form-wrap .form-head h3{font-size:22px}
#quote-form-wrap #contact-form{position:relative;z-index:1}
#quote-form-wrap .form-grid{
  grid-template-columns:1fr 1fr;
  gap:18px;
}
#quote-form-wrap .form-grid textarea{min-height:120px}
#quote-form-wrap .form-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:18px;
}
#quote-form-wrap #quote-send-hint{
  display:block;
  max-width:42ch;
  color:#8cb6cb;
  font:500 12px/1.5 Inter,sans-serif;
}
.ask-kicker{color:#64c8f7;font:700 10px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.ask-body h1{
  font:700 clamp(22px,2.4vw,32px)/1.15 Montserrat,sans-serif;
  letter-spacing:-.04em;
  margin:0 0 10px;
}
.ask-hint{margin:0 0 16px;color:#8cb6cb;font-size:13px;line-height:1.55}
.ask-detail{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.ask-detail span{color:#8cb6cb;font-size:11px}
.ask-detail input{
  min-height:40px;
  border:1px solid rgba(118,170,206,.28);
  border-radius:8px;
  background:rgba(8,20,34,.8);
  color:#e8f7ff;
  padding:0 12px;
}
.ask-detail input:focus{outline:2px solid #50c8ff;outline-offset:2px}
.ask-count{color:#7ea3b8;font:600 11px Inter,sans-serif;letter-spacing:.04em}
.tech-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.tech-chips span{
  border:1px solid rgba(118,170,206,.25);
  border-radius:99px;
  padding:4px 8px;
  font:600 10px Inter,sans-serif;
  color:#8fa7b6;
  max-width:100%;
  overflow-wrap:anywhere;
}
.tech-chips .on{border-color:#0ea5e9;color:#e8f7ff;background:rgba(14,165,233,.16)}
.tech-chips .dim{opacity:.45}
.mod-list{margin:0;padding:0 0 0 16px;color:#e8f7ff;font-size:12px;line-height:1.45}
.mod-list li{margin:0 0 4px}
.ask-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ask-opts button{
  text-align:left;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid #5ec8f5;
  background:linear-gradient(180deg,#1d5578,#143a58);
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);
  cursor:pointer;
  transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
}
.ask-opts button.is-multi{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.ask-opt-copy{
  min-width:0;
  flex:1;
  color:#fff;
  font:600 13px/1.4 Inter,sans-serif;
}
.ask-check{
  flex:none;
  width:18px;
  height:18px;
  margin-top:1px;
  color:#8cb6cb;
}
.ask-check svg{display:block;width:18px;height:18px}
.ask-check-box{fill:none;stroke:currentColor;stroke-width:1.6}
.ask-check-mark{
  fill:none;
  stroke:#e8f7ff;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
}
.ask-opts button:hover{transform:translateY(-1px);border-color:#b6eeff;background:linear-gradient(180deg,#2474a0,#185070);box-shadow:0 10px 24px rgba(14,165,233,.28)}
.ask-opts button.is-multi:hover .ask-check{color:#b6eeff}
.ask-opts button[aria-pressed="true"]{border-color:#7dd3fc;background:linear-gradient(180deg,#0ea5e9,#0878b0);color:#03131f;box-shadow:0 0 0 1px rgba(125,211,252,.45),0 10px 24px rgba(14,165,233,.28)}
.ask-opts button.is-multi[aria-pressed="true"] .ask-check{color:#03131f}
.ask-opts button.is-multi[aria-pressed="true"] .ask-check-box{fill:rgba(14,165,233,.28);stroke:#0ea5e9}
.ask-opts button.is-multi[aria-pressed="true"] .ask-check-mark{opacity:1}
.ask-opts small{display:block;color:#c5e8f7;font-size:11px;margin-top:4px}
.ask-opts button[aria-pressed="true"] .ask-opt-copy{color:#03131f}
.ask-opts button[aria-pressed="true"] small{color:#07344b}
.ask-more{
  display:block;
  width:100%;
  margin-top:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:10px;
  border:1px dashed rgba(118,170,206,.38);
  background:rgba(10,25,47,.45);
  color:#9be4ff;
  font:700 12px Inter,sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
  transition:border-color .15s,background .15s,color .15s;
}
.ask-more:hover{
  border-color:rgba(14,165,233,.75);
  background:#11283b;
  color:#e8f7ff;
}
.ask-more:focus-visible{outline:2px solid #50c8ff;outline-offset:2px}
.ask-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;align-items:center}
.ask-nav button,.done-actions button{
  min-height:40px;
  padding:0 14px;
  border-radius:8px;
  border:1px solid #39526a;
  background:transparent;
  font:700 12px Inter,sans-serif;
  cursor:pointer;
}
.ask-nav button:hover,.done-actions button:hover{background:#11283b}
.ask-nav .ask-next{background:var(--blue);border-color:var(--blue);color:#061019}
.ask-nav .ask-next:hover{background:#5ac8f5}
.ask-nav .ask-restart,.done-actions .ask-restart{
  margin-left:auto;
  color:#9bb3c4;
  border-color:rgba(57,82,106,.75);
}
.ask-note{margin-top:12px;color:#829dac;font-size:11px;line-height:1.6}
.done-arch{color:#9be4ff;font-size:13px}
.done-pillars{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.done-pillars li{margin:0;padding:10px 12px;border:1px solid rgba(14,165,233,.22);border-radius:10px;background:rgba(14,165,233,.08);color:#d7e8f2;font-size:13px;line-height:1.5}
.done-pillars b{display:block;color:#9be4ff;font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}

.done-card{flex:1;display:flex;flex-direction:column}
.done-card h1{margin-bottom:10px}
.done-card p{color:#adc2d1;font-size:14px;line-height:1.7;margin:0 0 16px}
.done-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}

.flow-stage{
  flex:none;
  min-width:0;
  max-width:100%;
  min-height:200px;
  overflow:hidden;
  padding:8px 12px 16px;
}
#flow{display:block;width:100%;max-width:100%;height:auto;min-height:160px;overflow:visible}
.tech-body{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:14px 16px 16px;
}
.tech-empty{margin:0;color:#8fa7b6;font-size:12px;line-height:1.6}
.tech-row{
  display:grid;
  grid-template-columns:6.75rem minmax(0,1fr);
  gap:8px 12px;
  margin:0 0 12px;
  align-items:start;
}
.tech-row dt{
  margin:0;
  color:#64c8f7;
  font:700 9px/1.35 Inter,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.tech-row dd{margin:0;min-width:0}
.tech-row strong{
  display:block;
  color:#e8f7ff;
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.tech-row dd > span{
  display:block;
  color:#8fa7b6;
  font-size:11px;
  line-height:1.5;
  margin-top:3px;
}
.tech-risk{margin:8px 0 0;color:#fbbf24;font-size:11px;line-height:1.55}
#flow .box{
  fill:rgba(16,48,72,.62);
  stroke:rgba(125,211,252,.85);
  stroke-width:1.2;
}
#flow .box.last{stroke:#7dd3fc;fill:rgba(14,165,233,.22)}
#flow .box.start{fill:rgba(10,36,58,.48);stroke:#38bdf8}
#flow .box.decision{fill:rgba(42,36,18,.4);stroke:#fbbf24}
#flow .box.fallback{fill:rgba(52,28,16,.4);stroke:#fb923c;stroke-dasharray:4 3}
#flow .box.data{fill:rgba(8,44,52,.42);stroke:#22d3ee}
#flow text{
  fill:#e8f7ff;
  font:600 11px Inter,sans-serif;
  text-anchor:middle;
}
#flow .edge-label{fill:#8cb6cb;font:600 9px Inter,sans-serif}
#flow .edge-label.loop{fill:#fdba74}
#flow .lane{stroke:rgba(14,165,233,.55);stroke-width:1.4;fill:none;stroke-linejoin:round;stroke-linecap:round}
#flow .lane.h{stroke:rgba(125,211,252,.7)}
#flow .lane.wrap{stroke:rgba(14,165,233,.75);stroke-width:1.6}
#flow .lane.loop{stroke:#fb923c;stroke-dasharray:5 3}
#flow .lane.link{stroke:rgba(251,191,36,.55)}
#flow .head{fill:#0ea5e9}
#flow .head.h{fill:#7dd3fc}
#flow .head.loop{fill:#fb923c}
#flow .head.link{fill:#fbbf24}

.contact-section:not(.is-flow-live) .contact-work{
  grid-template-areas:"ask" "form";
}
.contact-section:not(.is-flow-live) .flow-panel{
  display:none;
}

.kind-ask{
  font:700 clamp(22px,2.4vw,32px)/1.15 Montserrat,sans-serif !important;
  letter-spacing:-.04em !important;
  color:#f8fafc;
  margin:0 0 14px !important;
}
.kind-palco,
.kind-stage{
  position:relative;
  display:flex;
  align-items:stretch;
  min-height:360px;
  margin:4px 0 16px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(14,165,233,.28);
  background:
    radial-gradient(90% 80% at 78% 12%,rgba(14,165,233,.16),transparent 52%),
    linear-gradient(165deg,#071422 0%,#0a192f 48%,#061018 100%);
  box-shadow:inset 0 1px 0 rgba(125,211,252,.12);
}
.kind-drawer{
  position:relative;
  flex:0 0 44px;
  z-index:4;
}
.kind-drawer-panel{
  position:absolute;
  inset:0 auto 0 0;
  width:44px;
  overflow:hidden;
  background:rgba(4,12,22,.94);
  border-right:1px solid rgba(14,165,233,.38);
  transition:width .28s ease,box-shadow .28s ease;
  scrollbar-width:none;
}
.kind-drawer-panel::-webkit-scrollbar{width:0;height:0}
.kind-drawer::after{
  content:"";
  position:absolute;
  left:calc(100% - 1px);
  top:50%;
  width:9px;
  height:9px;
  margin-top:-5px;
  border-right:2px solid #6ed6ff;
  border-top:2px solid #6ed6ff;
  transform:rotate(45deg);
  filter:drop-shadow(0 0 8px #0ea5e9);
  animation:kind-nudge 1.6s ease-in-out infinite;
  pointer-events:none;
  z-index:5;
}
@media (hover:hover){
  .kind-drawer:hover .kind-drawer-panel,
  .kind-drawer:focus-within .kind-drawer-panel{
    width:188px;
    overflow-y:auto;
    scrollbar-width:thin;
    box-shadow:8px 0 28px rgba(0,0,0,.35);
  }
  .kind-drawer:hover .kind-drawer-panel::-webkit-scrollbar,
  .kind-drawer:focus-within .kind-drawer-panel::-webkit-scrollbar{
    width:6px;
  }
  .kind-drawer:hover .kind-drawer-panel::-webkit-scrollbar-thumb,
  .kind-drawer:focus-within .kind-drawer-panel::-webkit-scrollbar-thumb{
    background:rgba(56,189,248,.4);
    border-radius:99px;
  }
  .kind-drawer:hover::after,
  .kind-drawer:focus-within::after{
    opacity:0;
    animation:none;
  }
}
@media (hover:none){
  .kind-drawer{flex-basis:148px}
  .kind-drawer-panel{width:148px;overflow-y:auto;scrollbar-width:thin}
  .kind-drawer-panel::-webkit-scrollbar{width:6px}
  .kind-drawer::after{display:none}
}
.kind-drawer-cue{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  color:#9be4ff;
  font:700 11px/1 Inter,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-align:center;
  writing-mode:vertical-rl;
  transform:translate(-50%,-50%) rotate(180deg);
  pointer-events:none;
  text-shadow:0 0 12px rgba(14,165,233,.45);
}
@keyframes kind-nudge{
  0%,100%{transform:rotate(45deg) translate(0,0);opacity:.55}
  50%{transform:rotate(45deg) translate(3px,-3px);opacity:1}
}
.kind-drawer-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  height:0;
  min-height:0;
  padding:0 12px;
  overflow:hidden;
  border:0;
  background:transparent;
  color:#8cb6cb;
  font:600 12px/1.2 Inter,sans-serif;
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
}
@media (hover:hover){
  .kind-drawer:hover .kind-drawer-cue,
  .kind-drawer:focus-within .kind-drawer-cue{
    position:static;
    left:auto;
    top:auto;
    writing-mode:horizontal-tb;
    transform:none;
    padding:12px 14px 8px;
    text-align:left;
    text-shadow:none;
  }
  .kind-drawer:hover .kind-drawer-item,
  .kind-drawer:focus-within .kind-drawer-item{
    height:auto;
    min-height:34px;
    padding:7px 12px;
    opacity:1;
    pointer-events:auto;
  }
}
@media (hover:none){
  .kind-drawer-cue{
    position:static;
    left:auto;
    top:auto;
    writing-mode:horizontal-tb;
    transform:none;
    padding:12px 14px 8px;
    text-align:left;
    text-shadow:none;
  }
  .kind-drawer-item{
    height:auto;
    min-height:34px;
    padding:7px 12px;
    opacity:1;
    pointer-events:auto;
  }
}
.kind-drawer-item i{display:none}
.kind-drawer-item b{
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:600;
}
.kind-drawer-item:hover{
  color:#e8f7ff;
  background:rgba(14,165,233,.1);
}
.kind-drawer-item.is-on{
  color:#e8f7ff;
  background:rgba(14,165,233,.16);
  box-shadow:inset 2px 0 0 #0ea5e9;
}
.kind-drawer-item.is-on i{
  background:#0ea5e9;
  box-shadow:0 0 8px rgba(14,165,233,.85);
}
.kind-drawer-item:focus-visible{outline:2px solid #50c8ff;outline-offset:-2px}
.kind-board{
  flex:1;
  display:grid;
  grid-template-columns:minmax(200px,.4fr) minmax(240px,1fr);
  min-width:0;
}
.kind-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px 16px 20px 18px;
  min-width:0;
}
.kind-copy h2{
  margin:0 0 10px;
  color:#f8fafc;
  font:700 clamp(26px,3.2vw,40px)/1.05 Montserrat,sans-serif;
  letter-spacing:-.045em;
}
.kind-aka{
  margin:0 0 6px;
  color:#64c8f7;
  font:700 10px/1.3 Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kind-blurb{
  margin:0 0 14px;
  max-width:42ch;
  color:#b7cddb;
  font:500 14px/1.55 Inter,sans-serif;
}
.kind-select{
  margin-top:16px;
  align-self:flex-start;
  min-height:40px;
  padding:0 18px;
  border-radius:8px;
  border:1px solid var(--blue);
  background:var(--blue);
  color:#061019;
  font:700 13px Inter,sans-serif;
  cursor:pointer;
}
.kind-select:hover{background:#5ac8f5}
.kind-carousel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:-4px 0 16px;
}
.kind-skip{
  width:36px;
  height:36px;
  border-radius:99px;
  border:1px solid rgba(14,165,233,.45);
  background:rgba(8,20,34,.86);
  color:#9be4ff;
  font:700 20px/1 Inter,sans-serif;
  cursor:pointer;
}
.kind-skip:hover{
  background:#0ea5e9;
  border-color:#0ea5e9;
  color:#061019;
}
.kind-skip:focus-visible{outline:2px solid #50c8ff;outline-offset:2px}
.kind-dots{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
}
.kind-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:99px;
  background:rgba(125,211,252,.28);
  cursor:pointer;
}
.kind-dots button.is-on{
  width:16px;
  background:#0ea5e9;
  box-shadow:0 0 10px rgba(14,165,233,.7);
}
.kind-dots button:focus-visible{outline:2px solid #50c8ff;outline-offset:2px}
.kind-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.kind-tags span{
  padding:5px 9px;
  border-radius:99px;
  border:1px solid rgba(14,165,233,.22);
  background:rgba(14,165,233,.08);
  color:#cfe8f8;
  font:600 11px Inter,sans-serif;
}
.kind-copy.is-fade{animation:kind-fade .42s ease}
@keyframes kind-fade{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.kind-schematic{
  position:relative;
  min-height:360px;
  min-width:0;
}
.kind-net-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.kind-nodes{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.kind-node{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  width:78px;
  margin:0;
  transform:translate(-50%,-50%);
  will-change:transform;
}
.kind-node img{
  width:58px;
  height:58px;
  border-radius:50%;
  object-fit:cover;
  background:#050b12;
  border:1px solid rgba(56,189,248,.5);
  box-shadow:
    0 0 0 3px rgba(5,11,18,.65),
    0 0 18px rgba(14,165,233,.5);
}
.kind-node figcaption{
  color:#9be4ff;
  font:700 8px/1 Inter,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-shadow:0 1px 8px rgba(5,11,18,.9);
}

@media(max-width:1100px){
  .contact-intro{
    display:block;
  }
  .contact-intro-aside{
    max-width:none;
    margin-top:18px;
  }
  .contact-work{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-template-areas:
      "ask"
      "flow"
      "form";
  }
  .contact-section:not(.is-flow-live) .contact-work{
    grid-template-areas:"ask" "form";
  }
  .ask-opts{grid-template-columns:1fr}
  .kind-drawer{display:none!important}
  .kind-skip{display:none}
  .kind-carousel{margin:10px 0 14px}
  .kind-palco,
  .kind-stage,
  .kind-carousel{touch-action:pan-y}
  .kind-board{
    grid-template-columns:1fr;
    flex:1 1 auto;
  }
  .kind-copy{order:1}
  .kind-schematic{order:2;min-height:240px}
  .flow-stage{padding:4px 4px 10px;min-height:0}
  #flow{min-height:0}
  #flow text{font-size:8px}
  #flow .edge-label{font-size:7px}
  #quote-form-wrap{height:auto}
}
@media(max-width:640px){
  .nav-wrap{width:calc(100% - 24px)}
  .contact-section .wrap{width:calc(100% - 36px)}
  .brand-text small{display:none}
  #quote-form-wrap .form-grid{grid-template-columns:1fr}
  .contact-intro{margin-bottom:28px}
  .ask-stage{padding:8px 4px 9px;font-size:8px;letter-spacing:.04em}
  .kind-palco,
  .kind-stage{min-height:0;flex-wrap:wrap}
  .kind-schematic{min-height:220px}
  .kind-copy{padding:16px 14px 8px}
  .kind-copy h2{font-size:26px}
  .kind-node{width:64px}
  .kind-node img{width:46px;height:46px}
}

@media(prefers-reduced-motion:reduce){
  .ask-opts button,
  .kind-drawer-panel,
  .kind-skip,
  .kind-copy,
  .kind-drawer::after{transition:none;animation:none}
}