.sign-page { --sign-rule: rgba(255,255,255,.24); }
.sign-hero { background:var(--ink); color:var(--surface); padding:clamp(2rem,4vw,3.75rem) 0 clamp(4rem,7vw,7rem); }
.sign-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.sign-hero-grid > * { min-width:0; }
.sign-back { display:inline-block; color:inherit; font-size:.875rem; margin-bottom:clamp(2.5rem,5vw,5rem); text-decoration:none; }
.sign-back:hover { text-decoration:underline; text-underline-offset:.25em; }
.sign-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; color:inherit; }
.sign-eyebrow .product-icon { width:1.3rem; height:1.3rem; }
.sign-status { border:1px solid currentColor; padding:.25rem .45rem; font-size:.65rem; letter-spacing:.12em; }
.sign-page .hero-title { font-size:clamp(3.1rem,5.35vw,5.5rem); line-height:1.02; letter-spacing:-.065em; max-width:12ch; margin:1.75rem 0; }
.sign-page .hero-title > span { color:var(--surface); text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:.1em; text-underline-offset:.15em; }
.sign-hero .lede { font-size:clamp(1.15rem,1.6vw,1.4rem); line-height:1.55; color:inherit; max-width:31rem; }
.sign-intro { max-width:32rem; color:#c6ccd6; margin:1.4rem 0 1.75rem; line-height:1.65; }
.sign-availability { font-size:.8rem; color:#c6ccd6; margin-top:1.15rem; }
.sign-concept { margin:2.5rem 0 0; }
.sign-concept figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.4rem .75rem; font-size:.65rem; letter-spacing:.09em; text-transform:uppercase; margin-bottom:.8rem; color:#c6ccd6; }
.sign-concept figcaption strong { font-weight:500; color:var(--surface); }
.sign-document { border:2px solid var(--surface); background:var(--surface); color:var(--ink); box-shadow:12px 12px 0 var(--accent); padding:clamp(1.3rem,2.8vw,2.75rem); }
.sign-doc-head { display:flex; justify-content:space-between; gap:1rem; padding-bottom:1.1rem; border-bottom:2px solid var(--ink); font-size:.625rem; font-weight:600; letter-spacing:.1em; }
.sign-document h2 { margin:2rem 0 1rem; font-size:clamp(2.25rem,3.5vw,3.5rem); line-height:1.06; letter-spacing:-.055em; }
.sign-doc-description { font-size:.8rem; line-height:1.5; color:var(--text-2); }
.sign-document-lines { display:grid; gap:.5rem; margin:1.5rem 0 2rem; }
.sign-document-lines i { display:block; background:var(--line); height:4px; }
.sign-document-lines i:last-child { width:65%; }
.sign-signature { display:grid; border-bottom:2px solid var(--ink); padding-bottom:.65rem; gap:.35rem; }
.sign-signature-mark { font-family:var(--font-serif); font-size:2.7rem; font-style:italic; line-height:1.15; }
.sign-signature > span:last-child { font-size:.6rem; text-transform:uppercase; letter-spacing:.12em; }
.sign-handoff { display:flex; align-items:center; gap:1rem; margin:1.5rem -1rem -1rem; padding:1rem; background:var(--accent); color:var(--surface); }
.sign-handoff > span { font-size:2.5rem; line-height:1; }
.sign-handoff p { margin:0; font-size:.8rem; line-height:1.6; }
.sign-direction { scroll-margin-top:2rem; background:var(--paper); }
.sign-direction-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:1.5rem 3rem; align-items:end; padding-bottom:2.5rem; }
.sign-direction-heading .eyebrow { grid-column:1/-1; margin:0; }
.sign-direction-heading h2 { margin:0; }
.sign-direction-heading > p:last-child { max-width:30rem; line-height:1.65; color:var(--text-2); margin:0; }
.sign-intent-list { border-top:2px solid var(--ink); }
.sign-intent-list article { display:grid; grid-template-columns:3.5rem minmax(0,1fr) auto; gap:clamp(1rem,3vw,3rem); padding:2.25rem 0; border-bottom:1px solid var(--line-strong); }
.sign-number { font-size:.8rem; font-weight:600; padding-top:.3rem; }
.sign-intent-list h3 { font-size:clamp(1.4rem,2.1vw,2rem); letter-spacing:-.04em; line-height:1.2; margin:0 0 .75rem; }
.sign-intent-list p { color:var(--text-2); max-width:43rem; line-height:1.65; margin:0; }
.sign-row-word { color:var(--accent); font-size:clamp(2.25rem,4.5vw,4.25rem); line-height:1; letter-spacing:-.06em; font-weight:600; align-self:center; }
.sign-direction-note { font-size:.78rem; color:var(--muted); margin:1.5rem 0 0; line-height:1.6; max-width:45rem; }
.sign-open { background:var(--accent); color:var(--surface); padding:clamp(3.5rem,7vw,6rem) 0; }
.sign-open-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(2.25rem,5vw,5rem); align-items:center; }
.sign-open-grid > * { min-width:0; }
.sign-open .eyebrow,.sign-open .text-link { color:inherit; }
.sign-open .section-title { margin:.9rem 0 1.5rem; }
.sign-open-grid > div:first-child > p:not(.eyebrow) { max-width:31rem; line-height:1.65; }
.sign-open .text-link { display:inline-block; margin-top:1rem; text-underline-offset:.25em; }
.sign-tools { border:2px solid var(--surface); }
.sign-tools > a { display:grid; grid-template-columns:2rem minmax(0,1fr) 1rem; gap:1rem; padding:1.75rem; color:inherit; text-decoration:none; transition:background .15s ease; }
.sign-tools > a + a { border-top:1px solid var(--sign-rule); }
.sign-tools > a:hover { background:var(--ink); }
.sign-tools > a:focus-visible { outline:3px solid var(--surface); outline-offset:5px; }
.sign-tools .product-icon { width:2rem; height:2rem; margin-top:.15rem; }
.sign-tool-kind { font-size:.625rem; letter-spacing:.04em; text-transform:uppercase; }
.sign-tools h3 { font-size:1.5rem; letter-spacing:-.04em; margin:.4rem 0; }
.sign-tools p { font-size:.875rem; line-height:1.5; margin:0; }
.sign-tool-arrow { font-size:1.25rem; }
@media (max-width:900px) {
  .sign-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,.75fr); gap:2rem; }
  .sign-page .hero-title { font-size:clamp(2.75rem,5.5vw,4rem); }
  .sign-hero .lede { font-size:1.1rem; }
  .sign-document { padding:1.5rem; box-shadow:8px 8px 0 var(--accent); }
  .sign-row-word { font-size:2.5rem; }
  .sign-open-grid { gap:2rem; }
  .sign-tools > a { padding:1.25rem; gap:.75rem; }
}
@media (max-width:680px) {
  .sign-hero-grid,.sign-open-grid,.sign-direction-heading { grid-template-columns:minmax(0,1fr); }
  .sign-page .hero-title { font-size:clamp(2.8rem,10vw,4.5rem); max-width:14ch; }
  .sign-back { margin-bottom:2.5rem; }
  .sign-concept { margin:1.5rem .5rem 0 0; max-width:29rem; }
  .sign-document h2 { font-size:3rem; }
  .sign-direction-heading { gap:1rem; }
  .sign-direction-heading .eyebrow { grid-column:auto; }
  .sign-intent-list article { grid-template-columns:2rem minmax(0,1fr); gap:.75rem; padding:1.75rem 0; }
  .sign-row-word { display:none; }
  .sign-intent-list h3 { font-size:1.4rem; }
  .sign-intent-list p { font-size:.95rem; }
  .sign-tools > a { grid-template-columns:1.5rem minmax(0,1fr) 1rem; }
  .sign-tools .product-icon { width:1.5rem; height:1.5rem; }
}