#the-jobsite-record{background:var(--c-dark);color:var(--c-dark-text);padding-block:clamp(2rem,1.4rem + 2vw,3rem) clamp(1.6rem,1.1rem + 1.6vw,2.25rem);border-bottom:1px solid var(--c-dark-3)}
#the-jobsite-record .jr__inner{width:100%;max-width:var(--maxw);margin-inline:auto}
#the-jobsite-record h1{color:var(--c-dark-text);max-width:20ch}
#the-jobsite-record .kicker{margin-bottom:0.85rem}
#the-jobsite-record .kicker__index{color:var(--c-secondary)}
#the-jobsite-record .kicker__slash{color:var(--c-dark-muted)}
#the-jobsite-record .kicker__label{color:var(--c-primary-lift)}
#the-jobsite-record .live-line{background:linear-gradient(to right,var(--c-primary-lift) 0 56px,var(--c-secondary) 56px 70px)}
#the-jobsite-record .jr__note{margin-top:var(--sp-5);color:var(--c-dark-muted);max-width:60ch}
#the-jobsite-record :focus-visible{outline:2px solid var(--c-primary-lift);outline-offset:2px}
@media (min-width:1100px){#the-jobsite-record .jr__note{max-width:64ch}}

#photographs-from-the-work{background:var(--c-dark);color:var(--c-dark-text);padding-inline:0;padding-block:clamp(2.5rem,1.8rem + 3vw,4.5rem) clamp(3rem,2rem + 3.6vw,5.5rem);overflow:hidden;position:relative}
#photographs-from-the-work .rec-run{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:0}
#photographs-from-the-work .rec + .rec{margin-top:56px}
#photographs-from-the-work .rec__frame{position:relative;width:100%;margin:0;background:var(--c-dark-1);border-radius:0}
#photographs-from-the-work .rec__frame img{width:100%;height:auto;object-fit:contain;object-position:50% 50%}
#photographs-from-the-work .spec-plate{max-width:min(94%,44ch);font-size:0.75rem;letter-spacing:0.04em}
#photographs-from-the-work .rec__idx-inline{color:var(--c-secondary-lift);font-family:var(--ff-mono);font-weight:500;margin-right:0.4rem}
#photographs-from-the-work .rec__idx{display:none;font-family:var(--ff-mono);font-weight:500;font-size:0.8125rem;letter-spacing:0.08em;color:var(--c-secondary-lift)}
#photographs-from-the-work .rec__idx em{font-style:normal;color:var(--c-dark-muted)}
@media (min-width:768px){
#photographs-from-the-work .rec-run{padding-inline:var(--gutter)}
#photographs-from-the-work .rec + .rec{margin-top:96px}
#photographs-from-the-work .rec{display:grid;align-items:start;column-gap:clamp(1.25rem,1rem + 1.5vw,2.5rem);grid-template-columns:minmax(0,78%) minmax(0,1fr)}
#photographs-from-the-work .rec--right{grid-template-columns:minmax(0,1fr) minmax(0,78%)}
#photographs-from-the-work .rec--left .rec__frame{grid-column:1}
#photographs-from-the-work .rec--left .rec__idx{grid-column:2;justify-self:start;text-align:left}
#photographs-from-the-work .rec--right .rec__frame{grid-column:2}
#photographs-from-the-work .rec--right .rec__idx{grid-column:1;justify-self:end;text-align:right}
#photographs-from-the-work .rec__frame{border-radius:var(--radius)}
#photographs-from-the-work .rec__idx{display:block;padding-top:0.35rem}
#photographs-from-the-work .rec__idx-inline{display:none}
#photographs-from-the-work .spec-plate{font-size:0.8125rem}
}
@media (min-width:1100px){
#photographs-from-the-work .rec + .rec{margin-top:120px}
}

#send-the-job-details{background:var(--c-dark);color:var(--c-dark-text);border-top:1px solid var(--c-dark-3);padding-block:clamp(2.25rem,1.6rem + 2.4vw,3.5rem)}
#send-the-job-details :focus-visible{outline:2px solid var(--c-primary-lift);outline-offset:2px}
#send-the-job-details .jd__inner{width:100%;max-width:var(--maxw);margin-inline:auto;display:grid;gap:clamp(1.75rem,1.2rem + 2.4vw,3rem);grid-template-columns:minmax(0,1fr)}
#send-the-job-details h2{color:var(--c-dark-text);max-width:16ch}
#send-the-job-details .live-line{background:linear-gradient(to right,var(--c-primary-lift) 0 56px,var(--c-secondary) 56px 70px)}
#send-the-job-details .jd__hours{margin-top:var(--sp-5);color:var(--c-dark-muted);font-size:1rem;max-width:44ch}
#send-the-job-details .jd__btn{background:var(--c-primary-ink);border:2px solid var(--c-primary-ink);color:#FFFFFF;font-size:1.1875rem;font-weight:600}
#send-the-job-details .jd__btn:hover,#send-the-job-details .jd__btn:focus-visible{background:#164C9B;border-color:#164C9B;color:#FFFFFF}
#send-the-job-details .jd__call{margin-top:var(--sp-5);width:100%}
#send-the-job-details .jd__tel{margin-top:var(--sp-4);font-family:var(--ff-mono);font-size:0.9375rem;letter-spacing:0.04em}
#send-the-job-details .jd__tel a{color:var(--c-primary-lift)}
#send-the-job-details .jd__tel a:hover{color:var(--c-dark-text)}
#send-the-job-details .jd__form{background:var(--c-dark-1);border:1px solid var(--c-dark-3);padding:clamp(1.1rem,0.9rem + 1.2vw,1.75rem);min-width:0}
#send-the-job-details .field{margin-bottom:var(--sp-4)}
#send-the-job-details .field > label{color:var(--c-dark-muted);font-size:0.8125rem;letter-spacing:0.12em}
#send-the-job-details .field input,#send-the-job-details .field textarea{background:#0E1720;color:var(--c-dark-text);border:1px solid #33414D;border-bottom:2px solid #33414D;border-radius:var(--radius-sm)}
#send-the-job-details .field input::placeholder,#send-the-job-details .field textarea::placeholder{color:#9FB0BF}
#send-the-job-details .field input:focus,#send-the-job-details .field textarea:focus{border-bottom-color:var(--c-primary-lift)}
#send-the-job-details .field textarea{min-height:104px}
#send-the-job-details .jd__submit{width:100%;margin-top:var(--sp-2)}
@media (min-width:768px){
#send-the-job-details .jd__row{display:grid;gap:0 clamp(1rem,0.8rem + 1vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}
#send-the-job-details .jd__row .field:last-child{grid-column:1 / -1}
#send-the-job-details .jd__call{width:auto}
#send-the-job-details .jd__submit{width:auto;min-width:16rem}
}
@media (min-width:1100px){
#send-the-job-details{padding-block:clamp(2.5rem,1.8rem + 2vw,3.75rem)}
#send-the-job-details .jd__inner{grid-template-columns:0.9fr 1.1fr;align-items:start}
}