/* Nexora Biz — shared inner-page styles (About / Services / Contact) */

.page-hero{background:var(--ink);position:relative;overflow:hidden;padding:64px 0 56px;}
.page-hero::before{content:"";position:absolute;inset:0;background-image:
  repeating-linear-gradient(135deg, rgba(194,142,58,.06) 0 2px, transparent 2px 26px);}
.page-hero .container{position:relative;}
.page-hero .crumb{font-family:var(--font-mono);font-size:.76rem;color:#9FB7B1;margin-bottom:14px;}
.page-hero .crumb a{color:#C7D6D2;}
.page-hero .crumb a:hover{color:var(--brass-light);}
.page-hero h1{color:var(--paper);font-size:clamp(1.8rem,3.4vw,2.6rem);}
.page-hero p{color:#C7D6D2;margin-top:12px;max-width:620px;font-size:1.02rem;}

/* Rich text content rendered from the WYSIWYG editor */
.prose{max-width:760px;font-size:1.02rem;line-height:1.8;color:var(--slate);}
.prose h1,.prose h2,.prose h3,.prose h4{margin:34px 0 14px;color:var(--ink-900);}
.prose h2{font-size:1.6rem;}
.prose h3{font-size:1.3rem;}
.prose p{margin-bottom:18px;}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;}
.prose li{margin-bottom:8px;}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);}
.prose blockquote{border-left:3px solid var(--brass);padding:4px 0 4px 18px;color:var(--slate-soft);
  font-style:italic;margin:22px 0;}
.prose img{
  width:100%;
  max-width:340px;
  height:auto;
  margin:6px 0 24px;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
  animation:proseImgFloat 5s ease-in-out infinite;
}
.prose img:nth-of-type(odd){
  float:left;
  margin-right:28px;
}
.prose img:nth-of-type(even){
  float:right;
  margin-left:28px;
}
.prose::after{
  content:"";
  display:block;
  clear:both;
}
@keyframes proseImgFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-14px);}
}
@media (max-width: 640px){
  .prose img{float:none !important;margin:20px auto;max-width:100%;}
}
@media (prefers-reduced-motion: reduce){
  .prose img{animation:none;}
}

/* Contact page */
/* ---------- Contact hero: copy + floating illustration ---------- */
.contact-hero{padding:72px 0 64px;}
.contact-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;}
.contact-hero-copy .contact-hero-sub{margin-top:16px;max-width:480px;color:#C9D6D2;font-size:1rem;line-height:1.7;}
.contact-hero-art{position:relative;height:220px;}
.contact-hero-art .float-el{position:absolute;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));animation:contactFloat 5s ease-in-out infinite;}
.contact-hero-art .float-1{top:6%;left:8%;animation-delay:0s;}
.contact-hero-art .float-2{top:52%;left:38%;animation-delay:.8s;animation-duration:4.2s;}
.contact-hero-art .float-3{top:12%;left:64%;animation-delay:1.6s;animation-duration:5.6s;}
.contact-hero-art .float-4{top:60%;left:2%;animation-delay:.4s;animation-duration:4.8s;}
@keyframes contactFloat{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-16px) rotate(3deg);}
}
@media (max-width: 860px){
  .contact-hero-grid{grid-template-columns:1fr;}
  .contact-hero-art{height:150px;margin-top:12px;}
}
@media (prefers-reduced-motion: reduce){
  .contact-hero-art .float-el{animation:none;}
}

.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-info-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-lg);
  padding:32px;box-shadow:var(--shadow-sm);}
.contact-info-card .row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);}
.contact-info-card .row:last-child{border-bottom:none;}
.contact-info-card svg{width:20px;height:20px;color:var(--signal);flex-shrink:0;margin-top:2px;}
.contact-info-card .label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--slate-soft);margin-bottom:3px;}
.contact-info-card .val{font-weight:600;color:var(--ink-900);font-size:.96rem;}
.contact-map{margin-top:20px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--rule);}
.contact-map iframe{width:100%;height:220px;border:0;display:block;}

.form-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-lg);
  padding:32px;box-shadow:var(--shadow-sm);}
.form-group{margin-bottom:20px;}
.form-label{display:block;font-size:.84rem;font-weight:600;color:var(--ink-900);margin-bottom:8px;}
.form-control{width:100%;padding:13px 16px;border:1px solid var(--rule);border-radius:var(--radius-sm);
  font-family:var(--font-body);font-size:.94rem;background:var(--paper-soft);transition:border-color .15s ease;}
.form-control:focus{outline:none;border-color:var(--brass);}
textarea.form-control{resize:vertical;min-height:120px;}

.alert{padding:16px 20px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:24px;
  display:flex;align-items:center;gap:10px;}
.alert-success{background:var(--signal-bg);color:var(--signal);border:1px solid #BFE2CF;}
.alert-error{background:#FBEAEA;color:#B23B3B;border:1px solid #F1C6C6;}
.alert svg{width:18px;height:18px;flex-shrink:0;}

@media (max-width:900px){
  .contact-wrap{grid-template-columns:1fr;}
}

/* Service detail page */
.service-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.service-side{background:var(--sage);border-radius:var(--radius-lg);padding:28px;position:sticky;top:100px;}
.service-side h4{font-size:1rem;margin-bottom:16px;}
.service-side ul{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
.service-side a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);
  font-size:.88rem;font-weight:600;color:var(--ink-900);background:var(--white);border:1px solid var(--rule);}
.service-side a.current{border-color:var(--brass);background:var(--white);color:var(--ink);}
.service-side a:hover{border-color:var(--brass);}
@media (max-width:900px){
  .service-detail-grid{grid-template-columns:1fr;}
  .service-side{position:static;}
}