.brand-showcase{margin:0 0 38px;padding:0 0 30px;border-bottom:1px solid #dce6ee}
.brand-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.brand-eyebrow{font:10px/1.5 Arial;letter-spacing:.16em;color:#7892a8;margin:0 0 4px}
.proposal-site .brand-showcase h2{font-family:inherit;font-size:21px;line-height:1.6;margin:0;color:#293f55}
.brand-preview-label{font-size:10px;letter-spacing:.02em;color:#697f92;background:#f0f5f8;padding:4px 10px;border-radius:3px}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proposal-site .brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;border:1px solid #dce6ee;border-radius:5px;min-height:142px;padding:22px 12px;color:#33557d;transition:background .2s,border-color .2s,transform .2s}

.brand-tile>span{font-size:11px;color:#73889b}
.sample-wordmark{display:flex;align-items:center;justify-content:center;height:46px;max-width:100%;line-height:1;font-family:Arial,sans-serif}
.microtech{font-size:clamp(19px,2.7vw,29px);font-weight:700;letter-spacing:.035em;color:#275787}
.sparmed{font-size:clamp(24px,3.1vw,34px);font-weight:400;color:#459fc0}.sparmed span{font-weight:700}
.oosafe{font-size:clamp(26px,3.2vw,35px);font-weight:700;color:#348fb0;letter-spacing:-.035em}.oosafe sup{font-size:11px;align-self:flex-start;margin:7px 0 0 3px}
.brand-preview-note{font-size:10px;color:#8798a7;margin:12px 0 0;line-height:1.7}
@media(max-width:640px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.proposal-site .brand-tile{min-height:116px;gap:8px;padding:15px 10px}.brand-showcase{margin-bottom:26px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.brand-tile{transition:none}}

.proposal-site .brand-tile{min-height:190px}.proposal-site .brand-tile .orizuru-brand-logo{width:190px;height:157px;max-width:100%;object-fit:contain}@media(max-width:640px){.proposal-site .brand-tile{min-height:160px}.proposal-site .brand-tile .orizuru-brand-logo{width:150px;height:124px}}
.proposal-site .sparmed-logo-plate{display:flex;align-items:center;justify-content:center;background:#103f4c;border-radius:3px;padding:20px 24px;width:min(100%,270px);min-height:82px}.proposal-site .sparmed-logo-plate img{width:100%;height:auto;object-fit:contain}@media(max-width:640px){.proposal-site .sparmed-logo-plate{padding:18px 12px;min-height:64px}}

.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.proposal-site .oosafe-logo-plate{display:flex;align-items:center;justify-content:center;background:#103f4c;border-radius:3px;width:min(100%,260px);padding:18px 24px;box-sizing:border-box}
.proposal-site .oosafe-logo-plate img{display:block;width:168px;max-width:100%;height:auto}
.proposal-site .brand-maker{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%}
.proposal-site .brand-maker span{font-size:10px;color:#73889b;white-space:nowrap}
.proposal-site .brand-maker img{width:114px;max-width:65%;height:auto}
@media(max-width:640px){.proposal-site .oosafe-logo-plate{padding:14px 10px}.proposal-site .brand-maker{flex-direction:column;gap:8px}.proposal-site .brand-maker img{max-width:100%;width:100px}}


.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proposal-site .cellvision-brand-logo{width:195px;max-width:100%;height:auto;object-fit:contain}
.proposal-site .synga-brand-logo{width:200px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


.brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.proposal-site .cryobiosystem-brand-logo{width:210px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-grid>.brand-tile{grid-column:span 2}.brand-grid>.brand-tile:nth-child(4){grid-column:2 / span 2}}
@media(max-width:640px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-grid>.brand-tile,.brand-grid>.brand-tile:nth-child(4){grid-column:auto}.brand-grid>.brand-tile:last-child{grid-column:1 / -1}}


.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:960px;margin:0 auto}
.brand-grid>.brand-tile{grid-column:span 2}
.brand-grid>.brand-tile:nth-child(4){grid-column:2 / span 2}
.proposal-site .brand-grid>.brand-tile{min-height:166px;padding:20px 18px;box-sizing:border-box;gap:12px;transform:none}
.proposal-site .brand-tile .orizuru-brand-logo{width:150px;height:124px}
.proposal-site .oosafe-logo-plate{width:180px;max-width:100%;padding:12px 18px;min-height:0;background:#103f4c}
.proposal-site .oosafe-logo-plate img{width:140px;height:auto}
.proposal-site .brand-maker{gap:8px;flex-direction:row}
.proposal-site .brand-maker img{width:94px;max-width:65%}
.proposal-site .cellvision-brand-logo{width:180px;height:auto;max-width:100%}
.proposal-site .synga-brand-logo{width:178px;height:auto;max-width:100%}
.proposal-site .cryobiosystem-brand-logo{width:200px;height:auto;max-width:100%}
.brand-preview-note{text-align:center;margin-top:16px}
@media(max-width:640px){
.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brand-grid>.brand-tile,.brand-grid>.brand-tile:nth-child(4){grid-column:span 2}
.brand-grid>.brand-tile:last-child{grid-column:2 / span 2}
.proposal-site .brand-grid>.brand-tile{min-height:150px;padding:14px 10px}
.proposal-site .brand-tile .orizuru-brand-logo{width:132px;height:110px}
.proposal-site .oosafe-logo-plate{padding:12px 10px}
.proposal-site .brand-maker{gap:6px;flex-wrap:wrap}
.proposal-site .brand-maker img{width:82px}
}


.brand-grid>.brand-tile:nth-child(4){grid-column:span 2}
.proposal-site .brand-coming-soon{position:relative;overflow:hidden;background:#f7faf9}
.proposal-site .brand-coming-soon img{width:136px;height:122px;max-width:100%;object-fit:contain;filter:blur(6px);opacity:.35;user-select:none}
.proposal-site .brand-coming-soon .coming-soon-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 19px/1.4 Arial,sans-serif;letter-spacing:.055em;color:#33557d;text-shadow:0 1px 8px #fff}
@media(max-width:640px){.brand-grid>.brand-tile:last-child{grid-column:span 2}.proposal-site .brand-coming-soon .coming-soon-label{font-size:16px;letter-spacing:.025em}}


.brand-grid>.brand-tile:last-child{grid-column:3 / span 2}
.proposal-site .brand-safe-preservation img{width:210px;height:100px;object-fit:contain}
@media(max-width:640px){.brand-grid>.brand-tile:last-child{grid-column:2 / span 2}}


.brand-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1100px;margin:0 auto}
.proposal-site .brand-grid>.brand-tile{flex:0 0 calc((100% - 48px)/4);min-width:0;min-height:166px;padding:20px 16px;box-sizing:border-box}
@media(max-width:900px){.proposal-site .brand-grid>.brand-tile{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:640px){.brand-grid{gap:12px}.proposal-site .brand-grid>.brand-tile{flex-basis:calc((100% - 12px)/2);min-height:150px;padding:14px 10px}}


.proposal-site .art-page-lead{margin:0 0 34px;padding:20px 24px;background:#f5f8fb;border-left:3px solid #82a4be;border-radius:0 4px 4px 0;font-size:16px;line-height:2;letter-spacing:.025em}
.proposal-site .art-page-lead .intro-line{display:block}
.proposal-site .art-story{margin-top:42px}
.proposal-site .art-story>.art-history:first-child{margin-top:0}
@media(max-width:640px){.proposal-site .art-page-lead{font-size:14px;padding:16px 18px;margin-bottom:26px;line-height:1.95}.proposal-site .art-page-lead .intro-line{display:inline}.proposal-site .art-page-lead .intro-line+.intro-line:before{content:' ';white-space:normal}.proposal-site .art-story{margin-top:32px}}


.proposal-site .art-heading-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px;padding:20px 0 26px;margin-bottom:30px;border-bottom:1px solid #dce6ee}
.proposal-site .art-heading-row .review-brand{margin:0;padding:0;border:0;white-space:nowrap}
.proposal-site .art-heading-row .art-page-lead{margin:0;padding:0;background:none;border:0;border-radius:0;font-size:14px;line-height:1.95;letter-spacing:.01em}
.proposal-site .art-heading-row .intro-line{display:block}
.proposal-site .art-heading-row .intro-line+.intro-line:before{content:' '}
@media(max-width:800px){.proposal-site .art-heading-row{grid-template-columns:1fr;gap:18px;padding:12px 0 24px}.proposal-site .art-heading-row .art-page-lead{font-size:14px}}

.art-products-heading{margin:32px 0 22px}.art-products-heading h2{margin:0;font-size:23px;line-height:1.5}.art-products-heading .brand-eyebrow{margin-bottom:8px}

/* Supplied blue Oosafe logo is displayed without a dark plate. */
.proposal-site .brand-family .oosafe-logo-plate{background:transparent;padding:0;width:180px;max-width:100%}
.proposal-site .brand-family .oosafe-logo-plate img{width:180px;max-width:100%;height:auto;object-fit:contain}

.proposal-site .approved-brand-showcase .brand-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.proposal-site .approved-brand-showcase .brand-grid>.brand-tile{width:calc((100% - 32px)/3);max-width:280px}
@media(max-width:640px){.proposal-site .approved-brand-showcase .brand-grid{gap:12px}.proposal-site .approved-brand-showcase .brand-grid>.brand-tile{width:calc((100% - 12px)/2)}}

/* Six brands: balanced three-column desktop and two-column mobile layout. */
.proposal-site .approved-brand-showcase .brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:920px;margin:0 auto}
.proposal-site .approved-brand-showcase .brand-grid>.brand-tile{grid-column:auto;width:100%;max-width:none;min-height:174px;box-sizing:border-box}
@media(max-width:640px){.proposal-site .approved-brand-showcase .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.proposal-site .approved-brand-showcase .brand-grid>.brand-tile{width:100%;min-height:150px}}

/* Public Inti Labs brand tile; retain the manufacturer logo proportions. */
.proposal-site .brand-tile .intilabs-brand-logo{width:116px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:640px){.proposal-site .brand-tile .intilabs-brand-logo{width:104px}}