/* Scoped to physical hat samples; preserve each full photograph. */
#hat-possibilities .hr56-headwear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:30px}
#hat-possibilities .hr56-hat{min-width:0;margin:0;display:flex;flex-direction:column}
#hat-possibilities .hr56-hat-image{display:block;width:100%;height:auto;min-height:0;line-height:0}
#hat-possibilities .hr56-hat-image img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;filter:none;transform:none}
#hat-possibilities .hr56-hat figcaption{display:flex;flex-direction:column;flex:1;border-top:1px solid #d7dcd6;padding-top:16px;margin-top:18px}
#hat-possibilities .hr56-hat h4{font-size:21px!important;font-weight:400;line-height:1.5;margin:0 0 10px}
#hat-possibilities .hr56-hat p{font-size:14px;line-height:1.8;color:#657080;margin:0 0 14px}
#hat-possibilities .hr56-hat figcaption>a{align-self:flex-start;margin-top:auto;font-size:14px;min-height:44px;text-underline-offset:5px}
#hat-possibilities a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:850px){#hat-possibilities .hr56-headwear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#hat-possibilities .hr56-headwear-grid{grid-template-columns:1fr;gap:34px}}