.ref-intro{max-width:1150px;padding-bottom:45px}.ref-intro h1{font-size:clamp(44px,6.5vw,84px);line-height:1.04;letter-spacing:-.04em;margin:20px 0 28px}.ref-intro h1 em{font-style:normal;color:#b72933}.ref-lead{font-size:clamp(18px,2vw,23px);max-width:790px;line-height:1.6}.ref-note{max-width:790px;padding-left:20px;border-left:3px solid #b72933;font-size:15px;line-height:1.7;color:#6b625a;margin-top:28px}.ref-collection{padding-top:10px}.ref-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:end;background:#fffdf9;border:1px solid #dfd6ca;border-radius:16px;padding:28px}.ref-filters label{display:block;font-size:15px;font-weight:650;margin-bottom:10px}.ref-filters input,.ref-filters select{width:100%;min-height:52px;border:1px solid #bfb3a5;border-radius:8px;background:white;padding:12px 15px;font:inherit;color:#352e28;box-sizing:border-box}.ref-filters button{min-height:52px;cursor:pointer;background:none;border:0;font:inherit}.ref-filters :focus-visible,.ref-photo:focus-visible{outline:3px solid #b72933;outline-offset:4px}#ref-count{font-size:14px;color:#6b625a;margin:25px 0}.ref-empty{padding:65px 24px;text-align:center;border:1px dashed #cfc3b5;border-radius:16px}.ref-empty h2{font-size:clamp(25px,3vw,36px)}.ref-empty p{max-width:580px;margin:15px auto;line-height:1.65}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ref-card{border-radius:16px;background:#fffdf9;overflow:hidden;border:1px solid #dfd6ca}.ref-photo{display:block;width:100%;padding:0;border:0;position:relative;background:#ece7df;cursor:pointer}.ref-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.ref-photo span{position:absolute;bottom:16px;right:16px;background:#fffdf9;color:#352e28;padding:10px 14px;border-radius:6px}.ref-card-copy{padding:28px}.ref-card-copy h2{font-size:28px}.ref-tags{display:flex;flex-wrap:wrap;gap:8px}.ref-tags span{padding:6px 10px;background:#eee8df;border-radius:20px;font-size:13px}[hidden]{display:none!important}#ref-dialog{width:min(1000px,92vw);max-height:92dvh;overflow:auto;border:0;border-radius:14px;padding:24px;background:#fffdf9}#ref-dialog::backdrop{background:#211c18d9}#ref-close{display:block;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer;font:inherit}#ref-dialog h2{font-size:24px}#ref-full{display:block;width:100%;max-height:65dvh;object-fit:contain}.ref-gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px}.ref-gallery-controls button{min-width:48px;min-height:48px;background:#eee8df;border:0;border-radius:50%;font-size:24px;cursor:pointer}@media(max-width:800px){.ref-filters{grid-template-columns:1fr;padding:22px;gap:18px}.ref-grid{grid-template-columns:1fr}.ref-intro{padding-bottom:30px}.ref-filters button{justify-self:start}}

.ref-grid:has(>.ref-card:only-child){grid-template-columns:minmax(0,850px)}.ref-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3px}.ref-comparison>div{position:relative;overflow:hidden}.ref-comparison img{aspect-ratio:4/5;height:auto;object-fit:cover}.ref-comparison b{position:absolute;top:16px;left:16px;padding:7px 12px;background:#352e28e8;color:white;border-radius:5px;font-size:14px;font-weight:600}.ref-card-copy p{line-height:1.65}.ref-card-copy .eyebrow{margin-top:0}#ref-dialog-description{max-width:720px;line-height:1.6}#ref-caption{max-width:700px;margin:16px auto 4px;text-align:center;font-size:15px;color:#6b625a}.ref-photo img,#ref-full{filter:brightness(1.05) contrast(1.015) saturate(.98)}@media(max-width:500px){.ref-photo span{font-size:12px;bottom:10px;right:10px;padding:8px 10px}.ref-comparison b{top:10px;left:10px;font-size:12px}.ref-card-copy{padding:22px}#ref-dialog{padding:16px}#ref-dialog h2{font-size:22px}.ref-comparison img{aspect-ratio:3/4}}

.ref-photo img.ref-single{aspect-ratio:4/5;object-position:center}

#ref-full.ref-cropped{width:min(100%,calc(65dvh * 602 / 804));height:auto;aspect-ratio:602/804;object-fit:cover;margin-inline:auto}

.ref-card-copy .eyebrow:empty,#ref-dialog-meta:empty{display:none}

.ref-photo img.ref-wide{aspect-ratio:16/9;object-fit:contain;background:#ece7df}