.colour-hero{padding-bottom:28px}.colour-hero h1{max-width:16ch}.colour-hero .lead{max-width:62ch}.colour-note{max-width:80ch;font-size:.95rem;margin-top:22px;border-left:3px solid var(--gold);padding:12px 18px;background:#eceedb}.colour-intro{padding-top:24px;padding-bottom:36px}.colour-range-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.colour-range-nav a{padding:20px 16px;border:1px solid #8b917e;background:#fffef8;font-weight:700;text-decoration:none}.colour-range-nav span{display:block;font-size:.8rem;font-weight:400;margin-top:8px}.colour-range-nav a:hover{background:#eceedb}.colour-section{padding:56px 0;border-top:1px solid #c9ccba;scroll-margin-top:110px}.colour-section .section-head{display:block;max-width:75ch;margin-bottom:24px}.colour-section h2{margin-bottom:16px}.colour-section p{max-width:75ch}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.colour-card{border:1px solid #c6cab8;background:#fffef8;min-width:0;display:flex;flex-direction:column}.swatch-image{display:block;position:relative;background:#e9e8dd}.swatch-image img{width:100%;height:auto;display:block;aspect-ratio:800/609;object-fit:contain}.zoom-label{position:absolute;bottom:8px;right:8px;padding:4px 9px;background:#11130fee;color:#fffef8;font-size:.75rem}.swatch-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:10px}.swatch-copy h3{font:700 1.12rem/1.3 Arial,sans-serif}.swatch-copy p{font-size:.85rem;line-height:1.5;margin:0}.swatch-copy .colour-choose{margin-top:auto;padding-top:8px;font-size:.85rem}.solid-chip{display:block;width:100%;height:110px;border-bottom:1px solid #c6cab8}.colour-search{display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin:20px 0 26px;max-width:650px}.colour-search label{grid-column:1/-1;font-weight:700}.colour-search input{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #838b6c;border-radius:3px;background:#fffef8;font:inherit}.colour-search p{align-self:center;margin:0}.colour-more,.custom-base-panel{margin-top:24px}.colour-more summary,.custom-base-panel>summary{padding:18px;border:1px solid #838b6c;cursor:pointer;font-weight:700;background:#eceedb;min-height:52px}.colour-more[open] summary{margin-bottom:22px}.custom-base-panel>p{margin:22px 0}.colour-back{display:block;margin-top:24px;width:fit-content}.colour-section>.btn{margin-top:22px}.colour-final{margin-bottom:30px}.colour-final .inline-link{display:block;margin-top:24px}.colour-dialog{border:1px solid #7a8264;padding:24px;background:#fffef8;color:#11130f;max-width:850px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;margin:auto}.colour-dialog::backdrop{background:#11130fbb}.colour-dialog h2{font-size:1.6rem;padding-right:80px;margin:0 0 10px}.colour-dialog img{width:100%;height:auto;max-height:52dvh;object-fit:contain;margin:16px 0}.colour-dialog-close{float:right;padding:10px;min-height:44px;background:#eceedb;border:1px solid #7a8264;cursor:pointer}.colour-dialog .btn{margin-top:16px}.colour-dialog .small{margin:0}.colour-empty{padding:20px;background:#eceedb}.colour-search[hidden],.colour-card[hidden],.colour-empty[hidden]{display:none}.colour-selection-note{padding:16px;border-left:4px solid #59651c;background:#eceedb;margin:20px 0}.colour-range-nav a:focus-visible,.swatch-image:focus-visible,.colour-more summary:focus-visible,.colour-dialog-close:focus-visible{outline:3px solid #59651c;outline-offset:4px}@media(max-width:760px){.colour-hero{padding-top:28px}.colour-hero h1{font-size:3rem}.colour-range-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-range-nav a{padding:15px 12px}.colour-range-nav a:last-child{grid-column:1/-1}.colour-section{padding:36px 0;scroll-margin-top:90px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.swatch-copy{padding:12px;gap:8px}.swatch-copy h3{font-size:1rem}.swatch-copy p,.swatch-copy .colour-choose{font-size:.8rem}.colour-search{grid-template-columns:1fr}.colour-search label{grid-column:auto}.colour-dialog{padding:16px}.colour-dialog h2{font-size:1.3rem}.colour-section h2{font-size:2rem}}
