/* Techwood identity and prominent customer notices. Paint swatches retain their reference colours. */
:root{--sc-cream:#f5f6f7;--sc-ink:var(--tw-black);--sc-line:#d7dadd;--sc-green:var(--tw-red)}
.sc-heading>div>p:last-child,.sc-scene-caption div>span,.sc-small,.sc-muted,.sc-material-description,.sc-order-line p{color:#4a5056}
.sc-companions{background:#f4f5f6;border-color:#cbd0d4}
.sc-button-dark,.sc-type-tabs [aria-selected=true],.sc-footer{background:var(--tw-black);color:var(--tw-white)}
.sc-button-dark:hover{background:var(--tw-black-soft)}
.sc-button-red{background:var(--tw-red)}
.sc-button-red:hover{background:var(--tw-red-dark)}
.sc-finishes input:checked+span{background:#fff0f1;border-color:var(--tw-red);color:var(--tw-red-dark);font-weight:700}
.sc-check input{accent-color:var(--tw-red)}
.sc-search input:focus,.sc-builder input:focus,.sc-builder select:focus,.sc-builder textarea:focus,.sc-finishes input:focus-visible+span,.sc-swatch:focus-visible{outline-color:var(--tw-red)}
.sc-swatch[aria-pressed=true]>i{outline-color:var(--tw-red)}
.sc-chart-notice{background:#fff0f1;color:#24282c;border:1px solid #e3a2a6;border-left:5px solid var(--tw-red);border-radius:4px;padding:18px 20px;margin:20px 0;font-size:.875rem;line-height:1.65;font-weight:500}
.sc-chart-notice strong{color:var(--tw-red-dark);font-size:.875rem;font-weight:800;margin-bottom:5px}
.sc-chart-notice>span{font-size:inherit}
.sc-chart-notice>span[aria-hidden]{font-size:1.3rem;color:var(--tw-red-dark);font-weight:800}
#no-thinner-reminder,#delivery-charge-notice{display:block}
#no-thinner-reminder strong,#delivery-charge-notice strong{display:block;letter-spacing:.03em}
.sc-mixing-note{background:white;border:1px solid #cbd0d4;border-left:4px solid var(--tw-red);border-radius:3px;padding:12px 14px;color:#24282c;font-size:.8rem;line-height:1.65;font-weight:600;margin:15px 0 18px}
.sc-chart-confirm{background:#fff0f1;border:1px solid #e3a2a6;border-left:5px solid var(--tw-red);border-radius:4px;padding:16px;color:#24282c;font-size:.84rem!important;line-height:1.6!important}
.sc-chart-confirm strong{color:var(--tw-red-dark)}
.sc-hardener-summary small{color:#4a5056;font-size:.72rem}
.sc-reference-label{color:#454b51;font-size:.6rem;font-weight:700}
#order-status:not(:empty){color:var(--tw-black);background:#f2f3f5;border-left-color:var(--tw-red)}
@media(max-width:430px){.sc-chart-notice{padding:14px;font-size:.82rem}.sc-chart-confirm{padding:13px;font-size:.8rem!important}}

/* Readable notices with restrained neutral styling. */
.sc-chart-notice,.sc-chart-confirm{background:#f4f5f6;border:1px solid #d4d8dc;border-left:3px solid #8b9299;color:#292e33}
.sc-chart-notice strong,.sc-chart-confirm strong,.sc-chart-notice>span[aria-hidden]{color:#292e33}
.sc-mixing-note{background:#fafafa;border-left:3px solid #a5abb1;font-weight:500}
#no-thinner-reminder strong,#delivery-charge-notice strong{letter-spacing:0;text-transform:none;font-weight:700}

.sc-type-tabs{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sc-type-tabs button{padding-left:4px;padding-right:4px}

.sc-type-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.sc-material-scene{background:#eeeff0;min-height:525px;overflow:hidden}.sc-material-art{height:300px;position:relative;background:linear-gradient(165deg,#f6f5f2 70%,#dedbd4 70%);overflow:hidden}.sc-wood-panel{position:absolute;left:12%;right:12%;height:165px;top:65px;transform:rotate(-8deg);border-radius:5px;background:repeating-linear-gradient(2deg,#b98550 0,#c89a66 3px,#d6ac79 7px,#bf905a 9px,#deb986 15px);box-shadow:10px 20px 22px #0002;border:8px solid #d5ac79}.sc-wood-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff8 40%,transparent 43%,#fff2 65%,transparent 70%);opacity:.25}.sc-material-scene[data-material=finish] .sc-wood-panel:after{opacity:.8}.sc-material-scene[data-sheen="10"] .sc-wood-panel:after{opacity:.1}.sc-material-scene[data-sheen="20"] .sc-wood-panel:after{opacity:.25}.sc-material-scene[data-sheen="30"] .sc-wood-panel:after{opacity:.4}.sc-material-scene[data-sheen="40"] .sc-wood-panel:after{opacity:.6}.sc-material-scene[data-white=true] .sc-wood-panel{background:linear-gradient(90deg,#f0eee8 52%,#d0ab7d 52%,#c79d6c);border-color:#e5dfd5}.sc-product-tin{position:absolute;right:12%;bottom:25px;width:115px;height:115px;background:linear-gradient(90deg,#d9dce0,#fff 30%,#f4f4f4 72%,#bdc1c6);border-radius:50% / 10%;border-top:7px solid #b7bcc1;border-bottom:6px solid #c4c8cb;box-shadow:5px 10px 15px #0002;display:grid;place-items:center}.sc-product-tin span{background:var(--tw-black);border-top:5px solid var(--tw-red);color:white;width:100%;padding:12px 5px;text-align:center;font-size:.7rem;font-weight:700;overflow-wrap:anywhere}.sc-material-copy{padding:26px 30px 30px}.sc-material-copy>span{font-size:.65rem;letter-spacing:.13em;font-weight:700;color:#535b62}.sc-material-copy h2{font-size:1.8rem;margin:12px 0;letter-spacing:-.03em}.sc-material-copy p{font-size:.88rem;line-height:1.75;color:#40474e;margin:0}.sc-sample-fan{display:none;position:absolute;left:22%;top:45px;width:110px;height:190px}.sc-sample-fan i{position:absolute;inset:0;transform-origin:50% 95%;border:6px solid #eee7dc;border-radius:4px;background:repeating-linear-gradient(2deg,#916439 0,#ad8050 4px,#9e7041 8px);box-shadow:0 3px 7px #0002}.sc-sample-fan i:nth-child(1){transform:rotate(-35deg);filter:brightness(.65)}.sc-sample-fan i:nth-child(2){transform:rotate(-12deg);filter:brightness(.85)}.sc-sample-fan i:nth-child(3){transform:rotate(12deg);filter:brightness(1.1)}.sc-sample-fan i:nth-child(4){transform:rotate(35deg);filter:brightness(1.35)}.sc-material-scene[data-material=tint] .sc-sample-fan{display:block}.sc-material-scene[data-material=tint] .sc-wood-panel,.sc-material-scene[data-material=thinner] .sc-wood-panel,.sc-material-scene[data-material=hardener] .sc-wood-panel{display:none}.sc-material-scene[data-material=thinner] .sc-product-tin,.sc-material-scene[data-material=hardener] .sc-product-tin{width:155px;height:165px;right:calc(50% - 78px);bottom:45px}.sc-material-scene[data-material=thinner] .sc-product-tin:before,.sc-material-scene[data-material=hardener] .sc-product-tin:before{content:"";position:absolute;top:-29px;width:62px;height:25px;border:5px solid #8e959b;border-bottom:0;border-radius:8px 8px 0 0}@media(max-width:430px){.sc-material-art{height:250px}.sc-material-copy{padding:22px}.sc-material-copy h2{font-size:1.5rem}.sc-material-scene{min-height:0}}

.sc-material-scene[data-sheen="60"] .sc-wood-panel:after{opacity:1}

.sc-exterior-chart{padding:24px;background:white;text-align:center}.sc-exterior-chart img{width:100%;max-width:365px;height:auto;margin:auto}.sc-exterior-chart p{font-size:.82rem;text-align:left;color:#292e33;border-left:3px solid #8b9299;background:#f4f5f6;padding:12px;margin:18px 0 0}.sc-exterior-chart~.sc-material-copy{padding-top:20px}

.sc-material-photo{position:relative;background:#e7e3dc}.sc-material-photo img{width:100%;height:340px;object-fit:cover;display:block}.sc-material-photo>span{position:absolute;bottom:12px;left:12px;padding:5px 8px;background:#ffffffeb;color:#333;font-size:.63rem;border-radius:3px}@media(max-width:430px){.sc-material-photo img{height:260px}}

.sc-exterior-chart{padding:24px}.sc-exterior-chart .sc-section-row h2{font-size:1rem}.sc-exterior-chart .sc-section-row span{font-size:.65rem}.sc-exterior-stain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin-top:22px;text-align:left}.sc-exterior-stain{padding:0;background:none;border:0;text-align:left;cursor:pointer;min-width:0;color:var(--tw-black)}.sc-exterior-stain-sample{display:block;width:100%;aspect-ratio:164/60;border:1px solid #0002;border-radius:3px;background-repeat:no-repeat}.sc-exterior-stain strong{display:block;font-size:.75rem;line-height:1.4;margin-top:8px}.sc-exterior-stain small{display:block;font-size:.64rem;color:#555e65;margin-top:3px}.sc-exterior-stain[aria-pressed=true] .sc-exterior-stain-sample{outline:2px solid var(--tw-red);outline-offset:3px}.sc-exterior-stain:focus-visible{outline:2px solid var(--tw-red);outline-offset:5px}.sc-transparent-sample{background:#f4f3ef;display:grid;place-items:center;font-size:.7rem;color:#596168}@media(max-width:430px){.sc-exterior-stain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-exterior-chart{padding:18px}}

.sc-exterior-stain-sample{aspect-ratio:158/45}
/* More prominent Sirca brand in the studio header. */
.sc-sirca-brand img{width:230px;max-width:230px;height:auto;max-height:none}
@media(max-width:800px){.sc-sirca-brand img{width:150px;max-width:150px}}
@media(max-width:430px){.sc-sirca-brand img{width:120px;max-width:120px}}