@layer components{.door-handles-page{min-height:100vh;overflow-x:hidden;background:var(--color-surface)}.door-handles-page-compact-footer{min-height:auto}.door-handles-title-band{position:relative;overflow:hidden;background:var(--color-surface)}.product-listing-title-pattern{position:absolute;inset:0;background-image:url(/images/ui/product-list-title-texture.png);opacity:.5}.door-handles-archive,.door-handles-editorial-content,.door-handles-introduction-copy,.door-handles-title-content{width:min(calc(100% - var(--door-handles-page-padding-inline) - var(--door-handles-page-padding-inline)),var(--door-handles-content-width));margin-inline:auto}.door-handles-title-content{display:flex;position:relative;min-height:var(--door-handles-title-band-min-height);align-items:center}.door-handles-title{margin:0;color:var(--color-door-handles-ink);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-title-size);font-weight:var(--font-weight-ui-emphasis-value);line-height:var(--type-door-handles-title-line-height);letter-spacing:var(--letter-spacing-home-editorial-label);text-align:left;text-transform:uppercase}.door-handles-introduction{padding-block:var(--door-handles-introduction-padding-block-start) var(--door-handles-introduction-padding-block-end);background:var(--color-surface)}.door-handles-introduction-copy{margin-block:0;color:var(--color-body);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-introduction-size);font-weight:var(--font-weight-copy-value);line-height:var(--type-door-handles-introduction-line-height)}.door-handles-archive{padding-block-end:3rem}.door-handles-archive-spaced-filter{padding-block-start:var(--product-listing-spaced-filter-gap)}.door-handles-archive-half-latch-spacing{padding-block-end:var(--half-latches-archive-footer-gap)}.door-handles-page-compact-footer .door-handles-archive{padding-block-end:var(--product-listing-compact-footer-gap)}.door-handles-filter-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--door-handles-filter-control-gap);align-items:center}.door-handles-filter-label{display:flex;min-height:var(--door-handles-filter-control-height);align-items:center;justify-content:center;padding-inline:var(--door-handles-filter-label-padding-inline);background:var(--color-door-handles-ink);color:var(--ol-color-inverse);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-filter-label-size);font-weight:var(--font-weight-action-value);line-height:var(--type-door-handles-filter-label-line-height);text-align:center}.door-handles-filter-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--door-handles-filter-control-gap)}.door-handles-filter-select-control{position:relative;min-width:0}.door-handles-filter-select{display:block;width:100%;min-width:0;min-height:var(--door-handles-filter-control-height);appearance:none;border:0;border-radius:0;background:var(--color-door-handles-filter-surface);padding-inline:var(--door-handles-filter-select-padding-inline-start) var(--door-handles-filter-select-padding-inline-end);color:var(--color-door-handles-meta);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-filter-control-size);font-weight:var(--font-weight-action-value);line-height:var(--type-door-handles-filter-control-line-height)}.door-handles-filter-select-icon{position:absolute;inset-inline-end:var(--door-handles-filter-select-icon-inset);top:50%;width:.75rem;height:.5rem;transform:translateY(-50%);color:var(--color-door-handles-meta);pointer-events:none}.door-handles-filter-reset{min-height:var(--door-handles-filter-control-height);justify-self:start;border:0;background:var(--color-door-handles-ink);padding-inline:1rem;color:var(--ol-color-inverse);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-filter-control-size);font-weight:var(--font-weight-action-value);line-height:var(--type-door-handles-filter-control-line-height);text-transform:uppercase;white-space:nowrap}.door-handles-filter-reset:hover{background:var(--color-strong)}.door-handles-product-list{margin-block-start:2rem}.door-handles-product-grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--door-handles-product-grid-gap);row-gap:var(--door-handles-product-row-gap)}.door-handles-product-card{min-width:0}.door-handles-product-designer-link,.door-handles-product-link,.door-handles-product-name-link{color:inherit;text-decoration:none}.door-handles-product-link{display:block}.door-handles-product-media{position:relative;aspect-ratio:var(--door-handles-product-media-aspect-ratio);margin:var(--door-handles-product-media-inset);overflow:hidden;background:var(--color-surface)}.door-handles-product-image{object-fit:contain}.door-handles-product-grid-cremonesi-portrait .door-handles-product-media{height:var(--cremonesi-product-media-height);aspect-ratio:auto}.door-handles-product-grid-window-handle-dk-portrait .door-handles-product-media{height:var(--window-handles-dk-product-media-height);aspect-ratio:auto}.door-handles-product-grid-flush-handle-portrait .door-handles-product-media{aspect-ratio:var(--flush-handles-product-media-aspect-ratio)}.door-handles-product-grid-pull-handle-tall .door-handles-product-media{aspect-ratio:var(--pull-handles-product-media-aspect-ratio)}.door-handles-product-grid-pull-handle-tall{row-gap:var(--pull-handles-product-row-gap)}.door-handles-product-grid-door-stopper-paired{row-gap:var(--door-stoppers-product-row-gap)}.door-handles-product-grid-half-latch-six-column{row-gap:var(--half-latches-product-row-gap)}.door-handles-product-code,.door-handles-product-designer,.door-handles-product-heading-row{margin-inline:var(--door-handles-product-media-inset)}.door-handles-product-heading-row{display:flex;position:relative;align-items:flex-start;gap:.5rem;margin-block-start:var(--door-handles-product-title-margin-block-start);padding-inline-end:var(--product-status-badge-inline-reserve)}.door-handles-product-name{margin:0;color:var(--color-door-handles-ink);font-size:var(--type-door-handles-product-name-size);font-weight:var(--font-weight-ui-emphasis-value);line-height:var(--type-door-handles-product-name-line-height)}.door-handles-product-name,.door-handles-product-new{font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.door-handles-product-new{display:inline-flex;box-sizing:border-box;position:absolute;inset-block-start:0;inset-inline-end:0;min-height:var(--product-status-badge-min-height);align-items:center;justify-content:center;margin-inline-start:auto;border-radius:var(--product-status-badge-radius);background:var(--color-status-new);padding-inline:var(--product-status-badge-padding-inline);color:var(--ol-color-inverse);font-size:var(--type-product-status-badge-size);font-weight:var(--font-weight-action-value);line-height:var(--type-product-status-badge-line-height)}.door-handles-product-code,.door-handles-product-designer{font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-product-meta-size);line-height:var(--type-door-handles-product-meta-line-height)}.door-handles-product-designer{margin-block:var(--door-handles-product-designer-margin-block-start) 0;color:var(--color-strong);font-weight:var(--font-weight-ui-emphasis-value)}.door-handles-product-designer-link,.door-handles-product-name-link{transition:color var(--motion-media-hover-duration) var(--motion-media-hover-easing)}.door-handles-product-designer-link:focus-visible,.door-handles-product-name-link:focus-visible{color:var(--color-heading);outline:2px solid currentcolor;outline-offset:2px}@media (hover:hover) and (pointer:fine){.door-handles-product-designer-link:hover,.door-handles-product-name-link:hover{color:var(--color-heading)}}.door-handles-product-code{margin-block:var(--door-handles-product-code-margin-block-start) 0;color:var(--color-door-handles-ink);font-weight:var(--font-weight-copy-value)}.door-handles-editorial{padding-block:var(--door-handles-editorial-padding-block);background:var(--color-surface)}.door-handles-editorial-heading,.door-handles-editorial-subheading{margin:0;color:var(--color-door-handles-ink);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-editorial-heading-size);font-weight:var(--font-weight-copy-value);line-height:var(--type-door-handles-editorial-heading-line-height);letter-spacing:var(--letter-spacing-home-editorial-label);text-transform:uppercase}.door-handles-editorial-copy{max-width:67.5rem;margin-block:1.25rem 0}.door-handles-editorial-copy,.door-handles-editorial-toggle{color:var(--color-door-handles-ink);font-family:var(--font-titillium),ui-sans-serif,system-ui,sans-serif;font-size:var(--type-door-handles-editorial-copy-size);font-weight:var(--font-weight-copy-value);line-height:var(--type-door-handles-editorial-copy-line-height)}.door-handles-editorial-toggle{display:inline-flex;margin-block-start:1.25rem;align-items:center;gap:.5rem;border:0;background:transparent;padding:0;transition:opacity .2s ease}.door-handles-editorial-toggle:hover{opacity:.6}.door-handles-editorial-toggle-icon{position:relative;display:block;width:.4375rem;height:.4375rem;transform:translateY(var(--door-handles-editorial-toggle-icon-block-offset))}.door-handles-editorial-toggle-icon-horizontal,.door-handles-editorial-toggle-icon-vertical{position:absolute;display:block;background:currentColor}.door-handles-editorial-toggle-icon-horizontal{inset-block-start:.1875rem;inset-inline-start:0;width:.4375rem;height:1px}.door-handles-editorial-toggle-icon-vertical{inset-block-start:0;inset-inline-start:.1875rem;width:1px;height:.4375rem;transform-origin:center;transition:opacity var(--motion-disclosure-duration) var(--motion-disclosure-easing),transform var(--motion-disclosure-duration) var(--motion-disclosure-easing)}.door-handles-editorial-toggle[aria-expanded=true] .door-handles-editorial-toggle-icon-vertical{opacity:0;transform:scaleY(0)}.door-handles-editorial-additional-copy{display:grid;grid-template-rows:0fr;margin-block-start:0;opacity:0;transition:grid-template-rows var(--motion-disclosure-duration) var(--motion-disclosure-easing),margin-block-start var(--motion-disclosure-duration) var(--motion-disclosure-easing),opacity var(--motion-disclosure-duration) var(--motion-disclosure-easing)}.door-handles-editorial-additional-copy.is-expanded{grid-template-rows:1fr;margin-block-start:1.75rem;opacity:1}.door-handles-editorial-additional-copy-inner{display:grid;min-height:0;overflow:hidden;gap:2rem}.door-handles-editorial-additional-section{min-width:0}@media (min-width:48rem){.door-handles-title-axis{flex:1 1 auto}.door-handles-filter-panel{grid-template-columns:minmax(7rem,calc((100% - var(--door-handles-filter-control-gap) - var(--door-handles-filter-control-gap) - var(--door-handles-filter-control-gap)) / 8)) minmax(0,1fr)}.door-handles-filter-label,.door-handles-filter-panel{min-height:var(--door-handles-filter-control-height)}.door-handles-filter-controls{grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.door-handles-filter-reset{grid-column:2;margin-block-start:var(--door-handles-filter-control-gap)}.door-handles-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.door-handles-product-grid-door-stopper-paired .door-handles-product-card-family-start,.door-handles-product-grid-escutcheon-five-column .door-handles-product-card-family-start,.door-handles-product-grid-half-latch-six-column .door-handles-product-card-family-start,.door-handles-product-grid-pull-handle-tall .door-handles-product-card-family-start{grid-column-start:1}}@media (min-width:62.5rem){.door-handles-filter-panel-active{grid-template-columns:minmax(7rem,calc((100% - var(--door-handles-filter-control-gap) - var(--door-handles-filter-control-gap) - var(--door-handles-filter-control-gap)) / 8)) minmax(0,1fr) auto}.door-handles-filter-panel-active .door-handles-filter-controls,.door-handles-filter-panel-active .door-handles-filter-reset{grid-column:auto}.door-handles-filter-panel-active .door-handles-filter-reset{margin-block-start:0}.door-handles-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.door-handles-product-grid-half-latch-six-column{grid-template-columns:repeat(6,minmax(0,1fr))}.door-handles-product-grid-escutcheon-five-column{grid-template-columns:repeat(5,minmax(0,1fr))}}}