.guest-board{container-type:inline-size;padding:4.5%;background:#fff;color:var(--ink);font-family:'Foyer Text','Times New Roman',serif;line-height:1.4}.guest-board .guest-board-heading{display:block;text-align:center;border:0;padding:0 0 2.8cqw;margin:0}.guest-board-heading>span{display:block;font-family:'Foyer Small Caps',serif;font-size:1.8cqw;letter-spacing:.2cqw;color:var(--accent)}.guest-board-heading h4{font-family:'Foyer Display',serif;font-size:5.1cqw;line-height:1.15;letter-spacing:-.04cqw;font-weight:400;margin:1.2cqw 0 0;color:var(--ink)}.guest-board .guest-section-title{font-family:'Foyer Small Caps',serif;font-weight:400;font-size:2.5cqw;color:var(--accent);letter-spacing:.16cqw;line-height:1.3;margin:3cqw 0 1.8cqw;display:flex;align-items:center;gap:1.5cqw}.guest-section-title:after{content:'';height:1px;flex:1;background:var(--line)}.guest-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4cqw}.guest-palette>div{text-align:center;min-width:0}.guest-swatch{display:block;aspect-ratio:1 / 1;width:100%;border:1px solid #304f7020;margin-bottom:1cqw}.guest-color-name{display:block;font-family:'Foyer Small Caps',serif;font-size:1.75cqw;line-height:1.25}.guest-palette small{display:block;font-size:1.45cqw;margin-top:.35cqw;letter-spacing:.03cqw}.guest-paints{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.guest-paint{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5cqw;align-items:center}.guest-board h6{font:400 2cqw/1.3 'Foyer Small Caps',serif;color:var(--ink);margin:0 0 .6cqw}.guest-board .guest-paint p{font-size:1.9cqw;line-height:1.45;margin:0}.guest-paint small{display:block;font-size:1.7cqw;margin-top:.6cqw;color:var(--accent)}.guest-board .guest-board-note{font-size:1.65cqw;line-height:1.5;border-top:1px solid var(--line);padding-top:1.8cqw;margin:3cqw 0 0}.guest-board>.board-brand{margin-top:2.8cqw}#sample-board .guest-board{max-width:1000px;margin-inline:auto}.guest-room{border:1px solid #304f7020}
.sample-room-photo[src="/assets/guest-bedroom-before.png"]{aspect-ratio:860 / 1536;object-fit:contain;max-height:none}

/* A compact before-to-concept comparison. */
#sample-deliverable .sample-journey{grid-template-columns:160px 64px minmax(0,440px);gap:28px;align-items:center;justify-content:center;max-width:800px;margin-inline:auto}
#sample-deliverable .sample-input{width:160px;max-width:100%}
#sample-deliverable .sample-output{width:100%;max-width:440px;min-width:0}
#sample-deliverable .sample-column-heading{gap:8px;margin-bottom:13px;padding-bottom:10px}
#sample-deliverable .sample-column-heading h3{font-size:16px;line-height:1.35}
#sample-deliverable .sample-column-heading>span{font-size:12px}
#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:24px}
#sample-deliverable .sample-output figcaption p{font-size:16px}
.sample-flow-arrow{color:var(--accent);display:flex;justify-content:center;align-items:center}
.sample-flow-arrow svg{display:block;width:100%;height:auto}
.guest-flat-paint{display:block;width:100%;aspect-ratio:1;border:1px solid #304f7020;border-radius:50%}
.navy-paint{background:#444e58}.ivory-paint{background:#eeeae0}
.guest-board .guest-section-title{font-size:max(12px,2.5cqw)}
.guest-board .guest-board-heading>span{font-size:max(9px,1.8cqw)}
.guest-board .guest-color-name{font-size:max(10px,1.75cqw)}
.guest-board .guest-palette small{font-size:max(9px,1.45cqw)}
.guest-board h6{font-size:max(11px,2cqw)}
.guest-board .guest-paint p{font-size:max(11px,1.9cqw)}
.guest-board .guest-paint small{font-size:max(10px,1.7cqw)}
.guest-board .guest-board-note{font-size:max(10px,1.65cqw)}
.guest-board .board-brand>div{font-size:max(12px,2.6cqw)}
.guest-board .board-brand small{font-size:max(9px,1.25cqw)}
#sample-deliverable .sample-board-expand{font-size:12px;padding:11px 13px}
#sample-board{width:min(680px,96vw)}
#sample-board .guest-board{max-width:680px}
@media(max-width:760px){#sample-deliverable .sample-journey{grid-template-columns:minmax(0,440px);gap:16px}#sample-deliverable .sample-input{width:120px;justify-self:center}#sample-deliverable .sample-input figcaption h4{font-size:19px}#sample-deliverable .sample-column-heading h3{font-size:15px}.sample-flow-arrow{justify-self:center;width:52px;transform:rotate(90deg);margin:15px 0}#sample-deliverable .sample-output{justify-self:center}}