/* Fine guides for the cream areas, softer over 19's pastel gradient. */
:is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]){--paper-guide:rgba(22,34,52,.055)}
:is([data-variant="19"],[data-variant="20"],[data-variant="22"]){--paper-guide:rgba(22,34,52,.042)}
:is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) :is(.form-hero,.form-works){
 --paper-guide-image:
  linear-gradient(var(--paper-guide),var(--paper-guide)),
  linear-gradient(var(--paper-guide),var(--paper-guide)),
  linear-gradient(var(--paper-guide),var(--paper-guide)),
  linear-gradient(var(--paper-guide),var(--paper-guide)),
  linear-gradient(var(--paper-guide),var(--paper-guide));
 /* The inner lines run through the four-column Works gutters. */
 --paper-guide-position:6% 0,calc(28% - 6.5px) 0,50% 0,calc(72% + 6.5px) 0,94% 0;
 background-image:var(--paper-guide-image);
 background-size:1px 100%;background-repeat:no-repeat;
 background-position:var(--paper-guide-position);
}
:is([data-variant="19"],[data-variant="20"],[data-variant="22"]) .form-hero{background-image:none}
:is([data-variant="19"],[data-variant="20"],[data-variant="22"]) .form-hero:after{
 /* Above the gradient, behind the typography and artwork. */
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--paper-guide-image);
 background-size:1px 100%;background-repeat:no-repeat;
 background-position:var(--paper-guide-position);
}
:is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) .form-profile{
 /* Keep the company rows clear: one divider in the gap between the two columns. */
 background-image:linear-gradient(var(--paper-guide),var(--paper-guide));
 background-size:1px 100%;background-repeat:no-repeat;background-position:48% 0;
}
/* Give each vertical guide a deliberate end where cream sections meet. */
:is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) .form-works{
 border-block:1px solid rgba(22,34,52,.09);
}
:is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) .form-profile{
 border-top:1px solid rgba(22,34,52,.09);
}
@media(max-width:768px){
 :is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) :is(.form-hero,.form-works){
  --paper-guide-image:
   linear-gradient(var(--paper-guide),var(--paper-guide)),
   linear-gradient(var(--paper-guide),var(--paper-guide)),
   linear-gradient(var(--paper-guide),var(--paper-guide));
  --paper-guide-position:23px 0,50% 0,calc(100% - 23px) 0;
 }
 /* The stacked Profile uses its existing horizontal row separators. */
 :is([data-variant="13"],[data-variant="17"],[data-variant="19"],[data-variant="20"],[data-variant="21"],[data-variant="22"]) .form-profile{background-image:none}
}