/* The small client photo leads to the complete, white-background concept. */
#sample-deliverable{background:#fff}
#sample-deliverable .sample-journey{grid-template-columns:160px 90px minmax(0,600px);gap:30px;align-items:center;justify-content:center;max-width:910px;margin-inline:auto}
#sample-deliverable .sample-input{width:160px;max-width:100%}
#sample-deliverable .sample-output{width:100%;max-width:600px;min-width:0}
#sample-deliverable .sample-column-heading{gap:8px;margin-bottom:13px;padding-bottom:10px}
#sample-deliverable .sample-column-heading h3{font-size:18px;line-height:1.35}
#sample-deliverable .sample-column-heading>span{font-size:12px;white-space:nowrap}
#sample-deliverable .sample-input .sample-column-heading h3{font-size:16px}
#sample-deliverable .sample-room-photo{aspect-ratio:860/1536;object-fit:contain;max-height:none;height:auto}
#sample-deliverable .sample-input figcaption{padding-top:13px}
#sample-deliverable .sample-input figcaption h4{font-size:21px;line-height:1.2}
#sample-deliverable .sample-input figcaption p{font-size:14px;line-height:1.5}
#sample-deliverable .sample-output figcaption h4{font-size:26px}
#sample-deliverable .sample-output figcaption p{font-size:17px;max-width:510px}
#sample-deliverable .sample-board-button{border:0;background:#fff}
#sample-deliverable .sample-concept-image{display:block;width:100%;height:auto;object-fit:contain}
.sample-flow-arrow{color:var(--accent);display:flex;justify-content:center;align-items:center}
.sample-flow-arrow svg{display:block;width:100%;height:auto}
#sample-deliverable .sample-board-expand{font-size:14px;padding:11px 1px;border-color:#304f7040}
#sample-board{width:min(1100px,96vw)}
#sample-board>img{display:block;width:100%;height:auto;background:#fff}
@media(max-width:760px){
 #sample-deliverable .sample-input{justify-self:center}
 #sample-deliverable .sample-input .sample-column-heading{display:block}
 #sample-deliverable .sample-input .sample-column-heading>span{display:none}
 #sample-deliverable .sample-input .sample-column-heading h3{font-size:16px}
 #sample-deliverable .sample-input figcaption h4{font-size:19px}
 #sample-deliverable .sample-column-heading h3{font-size:17px}
 .sample-flow-arrow{justify-self:center;transform:rotate(90deg)}
 #sample-deliverable .sample-output figcaption h4{font-size:24px}
 #sample-deliverable .sample-output figcaption p{font-size:16px}
}