/* Futura-like open geometric type; verified static binaries, no synthetic bold. */
@font-face{font-family:APJost;src:url('assets/fonts/jost-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:APJost;src:url('assets/fonts/jost-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
html{scroll-behavior:auto}body{font-family:APJost,'Century Gothic',Arial,sans-serif;font-weight:400;font-synthesis:none;font-size:17px;line-height:1.55}
button,input,select,.thumbnail,.card-selectors select{font-family:inherit;font-weight:400;font-synthesis:none}
h1,h2,h3,.brand,.card-heading h3,.catalog-note h3{font-family:APJost,'Century Gothic',Arial,sans-serif;font-weight:500;letter-spacing:-.025em}
.eyebrow,.card .selected-name,.card .availability-note,.availability-note,.missing-image strong,.guide h3{font-weight:500}
h2{font-size:42px;line-height:1.16}.card-heading h3{font-size:25px;line-height:1.18}.section-top p:last-child{font-size:16px}.eyebrow{font-size:11px;letter-spacing:.16em}
.filter,.card-selectors label{font-size:12px}.filter select,.card-selectors select,input{font-size:15px}.tools button{font-size:14px}.metadata-note,.results{font-size:13px}.card-heading>span{font-size:12px}
.card .selected-name{font-size:15px;line-height:1.45}.card .availability-note{font-size:13px}.card p,.thumbnail{font-size:13px}.card-picture>span{font-size:12px;font-weight:400}.weight-list>span{font-size:13px}.review-note{font-size:14px}.card{padding:15px;border-color:#d4d7cc;border-radius:6px}.card-heading{margin-bottom:14px}.card-selectors{margin-top:14px}.thumbnails{gap:7px}.thumbnail{line-height:1.28}
#catalog.masonry{display:block;position:relative;gap:0}#catalog.masonry>.card{position:absolute;margin:0;transition:none}
.photo-series-note{font-size:12px!important;font-weight:400;color:var(--muted);margin-top:8px!important}
dialog h2{font-size:36px;font-weight:500}dialog p,.detail-metadata{font-size:16px}dialog .small{font-size:14px!important}.close{font-family:Arial,sans-serif;font-weight:400}
.embedded-catalog,.embedded-catalog body{overflow:hidden!important;height:auto;min-height:0}.embedded-catalog body.modal{overflow:hidden}.embedded-catalog main{display:flow-root}
.embedded-catalog dialog[open]{position:fixed;top:var(--embed-visible-top,16px);bottom:auto;margin:0 auto;max-height:var(--embed-viewport-height,600px);overflow:auto;overscroll-behavior:contain}.embedded-catalog dialog>.dialog-photo>.photo-stage{--photo-frame-height:min(540px,var(--embed-viewport-height,600px))}.embedded-catalog dialog .dialog-photo>img{height:min(540px,var(--embed-viewport-height,600px))}
@media(max-width:700px){h2{font-size:34px}.card-heading h3{font-size:25px}.section-top p:last-child{font-size:15px}.tools .search{min-height:52px}.card{padding:13px}.card-selectors select{font-size:14px}.embedded-catalog dialog>.dialog-photo>.photo-stage{--photo-frame-height:220px}.embedded-catalog dialog .dialog-photo>img{height:220px}dialog>div:not(.dialog-photo){padding:28px 23px}dialog h2{font-size:29px}dialog p,.detail-metadata{font-size:15px}}



/* Approved row alignment replaces masonry. */
#catalog,#catalog.masonry{display:grid;position:static;height:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;overflow-anchor:none}
#catalog>.card,#catalog.masonry>.card{position:static;width:auto!important;display:flex;flex-direction:column;align-self:stretch;min-width:0;margin:0}
.card-heading{align-items:start;flex-shrink:0}.card-heading h3{min-width:0}.card-heading>span{padding-top:4px}.card-picture{flex-shrink:0}.weight-list{margin-top:auto;padding-top:6px}.card-selectors{flex-shrink:0}html,body{overflow-anchor:none}
@media(max-width:1100px){#catalog,#catalog.masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#catalog,#catalog.masonry{grid-template-columns:minmax(0,1fr)}}

/* Uniform swatches: the active border occupies the same reserved space. */
.thumbnails{align-items:flex-start;flex-shrink:0}
.thumbnail{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:0 0 94px;width:94px;padding:4px;border:2px solid transparent}
.thumbnail[aria-pressed=true]{border-width:2px}
.thumbnail>img,.thumbnail>.photo-stage-thumb,.thumbnail>.thumbnail-missing{box-sizing:border-box;flex:none;width:82px;height:60px;min-height:60px;margin:0 0 5px}
.thumbnail>span:last-child{box-sizing:border-box;flex:none;width:82px;height:calc(4 * 1.28em);line-height:1.28;text-align:left}

/* Approved shared card structure, with weights directly below the selection. */
.thumbnail>span:last-child{height:calc(3 * 1.28em)}
.card>.selected-name{flex-shrink:0}
.card>.weight-list{margin-top:0;padding-top:0}