@layer layout{.stage.stage--three-d-work{anchor-name:--three-d-stage;place-items:stretch;padding:var(--stage-padding);overflow-y:auto;overscroll-behavior-block:contain;scrollbar-width:none}.stage.stage--three-d-work .stage__content{place-items:stretch}.stage.stage--three-d-work::-webkit-scrollbar{display:none}.stage.stage--three-d-work:focus-visible{outline:var(--three-d-work-focus-width) var(--three-d-work-focus-style) var(--three-d-work-focus-color);outline-offset:calc(-1 * var(--three-d-work-focus-offset))}.stage__panel.stage__panel--three-d-work{position:relative;inline-size:var(--three-d-work-inline-size);block-size:var(--three-d-work-block-size);min-block-size:0;padding:0;border:0;border-radius:0;overflow:visible;color:var(--three-d-work-color);background:none;box-shadow:none;font-family:var(--three-d-work-font-family)}.three-d-work{block-size:100%;min-block-size:0}.three-d-work__scroll{block-size:auto;min-block-size:0;padding:var(--three-d-work-gallery-padding);padding-block-end:var(--stage-padding);overflow:visible}.three-d-work__gallery{columns:var(--three-d-work-column-count);column-gap:var(--three-d-work-gallery-gap)}.stage--three-d-work[data-three-d-work-columns="1"] .three-d-work__gallery{--three-d-work-column-count: 1}.stage--three-d-work[data-three-d-work-columns="2"] .three-d-work__gallery{--three-d-work-column-count: 2}.stage--three-d-work[data-three-d-work-columns="3"] .three-d-work__gallery{--three-d-work-column-count: 3}.three-d-work__item{break-inside:avoid;margin:0;margin-block-end:var(--three-d-work-gallery-gap);overflow:hidden;border-radius:var(--three-d-work-image-radius);corner-shape:var(--three-d-work-image-corner-shape);background:var(--three-d-work-image-background)}.three-d-work__item img{display:block;inline-size:100%;block-size:auto;transition:scale var(--three-d-work-motion-duration) var(--three-d-work-motion-ease),filter var(--three-d-work-motion-duration) var(--three-d-work-motion-ease)}.three-d-work__item--video{position:relative;aspect-ratio:var(--three-d-work-media-ratio)}.three-d-work__video-poster,.three-d-work__video-frame{position:absolute;inset:0;inline-size:100%;block-size:100%}.three-d-work__video-poster{object-fit:cover;opacity:1;transition:opacity var(--three-d-work-motion-duration) var(--three-d-work-motion-ease)}.three-d-work__video-frame{border:0;opacity:0;pointer-events:none;transition:opacity var(--three-d-work-motion-duration) var(--three-d-work-motion-ease)}.three-d-work__item--video[data-video-state=ready] .three-d-work__video-poster{opacity:0}.three-d-work__item--video[data-video-state=ready] .three-d-work__video-frame{opacity:1}.three-d-work__item:hover img{scale:var(--three-d-work-image-hover-scale);filter:var(--three-d-work-image-hover-filter)}.three-d-work__column-toggle{position:fixed;inset-inline-start:var(--three-d-work-toggle-inline-start, 50vi);inset-block-end:calc(var(--three-d-work-toggle-block-end, var(--three-d-work-toggle-default-block-end)) + var(--three-d-work-toggle-offset));z-index:4;translate:-50% 0;opacity:0;transition:opacity var(--three-d-work-motion-duration) var(--three-d-work-motion-ease),translate var(--three-d-work-motion-duration) var(--three-d-work-motion-ease)}.three-d-work__column-toggle[data-ready]{opacity:1}@supports (position-anchor: --three-d-stage) and (left: anchor(center)){.three-d-work__column-toggle{position-anchor:--three-d-stage;inset-inline-start:anchor(center);inset-block-end:calc(anchor(bottom) + var(--three-d-work-toggle-offset))}}.three-d-work__column-indicator{display:flex;justify-content:center;gap:var(--three-d-work-toggle-indicator-gap);inline-size:var(--three-d-work-toggle-indicator-inline-size);block-size:var(--three-d-work-toggle-indicator-block-size)}.three-d-work__column-indicator-bar{flex:0 0 var(--three-d-work-toggle-indicator-bar-width);border-radius:var(--three-d-work-image-radius);background:currentColor}@supports (grid-template-rows: masonry){.three-d-work__gallery{display:grid;grid-template-columns:repeat(var(--three-d-work-column-count),minmax(0,1fr));grid-template-rows:masonry;gap:var(--three-d-work-gallery-gap);columns:initial}.three-d-work__item{margin-block-end:0}}@supports (display: grid-lanes){.three-d-work__gallery{display:grid-lanes;grid-template-columns:repeat(var(--three-d-work-column-count),minmax(0,1fr));gap:var(--three-d-work-gallery-gap);flow-tolerance:var(--three-d-work-flow-tolerance);columns:initial}.three-d-work__item{margin-block-end:0}}.three-d-work__actions{margin-block-end:var(--three-d-work-gallery-gap)}.stage__panel--three-d-work .stage__back{z-index:2;align-items:center;block-size:var(--panel-action-size);padding-inline:var(--three-d-work-caption-padding);border:var(--three-d-work-border-width) var(--three-d-work-border-style) var(--three-d-work-border-color);border-radius:var(--panel-action-radius);corner-shape:var(--panel-action-corner-shape);color:var(--three-d-work-color);background:var(--panel-action-background);box-shadow:var(--panel-action-shadow)}@media(width<=48rem){.stage__panel.stage__panel--three-d-work{inline-size:100%;block-size:100%}.three-d-work__gallery{--three-d-work-column-count: 2}}@media(width<=22rem){.three-d-work__gallery{--three-d-work-column-count: 1}}@media(prefers-reduced-motion:reduce){.three-d-work__column-toggle,.three-d-work__item img,.three-d-work__video-frame{transition-duration:var(--three-d-work-reduced-duration)}.three-d-work__item:hover img{scale:1;filter:none}}}@layer layout{.three-d-work__column-toggle{--segment-padding: var(--three-d-work-toggle-padding);--segment-gap: var(--three-d-work-toggle-gap);--segment-option-padding: 0px;--segment-option-width: var(--three-d-work-toggle-size);--segment-height: var(--three-d-work-toggle-size);--segment-background: var(--three-d-work-toggle-background);--segment-backdrop-filter: var(--three-d-work-toggle-backdrop-filter);--segment-selected-background: var(--three-d-work-toggle-selected-background);--segment-selected-backdrop-filter: var(--three-d-work-toggle-selected-backdrop-filter);--segment-selected-color: var(--three-d-work-toggle-selected-color);--segment-color: var(--three-d-work-toggle-color);--segment-hover-color: var(--three-d-work-toggle-hover-color);--segment-radius: var(--three-d-work-toggle-radius);--segment-option-radius: var(--three-d-work-toggle-option-radius);--segment-corner-shape: var(--three-d-work-toggle-corner-shape);--segment-border-width: var(--three-d-work-toggle-border-width);--segment-border-style: var(--three-d-work-toggle-border-style);--segment-border-color: var(--three-d-work-toggle-border-color);--segment-shadow: var(--three-d-work-toggle-shadow);--segment-duration: var(--three-d-work-layout-duration);--segment-ease: var(--three-d-work-layout-ease);--segment-pressed-scale: var(--three-d-work-pressed-scale);--segment-focus-width: var(--three-d-work-focus-width);--segment-focus-style: var(--three-d-work-focus-style);--segment-focus-color: var(--three-d-work-focus-color);--segment-focus-offset: calc(-1 * var(--three-d-work-focus-offset))}}