/* Contact is a persistent page so navigation never discards a draft. */
.home-connect {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px}
.home-connect>div {
  padding-bottom:4px}
.home-connect p {
  color:#a9b7c5;
  font-size:16px;
  line-height:1.9;
  margin-bottom:28px}
.home-connect .button {
  min-width:280px}

.inquiry {
  position:relative;
  min-height:100svh;
  padding-top:153px;
  background:radial-gradient(ellipse at 0 40%,#273b4b25,transparent 50%)}

.inquiry-breadcrumb {
  display:flex;
  gap:18px;
  color:#94a3b3;
  font-size:12px;
  margin-bottom:70px}
.inquiry-breadcrumb>a:hover {
  color:#e1d0b6}
.inquiry-breadcrumb>span:first-of-type {
  color:#536476}

.inquiry-layout {
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:9%;
  align-items:start}
.inquiry-intro {
  position:sticky;
  top:144px}
.inquiry h1 {
  font-size:clamp(37px,3.65vw,57px);
  font-weight:530;
  letter-spacing:-.06em;
  line-height:1.28;
  margin:26px 0}
.inquiry h1 em {
  font-style:normal;
  font-weight:370;
  color:#cbbcaa}
.inquiry-lead {
  font-size:16px;
  line-height:1.9;
  color:#aebdcb;
  font-weight:350}

.conversation-art {
  position:relative;
  isolation:isolate;
  height:270px;
  margin-top:35px;
  overflow:hidden}
.conversation-art>i {
  position:absolute;
  width:200px;
  height:200px;
  border:1px solid #aa99805e;
  border-radius:50%;
  top:24px;
  left:17%;
  transform:rotateY(40deg);
  background:radial-gradient(ellipse at 30% 20%,#c5b4960f,transparent 65%)}
.conversation-art>i:nth-child(2) {
  left:34%;
  top:48px;
  border-color:#839aa33d;
  animation:conversationFloat 8s ease-in-out infinite}
.conversation-art>span {
  position:absolute;
  top:80px;
  left:0;
  font:400 30px/1.3 Orbitron,sans-serif;
  letter-spacing:-.045em;
  color:#afbac7}
.conversation-art>b {
  position:absolute;
  right:10%;
  top:70px;
  font-size:76px;
  font-weight:200;
  color:#ccbc9b}
.inquiry-company {
  border-top:1px solid #8294a52b;
  padding-top:22px;
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:12px;
  color:#7f92a5}
.inquiry-company>a {
  color:#b8c3ce}

.form-section {
  border:0;
  border-top:1px solid #94a5b73d;
  margin:0 0 39px;
  padding:27px 0 0;
  min-width:0}
.form-section legend {
  float:left;
  width:100%;
  margin-bottom:24px;
  font-size:20px;
  font-weight:450;
  letter-spacing:-.035em}
.form-section legend>span {
  font:10px Orbitron,sans-serif;
  color:#bba98c;
  margin-right:16px;
  vertical-align:middle}
.form-section:after {
  content:'';
  display:block;
  clear:both}
.business-options {
  clear:both;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px}
.business-options label {
  position:relative;
  display:block;
  cursor:pointer}
.business-options input {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  inset:50% 0 auto 50%;
  margin:0;
  padding:0}
.business-options label>span {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:51px;
  border:1px solid #8297ab38;
  padding:13px 15px;
  font-size:14px;
  color:#aab7c4;
  transition:background .25s,color .25s,border-color .25s}
.business-options label>span:after {
  content:'↗';
  color:#617487;
  font-size:17px}
.business-options input:checked+span {
  border-color:#c7b69b;
  background:#c1ab8312;
  color:#eee2cd}
.business-options input:checked+span:after {
  content:'✓';
  color:#d3c09f}
.business-options input:focus-visible+span {
  outline:2px solid #e3c794;
  outline-offset:3px}
.business-options label:hover>span {
  border-color:#b0a08b77}
.field-hint {
  display:block;
  font-size:12px;
  color:#8497ab;
  line-height:1.7;
  margin-top:12px;
  min-height:20px}
.field-grid {
  clear:both;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:23px 20px}
.field-grid label,.message-label {
  font-size:13px;
  color:#c3cbd4;
  line-height:1.6}
.field-wide {
  grid-column:1/-1}
.field-grid small,.message-label small {
  font-size:10px;
  color:#8293a6;
  margin-left:6px}
.field-grid input {
  display:block;
  margin-top:9px;
  font-size:14px;
  background:#0b162230;
  min-height:50px;
  border:0;
  border-bottom:1px solid #8c9bad5c;
  padding:12px 0;
  border-radius:0}
.field-grid input:focus {
  outline-offset:3px}
.field-grid input::placeholder,.inquiry textarea::placeholder {
  color:#687e94}
.message-label {
  display:block;
  clear:both;
  margin-bottom:10px}
.inquiry textarea {
  font-size:14px;
  line-height:1.8;
  padding:15px;
  background:#0b16224d;
  min-height:145px;
  border-color:#8196ac42;
  scroll-margin-top:135px}
.message-meta {
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-top:10px;
  font-size:11px;
  color:#7a8fa3}
.preview-notice {
  font-size:12px;
  color:#92a4b6;
  line-height:1.8;
  border-left:1px solid #a9926d80;
  padding-left:13px;
  margin-bottom:22px}
.inquiry-submit>.button {
  width:100%}
.existing-contact {
  display:block;
  text-align:center;
  font-size:12px;
  color:#a7b6c5;
  padding:20px 0 0}
.existing-contact:hover {
  color:#e3d0b2}

.inquiry-result {
  border-top:1px solid #92a5bc42;
  padding-top:28px;
  scroll-margin-top:145px}
.inquiry-result h2 {
  font-size:42px;
  margin:25px 0}
.inquiry-result>p:not(.eyebrow) {
  font-size:14px;
  line-height:1.8;
  color:#a8b8c8}
.inquiry-result label {
  display:block;
  font-size:12px;
  color:#b3c0cb;
  margin:25px 0 10px}
.inquiry-result textarea {
  min-height:280px;
  resize:vertical}
.result-actions {
  display:grid;
  gap:12px;
  margin-top:20px}
.secondary-button {
  background:transparent;
  color:#d6c9b5;
  border-color:#8c816c}
.secondary-button:hover {
  background:#b9a68018;
  color:#f0e0c7}
.secondary-button>span {
  border-color:#b2a38455}
.edit-inquiry {
  background:none;
  border:0;
  padding:12px 0;
  font-size:13px;
  color:#b7c4d1;
  margin-top:10px}
.inquiry-result #copy-status {
  margin-top:14px}
.route-enter .inquiry-intro {
  animation:pageArrive 1.05s var(--ease-out) both}
.route-enter .inquiry-panel {
  animation:pageArrive 1.3s var(--ease-out) both}

@keyframes conversationFloat {
  50% {
  translate:0 -14px;
  rotate:7deg}
}

@media(max-width:1050px) {
  .inquiry-layout {
  gap:6%;
  grid-template-columns:.9fr 1.1fr}
.inquiry h1 {
  font-size:38px}
.inquiry-lead {
  font-size:14px}
.form-section legend {
  font-size:18px}
.business-options label>span {
  font-size:12px;
  padding:12px}
.conversation-art>span {
  font-size:24px}
.conversation-art>b {
  right:0}
.inquiry-company {
  flex-direction:column}
}

@media(max-width:700px) {
  .home-connect {
  display:block}
.home-connect>div {
  margin-top:30px}
.home-connect .button {
  width:100%;
  min-width:0}
.inquiry {
  padding:119px 24px 65px}
.inquiry-breadcrumb {
  font-size:11px;
  margin-bottom:48px}
.inquiry-layout {
  grid-template-columns:1fr;
  gap:44px}
.inquiry-intro {
  position:relative;
  top:auto}
.inquiry h1 {
  font-size:clamp(30px,8.5vw,43px);
  margin:22px 0}
.inquiry-lead {
  font-size:14px}
.conversation-art {
  height:130px;
  margin-top:14px}
.conversation-art>i {
  width:135px;
  height:135px;
  left:47%;
  top:5px}
.conversation-art>i:nth-child(2) {
  left:64%;
  top:20px}
.conversation-art>span {
  top:30px;
  font-size:21px;
  color:#8092a5}
.conversation-art>b {
  font-size:55px;
  top:14px;
  right:11%}
.inquiry-company {
  display:none}
.form-section {
  margin-bottom:33px;
  padding-top:22px}
.form-section legend {
  font-size:18px;
  margin-bottom:22px;
  line-height:1.5}
.form-section legend>span {
  font-size:9px;
  margin-right:9px}
.business-options label>span {
  font-size:13px;
  min-height:49px;
  padding:12px}
.field-grid {
  gap:22px 15px}
.field-grid label {
  font-size:12px}
.field-grid input {
  font-size:13px}
.field-hint {
  font-size:11px}
.message-meta {
  font-size:10px}
.message-meta>span:first-child {
  max-width:65%}
.inquiry-result h2 {
  font-size:35px}
.inquiry-result>p:not(.eyebrow) {
  font-size:13px}
.preview-notice {
  font-size:11px}
.inquiry-result {
  scroll-margin-top:115px}
}

@media(max-width:360px) {
  .field-grid {
  grid-template-columns:1fr}
.form-section legend {
  font-size:16px}
.business-options label>span {
  font-size:11px}
.inquiry h1 {
  font-size:29px}
}

@media(prefers-reduced-motion:reduce) {
  .conversation-art>i {
  animation:none}
}


.inquiry-email {
  margin-top:27px;
  display:flex;
  flex-direction:column;
  gap:10px}
.inquiry-email>span {
  font-size:11px;
  color:#8c9bad}
.inquiry-email>a {
  font-size:16px;
  letter-spacing:0;
  color:#ddcdb2;
  overflow-wrap:anywhere}
.inquiry-email b {
  font-weight:400;
  margin-left:8px}
.inquiry-email small {
  font-size:10px;
  color:#7b8da0}
.inquiry-email a:hover {
  color:#f5e6cb}
@media(max-width:700px) {
  .inquiry-email {
  margin-top:8px}
.inquiry-email>a {
  font-size:15px}
}


.honey-field {
  display:none!important}
.inquiry-consent {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:12px;
  line-height:1.8;
  color:#a0b0bf;
  margin-bottom:18px;
  cursor:pointer}
.inquiry-consent input {
  width:16px;
  height:16px;
  flex-shrink:0;
  margin:4px 0 0;
  accent-color:#ccb990}
.delivery-to {
  font-size:12px!important;
  color:#8498ae!important;
  line-height:1.8;
  margin:15px 0 22px}
.delivery-to>span {
  display:block;
  color:#ccbaa0;
  font-size:14px}
.send-status {
  font-size:13px;
  line-height:1.8;
  color:#ccb998;
  margin-top:18px;
  min-height:24px}
.send-status.error {
  color:#f1bcb5}
.button:disabled {
  opacity:.65;
  cursor:wait;
  transform:none}
.inquiry-form-busy {
  opacity:.9}