.shade-calc{display:flex;flex-direction:column;gap:40px;font-size:17px;line-height:1.6}.shade-calc p{margin:0}.shade-calc__top{display:grid;gap:24px;align-items:start}@media (min-width:1024px){.shade-calc__top--lot{grid-template-columns:1fr 340px}}.shade-calc__heading{font-family:var(--font-cormorant);font-style:italic;font-weight:700;font-size:clamp(28px,3.4vw,36px);line-height:1.15;margin:0 0 8px}.shade-calc__subheading{font-family:var(--font-dm);font-style:normal;font-weight:600;font-size:17px;margin:32px 0 12px}.shade-calc__caption,.shade-calc__hint,.shade-calc__lede{color:var(--color-text-secondary)}.shade-calc__caption,.shade-calc__hint{font-size:13px}.shade-calc__lede{margin-bottom:16px!important}.shade-calc__where{margin:0;max-width:none}.shade-calc__facing{margin-top:16px!important;font-size:15px}.shade-calc__notice{border:2px solid var(--color-gold);background:var(--color-bg-warm);padding:16px 20px;font-size:17px}.shade-calc__notice--serious{border-color:var(--color-serious);background:var(--color-serious-bg);color:var(--color-serious)}.shade-calc__notice-head{font-weight:700;font-size:19px}.shade-calc__slider,.shade-calc__time{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:12px}.shade-calc__label{font-size:14px;font-weight:600}.shade-calc__range{width:220px;max-width:100%}.shade-calc__output{font-size:14px;font-weight:600;min-width:6em}.shade-calc__hint{width:100%}.shade-calc__link{background:none;border:none;padding:0;font:inherit;font-size:14px;color:var(--color-gold-dark);text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:12px}.shade-calc__link:hover{color:var(--color-text)}.shade-calc__fields{display:grid;gap:12px 40px;max-width:760px}@media (min-width:640px){.shade-calc__fields{grid-template-columns:1fr 1fr}}.shade-calc__field{display:flex;align-items:center;justify-content:space-between;gap:12px}.shade-calc__field-label{font-size:14px;font-weight:600}.shade-calc__field-input{display:flex;align-items:center;gap:4px}.shade-calc__number{width:6em;padding:8px 12px;text-align:right;font:inherit;font-size:16px;border:1.5px solid var(--color-gold);background:var(--color-bg)}.shade-calc__number:focus{background:var(--color-white);outline:2px solid var(--color-gold-dark)}.shade-calc__unit{width:1.75em;font-size:14px;color:var(--color-text-secondary)}.shade-calc__results{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}@media (min-width:768px){.shade-calc__results{grid-template-columns:repeat(3,1fr)}}.shade-calc__result{border:1.5px solid var(--color-gold);background:var(--color-bg);padding:16px;font-size:15px}.shade-calc__result p+p{margin-top:4px}.shade-calc__result-head{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px!important}.shade-calc__swatch{display:inline-block;flex-shrink:0;width:24px;height:12px;border-radius:2px}.shade-calc__lot{margin:0}.shade-calc__lot-svg{display:block;width:100%;height:auto;background:var(--color-bg-warm);border:1.5px solid var(--color-gold)}.shade-calc__side{cursor:pointer;outline:none}.shade-calc__side:focus-visible>path:last-child{stroke:var(--color-gold-dark);stroke-width:6}.shade-calc__caption{margin-top:4px}.shade-calc--compact{gap:12px;font-size:15px;min-width:0}.shade-calc__eyebrow{font-family:var(--font-dm);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--color-gold-dark);font-weight:600}.shade-calc__rail-title{font-family:var(--font-cormorant);font-style:italic;font-weight:700;font-size:28px;line-height:1.15;margin:0}.shade-calc__rail-title a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.shade-calc__rail-title a:hover{border-bottom-color:var(--color-gold)}.shade-calc__rail-lede{font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.shade-calc__sliders .shade-calc__slider,.shade-calc__sliders .shade-calc__time{margin-top:4px}.shade-calc__sliders .shade-calc__label{width:100%;font-size:13px}.shade-calc__sliders .shade-calc__range{flex:1 1 120px;min-width:0;width:auto}.shade-calc__compact-results{list-style:none;padding:0;margin:0;border-top:1.5px solid var(--color-text)}.shade-calc__compact-results li{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--color-separator)}.shade-calc__compact-date{font-weight:700;min-width:7.5em}.shade-calc__rail-cta{padding-top:12px;font-family:var(--font-dm);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-dark);text-decoration:none;border-top:1.5px solid var(--color-text);align-self:flex-start}.shade-calc__rail-cta:hover{color:var(--color-text)}