.static-page [data-static-route=finishes] .sp-hero{direction:ltr}.static-page [data-static-route=finishes] .sp-hero-copy{direction:rtl}.static-page [data-static-route=finishes] .sp-hero-photo{aspect-ratio:var(--sp-hero-image-ratio);align-self:center}.static-page [data-static-route=finishes] .sp-hero-photo img{position:absolute;inset:0;block-size:100%;min-block-size:0;max-block-size:none;object-fit:cover}.static-page .finish-catalog{min-inline-size:0}.static-page .finish-catalog>section{padding-block:var(--finish-space);border-block-end:var(--finish-rule) solid var(--rule)}.static-page .finish-catalog :is(#colors,#materials){display:grid;grid-template-columns:var(--finish-label-width) minmax(0,1fr);grid-template-rows:auto 1fr;gap:var(--finish-gap);direction:ltr}.static-page .finish-catalog :is(#colors,#materials)>h2{grid-column:1;grid-row:1;direction:rtl;margin:0}.static-page .finish-catalog :is(#colors,#materials)>p{grid-column:1;grid-row:2;align-self:end;direction:rtl;margin:0}.static-page .finish-catalog :is(#colors,#materials)>:is(.grid,.sp-material-panorama){grid-column:2;grid-row:1 / span 2;margin:0;direction:rtl}.static-page .finish-catalog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--finish-handle-min)),1fr));gap:var(--finish-gap);list-style:none;padding:0}.static-page .finish-catalog .grid li{min-inline-size:0}.static-page .finish-catalog #colors .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.static-page .finish-catalog .card{display:flex;flex-direction:column;gap:var(--finish-gap);padding:0;border:0;background:transparent;box-shadow:none;text-decoration:none}.static-page .finish-catalog .swatch{display:block;inline-size:100%;aspect-ratio:var(--finish-image-ratio);overflow:hidden}.static-page .finish-catalog .swatch img{inline-size:100%;block-size:100%;object-fit:cover}.static-page .finish-catalog .name{text-align:center}.static-page .finish-catalog .meta{display:none}.static-page .finish-catalog .sp-material-panorama img{display:block;inline-size:100%;block-size:auto}.static-page .finish-catalog #handles .grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82%,var(--finish-handle-card-width));align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block-end:var(--finish-gap)}.static-page .finish-handle-gallery>li{scroll-snap-align:start}.static-page .finish-gallery-controls:not([hidden]){display:flex;gap:var(--finish-gap);justify-content:flex-start;margin-block:var(--finish-gap)}.static-page .finish-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;gap:var(--finish-gap);min-inline-size:var(--finish-control);min-block-size:var(--finish-control);padding-inline:var(--finish-gap);border:var(--finish-rule) solid var(--rule);background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:var(--w-medium)}.static-page .finish-gallery-controls button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.static-page .finish-gallery-controls button:disabled{opacity:.3;cursor:default}.static-page .finish-handle-image{display:block;position:relative;overflow:hidden;cursor:zoom-in;color:inherit}.static-page .finish-handle-image img{display:block;inline-size:100%;aspect-ratio:var(--finish-handle-image-ratio);object-fit:contain;transition:transform var(--finish-duration) ease}.static-page .finish-enlarge-mark{position:absolute;inset-inline-end:0;inset-block-end:0;display:grid;place-items:center;inline-size:var(--finish-control);block-size:var(--finish-control);background:var(--sp-white);font-size:var(--type-subheading)}.static-page .finish-handle-card h3{margin-block:var(--finish-gap);font-size:var(--type-body)}.static-page .finish-handle-details summary{cursor:pointer;padding-block:var(--finish-gap);border-block:var(--finish-rule) solid var(--rule)}.static-page .finish-catalog [data-handle-specs]{padding-block:var(--finish-gap);font-size:var(--finish-summary-size)}.static-page .finish-catalog [data-handle-specs] :is(dl,dd){margin:0}.static-page .finish-catalog [data-handle-specs] dt{font-weight:var(--w-medium)}.static-page .finish-catalog [data-handle-specs] dd{margin-block-end:var(--finish-gap);overflow-wrap:anywhere}.static-page .finish-catalog [data-handle-specs] small{display:block;font-size:inherit;color:var(--text-secondary)}.static-page .finish-catalog [data-handle-specs] p{font-size:inherit;margin-block-end:var(--finish-gap)}.static-page .finish-handle-select{display:inline-block;padding-block:var(--finish-gap)}.static-page .finish-handle-dialog{inline-size:var(--finish-modal-width);max-inline-size:100%;max-block-size:100dvh;margin:auto;padding:var(--finish-gap);border:0;background:var(--sp-white);color:var(--color-ink)}.static-page .finish-handle-dialog::backdrop{background:var(--finish-overlay)}.static-page .finish-handle-dialog header{display:flex;align-items:center;justify-content:space-between;gap:var(--finish-gap);margin-block-end:var(--finish-gap)}.static-page .finish-handle-dialog h2{margin:0;font-size:var(--type-subheading)}.static-page .finish-handle-dialog button{min-inline-size:var(--finish-control);min-block-size:var(--finish-control);border:var(--finish-rule) solid var(--rule);background:var(--sp-white);color:inherit;font:inherit;cursor:pointer}.static-page .finish-handle-view{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--finish-gap)}.static-page .finish-handle-zoom-frame{overflow:auto;max-block-size:var(--finish-modal-image-height);direction:ltr}.static-page .finish-handle-zoom-frame img{display:block;inline-size:100%;max-inline-size:none;block-size:auto}.static-page .finish-handle-zoom-frame[data-zoomed=true] img{inline-size:calc(100% * var(--finish-zoom))}.static-page .finish-handle-dialog [data-handle-zoom]{margin-block-start:var(--finish-gap);padding-inline:var(--finish-gap)}.static-page .finish-catalog :is(a,button,summary,[tabindex]):focus-visible{outline:var(--finish-rule) solid currentColor;outline-offset:var(--finish-rule)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.static-page .finish-handle-image:hover img{transform:scale(var(--finish-hover-zoom))}}@media(prefers-reduced-motion:reduce){.static-page .finish-handle-image img{transition:none}}@media(max-width:600px){.static-page .finish-catalog #colors .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.static-page .finish-catalog :is(#colors,#materials){display:flex;flex-direction:column;direction:rtl}.static-page .finish-catalog :is(#colors,#materials)>p{align-self:stretch;order:1}.static-page .finish-handle-view{grid-template-columns:minmax(0,1fr)}}