/* Homepage compact teaser for WEB-08.2. Scoped; no external libraries. */
.palette-teaser{padding:91px 0 80px;background:#fffefa;border-top:1px solid #e4e8e2;border-bottom:1px solid #e1e6e2}
.palette-teaser-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:39px}
.palette-teaser-heading .eyebrow{margin-bottom:15px;color:#447386}
.palette-teaser-heading h2{font-size:clamp(2.4rem,4.1vw,4.05rem);letter-spacing:-.05em}
.palette-teaser-heading h2 em{font-style:normal;color:#428ca5;transition:color .2s}
.palette-teaser-heading>p{max-width:365px;color:#667a80;font-size:.94rem;line-height:1.7}
.palette-teaser-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:22px;align-items:stretch}
.palette-teaser-art{border:1px solid #dde4df;background:#f7f8f5;border-radius:11px;overflow:hidden;min-width:0;align-self:stretch;display:flex;flex-direction:column}
.palette-teaser-art-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;background:#f9faf8}
.palette-teaser-art-top>strong{font-size:.83rem;color:#355566}
.palette-teaser-art-top [role=group]{display:flex;gap:3px;background:#e8eeeb;padding:3px;border-radius:7px}
.palette-teaser-art-top button{border:0;border-radius:5px;padding:8px 13px;background:transparent;color:#5a747e;font:600 .77rem/1.3 inherit;font-family:inherit;font-weight:600;font-size:.77rem;cursor:pointer;min-height:36px}
.palette-teaser-art-top button[aria-pressed=true]{background:#0d3044;color:#fff}
.palette-teaser-art .palette-room{display:block;width:100%;height:auto;flex:1;aspect-ratio:900/640;background:#e9e6dc}
.palette-teaser-art-note{border-top:1px solid #e7ece8;padding:13px 19px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;color:#70838a}
.palette-teaser-art-note>span:first-child{font-weight:700;color:#36596a}
.palette-teaser-select{padding:25px 27px 26px;background:#f4f6f2;border:1px solid #dfe5dd;border-radius:11px;display:flex;flex-direction:column}
.palette-teaser-select .eyebrow{margin-bottom:13px;color:#548091;font-size:.64rem}
.palette-teaser-select h3{font-size:clamp(1.6rem,2.8vw,2.2rem)}
.palette-teaser-select>p{color:#637980;font-size:.85rem;line-height:1.7;margin-top:15px}
.palette-teaser-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 25px}
.palette-teaser-card{background:#fff;border:1px solid #e0e5e0;border-radius:8px;padding:13px 13px 11px;text-decoration:none;min-width:0;transition:border-color .15s}
.palette-teaser-card:hover{border-color:#9abeca}
.palette-teaser-card[aria-current=true]{border-color:#69a7ba;box-shadow:0 0 0 1px #90cadb}
.palette-teaser-swatches{display:flex;gap:3px;height:25px;margin-bottom:10px}
.palette-teaser-swatches svg{display:block;width:33.33%;height:25px;overflow:hidden;border-radius:3px}
.palette-teaser-card strong{display:block;font-size:.8rem;line-height:1.28;color:#294857;font-weight:650}
.palette-teaser-bottom{display:grid;grid-template-columns:1fr;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid #dce5dd}
.palette-teaser-bottom>div{display:flex;gap:15px;align-items:center;justify-content:space-between}
.palette-teaser-bottom>div>span{font-size:.75rem;color:#687e83}
.palette-teaser-bottom>div>strong{font-size:.8rem;color:#274b5c}
.palette-teaser-bottom .button{justify-content:space-between;font-size:.84rem;min-height:48px}
.palette-teaser-disclaimer{font-size:.74rem;color:#78898c;line-height:1.7;margin-top:19px}
@media(max-width:1090px){
 .palette-teaser-main{grid-template-columns:1fr}
 .palette-teaser-select{padding:25px}
 .palette-teaser-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
 .palette-teaser-bottom{grid-template-columns:1fr auto;align-items:center}
 .palette-teaser-bottom .button{min-width:245px}
}
@media(max-width:720px){
 .palette-teaser{padding:58px 0 60px}
 .palette-teaser-heading{display:block;margin-bottom:26px}
 .palette-teaser-heading h2{font-size:2.3rem}
 .palette-teaser-heading>p{margin-top:18px;max-width:100%}
 .palette-teaser-main{gap:12px}
 .palette-teaser-art-top{padding:12px 13px}
 .palette-teaser-art-top button{padding:7px 10px}
 .palette-teaser-art-note{padding:12px 13px;font-size:.67rem}
 .palette-teaser-select{padding:20px 16px}
 .palette-teaser-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .palette-teaser-bottom{display:block}
 .palette-teaser-bottom .button{width:100%;margin-top:15px;min-width:0}
 .palette-teaser-heading h2 em{transition:none}
}
@media(max-width:350px){.palette-teaser-art-note{display:block}.palette-teaser-art-note>span{display:block}}
@media(prefers-reduced-motion:reduce){.palette-teaser-heading h2 em,.palette-teaser-card{transition:none}}

/* WEB-08.2: friendly, nontechnical colour attachment under the quote form */
.contact-palette-attachment{border:1px solid #c7dbd7;background:#f3f7f3;border-radius:8px;padding:19px 20px;margin-bottom:23px}
.contact-palette-attachment>.eyebrow{font-size:.63rem;color:#438078;margin-bottom:7px}
.contact-palette-attachment>strong{display:block;font-size:1rem;font-weight:650;color:#224653}
.contact-palette-attachment>p{margin:8px 0 15px;color:#506e76;font-size:.87rem}
.contact-palette-swatches{display:flex;flex-wrap:wrap;gap:15px 19px}
.contact-palette-swatches>div{display:flex;align-items:center;gap:9px;min-width:138px}
.contact-palette-swatches svg{display:block;width:29px;height:29px;flex:0 0 29px;border:1px solid #d0d8d2;border-radius:5px}
.contact-palette-swatches span{font-size:.76rem;color:#365963;line-height:1.4;font-weight:650}
.contact-palette-swatches small{display:block;font-size:.72rem;font-weight:450;color:#6b7b7f;margin-top:2px}
.contact-palette-attachment>p.contact-palette-help{font-size:.76rem;margin:13px 0 8px}
.contact-palette-attachment>a{color:#21617a;font-size:.8rem;font-weight:650}

/* WEB-08.2A: transparent entrance from homepage to the working palette. */
.palette-teaser-entry-note{font-size:.73rem;line-height:1.55;color:#587680;margin:10px 1px 0}
/* WEB-08.2B · project attached intentionally from the palette link. */
.contact-project-attachment{padding:19px 20px;margin:14px 0 20px;background:#edf6f4;border:1px solid #c9e1db;border-radius:10px}
.contact-project-attachment>.eyebrow{display:block;margin-bottom:8px}
.contact-project-attachment>strong{font-weight:750;color:#153d4a;font-size:1.03rem}
.contact-project-attachment>p{font-size:.79rem;line-height:1.6;color:#56747e;margin:7px 0}
.contact-project-list{display:grid;gap:9px;margin:15px 0}
.contact-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d8e7e2;padding:8px 0;font-size:.83rem;color:#345463}
.contact-project-chips{display:flex;gap:3px}
.contact-project-chips i{display:block;width:21px;height:21px;border:1px solid rgba(0,0,0,.06);border-radius:3px}
.contact-project-attachment>a{font-weight:650;font-size:.8rem;color:#1c6172}
.contact-palette-attachment[hidden]{display:none!important}

/* V2.1: uncropped approved Stue B photo and the retained facade illustration. */
.palette-teaser-preview{width:100%;aspect-ratio:4/3;position:relative;background:#e9e6dc}
.palette-teaser-preview>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.palette-teaser-preview>[data-teaser-illustration]{height:100%;display:flex;align-items:center}
.palette-teaser-preview .palette-room{flex:none;aspect-ratio:900/640}
.palette-teaser-preview [hidden],.palette-teaser-preview>[hidden]{display:none!important}
.palette-teaser-art-top button:focus-visible,.palette-teaser-card:focus-visible{outline:3px solid #21617a;outline-offset:3px}