/* Readable prose without changing approved headline wording or forced title lines. */
#project-form { scroll-margin-top:20px; }
/* A tall form may never reach the entrance observer threshold on short screens. */
#project-form.reveal { opacity:1; transform:none; }
#project-form:focus { outline:none; }
#project-form:focus-visible { outline:3px solid #173d32; outline-offset:6px; }
:is(.statement,.works-head,.services-title,.method,.manifesto-copy,.contact,.buying-guide,.service-detail) :is(p,li) {
  word-break:keep-all;
  overflow-wrap:break-word;
  text-wrap:pretty;
}
:is(.service-packages h4,.brief-welcome h3,.brief-group h4,.buying-guide summary) {
  word-break:keep-all;
  overflow-wrap:break-word;
  text-wrap:balance;
}
.service-row summary h3 { word-break:normal; overflow-wrap:normal; text-wrap:balance; line-height:1.12; }
.method-steps h3 > span { word-break:keep-all; }
.statement div>p,.method-copy>p:last-child,.contact-intro>p:not(.section-label) { line-height:1.8; }
.contact-intro,.project-form,.service-row summary>* { min-width:0; }
.fixed-inquiry p { word-break:keep-all; text-wrap:pretty; }
@media(min-width:851px) {
  .statement h2 { font-size:clamp(46px,6.5vw,106px); }
}
@media(min-width:851px) and (max-width:1100px) {
  .statement h2 { font-size:6.1vw; }
  .contact { grid-template-columns:minmax(0,1fr); row-gap:48px; }
  .contact-intro { position:static; }
}
@media(max-width:850px) {
  #project-form { scroll-margin-top:16px; }
  .method-steps h3 { line-height:1.25; }
  .service-row summary p { text-wrap:pretty; }
  .contact { row-gap:48px; }
  .particle-live h1 .particle-blue { max-width:100%; }
}
@media(max-width:480px) {
  .statement h2 { font-size:clamp(32px,10.6vw,48px); }
  .statement h2 .title-line { white-space:nowrap; }
  .services-title h2 { font-size:clamp(28px,8.5vw,40px); line-height:1.32; }
  .services-title h2 .title-line { white-space:nowrap; }
  .works-head h2 { font-size:clamp(30px,10.4vw,48px); line-height:1.16; }
  .service-row summary h3 { font-size:clamp(20px,5.8vw,27px); }
  .manifesto-copy h2 { font-size:clamp(30px,9.5vw,44px); line-height:1.22; }
  .contact h2 { font-size:clamp(32px,10.5vw,48px); line-height:1.25; }
  .brief-welcome p,.project-form .form-preparation,.project-form .form-action p { line-height:1.8; }
}