.units-overview-page{width:100%;max-width:var(--sl-content-width);margin:0 auto}.overview-intro{margin:0 0 2rem;padding:1rem 1.25rem;background:linear-gradient(to right,#5c85d61a,#5c85d60d);border-left:4px solid hsl(220,60%,60%);border-radius:0 .5rem .5rem 0;color:#e6e6e6;font-size:1rem;line-height:1.7;box-shadow:0 2px 8px #0000001a}.units-overview-header{margin-bottom:2rem}.units-overview-header h1{margin:1.5rem 0 1rem;font-size:3rem;font-weight:600;color:var(--sl-color-white);line-height:1.2}.units-filter{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}.filter-label{display:block;font-size:1.1rem;font-weight:600;color:var(--sl-color-white);margin-bottom:1rem}.filter-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;background:var(--sl-color-gray-5);border:2px solid var(--sl-color-gray-4);border-radius:6px;transition:all .2s ease;height:44px;box-sizing:border-box;margin:0}.filter-checkbox:hover{background:var(--sl-color-gray-4);border-color:var(--sl-color-blue)}.filter-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--sl-color-blue)}.filter-checkbox .filter-cost-icon{width:1rem;height:1rem;object-fit:contain;display:inline-block;vertical-align:middle;margin-left:.25rem}.filter-checkbox span{font-size:.95rem;font-weight:500;color:var(--sl-color-white);user-select:none;white-space:nowrap}.filter-checkbox:has(input:checked){background:var(--sl-color-blue-low);border-color:var(--sl-color-blue)}.units-cost-section{margin-bottom:3rem}.cost-header{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:600;color:var(--sl-color-white);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--sl-color-gray-5)}.cost-header .cost-icon{width:1.5rem;height:1.5rem;object-fit:contain;display:inline-block;vertical-align:middle}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:clamp(.5rem,1.5vw,1rem);container-type:inline-size}@media(min-width:1400px){.units-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(max-width:1024px){.units-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:768px){.units-overview-header h1{font-size:2rem}.units-filter{padding:1rem}.filter-checkboxes{gap:.75rem}.filter-checkbox{padding:.4rem .6rem}.filter-checkbox span{font-size:.85rem}.cost-header{font-size:1.5rem}.units-grid{grid-template-columns:repeat(4,1fr);gap:clamp(.4rem,1vw,.75rem)}}@media(max-width:480px){.units-grid{grid-template-columns:repeat(3,1fr)}}.unit-grid-item{--bevel-size: 6px;--border-width: 2.5px;--border-color: #000000;position:relative;display:block;width:100%;aspect-ratio:1;padding:var(--border-width);transition:transform .3s ease,box-shadow .3s ease;background:var(--border-color);overflow:hidden;clip-path:polygon(var(--bevel-size) 0%,calc(100% - var(--bevel-size)) 0%,100% var(--bevel-size),100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,var(--bevel-size) 100%,0% calc(100% - var(--bevel-size)),0% var(--bevel-size));box-shadow:0 4px 12px #00000080;text-decoration:none}.unit-grid-image{position:absolute;top:var(--border-width);left:var(--border-width);right:var(--border-width);bottom:var(--border-width);width:calc(100% - var(--border-width) * 2);height:calc(100% - var(--border-width) * 2);overflow:hidden;background:#172236;display:flex;align-items:center;justify-content:center;clip-path:polygon(calc(var(--bevel-size) - var(--border-width)) 0%,calc(100% - var(--bevel-size) + var(--border-width)) 0%,100% calc(var(--bevel-size) - var(--border-width)),100% calc(100% - var(--bevel-size) + var(--border-width)),calc(100% - var(--bevel-size) + var(--border-width)) 100%,calc(var(--bevel-size) - var(--border-width)) 100%,0% calc(100% - var(--bevel-size) + var(--border-width)),0% calc(var(--bevel-size) - var(--border-width)))}.unit-grid-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.unit-grid-item:hover{transform:translateY(clamp(-4px,-1vw,-8px));box-shadow:0 8px 32px var(--color-accent-glow),0 0 30px #ff923380}.unit-grid-item:hover .unit-grid-image img{transform:scale(1.05)}.unit-grid-label{position:absolute;bottom:-.15em;left:0;right:0;padding:clamp(.2em,1cqi,.4em) clamp(.3em,1.5cqi,.5em);background:linear-gradient(to top,hsla(0,0%,0%,.9) 0%,hsla(0,0%,0%,.7) 60%,transparent 100%);color:#fff;font-size:clamp(.45rem,2.5cqi,.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.03em;pointer-events:none;text-shadow:0 2px 4px hsla(0,0%,0%,.8),0 4px 8px hsla(0,0%,0%,.6),0 1px 2px hsla(0,0%,0%,.9);transition:color .3s ease;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.unit-grid-label{font-size:clamp(.5rem,2.8cqi,.75rem);padding:clamp(.25em,1.2cqi,.45em) clamp(.3em,1.5cqi,.5em)}}@media(max-width:480px){.unit-grid-label{font-size:clamp(.55rem,3.2cqi,.85rem)}}.unit-grid-item:hover .unit-grid-label{color:#d26a0f}