
.site-header{background:var(--ink);border-bottom:1px solid var(--ink-line)}
.site-header-inner{
  width:var(--shell-width);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:var(--space-2);
  padding:0.85rem 0;
}
.site-logo{display:inline-flex;align-items:center;gap:0.65rem;text-decoration:none;color:var(--bone)}
.site-logo-image{height:3rem;width:auto;display:block}
.site-logo-name{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.02rem,1.7vw,1.2rem);font-weight:700;letter-spacing:0.02em}
.site-nav-list{list-style:none;margin:0;padding:0}
.site-nav-item{margin:0}
.site-nav-link{
  color:var(--bone-dim);
  text-decoration:none;
  font-size:var(--fluid-font-sm);
  letter-spacing:0.05em;
  text-transform:uppercase;
  transition:color 0.3s ease;
}
.site-nav-link:hover{color:var(--sand)}
.site-nav-cta{color:var(--sand);font-weight:700}
.site-toggle{margin-left:auto}
.site-nav-close{font-family:Georgia,'Times New Roman',serif}


.firm-introduction{
  position:relative;
  overflow:hidden;
  background:var(--ink);
  color:var(--bone);
  padding:6rem 1rem;
}
.firm-introduction-backdrop{
  position:absolute;
  inset:0;
  background-image:var(--hero-photo);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.firm-introduction-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--hero-veil);
  opacity:var(--hero-veil-opacity);
}
.firm-introduction-inner{
  position:relative;
  width:100%;
  max-width:var(--shell-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:var(--space-4);
  align-items:center;
}
.firm-introduction-copy{margin:0}
.firm-introduction-eyebrow{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:var(--fluid-font-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--sand);
  margin:0 0 var(--space-2);
}
.firm-introduction-title{
  font-weight:700;
  color:var(--bone);
  margin:0 0 var(--space-2);
}
.firm-introduction-lede{color:var(--bone);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;max-width:52ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}
.firm-introduction-figure{margin:0;position:relative}
.product-shot{
  display:block;
  width:100%;
  border-radius:14px;
  border:1px solid var(--ink-line);
  box-shadow:0 22px 60px rgba(0,0,0,0.55);
}
.product-caption{
  display:block;
  margin-top:var(--space-1);
  font-size:var(--fluid-font-xs);
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--bone-dim);
  text-align:center;
}


.content-section{padding:var(--space-5) var(--space-3)}
.section-inner{width:100%;max-width:var(--shell-width);margin:0 auto}
.section-heading{margin:0 0 var(--space-4);max-width:62ch}
.section-kicker{
  display:block;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:var(--fluid-font-xs);
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:0.55rem;
}
.section-title{margin:0 0 var(--space-2)}
.section-lede{margin:0;color:var(--text-soft)}


.rounded-step{border-radius:40px 40px 0 0;margin-top:-40px;position:relative}

.band-paper{background:var(--paper)}
.band-warm{background:var(--paper-warm)}
.band-ink{background:var(--ink);color:var(--bone)}
.band-ink .section-title{color:var(--bone)}
.band-ink .section-lede{color:var(--bone-dim)}
.band-ink .section-kicker{color:var(--sand)}


.site-footer{
  background:#ffffff;
  color:#333333;
  border-top:6px solid var(--accent);
  padding:3rem 1rem 1.5rem;
}
.order-band{background:var(--ink);color:var(--bone);padding:var(--space-5) var(--space-3);border-radius:40px;margin:var(--space-2) auto var(--space-4);position:relative;width:100%}
.order-inner{width:var(--shell-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}
.order-copy{margin:0}
.order-title{color:var(--bone);margin:0 0 var(--space-2)}
.order-lede{color:var(--bone-dim);margin:0 0 var(--space-3)}
.order-steps{list-style:none;margin:0;padding:0;counter-reset:orderstep}
.order-step{
  counter-increment:orderstep;
  position:relative;
  padding-left:2.4rem;
  margin-bottom:var(--space-2);
  color:var(--bone-dim);
  font-size:var(--fluid-font-sm);
}
.order-step::before{
  content:counter(orderstep,decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--sand);
  font-weight:700;
}
.order-form{
  background:var(--ink-raise);
  border:1px solid var(--ink-line);
  border-radius:10px;
  padding:1.5rem;
  box-shadow:0 18px 50px rgba(0,0,0,0.45);
}
.order-success{
  background:var(--ink-raise);
  border-left:4px solid var(--sand);
  color:var(--bone);
  padding:1.5rem;
  border-radius:10px;
}

.footer-cols{width:var(--shell-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.footer-col{margin:0}
.footer-brand{display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;color:#333333;margin-bottom:var(--space-1)}
.footer-logo-image{height:2.8rem;width:auto;display:block}
.footer-title{font-size:var(--fluid-font-sm);letter-spacing:0.12em;text-transform:uppercase;color:var(--ink);margin:0 0 var(--space-1)}
.footer-list{list-style:none;margin:0;padding:0}
.footer-link{color:var(--text);text-decoration:none;font-size:var(--fluid-font-sm);transition:color 0.3s ease}
.footer-link:hover{color:var(--accent)}
.footer-contact{font-size:var(--fluid-font-sm);color:var(--text);margin:0 0 0.35rem}
.footer-disclaimer{
  width:var(--shell-width);
  margin:var(--space-3) auto 0;
  padding-top:var(--space-2);
  border-top:1px solid var(--paper-line);
  font-size:var(--fluid-font-sm);
  color:var(--text-soft);
}
.footer-base{
  width:var(--shell-width);
  margin:var(--space-2) auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  justify-content:space-between;
  align-items:center;
  font-size:var(--fluid-font-xs);
  color:var(--text-soft);
}
.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}


.order-modal{position:fixed;inset:0;z-index:1200;display:none}
.order-modal.is-open{display:block}
.modal-overlay{position:absolute;inset:0;background:rgba(10,7,6,0.72)}
.modal-panel{
  position:relative;
  width:min(560px,92vw);
  max-height:88vh;
  overflow-y:auto;
  margin:6vh auto 0;
  background:var(--ink-raise);
  border:1px solid var(--ink-line);
  border-radius:10px;
  padding:1.75rem;
  box-shadow:0 30px 80px rgba(0,0,0,0.6);
}
.modal-close{
  position:absolute;
  top:0.5rem;
  right:0.5rem;
  width:44px;
  height:44px;
  background:none;
  border:none;
  color:var(--bone-dim);
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.modal-close:hover{color:var(--sand)}
.modal-title{color:var(--bone);margin:0 0 0.4rem}
.modal-lede{color:var(--bone-dim);font-size:var(--fluid-font-sm);margin:0 0 var(--space-3)}


.legal-page{padding:var(--space-5) var(--space-3)}
.legal-inner{width:min(76ch,92vw);margin:0 auto}
.page-lede{color:var(--text-soft);margin-bottom:var(--space-4)}
.legal-heading{margin:var(--space-4) 0 var(--space-2);color:var(--ink)}
.legal-list{margin:0 0 var(--space-2);padding-left:1.3rem}
.legal-meta{font-size:var(--fluid-font-sm);color:var(--text-soft);border-top:1px solid var(--paper-line);padding-top:var(--space-2);margin-top:var(--space-4)}


.site-toggle{min-width:44px;min-height:44px;align-items:center}
.site-nav-close{min-width:44px;min-height:44px}


.case-victories{padding-bottom:var(--space-tall)}
.legal-services{border-top:1px solid var(--ink-line)}
.client-advantages{background-image:linear-gradient(180deg,#ffffff 0%,#f7f3ee 100%)}
.legal-process{border-top:1px solid var(--paper-line)}
.service-terms{border-top:1px solid var(--ink-line)}
.client-inquiries{padding-bottom:var(--space-tall)}
.client-registration{border:1px solid var(--ink-line)}
.order-band .section-kicker{color:var(--sand)}
