@layer components{.slider_wrap{--_gap-size:var(--site-gutter);--_edge:max(var(--site-margin), (100vw - var(--max-width-main)) / 2);--_visible:var(--_visible-xs);--_visible-xs:1.02;--_visible-sm:var(--_visible-xs);--_visible-md:var(--_visible-sm);--_visible-lg:var(--_visible-md);gap:var(--space-6);width:100%;display:grid}@media (min-width:30rem){.slider_wrap{--_visible:var(--_visible-sm)}}@media (min-width:48rem){.slider_wrap{--_visible:var(--_visible-md)}}@media (min-width:64rem){.slider_wrap{--_visible:var(--_visible-lg)}}.slider_list{gap:var(--_gap-size);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;min-width:0;margin-inline:calc(-1 * var(--_edge));padding-inline:var(--_edge);scroll-padding-inline:var(--_edge);display:flex;overflow-x:auto}.slider_list::-webkit-scrollbar{display:none}.slider_list:active{cursor:grabbing}.slider_list.is-dragging{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.slider_wrap:not(.is-ready) .slider_list,.slider_wrap:has(.slider_controls.is-empty) .slider_list{cursor:auto}.slider_list>*{flex:0 0 calc((100% - (var(--_visible) - 1) * var(--_gap-size)) / var(--_visible));scroll-snap-align:start;min-width:0}.slider_wrap.crop-start .slider_list{margin-inline-start:0;padding-inline-start:0;scroll-padding-inline-start:0}.slider_wrap.contained .slider_list{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.slider_controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.slider_wrap:not(.is-ready) .slider_controls,.slider_controls.is-empty{display:none}.slider_markers{align-items:center;gap:var(--space-2);display:flex}.slider_marker{border:var(--border-width) solid var(--text);border-radius:var(--radius-round);width:.75rem;height:.75rem;transition:background-color var(--hover-duration) var(--hover-ease);background:0 0;padding:0}.slider_marker.is-active{background-color:var(--text)}@media (hover:hover){.slider_marker:hover{background-color:var(--text)}}.slider_steps{gap:var(--space-2);display:flex}.work-row{--_label-gap:var(--space-3);gap:var(--_label-gap);width:100%;display:grid}.work-row__label{font-family:var(--font-pixel);font-weight:var(--primary-regular);font-size:var(--h5);line-height:var(--line-height-small);letter-spacing:var(--tracking-pixel);color:var(--text);margin:0}.work-row__room{width:var(--_markers,0px);display:inline-block}.section:has(.work-row){background-image:linear-gradient(var(--background), var(--background));container-type:inline-size}.work-row .slider_wrap{--_edge:max(var(--site-margin), (100cqw - var(--max-width-main)) / 2);gap:0;position:relative}.work-row .slider_list{mask-image:linear-gradient(to right, transparent, #000 var(--_edge), #000 calc(100% - var(--_edge)), transparent)}.work-row .slider_steps{display:none}.work-row .slider_steps .button_wrap{--button-background:transparent;--button-background-hover:transparent;--button-border:transparent;--button-border-hover:transparent;--button-text:var(--text);--button-text-hover:var(--text);--_handle:min(var(--_edge), 4rem);width:var(--_handle);font-size:var(--h4);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease);border:0;border-radius:0;padding:0;position:absolute;top:0;bottom:0}.work-row .slider_steps .button_wrap[data-step="-1"]{left:calc(-1 * var(--_handle))}.work-row .slider_steps .button_wrap[data-step="1"]{right:calc(-1 * var(--_handle))}.work-row .slider_steps .button_wrap:disabled{pointer-events:none}.work-row .slider_steps .button_wrap .button_mark{transition:scale var(--hover-duration) var(--hover-ease)}.work-row .slider_steps .button_wrap:hover .button_mark{scale:1.25}.work-row .slider_markers{font-family:var(--font-pixel);font-size:var(--h5);height:1cap;margin-bottom:var(--_label-gap);gap:calc(var(--space-1) / 2);position:absolute;bottom:100%;right:0}.work-row .slider_marker{box-sizing:content-box;width:var(--space-3);height:calc(var(--rule-thin) * 2);padding-block:var(--space-1);background-color:var(--rule-hairline);background-clip:content-box;border:0;border-radius:0}.work-row .slider_marker.is-active{background-color:var(--rule-strong)}@media (hover:hover) and (pointer:fine){.work-row .slider_steps{display:flex}.work-row .slider_markers{opacity:0;transition:opacity var(--hover-duration) var(--hover-ease)}.work-row:is(:hover,:focus-within) .slider_markers,.work-row:is(:hover,:focus-within) .slider_steps .button_wrap:not(:disabled){opacity:1}}@media (prefers-reduced-motion:reduce){.work-row .slider_steps .button_mark{transition:none}}}