.bnav-shade{--bnav-accent:var(--gold,#be9548);--bnav-accent-hi:var(--gold-hi,#dcbb74);--bnav-accent-dim:var(--gold-dim,#be954857);--bnav-ink-hi:var(--t-hi,#f6f5f3);--bnav-ink:var(--t,#a9a9a6);--bnav-muted:var(--t-dim,#81818a);--bnav-line:var(--hair,#ffffff1d);--bnav-line-2:var(--hair-2,#ffffff0e);--bnav-bg:var(--black,#08080a);--bnav-label-font:var(--sans,inherit);color:var(--bnav-ink);position:relative}.bnav-shade *{box-sizing:border-box}.bnav-shade [hidden]{display:none!important}.bnav-shade button{font:inherit;color:inherit}.bnav-shade :focus-visible{outline:1px solid var(--bnav-accent-hi);outline-offset:4px}.bnav-shade__kicker{font-family:var(--bnav-label-font);letter-spacing:.3em;text-transform:uppercase;color:var(--bnav-muted);font-size:10px;font-weight:600}.bnav-shade__bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:22px;display:flex}.bnav-shade__intro{max-width:56ch;margin:0}.bnav-shade__seg{border:1px solid var(--bnav-line);display:inline-flex}.bnav-shade__seg button{min-width:76px;min-height:44px;font-family:var(--bnav-label-font);letter-spacing:.24em;text-transform:uppercase;color:var(--bnav-muted);cursor:pointer;background:0 0;border:0;padding:0 18px;font-size:10px;font-weight:600;transition:color .3s,background .3s}.bnav-shade__seg button[aria-pressed=true]{background:var(--bnav-accent);color:var(--bnav-bg)}.bnav-shade__seg button:disabled{opacity:.45;cursor:wait}.bnav-shade__room{border:1px solid var(--bnav-line-2);background:linear-gradient(#1b1b20,#121216);place-items:center;padding:clamp(14px,4.5vw,48px);transition:background .6s;display:grid;position:relative;overflow:hidden}.bnav-shade__room:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 40%,#d2e1f01a,#0000 70%);position:absolute;inset:0}.bnav-shade__room.is-night{background:linear-gradient(#15110d,#0b0a09)}.bnav-shade__room.is-night:before{background:radial-gradient(60% 50% at 50% 0,#ffbe7838,#0000 70%)}.bnav-shade__window{aspect-ratio:16/10;touch-action:none;background:#000;border:clamp(6px,1.2vw,10px) solid #0a0a0b;outline:1px solid #2a2a30;width:min(100%,860px);position:relative;box-shadow:0 30px 60px -28px #000000e6}.bnav-shade__fallback,.bnav-shade__view{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bnav-shade__view{cursor:ns-resize}.bnav-shade__mullion{pointer-events:none;background:#0a0a0b;width:clamp(5px,.9vw,8px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.bnav-shade__tip{font-family:var(--bnav-label-font);letter-spacing:.2em;text-transform:uppercase;color:#fff;pointer-events:none;background:#00000080;padding:5px 10px;font-size:9px;font-weight:600;position:absolute;bottom:10px;right:10px}.bnav-shade__pos{justify-content:center;margin-top:18px;display:flex}.bnav-shade__pos label{font-family:var(--bnav-label-font);letter-spacing:.24em;text-transform:uppercase;color:var(--bnav-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:10px;font-weight:600;display:flex}.bnav-shade__pos input{width:200px;max-width:60vw;min-height:44px;accent-color:var(--bnav-accent)}.bnav-shade__pos output{font-family:var(--bnav-label-font);font-variant-numeric:tabular-nums;color:var(--bnav-ink-hi);letter-spacing:.05em;min-width:4ch}.bnav-shade__sub{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:clamp(28px,4vw,48px);display:flex}.bnav-shade__fine{color:var(--bnav-muted);margin:0;font-size:13px}.bnav-shade__stage{perspective:1200px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;height:250px;position:relative}.bnav-shade__stage.is-dragging{cursor:grabbing}.bnav-shade__ring{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.bnav-shade__sw{-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid var(--bnav-line);cursor:pointer;text-align:left;background:#222;border:0;width:132px;height:172px;padding:0;transition:opacity .4s,filter .4s;position:absolute;top:-86px;left:-66px;overflow:hidden;box-shadow:0 18px 30px -14px #000000e6}.bnav-shade__sw canvas{width:100%;height:100%;display:block}.bnav-shade__sw .t{color:#fff;background:linear-gradient(#0000,#000000b8);padding:26px 11px 10px;position:absolute;bottom:0;left:0;right:0}.bnav-shade__sw .b{font-family:var(--bnav-label-font);letter-spacing:-.02em;font-size:32px;font-weight:200;line-height:1;display:block}.bnav-shade__sw .l{font-family:var(--bnav-label-font);letter-spacing:.22em;text-transform:uppercase;color:var(--bnav-accent-hi);margin-top:5px;font-size:8.5px;font-weight:600;display:block}.bnav-shade__sw[aria-pressed=true]{outline:1px solid var(--bnav-accent)}.bnav-shade__sw[aria-pressed=false]{opacity:.45;filter:saturate(.6)}.bnav-shade__sw:focus-visible{outline:2px solid var(--bnav-accent-hi);outline-offset:0}.bnav-shade__arrow{border:1px solid var(--bnav-accent-dim);background:var(--bnav-bg);width:44px;height:44px;color:var(--bnav-accent-hi);cursor:pointer;z-index:5;border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:border-color .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.bnav-shade__arrow:hover{border-color:var(--bnav-accent-hi)}.bnav-shade__arrow:disabled{opacity:.3;cursor:default}.bnav-shade__arrow--prev{left:0}.bnav-shade__arrow--next{right:0}.bnav-shade__colors{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.bnav-shade__colors .bnav-shade__kicker{margin-right:6px}.bnav-shade__chip{border:1px solid var(--bnav-line);min-height:44px;color:var(--bnav-ink);cursor:pointer;background:0 0;align-items:center;gap:9px;padding:0 14px 0 8px;font-size:13px;transition:border-color .3s,color .3s;display:flex}.bnav-shade__chip i{border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 0 1px #ffffff2e}.bnav-shade__chip[aria-pressed=true]{border-color:var(--bnav-accent);color:var(--bnav-ink-hi)}.bnav-shade__spec{border-top:1px solid var(--bnav-line);border-bottom:1px solid var(--bnav-line);grid-template-columns:repeat(6,minmax(0,1fr));margin:clamp(26px,4vw,44px) 0 0;display:grid}.bnav-shade__spec div{min-width:0;padding:18px 14px 18px 0}.bnav-shade__spec div+div{border-left:1px solid var(--bnav-line-2);padding-left:14px}.bnav-shade__spec dt{font-family:var(--bnav-label-font);letter-spacing:.26em;text-transform:uppercase;color:var(--bnav-muted);font-size:9px;font-weight:600}.bnav-shade__spec dd{color:var(--bnav-ink-hi);margin:6px 0 0;font-size:15px}.bnav-shade__spec div:first-child dd{font-family:var(--bnav-label-font);color:var(--bnav-accent-hi);font-size:20px;font-weight:300}.bnav-shade__foot{grid-template-columns:1fr auto;align-items:end;gap:18px 48px;margin-top:24px;display:grid}.bnav-shade__desc{max-width:64ch;margin:0}.bnav-shade__desc strong{color:var(--bnav-ink-hi);font-weight:500}.bnav-shade__sample{font-family:var(--bnav-label-font);letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid var(--bnav-accent-dim);min-height:44px;color:var(--bnav-ink-hi);align-items:center;gap:12px;font-size:10.5px;font-weight:600;text-decoration:none;transition:border-color .4s,color .4s,gap .4s;display:inline-flex}.bnav-shade__sample:hover{border-bottom-color:var(--bnav-accent-hi);color:var(--bnav-accent-hi);gap:18px}.bnav-shade__note{color:var(--bnav-muted);margin:22px 0 0;font-size:12.5px}.bnav-shade__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=820px){.bnav-shade__spec{grid-template-columns:repeat(3,minmax(0,1fr))}.bnav-shade__spec div:nth-child(4){border-left:0;padding-left:0}.bnav-shade__spec div:nth-child(n+4){border-top:1px solid var(--bnav-line-2)}.bnav-shade__foot{grid-template-columns:1fr}}@media (width<=520px){.bnav-shade__sw{width:104px;height:136px;top:-68px;left:-52px}.bnav-shade__sw .b{font-size:24px}.bnav-shade__stage{height:200px}.bnav-shade__spec{grid-template-columns:repeat(2,minmax(0,1fr))}.bnav-shade__spec div{border-left:0!important;padding-left:0!important}.bnav-shade__spec div:nth-child(2n){border-left:1px solid var(--bnav-line-2)!important;padding-left:14px!important}.bnav-shade__spec div:nth-child(n+3){border-top:1px solid var(--bnav-line-2)}}@media (pointer:coarse){.bnav-shade__window{touch-action:auto}.bnav-shade__view{cursor:default}.bnav-shade__tip{display:none}}@media (prefers-reduced-motion:reduce){.bnav-shade__ring,.bnav-shade__sw,.bnav-shade__room{transition:none!important}}