.home-colour-campaign{margin-block:clamp(48px,7vw,100px)}
.colour-campaign{color:#173c32;min-width:0}
.colour-campaign__header{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px}
.colour-campaign__eyebrow{margin:0 0 14px;font-size:12px;line-height:1.5;letter-spacing:.08em}
.colour-campaign h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(34px,4.7vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.035em;max-width:19ch;margin:0;text-wrap:balance}
.colour-campaign__header>p{font-size:15px;line-height:1.65;max-width:34ch;align-self:end;margin:0}
.colour-campaign__figure{margin:0;min-width:0}
.colour-campaign__stage{position:relative;isolation:isolate;min-width:0;background:#ede9e0;overflow:hidden}
.colour-campaign__backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:block}
.colour-campaign__backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.colour-campaign__products{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin:0;padding:clamp(115px,15vw,205px) clamp(20px,5vw,72px) clamp(28px,4vw,56px);min-width:0}
.colour-campaign__product{background:#fff;box-shadow:0 12px 28px rgba(70,70,55,.12);min-width:0;padding:16px 16px 12px;display:flex;flex-direction:column;align-items:stretch}
.colour-campaign__watch{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}
.colour-campaign__photo{display:block;aspect-ratio:1/1;width:100%;overflow:hidden;background:#fff}
.colour-campaign__image{display:block;width:100%;height:100%;object-fit:contain}
.colour-campaign__reference{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:12px;letter-spacing:.04em;line-height:1.5}
.colour-campaign__reference>span{font-size:20px}
.colour-campaign__name{font-size:13px;line-height:1.5;overflow-wrap:break-word}
.colour-campaign__shortlist{margin-top:12px;min-height:44px;max-width:100%;border:1px solid #9ba99e;padding:10px 12px;background:#f5f5ef;color:#173c32;font:inherit;font-size:12px;cursor:pointer;white-space:normal}
.colour-campaign__shortlist[aria-pressed=true]{background:#173c32;color:#fff;border-color:#173c32}
.colour-campaign__shortlist[hidden]{display:none!important}
.colour-campaign__shortlist:hover{border-color:#173c32}
.colour-campaign__watch:hover .colour-campaign__reference{text-decoration:underline;text-underline-offset:4px}
.colour-campaign__watch:focus-visible,.colour-campaign__shortlist:focus-visible,.colour-campaign__explore:focus-visible{outline:2px solid #173c32;outline-offset:4px}
.colour-campaign__disclosure{font-size:12px;line-height:1.5;padding:14px 18px;background:#eee9df;color:#173c32}
.colour-campaign__explore{display:inline-flex;align-items:center;gap:24px;min-height:48px;color:inherit;margin-top:16px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.colour-campaign__explore>span{font-size:22px}
@media(min-width:900px){.colour-campaign__header{grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);gap:48px}}
@media(max-width:599px){
 .colour-campaign__products{grid-template-columns:minmax(0,1fr);gap:18px;padding:150px 22px 28px}
 .colour-campaign__product{padding:16px}
 .colour-campaign__watch{display:grid;grid-template-columns:minmax(96px,.9fr) minmax(0,1fr);gap:0 16px}
 .colour-campaign__photo{grid-column:1;grid-row:1/3;align-self:center}
 .colour-campaign__reference{grid-column:2;grid-row:1}
 .colour-campaign__name{grid-column:2;grid-row:2}
 .colour-campaign__shortlist{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.colour-campaign *{scroll-behavior:auto}}