/* Company page (c-). Three sections: letter (paper), what we are building (white), get in touch (paper). */
[data-page="company.html"] .c-hero .h1{font-size:clamp(40px,5.4vw,76px);line-height:1.03;max-width:22ch}

/* robots on a hairline; the canvas width is set from the robot's own shape by p-company.js */
[data-page="company.html"] .rstage .rs-bot canvas{display:block;max-width:100%}

/* letter: the destination across the top, then the collaborative arm in dots beside the letter */
.c-letter{margin-top:clamp(40px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}
/* the arm fills its column and stands on a floor level with the end of the letter, so neither side runs on alone */
.c-letter .lh{position:static;display:flex;align-items:flex-end;min-width:0}
.c-pic{width:100%}
.c-letter .lb .sig{margin-bottom:0}
.c-pic .rstage .rs-base{background:#cfd6e3}

/* what we are building: three lines in large type, each with its link */
.c-build .h2{margin-bottom:clamp(28px,3.4vw,44px)}
.c-lines{list-style:none;margin:0;padding:0}
.c-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px clamp(24px,5vw,72px);align-items:baseline;padding:clamp(22px,2.6vw,34px) 0;border-top:1px solid var(--line)}
.c-lines li:last-child{border-bottom:1px solid var(--line)}
.c-lines p{margin:0;font:700 clamp(27px,3.4vw,46px)/1.1 var(--serif);letter-spacing:-.025em;color:var(--ink);max-width:24ch;text-wrap:balance}
.c-lines .tlink{margin:0;white-space:nowrap}

/* get in touch */
.c-cg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.c-contact .h2{margin-bottom:20px}
.c-contact .lead-1{margin-bottom:28px}
.c-contact .lf{grid-template-columns:minmax(0,1fr)}
[data-page="company.html"] .fl{font-size:14px}
.c-aud{padding:22px 0 16px;border-top:1px solid var(--line)}
.c-aud:last-child{border-bottom:1px solid var(--line)}
.c-aud .h3{margin-bottom:6px}
.c-aud p{margin:0;color:#3e4656;font-size:16px;line-height:1.5;max-width:44ch}

@media (max-width:1060px){.c-cg{grid-template-columns:minmax(0,1fr)}.c-pic{max-width:420px}.c-letter{gap:36px;grid-template-columns:minmax(0,1fr)}.c-pic .c-bot .rs-bot{height:calc(var(--h) * .8)}}
@media (max-width:680px){
 .c-lines li{grid-template-columns:minmax(0,1fr)}
 .c-pic .c-bot .rs-bot{height:calc(var(--h) * .68)}
}