.home-materials{--home-artwork-rule:color-mix(in oklch,var(--ds-fg-primary) 17%,transparent);--home-artwork-shadow:0 20px 45px -30px color-mix(in srgb,var(--ds-fg-primary) 30%,transparent)}.home-materials .home-artwork{margin:0;position:relative;min-width:0;overflow:hidden}.home-materials .home-artwork img{display:block;width:100%;height:100%;object-fit:cover}.home-materials .home-artwork figcaption{font:9px/1.6 var(--font-mono);letter-spacing:.045em;color:var(--ds-fg-muted)}.home-materials .home-artwork[hidden],.home-materials .home-original-architecture[hidden]{display:none!important}.home-materials .journey-proof-grid,.home-materials .laboratory-feature,.home-materials .perception-desk{box-shadow:var(--home-artwork-shadow)}.home-materials .laboratory-caption{padding:30px;justify-content:flex-start}.home-materials .laboratory-caption h3{margin-top:16px}.home-materials .laboratory-caption>.journey-text-link{margin-top:0}.home-materials .home-atlas-preview{position:relative}.home-materials .home-original-architecture{height:100%}.home-materials .home-atlas-study{position:absolute;inset:0}.home-materials .home-atlas-study img{object-position:center;height:100%}.home-materials .home-atlas-study figcaption{position:absolute;bottom:16px;left:16px;right:16px;background:var(--ds-bg-primary);color:var(--ds-fg-primary);padding:9px 12px;max-width:max-content}.home-materials .home-artwork-link{position:absolute;inset:0}.home-materials .home-artwork-controls{display:flex;position:absolute;z-index:3;top:12px;left:12px;right:12px;border:1px solid var(--home-artwork-rule);background:color-mix(in oklch,var(--ds-bg-primary) 96%,transparent)}.home-materials .home-artwork-controls button{flex:1;border:0;min-height:44px;background:transparent;color:var(--ds-fg-muted);font:10px/1.5 var(--font-mono);cursor:pointer}.home-materials .home-artwork-controls button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ds-accent);color:var(--ds-fg-primary)}.home-materials .home-artwork-controls button:focus-visible,.home-materials .home-artwork-link:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-3px}@media (max-width:760px){.home-materials .laboratory-caption{padding:24px}}.home-materials .paint-wall-intro{position:relative;isolation:isolate;display:block;min-height:530px;padding:42px 38px 170px;margin-bottom:0}.home-materials .paint-wall-intro>div,.home-materials .paint-wall-intro>p{position:relative;z-index:1;max-width:44%}.home-materials .paint-wall-intro h3{font-size:clamp(32px,3vw,43px);hyphens:none}.home-materials .paint-wall-intro>p{margin-top:24px}.home-materials .home-wall-reference{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:hidden}.home-materials .home-wall-reference img{height:100%;object-position:65% center}.home-materials .home-wall-reference:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ds-bg-primary) 5%,color-mix(in oklch,var(--ds-bg-primary) 96%,transparent) 28%,transparent 69%);pointer-events:none}.home-materials .home-wall-reference figcaption{position:absolute;top:20px;right:20px;z-index:1;color:var(--ds-fg-primary);background:var(--ds-bg-primary);padding:8px 12px;font-size:9px;max-width:48%}.home-materials .paint-wall-grid{position:relative;z-index:1;margin-top:-125px;padding-inline:24px}.home-materials .paint-wall-card{background:var(--ds-bg-primary);box-shadow:0 24px 38px -26px color-mix(in srgb,var(--ds-fg-primary) 40%,transparent)}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])){position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);min-height:660px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-caption{grid-column:2;grid-row:1;position:static;border-left:0;justify-content:center;padding:48px 44px 48px 68px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-specimen{grid-column:1;grid-row:1;position:relative;z-index:2;align-self:end;justify-self:end;width:72%;height:280px;min-height:0;margin:0 -30px 36px 0;border:8px solid var(--ds-bg-primary);box-shadow:0 18px 40px -18px #0008}.home-materials .home-lab-reference{position:absolute;inset:0 42% 0 0;margin:0;border:0;z-index:0}.home-materials .home-lab-reference img{height:100%;object-position:46% center}.home-materials .home-lab-reference figcaption{position:absolute;top:20px;left:20px;background:var(--ds-bg-primary);color:var(--ds-fg-primary);padding:9px 12px;font-size:9px;max-width:calc(100% - 40px)}.home-materials .laboratory-caption>h3{position:relative;z-index:1}.home-materials .folio-shelves{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr)}.home-materials .folio-art{height:460px}@media (min-width:761px) and (max-width:1100px){.home-materials .paint-wall-intro{padding:34px 24px 155px;min-height:485px}.home-materials .paint-wall-intro>div,.home-materials .paint-wall-intro>p{max-width:48%}.home-materials .paint-wall-intro h3{font-size:34px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])){grid-template-columns:minmax(0,52fr) minmax(0,48fr);min-height:570px}.home-materials .home-lab-reference{right:48%}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-caption{padding:34px 26px 34px 40px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-specimen{width:90%;height:235px;margin:0 -16px 30px 0}.home-materials .folio-art{height:370px}}@media (max-width:760px){.home-materials .paint-wall-intro{min-height:500px;padding:24px 20px 140px}.home-materials .paint-wall-intro>div{max-width:100%}.home-materials .paint-wall-intro>p{max-width:72%;margin-top:18px;font-size:12px}.home-materials .paint-wall-intro h3{font-size:30px;line-height:1.13}.home-materials .home-wall-reference{display:block;height:100%;min-height:0}.home-materials .home-wall-reference img{height:100%;object-position:55% center}.home-materials .home-wall-reference:after{background:linear-gradient(180deg,var(--ds-bg-primary) 8%,color-mix(in oklch,var(--ds-bg-primary) 96%,transparent) 29%,transparent 63%)}.home-materials .home-wall-reference figcaption{top:auto;bottom:87px;left:12px;right:auto;max-width:calc(100% - 24px);font-size:8px}.home-materials .paint-wall-grid{margin-top:-66px;padding-inline:8px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:440px auto;min-height:0}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-caption{grid-column:1;grid-row:2;display:flex;padding:24px;border:0;justify-content:flex-start}.home-materials .home-lab-reference{inset:0 0 auto;height:380px;width:100%;margin:0}.home-materials .home-lab-reference img{height:100%;object-position:48% center}.home-materials .home-lab-reference figcaption{top:12px;left:12px;padding:7px 10px;font-size:8px}.home-materials .laboratory-feature:has(.home-lab-reference:not([hidden])) .laboratory-specimen{grid-column:1;grid-row:1;width:calc(100% - 36px);height:220px;align-self:end;justify-self:center;margin:0;border-width:6px}.home-materials .folio-shelves{grid-template-columns:minmax(0,1fr)}.home-materials .folio-art{height:380px}}@media (prefers-reduced-motion:reduce){.home-materials .home-artwork{animation:none;transition:none}}.paint-bespoke:has(.formulation-entry){display:block!important;scroll-margin-top:180px}.formulation-entry{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(25px,5vw,80px);align-items:center;padding:15px 0}.formulation-entry .fe-kicker{font:11px var(--font-mono,monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--ds-fg-muted)}.formulation-entry h3{font-size:clamp(36px,4vw,65px)!important;line-height:1.07!important;letter-spacing:-.04em;margin:24px 0!important;hyphens:none!important;overflow-wrap:normal;word-break:normal;max-width:none!important}.formulation-entry h3 em{font-family:var(--font-serif,Georgia,serif);font-weight:400}.formulation-entry p{font-size:16px!important;line-height:1.8;max-width:42ch}.formulation-entry .fe-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.formulation-entry a,.formulation-entry button{font:12px var(--font-mono,monospace);min-height:44px;border:1px solid var(--ds-border);padding:10px 14px;background:transparent;color:var(--ds-fg-primary);cursor:pointer}.formulation-entry .fe-cta,.formulation-entry button[aria-pressed=true]{background:var(--ds-fg-primary);color:var(--ds-bg-primary)}.formulation-entry .fe-cta{display:inline-flex;align-items:center;gap:35px;text-decoration:none;padding:17px 22px}.formulation-entry .fe-frame{position:relative;background:var(--ds-bg-secondary);border:1px solid var(--ds-border)}.formulation-entry .fe-frame img{display:block;width:100%;height:360px;object-fit:cover}.formulation-entry .fe-caption{display:flex;justify-content:space-between;font:10px var(--font-mono,monospace);letter-spacing:.1em;padding:16px 20px;text-transform:uppercase}.formulation-entry .fe-preview{position:relative;margin:-65px 24px 24px;padding:26px;background:var(--fe-bg);color:var(--fe-ink);border-radius:var(--fe-radius);box-shadow:0 20px 45px #0002}.formulation-entry .fe-preview strong{display:block;font-size:27px;line-height:1.2;margin:10px 0 22px}.formulation-entry .fe-preview small{font:10px var(--font-mono,monospace);letter-spacing:.1em}.formulation-entry .fe-swatches{display:flex;height:9px;gap:4px}.formulation-entry .fe-swatches i{flex:1}.formulation-entry .fe-foot{display:block;margin-top:18px;font:11px var(--font-mono,monospace);color:var(--ds-fg-muted)}@media (max-width:760px){.formulation-entry{grid-template-columns:1fr}.formulation-entry .fe-frame img{height:280px}.formulation-entry .fe-preview{margin:-50px 15px 15px}.formulation-entry .fe-cta{width:100%;justify-content:space-between}}.formulation-quick-mixer{margin-top:2rem;border-top:1px solid var(--ds-border);padding-top:1rem}.formulation-quick-mixer summary{cursor:pointer;min-height:44px}.formulation-quick-mixer .swatch-chip-card{max-width:650px;margin-top:1rem}#formulation-entrance{scroll-margin-top:180px}