.st-shade{--shade: .2;--pos: 0;position:relative;height:420svh;background:#d9dbe0;color:#000}.st-shade__pin{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.4vh,28px);padding:calc(var(--header-h) + clamp(14px,3.4vh,40px)) 0 clamp(20px,4.4vh,48px);overflow:hidden}.st-shade__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px clamp(32px,5vw,80px);align-items:end;width:100%}.st-shade__intro .st-label{margin-bottom:14px}.st-shade__title{font-size:clamp(38px,4.6vw,76px);font-weight:600;line-height:1;letter-spacing:-.04em}.st-shade__title .st-display__rest{opacity:.45}.st-shade__readout{display:grid;justify-items:end;gap:10px;text-align:right}.st-shade__vlt{display:flex;align-items:baseline;gap:2px}.st-shade__vlt b{min-width:2ch;font-size:clamp(72px,8.4vw,136px);font-weight:600;line-height:.82;letter-spacing:-.06em;text-align:right;font-variant-numeric:tabular-nums}.st-shade__vlt i{align-self:flex-start;font-size:clamp(28px,3vw,48px);font-style:normal;font-weight:600;line-height:1}.st-shade__vlt span{margin-left:10px;font-size:15px;font-weight:600;opacity:.6}.st-shade__name{max-width:34ch;min-height:2.9em;font-size:16px;line-height:1.45}.st-shade__name strong{font-weight:600}.st-shade__stage{display:grid;place-items:center;min-height:0;container-type:size}.st-shade__car.st-tint__car{width:min(100cqw,100cqh * 2400 / 1030,1400px)}.st-shade .st-tint__glass,.st-shade .st-tint__glare{transition:none}.st-shade__foot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px clamp(40px,6vw,104px);align-items:end;width:100%}.st-shade__meter{padding:26px 30px 0}.st-shade__bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#1b1f2424,#050607eb);cursor:pointer;touch-action:pan-y}.st-shade__bar:before{content:"";position:absolute;inset:-14px -8px}.st-shade__line{position:absolute;top:-9px;bottom:-9px;left:calc(var(--at) * 100%);width:2px;margin-left:-1px;border-radius:2px;background:var(--st-red)}.st-shade__line span{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:.08em;white-space:nowrap;color:var(--st-red)}.st-shade__knob{position:absolute;top:50%;left:calc(var(--pos) * 100%);width:28px;height:28px;margin:-14px 0 0 -14px;border:5px solid #fff;border-radius:50%;background:color-mix(in srgb,#0a0b0d calc(var(--shade) * 100%),#e9ebef);box-shadow:0 0 0 1px #00000014,0 6px 16px #00000047;cursor:grab}.st-shade__stops{position:relative;height:46px;margin-top:14px}.st-shade__stop{position:absolute;top:0;left:calc(var(--at) * 100%);display:grid;justify-items:center;gap:1px;padding:4px 6px;border:0;border-radius:10px;background:none;color:inherit;cursor:pointer;opacity:.45;transform:translate(-50%);transition:opacity .3s ease}.st-shade__stop b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.st-shade__stop span{font-size:12px;white-space:nowrap}.st-shade__stop.is-on{opacity:1}@media(hover:hover){.st-shade__stop:hover{opacity:1}}.st-shade__stop:focus-visible{outline:2px solid #000;outline-offset:2px}.st-shade__law-h{margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.st-shade__law dl{margin:0}.st-shade__rule{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid rgba(0,0,0,.12);font-size:15px}.st-shade__rule dd{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;white-space:nowrap}.st-shade__rule .st-icon{align-self:center}.st-shade__rule.is-no dd{color:var(--st-red)}@media(min-width:768px)and (max-height:780px){.st-shade__title{font-size:clamp(34px,3.6vw,56px)}.st-shade__vlt b{font-size:clamp(60px,6.4vw,96px)}.st-shade__rule{padding:6px 0;font-size:14px}}@media(prefers-reduced-motion:reduce){.st-shade{height:auto}.st-shade__pin{position:relative;height:auto;min-height:100svh}.st-shade__stage{height:clamp(160px,30vw,440px)}}.st-tlaw__note{max-width:88ch;margin-top:18px}@media(max-width:767px){.st-shade{height:380svh}.st-shade__pin{grid-template-rows:auto auto minmax(0,calc((100vw - 2 * var(--gutter)) * 1030 / 2400)) auto;align-content:space-evenly;gap:12px;padding-top:var(--header-h);padding-bottom:12px}.st-shade__head{display:contents}.st-shade__intro,.st-shade__readout{width:calc(100% - 2 * var(--gutter));margin-inline:auto}.st-shade__stage{height:auto}.st-shade__intro .st-label{margin-bottom:8px}.st-shade__title{font-size:32px}.st-shade__readout{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:14px;text-align:left}.st-shade__vlt b{font-size:60px}.st-shade__vlt i{font-size:26px}.st-shade__vlt span{display:none}.st-shade__name{min-height:0;font-size:14px}.st-shade__car.st-tint__car{width:min(100cqw - 2 * var(--gutter),100cqh * 2400 / 1030)}.st-shade__foot{grid-template-columns:minmax(0,1fr);gap:14px}.st-shade__meter{padding:22px 22px 0}.st-shade__stops{height:40px;margin-top:12px}.st-shade__stop b{font-size:14px}.st-shade__stop span{font-size:12px}.st-shade__rule{padding:6px 0;font-size:13px}.st-shade__spec{grid-column:1 / -1;justify-content:flex-start}}.st-shade__spec{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.st-shade__spec span{opacity:.6}.st-film{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.st-film__item{display:grid;align-content:start;gap:20px}.st-film__glass{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:linear-gradient(rgb(8 10 14 / var(--shade)),rgb(8 10 14 / var(--shade))),radial-gradient(circle at 76% 24%,#fff6dcf2 0 6%,#ffeec400 24%),linear-gradient(180deg,#9fc6e8,#d9e9f5 50%,#8ea2ae 51%,#74858f 60%,#4c565d 61%,#3b4348);box-shadow:inset 0 0 0 1px #ffffff29}.st-film__glass:after{content:"";position:absolute;inset:-30% -60%;background:linear-gradient(115deg,transparent 44%,rgb(255 255 255 / .2) 48%,transparent 54%)}.st-film__body{display:grid;gap:14px}.st-film__name{font-size:13px;font-weight:700;letter-spacing:.14em}.st-film__vlt{display:flex;align-items:baseline;gap:2px;line-height:.9}.st-film__vlt b{font-size:clamp(44px,4.2vw,66px);font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.st-film__vlt i{align-self:flex-start;font-size:clamp(18px,1.6vw,24px);font-style:normal;font-weight:600}.st-film__vlt span{margin-left:8px;font-size:13px;font-weight:600;opacity:.6}.st-film__specs{display:grid;gap:14px;margin:0}.st-film__spec{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:7px 8px}.st-film__spec dt{font-size:13px;opacity:.7}.st-film__spec dd{margin:0;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.st-film__spec:before,.st-film__spec:after{content:"";grid-row:2;grid-column:1 / -1;height:4px;border-radius:4px}.st-film__spec:before{background:color-mix(in srgb,currentColor 14%,transparent)}.st-film__spec:after{background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--st-ease) calc(var(--rv-d, 0ms) + .25s)}.st-film__item.is-in .st-film__spec:after{transform:scaleX(var(--v))}.st-film__where{padding-top:12px;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);font-size:13px;line-height:1.4;opacity:.75}.st-film__note{max-width:72ch;margin-top:30px}.st-vs{--vs-heat: #ff6b3d;--vs-cool: #4aa8ff;--vs-sun: #f7b83d;display:grid;gap:56px}.st-vs__panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.st-vs__pane{display:grid;align-content:start;gap:18px;margin:0;padding:26px 26px 28px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:22px}.st-vs__pane--ours{border-color:color-mix(in srgb,var(--vs-cool) 45%,transparent);background:radial-gradient(110% 90% at 88% 52%,color-mix(in srgb,var(--vs-cool) 13%,transparent),transparent 70%)}.st-vs__pane--dyed{background:radial-gradient(110% 90% at 88% 52%,color-mix(in srgb,var(--vs-heat) 13%,transparent),transparent 70%)}.st-vs__cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}.st-vs__name{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.01em}.st-vs__tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.st-vs__pane--ours .st-vs__tag{color:var(--vs-cool);opacity:1}.st-vs__art{display:block;width:100%;height:auto;overflow:visible}.st-vs__sun{fill:var(--vs-sun)}.st-vs__ray{stroke:var(--vs-sun);stroke-width:2.5;stroke-linecap:round}.st-vs__wave{fill:none;stroke:var(--vs-heat);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36 12;animation:st-vs-flow 1.6s linear infinite}.st-vs__wave--faint{opacity:.3}.st-vs__glass{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:1.5}.st-vs__glare{stroke:#fff;stroke-opacity:.35;stroke-width:2;stroke-linecap:round}.st-vs__therm{fill:none;stroke:currentColor;stroke-opacity:.6;stroke-width:2}.st-vs__mercury--cool{fill:var(--vs-cool)}.st-vs__mercury--hot{fill:var(--vs-heat)}.st-vs__label{fill:currentColor;opacity:.45;font-size:12px;font-weight:700;letter-spacing:.14em}.st-vs__verdict{font-size:16px;line-height:1.5;opacity:.85}@keyframes st-vs-flow{to{stroke-dashoffset:-48}}.st-vs__row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr);align-items:baseline;gap:24px;padding:18px 0;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.st-vs__row--head{padding-top:0;border-top:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.st-vs__what{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.st-vs__ours{display:flex;align-items:baseline;gap:10px;font-size:18px;font-weight:600;line-height:1.35}.st-vs__ours svg{flex-shrink:0;color:var(--vs-cool);transform:translateY(2px)}.st-vs__dyed{font-size:16px;line-height:1.4;opacity:.55}.st-vs__row--head .st-vs__ours{color:var(--vs-cool);font-size:inherit;font-weight:inherit}.st-vs__row--head .st-vs__dyed{font-size:inherit}@media(prefers-reduced-motion:reduce){.st-vs__wave{animation:none}.st-film__spec:after{transition:none}}@media(max-width:1100px){.st-film__vlt span{display:none}}@media(max-width:899px){.st-film{grid-template-columns:minmax(0,1fr);gap:0}.st-film__item{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:18px;padding:18px 0;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.st-film__item:first-child{padding-top:0;border-top:0}.st-film__glass{aspect-ratio:1}.st-film__body{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px 16px}.st-film__specs,.st-film__where{grid-column:1 / -1}.st-film__specs{gap:10px}.st-film__vlt{grid-row:1;grid-column:2}.st-film__vlt b{font-size:36px}.st-film__where{padding-top:0;border-top:0}.st-vs__panes{grid-template-columns:minmax(0,1fr)}.st-vs__pane{padding:22px 20px 24px}}@media(max-width:767px){.st-vs{gap:40px}.st-vs__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;padding:16px 0}.st-vs__what{grid-column:1 / -1}.st-vs__row--head .st-vs__what{display:none}.st-vs__ours{gap:8px;font-size:16px}.st-vs__dyed{font-size:15px}}