.resource-card.physical-resource-card{padding:0;min-height:0;justify-content:flex-start;scroll-margin-top:110px}
.resource-card.physical-resource-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#000}
.resource-card.physical-resource-card>div{padding:24px}
.cn-copy .resource-card.physical-resource-card>div{padding:24px 0}
@media(min-width:1300px){.resource-grid:has([data-physical-nav]){grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.resource-grid:has([data-physical-nav]) .resource-card{min-height:0}.resource-grid:has([data-physical-nav]) .resource-card h2{font-size:24px}}
.catalogue-page{padding:125px 0 100px}
.catalogue-back{font-size:13px;color:var(--muted);display:inline-flex;gap:10px;min-height:44px;align-items:center}
.catalogue-back:hover{color:var(--ink)}
.catalogue-heading-row{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin:25px 0 45px}
.catalogue-heading-row .eyebrow{margin:0 0 16px}
.catalogue-heading-row h1{font-weight:400;line-height:1.08;font-size:clamp(40px,5vw,76px);letter-spacing:-.045em;margin:0;max-width:12em}
.catalogue-page-intro{font-size:17px;line-height:1.8;color:var(--muted);margin:0;max-width:36em}
.catalogue-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin-bottom:48px}
.catalogue-choice{position:relative;display:flex;flex-direction:column;gap:13px;padding:23px 28px 27px;border-right:1px solid var(--line);background:#f7f7f4;min-width:0;transition:background .2s,color .2s}
.catalogue-choice:last-child{border-right:0}
.catalogue-choice-number{font-size:11px;letter-spacing:.1em;opacity:.65}
.catalogue-choice strong{font-size:clamp(17px,1.6vw,24px);font-weight:400;line-height:1.3;padding-right:16px}
.catalogue-choice>span:not(.catalogue-choice-number):not(.catalogue-choice-arrow){font-size:12px;line-height:1.6;opacity:.75}
.catalogue-choice-arrow{position:absolute;right:22px;top:22px;font-size:18px}
.catalogue-choice[aria-selected=true]{background:#252923;color:#fff}
.catalogue-choice:hover{background:#e9ebe4}
.catalogue-choice[aria-selected=true]:hover{background:#32392e}
.catalogue-page :is(a,button):focus-visible{outline:2px solid #727d5c;outline-offset:4px}
.catalogue-panel{scroll-margin-top:110px;outline:none;min-width:0}
.catalogue-panel:focus-visible{outline:2px solid #727d5c;outline-offset:10px}
.catalogue-panel[hidden],.catalogue-slide[hidden],.catalogue-controls[hidden],.catalogue-thumbnails[hidden]{display:none!important}
.catalogue-family-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:23px}
.catalogue-family-heading h2{font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.25;margin:0 0 13px;letter-spacing:-.025em}
.catalogue-family-heading p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:57em}
.catalogue-family-heading .text-link{font-size:12px;white-space:nowrap;flex:none;margin-top:8px}
.catalogue-legend{display:flex;gap:35px;margin:0 0 28px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}
.catalogue-legend>div{display:flex;align-items:center;gap:12px}
.catalogue-legend dt{display:flex;align-items:center;gap:9px;font-size:13px}
.catalogue-legend dd{margin:0;font-size:13px;color:var(--muted)}
.catalogue-swatch{display:inline-block;flex:none;width:13px;height:16px;border:1px solid #c8c8c1}
.catalogue-swatch-white{background:#f6f5f0}
.catalogue-swatch-black{background:#222;border-color:#222}
.catalogue-swatch-orange{background:#d95d1c;border-color:#c85318}
.catalogue-swatch-paper{background:#eee5d5;border-color:#cabda8}
.catalogue-image[data-photo-zoom]{border:0;padding:0;cursor:zoom-in;width:100%;font:inherit}
.catalogue-image svg.catalogue-photo-art{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#000}
.catalogue-thumbnails svg.catalogue-photo-art{display:block;width:100%;height:auto;aspect-ratio:3/2;opacity:.55}
.catalogue-thumbnails button:hover svg,.catalogue-thumbnails button[aria-pressed=true] svg{opacity:1}
.catalogue-photo-open{overflow:hidden}
.catalogue-photo-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;box-sizing:border-box;border:0;padding:24px;background:#f6f6f2;color:#252923;overflow:auto}
.catalogue-photo-dialog::backdrop{background:rgba(0,0,0,.82)}
.catalogue-photo-dialog h2{font-size:22px;font-weight:400;line-height:1.4;margin:12px 0 24px}
.catalogue-photo-close{display:block;position:sticky;top:0;margin-left:auto;padding:10px 16px;min-height:44px;border:1px solid #aaa;background:#fff;color:#252923;font:inherit;cursor:pointer;z-index:1}
.catalogue-photo-close:focus-visible{outline:2px solid #727d5c;outline-offset:3px}
.catalogue-photo-content .catalogue-photo-art{display:block;width:100%;height:auto;background:#000}
@media(max-width:500px){.catalogue-photo-dialog{padding:14px}.catalogue-photo-dialog h2{font-size:19px}}
.catalogue-slide{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);margin:0;background:#f6f6f2;align-items:stretch}
.catalogue-image{position:relative;display:block;min-width:0;background:#000;touch-action:pan-y}
.catalogue-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#000}
.catalogue-image>span{position:absolute;bottom:20px;right:22px;color:white;font-size:24px}
.catalogue-slide figcaption{padding:clamp(25px,3.1vw,52px);align-self:center}
.catalogue-slide figcaption .eyebrow{font-size:10px;line-height:1.7;margin:0 0 24px}
.catalogue-slide h3{font-weight:400;font-size:clamp(23px,2.1vw,32px);line-height:1.35;margin:0 0 20px;letter-spacing:-.025em}
.catalogue-description{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.catalogue-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:18px;border-bottom:1px solid var(--line)}
.catalogue-controls button{display:flex;align-items:center;gap:20px;background:none;border:1px solid var(--line);min-height:46px;padding:10px 18px;cursor:pointer;color:var(--ink);font:inherit;font-size:13px}
.catalogue-controls button:hover{background:var(--ink);color:#fff}
.catalogue-count{font-size:13px;letter-spacing:.15em;font-variant-numeric:tabular-nums}
.catalogue-thumbnails{position:relative;display:flex;gap:12px;margin-top:22px;overflow-x:auto;padding:5px 4px 12px;scrollbar-width:thin}
.catalogue-thumbnails button{position:relative;flex:0 0 calc((100% - 96px)/9);min-width:80px;max-width:145px;padding:0;border:0;background:#000;cursor:pointer}
.catalogue-thumbnails button[aria-pressed=true]{opacity:1;outline:2px solid #727d5c;outline-offset:3px}
.catalogue-thumbnails button:hover img,.catalogue-thumbnails button[aria-pressed=true] img{opacity:1}
.catalogue-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;opacity:.55}
.catalogue-thumbnails button>span{position:absolute;bottom:5px;right:7px;color:white;font-size:10px;text-shadow:0 1px 3px #000}
.catalogue-pending{background:#f5f5f0;border:1px solid var(--line);padding:70px 30px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.catalogue-pending-symbol{font-size:42px;font-weight:300;line-height:1;margin-bottom:22px;color:#7d856d}
.catalogue-pending h3{font-size:26px;font-weight:400;margin:0 0 16px}
.catalogue-pending p{font-size:15px;color:var(--muted);line-height:1.8;margin:0;max-width:35em}
.catalogue-page:not(.catalogue-enhanced) .catalogue-panel+.catalogue-panel{margin-top:70px}
.catalogue-page:not(.catalogue-enhanced) .catalogue-slide+.catalogue-slide{margin-top:28px}
@media(prefers-reduced-motion:reduce){.catalogue-choice{transition:none}}
@media(max-width:900px){.catalogue-page{padding-top:105px}.catalogue-heading-row{grid-template-columns:1fr;gap:25px;margin:20px 0 35px}.catalogue-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:35px}.catalogue-choice:nth-child(2){border-right:0}.catalogue-choice:nth-child(-n+2){border-bottom:1px solid var(--line)}.catalogue-choice strong{font-size:22px}.catalogue-slide{grid-template-columns:1fr}.catalogue-slide figcaption{min-height:210px;padding:26px 30px}.catalogue-slide figcaption .eyebrow{margin-bottom:15px}.catalogue-slide h3{font-size:27px;margin-bottom:12px}.catalogue-family-heading{display:block}.catalogue-family-heading .text-link{margin-top:18px}.catalogue-legend{gap:13px 25px}.catalogue-thumbnails button{flex-basis:100px;min-width:100px}}
@media(max-width:500px){.catalogue-page{padding:95px 0 65px}.catalogue-heading-row h1{font-size:42px;line-height:1.15}.catalogue-page-intro{font-size:15px}.catalogue-choice{padding:17px 15px 20px;gap:11px}.catalogue-choice strong{font-size:18px;padding-right:10px}.catalogue-choice-arrow{right:13px;top:14px}.catalogue-choice>span:not(.catalogue-choice-number):not(.catalogue-choice-arrow){font-size:11px}.catalogue-family-heading h2{font-size:28px}.catalogue-legend>div{align-items:start;gap:9px;flex-wrap:wrap}.catalogue-legend dd{font-size:12px}.catalogue-slide figcaption{padding:25px 22px;min-height:240px}.catalogue-slide h3{font-size:25px}.catalogue-controls button{padding:9px 12px;gap:10px}.catalogue-thumbnails button{flex-basis:86px;min-width:86px}.catalogue-pending{padding:50px 23px}.catalogue-pending h3{font-size:23px}}


/* Orange panel catalogue artwork and matching thumbnail backing. */
.catalogue-panel[id="3mm-panels"] :is(.catalogue-image,.catalogue-image img,.catalogue-thumbnails button){background:#d95d1c}
