.specimen-body{padding-top:18px;padding-bottom:12px}.specimen-toolbar{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.specimen-desktop-controls,.specimen-desktop-sort{display:contents}.specimen-types{flex-shrink:0;order:1;gap:5px;display:flex}.specimen-toolbar button,.specimen-toolbar select,.specimen-filter-sheet button,.specimen-filter-sheet select{cursor:pointer;background:0 0;border:1px solid #cfcfc4;border-radius:7px;min-height:38px;padding:7px 12px}.specimen-types button{white-space:nowrap;border-radius:22px}.specimen-types button[aria-pressed=true],.specimen-filter-trigger{color:#fff;background:#14392e!important;border-color:#14392e!important}.specimen-collection{order:2;min-width:110px;max-width:205px}.specimen-search{border:1px solid #cfcfc4;border-radius:7px;flex:240px;order:3;align-items:center;gap:8px;min-width:0;height:38px;padding-inline:12px;display:flex}.specimen-search input{background:0 0;outline:none;width:100%;min-width:0;font-size:13px}.specimen-search button{border:0;min-height:32px;padding:4px;display:flex}.specimen-search:focus-within{outline-offset:2px;outline:2px solid #285444}.specimen-sort{white-space:nowrap;border:1px solid #cfcfc4;border-radius:7px;order:4;align-items:center;gap:4px;padding-inline-start:10px;display:flex}.specimen-sort select{border:0;max-width:130px}.specimen-filter-trigger{white-space:nowrap;order:4;justify-content:center;align-items:center;gap:5px;display:none}.specimen-jump-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.specimen-jump-row nav{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.specimen-jump-row nav>span{color:#59645a;margin-inline-end:3px}.specimen-jump-row a{border:1px solid #d4d3c8;border-radius:18px;padding:4px 10px;line-height:1.5}.specimen-jump-row>button{cursor:pointer;flex-shrink:0;min-height:36px;text-decoration:underline}.specimen-result-count{color:#59645a;margin-top:10px;font-size:12px;display:block}.specimen-group{--specimen-short-edge:96px;margin-top:28px}.specimen-group-heading{border-bottom:1px solid #d8d9cf;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:7px;display:flex}.specimen-group-heading h2{overflow-wrap:anywhere;scroll-margin-top:100px;font-size:22px;font-weight:500;line-height:1.3}.specimen-group-heading>span{color:#59645a;white-space:nowrap;font-size:12px}.specimen-group-description{color:#59645a;margin-bottom:10px;font-size:12px}.specimen-grid{--column-basis:var(--desktop-basis);grid-template-columns:repeat(auto-fill,minmax(max(min(100%,var(--cell-min)),var(--column-basis)),1fr));gap:22px 16px;margin:0;padding:0;list-style:none;display:grid}.specimen-product{min-width:0}.specimen-product-link{border-radius:2px;height:100%;display:block}.specimen-frame{width:100%;aspect-ratio:var(--specimen-ratio,1);background:#efeee8;border:1px solid #cfcfc4;justify-content:center;align-items:center;display:flex;position:relative}.specimen-image,.specimen-img{width:100%;min-width:0;height:100%;min-height:0;display:block}.specimen-img{object-fit:contain}.specimen-image>p{border-radius:4px;max-width:calc(100% - 8px);padding:4px 6px;font-size:10px;top:4px;left:4px}.specimen-frame>p,.specimen-combined-frame>p,.specimen-piece-frame>p{text-align:center;background:#efeee8;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:12px;display:flex}.specimen-placeholder{text-align:center;color:#59645a;padding:8px;font-size:12px}.specimen-caption{color:#59645a;padding-top:8px;font-size:12px;line-height:1.5}.specimen-caption h3{color:#183b2f;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.4em;margin-bottom:3px;font-size:20px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.specimen-caption p{overflow-wrap:anywhere}.specimen-product-link:hover .specimen-frame,.specimen-product-link:hover .specimen-combined-frame,.specimen-product-link:hover .specimen-piece-frame{outline:1px solid #285444}.specimen-product-link:hover h3{text-underline-offset:3px;text-decoration:underline}.specimen-group-actions{color:#59645a;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:18px;font-size:12px;display:flex}.specimen-group-actions button,.specimen-catalog .catalog-empty button{cursor:pointer;color:#183b2f;border:1px solid #cfcfc4;border-radius:20px;min-height:36px;padding:7px 15px}.specimen-catalog button:hover,.specimen-jump-row a:hover{background:#eae7dd}.specimen-catalog button:active{transform:translateY(1px)}.specimen-catalog :is(button,a,select):focus-visible{outline-offset:4px;outline:2px solid #285444}.specimen-set{container-type:inline-size}.specimen-set-pieces{background:#f0ede5;flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.specimen-piece{min-width:0;max-width:100%}.specimen-piece-number{color:#183b2f;padding-inline:3px;font-size:10px;font-weight:600;line-height:18px;display:block}.specimen-piece-frame{background:#efeee8;border:1px solid #cfcfc4;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.specimen-set-pieces.is-unmeasured .specimen-piece{width:calc(50% - 6px)}.specimen-set-pieces.is-unmeasured .specimen-piece-frame{aspect-ratio:1}.specimen-combined-frame{aspect-ratio:1.5;background:#efeee8;border:1px solid #cfcfc4;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.specimen-note{margin-top:4px;font-style:italic}.specimen-filter-sheet{color:#191e1b;background:#faf8f4;border:1px solid #cfcfc4;border-radius:16px;width:calc(100% - 24px);max-width:520px;max-height:85svh;margin-inline:auto;padding:20px;font-size:14px;position:fixed;inset:auto 12px 12px;overflow:auto;box-shadow:0 12px 40px #10271b33}.specimen-filter-sheet::backdrop{background:#0e1a1480}.specimen-sheet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.specimen-sheet-header h2{font-size:28px}.specimen-sheet-header button{place-items:center;min-width:40px;display:grid}.specimen-sheet-fields{flex-direction:column;gap:14px;display:flex}.specimen-sheet-fields .specimen-collection{width:100%;max-width:none}.specimen-sheet-fields .specimen-sort{justify-content:space-between}.specimen-sheet-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;display:flex}.specimen-sheet-actions>button:last-child{color:#fff;background:#14392e;border-color:#14392e}@media (min-width:768px) and (max-width:1199px){.specimen-grid{--column-basis:var(--tablet-basis)}.specimen-search{flex-basis:calc(100% - 160px)}.specimen-sort{margin-inline-start:auto}}@media (max-width:767px){.specimen-body.catalog-container{width:calc(100% - 32px)}.specimen-toolbar{flex-wrap:nowrap}.specimen-desktop-controls,.specimen-desktop-sort{display:none}.specimen-filter-trigger{display:flex}.specimen-search{flex-basis:0;order:1;padding-inline:9px}.specimen-search input{font-size:12px}.specimen-search>svg{flex-shrink:0;width:14px}.specimen-toolbar .specimen-filter-trigger{padding-inline:9px}.specimen-jump-row{flex-wrap:wrap;align-items:flex-start}.specimen-jump-row a{padding:4px 7px;font-size:11px}.specimen-group{--specimen-short-edge:80px;margin-top:24px}.specimen-grid{--column-basis:var(--mobile-basis);--cell-min:var(--mobile-cell-min);gap:20px 12px}.specimen-group-heading h2{scroll-margin-top:88px;font-size:18px}.specimen-group-heading>span{font-size:11px}.specimen-caption h3{font-size:18px}.specimen-caption{font-size:12px}.specimen-placeholder{font-size:11px}.specimen-group-actions{margin-top:12px}}.specimen-sticky-controls{top:var(--catalog-header-height,80px);z-index:30;background:#faf8f4;border-bottom:1px solid #d8d9cf;padding-block:8px;position:sticky}.specimen-group-heading h2{scroll-margin-top:calc(var(--catalog-header-height,80px) + var(--catalog-controls-height,120px) + 12px)}.specimen-toolbar button,.specimen-toolbar select,.specimen-filter-sheet button,.specimen-filter-sheet select,.specimen-search,.specimen-group-actions button,.specimen-jump-row>button{min-height:44px}.specimen-search button{min-width:44px}.specimen-jump-row a{align-items:center;gap:4px;min-height:44px;display:inline-flex}.specimen-other{margin-top:28px}.specimen-other>h2{color:#183b2f;font-size:28px}.specimen-other-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.specimen-sparse-group{margin-top:16px}.specimen-sparse-group .specimen-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.specimen-sparse-group .specimen-product{max-width:220px}.specimen-sparse-group .specimen-group-heading h2{font-size:18px}.specimen-caption h3{min-height:0;display:block;overflow:visible}.specimen-caption{color:#59645a}.specimen-image{justify-content:center;align-items:center;display:flex;position:relative}.specimen-image[data-image-state=loading] .specimen-img{opacity:0}.specimen-img{transition:opacity .22s}.specimen-skeleton{background:linear-gradient(100deg,#efeee8 20%,#f8f6f0 45%,#efeee8 70%) 0 0/250% 100%;animation:1.4s infinite specimen-shimmer;position:absolute;inset:0}.specimen-image[data-image-state=failed]{background:#efeee8}@keyframes specimen-shimmer{to{background-position:-150% 0}}.specimen-grid{align-items:start}.specimen-product-link{height:auto}.specimen-combined-frame{max-width:100%;width:min(100%,calc(320px * var(--canvas-ratio,1.5)));aspect-ratio:var(--canvas-ratio,1.5);padding:6px}.specimen-combined-frame .specimen-image{height:100%}@media (min-width:768px) and (max-width:1199px){.specimen-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.specimen-other-grid{grid-template-columns:1fr;gap:12px}.specimen-sparse-group .specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specimen-sparse-group .specimen-product{max-width:none}.specimen-combined-frame{padding:4px}.specimen-jump-row{flex-wrap:nowrap;gap:6px;margin-top:6px}.specimen-jump-row nav{scrollbar-width:thin;flex-wrap:nowrap;flex:1;overflow-x:auto}.specimen-jump-row nav>a,.specimen-jump-row nav>span{flex-shrink:0}.specimen-jump-row>button{font-size:11px}.specimen-sticky-controls{padding-block:6px}}@media (prefers-reduced-motion:reduce){.specimen-catalog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
