/* Shared hierarchy: one scale across editorial pages, tools and navigation. */

:root{--type-label:14px;--type-small:16px;--type-ui:16px;--type-body:18px;--type-lead:20px;--type-card:24px;--type-section:clamp(32px,3.3vw,48px);--type-page:clamp(40px,4.2vw,60px);--type-hero:clamp(48px,5.6vw,84px)}
body{font-size:var(--type-body);line-height:1.65}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance}p{line-height:1.65;text-wrap:pretty}h2{font-size:var(--type-section);line-height:1.16}h3{font-size:var(--type-card);line-height:1.25;letter-spacing:-.025em}
.world-copy h1{font-size:var(--type-hero);line-height:1.1;letter-spacing:-.045em;max-width:1000px;margin:24px 0}.world-copy h1 em{font-size:1.04em;line-height:inherit;letter-spacing:-.025em}.world-copy p{font-size:var(--type-lead);line-height:1.6;max-width:520px;margin-bottom:28px}.world-copy .eyebrow{font-size:var(--type-label);letter-spacing:.12em}
.eyebrow,.section-number,.menu-intro,.menu-visual .eyebrow,.footer-invitation>.eyebrow,.finish-info .eyebrow,.product-info .eyebrow{font-size:var(--type-label);line-height:1.5;letter-spacing:.09em;font-family:"General Sans",Arial,sans-serif;font-weight:400}
.button,.world-copy .button,.header .button,.text-link,.product-bottom .text-link,.header .nav a,.header .menu-toggle,.menu-close,.menu-project{font-size:var(--type-ui);line-height:1.45;font-family:"General Sans",Arial,sans-serif;font-weight:600;letter-spacing:0}.header .menu-toggle,.menu-close{font-size:var(--type-label);letter-spacing:.07em}.header .nav{gap:25px}.header-actions{gap:18px}.header .button{padding:11px 20px}.button{padding:14px 24px}
.editorial-intro{grid-template-columns:.8fr 1.8fr 1.25fr;gap:4%}.editorial-intro h2,.edit-heading h2,.story-heading h2,.finish-world h2,.planning-note h2,.story-page-body h2{font-size:var(--type-section);line-height:1.18;letter-spacing:-.035em;font-family:"General Sans",Arial,sans-serif;font-weight:400}.editorial-intro h2 span{color:#7b6877}.editorial-intro p,.edit-heading>p,.story-small>p,.planning-links p,.detail-copy>p,.page-heading>p,.story-page-cover p,.story-page-body>p,.feature-copy p,.article p{font-size:var(--type-body);line-height:1.65}.edit-heading>p{max-width:400px}.editorial-intro p{margin:0 0 22px}.story-heading{gap:8%}.story-heading>.eyebrow{min-width:220px}.story-caption h3,.planning-links h3,.product-info h3,.story h3,.saved-row h3{font-size:var(--type-card);font-weight:400;line-height:1.28;letter-spacing:-.025em}.story-caption{align-items:start}.story-caption>span{font-size:var(--type-small);line-height:1.5}.story-small>p{margin-top:18px}
.swatch-title h3{font-family:"General Sans",Arial,sans-serif;font-weight:600;font-size:var(--type-ui);letter-spacing:0;line-height:1.45}.swatch-title>span,.swatch-surface>span,.editorial-photo span,.concept-label,.scroll-cue,.edit-footer>p,.footer-bottom,.footer-top>div:first-child p,.menu-footnote,.menu-main a small{font-size:var(--type-label);line-height:1.5;letter-spacing:.02em}.swatch-title>span{display:block;margin-top:4px}.swatch-surface>span:last-child{font-size:var(--type-small)}.edit-footer>p{max-width:650px}.scene-picker,.scene-picker>a,.scene-name{font-size:var(--type-small);line-height:1.4}.scene-name{min-width:165px}.scene-picker{gap:16px}.scene-picker>a{white-space:nowrap}.scroll-cue{font-size:var(--type-label)}
.finish-info h3{font-size:28px;line-height:1.22;letter-spacing:-.03em}.finish-info>p,.all-paints-link,.finish-tabs button,.checklabel,.feature-list li,.specs,.room-choices button,.small,.inline-note,.results-count,.chip{font-size:var(--type-ui);line-height:1.6}.finish-info>p{min-height:44px}.finish-tabs{gap:24px}.finish-tabs button{font-size:var(--type-ui)}.finish-product{padding-left:9%;padding-right:9%}.all-paints-link{margin-top:25px}.page-heading h1,.detail-copy h1,.story-page-cover h1{font-size:var(--type-page);line-height:1.12;letter-spacing:-.04em}.detail-copy h1{font-size:clamp(36px,3.4vw,48px)}.breadcrumb{font-size:var(--type-small);line-height:1.6}.field,.field input,.field select,.field textarea,.search-input{font-size:var(--type-body)}.field{font-weight:400}.notice{font-size:var(--type-ui);line-height:1.6}.tool-panel h2,.article h2{font-size:32px;line-height:1.2}.colour-card h3{font-size:18px;line-height:1.35}.colour-card .small{font-size:var(--type-small)}
.footer-invitation h2{font-size:clamp(40px,4.6vw,64px);line-height:1.12;letter-spacing:-.04em}.footer-top h4{font-size:var(--type-label);font-family:"General Sans",Arial,sans-serif;font-weight:600;line-height:1.5;letter-spacing:.07em}.footer-top a,.menu-secondary a{font-size:var(--type-ui);line-height:1.5;letter-spacing:0}.footer-top a{padding:3px 0}.footer-bottom{gap:24px;align-items:start}.footer-bottom>span:nth-child(2){max-width:450px}.menu-main a>span{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.03em;font-family:"General Sans",Arial,sans-serif;font-weight:400}.menu-main a{padding:14px 0}.menu-visual p{font-size:clamp(32px,3.2vw,46px);line-height:1.18;letter-spacing:-.03em}.menu-secondary a{padding:12px 0}.menu-footnote{letter-spacing:.07em;color:#c7b6c2}.menu-project{padding:16px 20px}.menu-intro{margin-top:24px}.menu-main a small{color:#c7b6c2}.menu-top{padding-bottom:20px}
@media(max-width:1200px){.header .nav{display:none}.header-actions{margin-left:auto}.editorial-intro{grid-template-columns:.8fr 1.5fr 1.2fr}.story-caption{display:block}.story-caption>span{display:inline-block;margin-top:10px}.menu-main a>span{font-size:36px}}
@media(max-width:700px){:root{--type-section:34px;--type-page:40px;--type-hero:48px;--type-card:23px;--type-lead:16px}.world-copy{top:44%;transform:translateY(-30%)}.world-copy h1{font-size:var(--type-hero);line-height:1.12;letter-spacing:-.04em}.world-copy h1 span:last-child{max-width:360px}.world-copy h1 em{font-size:1.04em}.world-copy p{font-size:var(--type-body);max-width:310px}.world-copy .eyebrow{font-size:14px;letter-spacing:.08em}.world-copy .button{font-size:var(--type-ui)}.header .menu-toggle{font-size:var(--type-label)}.header-actions{gap:17px}.editorial-intro{display:block}.editorial-intro h2,.edit-heading h2,.story-heading h2,.finish-world h2,.planning-note h2{font-size:var(--type-section)}.editorial-intro p,.edit-heading>p,.story-small>p,.planning-links p,.page-heading>p{font-size:var(--type-body)}.story-heading>.eyebrow{min-width:0}.story-caption h3,.planning-links h3,.product-info h3{font-size:var(--type-card)}.editorial-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.swatch-surface{height:190px;padding:14px}.swatch-title h3{font-size:var(--type-ui)}.swatch-title>span,.edit-footer>p,.editorial-photo span,.footer-bottom,.footer-invitation>.eyebrow,.menu-intro,.menu-visual .eyebrow,.menu-footnote{font-size:var(--type-label)}.edit-footer .text-link{font-size:var(--type-ui)}.scene-picker{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;border-radius:22px;padding:10px 14px;max-width:380px;background:#302a30cc}.scene-dots{grid-row:1/3;align-self:center}.scene-name{min-width:0;padding-left:0;border-left:0;font-size:var(--type-small)}.scene-picker>a{font-size:var(--type-small);max-width:none;justify-self:start;white-space:nowrap}.world-bottom{bottom:22px}.finish-info h3{font-size:27px}.finish-info>p,.finish-tabs button,.all-paints-link,.room-choices button,.chip{font-size:var(--type-ui)}.finish-tabs{gap:25px}.finish-info .eyebrow{font-size:var(--type-label)}.footer-invitation h2{font-size:42px}.footer-top{gap:32px 20px}.footer-top a{font-size:var(--type-ui)}.footer-bottom{font-size:var(--type-label);gap:14px}.menu-main a>span{font-size:30px}.menu-main a{padding:12px 0}.menu-main a small{font-size:var(--type-label)}.menu-secondary a{font-size:var(--type-ui)}.menu-project{font-size:var(--type-ui)}.menu-close{font-size:var(--type-label)}.menu-visual p{font-size:36px}.story-page-body .colour-card h3{font-size:17px}.story-page-cover h1{font-size:var(--type-page)}}
@media(max-width:370px){.world-copy h1{font-size:44px}.scene-dots button{min-width:34px;width:34px;padding:4px}.scene-picker{gap:7px}.menu-main a>span{font-size:28px}}

/* Readability: supporting information must remain comfortably legible. */
:root{--muted:#625b63}
.footer-top>div>img{filter:none;opacity:1;width:150px;height:auto}
.footer-top{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:5%;padding-top:44px}
.footer-top h4{font-size:16px;letter-spacing:.06em;color:#fff;margin-bottom:18px}
.footer-top a,.footer-top>div:first-child p{font-size:18px;line-height:1.65;color:#eee8ed}
.footer-top a{padding:5px 0;margin:5px 0}
.footer-bottom,.footer-bottom a{font-size:15px;line-height:1.65;color:#ded4dd}
.footer-invitation .button{font-size:16px}
.toolbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(200px,1fr) auto;gap:20px;align-items:center}
.toolbar .search-input,.toolbar select{width:100%;max-width:none;height:58px;min-height:58px;font-size:18px;line-height:1.4;border:1px solid #8c838b;border-radius:4px;padding:14px 18px;background:#fffdfb;color:#302a30}
.toolbar .search-input::placeholder{color:#696169;opacity:1}
.toolbar .text-link{font-size:16px;min-height:48px;justify-self:start;white-space:nowrap}
.results-count{font-size:16px;color:#625b63}
.save-button,.colour-card .save-button,.colour-preview .save-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #c9c0c8;background:#fffdfb;color:#302a30;font-size:0;line-height:1}
.save-button:before{content:'';display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.save-button[aria-pressed=true]{background:#51404e;color:white;border-color:#51404e}
.saved-row .remove,.saved-count,.header .saved-count{font-size:14px}
@media(max-width:700px){.footer-top{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-top a,.footer-top>div:first-child p{font-size:17px}.footer-top h4{font-size:15px}.toolbar{grid-template-columns:1fr}.toolbar .search-input,.toolbar select{font-size:17px}.scene-picker{gap:6px 10px;padding:10px}.scene-dots button{width:34px;min-width:34px}.scene-name,.scene-picker>a{font-size:14px}.world-copy p{font-size:18px}.menu-secondary a{font-size:16px}}

/* Product comparisons retain readable labels and distinct actions. */
#comparison-results .comparison-table{min-width:720px;font-size:16px;line-height:1.6}
#comparison-results .comparison-table th,#comparison-results .comparison-table td{font-size:16px;line-height:1.6;padding:20px;overflow-wrap:anywhere}
#comparison-results .comparison-table h3{font-size:22px;line-height:1.3;margin:18px 0 10px}
#comparison-results .comparison-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
#comparison-results .comparison-actions .text-link{font-size:16px;min-height:44px}
#comparison-results .comparison-table th:first-child{min-width:170px}
@media(max-width:600px){#comparison-results .comparison-table th,#comparison-results .comparison-table td{padding:16px}#comparison-results .option-comparison:before{content:'Swipe across to compare paints';display:block;position:sticky;left:0;width:260px;font-size:16px;margin-bottom:12px}}