.showroom{scroll-margin-top:110px;background:#f8f7f3}.showroom-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:38px}.showroom-heading h2{max-width:720px;font-size:clamp(34px,4.3vw,62px);line-height:1.08}.showroom-intro{max-width:360px;margin:0;color:var(--muted);line-height:1.75;font-size:15px}.showroom-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:25px}.showroom-filters{display:flex;gap:8px;flex-wrap:wrap}.showroom-filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 15px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.showroom-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.showroom-search{display:flex;gap:8px;align-items:center;min-width:225px;border-bottom:1px solid #92978f;padding:10px 0}.showroom-search span{font-size:24px}.showroom-search input{width:100%;min-width:0;border:0;outline-offset:6px;background:transparent;font:inherit;font-size:14px;color:var(--ink)}.showroom-summary{display:flex;justify-content:space-between;gap:16px;margin:24px 0 20px;font-size:12px;color:var(--muted)}.showroom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}.showroom-card{min-width:0}.showroom-card[hidden]{display:none}.showroom-photo{display:block;position:relative;overflow:hidden;width:100%;padding:0;border:0;background:#f1f0ed;cursor:pointer;aspect-ratio:3/4}.showroom-photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.showroom-photo:hover img{transform:scale(1.035)}.showroom-photo-count{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);padding:6px 10px;border-radius:20px;font-size:11px;color:#333}.showroom-view{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(255,255,255,.94);padding:12px;color:var(--ink);font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.showroom-photo:hover .showroom-view,.showroom-photo:focus-visible .showroom-view{opacity:1;transform:none}.showroom-card-info{padding:18px 0 0}.showroom-code{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.showroom-card h3{margin:7px 0 12px;line-height:1.35;font-size:16px}.showroom-card h3 button{border:0;background:none;text-align:left;padding:0;color:inherit;font:inherit;cursor:pointer}.showroom-card-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px}.showroom-card-bottom a{text-decoration:none;border-bottom:1px solid #b5b9b1;padding-bottom:3px}.showroom-color{color:var(--muted)}.showroom-color:before{content:'';display:inline-block;width:9px;height:9px;border:1px solid #0002;border-radius:50%;margin-right:7px;background:var(--swatch,#252525)}[data-color=sand]{--swatch:#d3c4a5}[data-color=brown]{--swatch:#74503b}[data-color=pink]{--swatch:#e9a4bc}[data-color=red]{--swatch:#cc3045}[data-color=grey]{--swatch:#a1a3a6}[data-color=blue]{--swatch:#779cc4}[data-color=white]{--swatch:#edf1f1}[data-color=camo]{--swatch:#6c7151}[data-color=purple]{--swatch:#b99cd9}.showroom-empty{text-align:center;padding:60px 20px;color:var(--muted)}#showroom-dialog{padding:0;border:0;max-width:1080px;width:92vw;max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 30px 100px #0004}#showroom-dialog::backdrop{background:#111b;backdrop-filter:blur(5px)}.showroom-close{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;z-index:2;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fffe;cursor:pointer;font-size:28px;color:var(--ink)}.showroom-detail{display:grid;grid-template-columns:1fr 1fr;clear:none}.showroom-gallery{position:relative;background:white;align-self:start}.showroom-gallery>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.showroom-gallery-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);font-size:13px}.showroom-gallery-nav button{height:40px;width:44px;border:1px solid var(--line);background:white;font-size:21px;cursor:pointer}.showroom-detail-info{padding:70px 36px 32px;min-width:0}.showroom-detail-info h2{font-size:clamp(25px,3vw,40px);line-height:1.12}.showroom-detail-info>p:not(.section-kicker){color:var(--muted);line-height:1.7;font-size:14px}#showroom-detail-code{font-size:12px;letter-spacing:1px}#showroom-thumbnails{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}#showroom-thumbnails button{border:2px solid transparent;padding:0;width:58px;background:white;cursor:pointer}#showroom-thumbnails button[aria-pressed=true]{border-color:var(--teal)}#showroom-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.showroom-detail-info>.button{width:100%;text-align:center;padding:12px;font-size:14px}.showroom-contact{display:block;text-align:center;margin-top:18px;font-size:13px}body.showroom-modal-open{overflow:hidden}.showroom button:focus-visible,#showroom-dialog button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(min-width:1600px){.showroom-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.showroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showroom-heading{align-items:start;gap:28px}.showroom-tools{align-items:start;flex-direction:column}.showroom-search{width:100%}}
@media(max-width:700px){.showroom{scroll-margin-top:200px}.showroom-heading{display:block}.showroom-intro{margin-top:20px;max-width:none}.showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.showroom-filters{gap:6px}.showroom-filters button{padding:8px 12px;font-size:12px}.showroom-card h3{font-size:14px}.showroom-photo-count{top:8px;left:8px;font-size:10px}.showroom-code{font-size:9px}.showroom-card-bottom{font-size:11px}.showroom-view{display:none}.showroom-summary{font-size:11px}#showroom-dialog{width:94vw;max-height:94dvh}.showroom-detail{grid-template-columns:1fr}.showroom-gallery>img{height:49dvh;object-fit:contain}.showroom-detail-info{padding:24px}.showroom-detail-info h2{font-size:27px}.showroom-close{top:8px}.showroom-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.showroom *{transition:none!important}html{scroll-behavior:auto}}