/* blend.css — image blend / visual polish (v13). Link AFTER styles.css + v12.css on every page. */
/* Hero: desktop uses wide photos whose own studio backdrop is extended — no mask fade, no seam */
@media (min-width:900px){
 .lhero-slide.side.bl img{left:0;right:0;width:100%;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none;object-position:100% 30%;transform-origin:78% 40%}
}
/* Iced tea group shot: image carries its own extended cream backdrop, fills the card edge to edge */
.tea-banner .tb-group,.tea-banner-1 .tb-group{background:linear-gradient(#FCF6F1,#ECE3D6)}
.tea-banner .tb-group img{object-fit:cover;object-position:50% 50%}

/* Press kit: logo buttons matched + centered under the centered logo */
.logo-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;text-align:center}
.logo-links .btn{min-width:140px}
.logo-links .fine{flex-basis:100%;margin:4px 0 0;font-size:14px;text-align:center}
/* Press kit: product download cards: image area matches the card, name on its own line, a real Download button, size as meta below, equal heights */
.dl-grid>li{display:flex}
.dl{display:flex!important;flex-direction:column;align-items:center;width:100%;padding:12px 12px 18px!important;text-align:center}
.dl .dl-img{position:relative;width:100%;border:0;background:transparent;padding:0;aspect-ratio:4/5}
.dl .dl-img img{position:absolute;left:10px;right:10px;top:14px;bottom:4px;width:calc(100% - 20px);height:calc(100% - 18px);max-height:none;object-fit:contain}
.dl .dl-name{margin:12px 0 12px;font-size:19px;line-height:1.15}
.dl .btn-text{position:relative;margin:auto 0 22px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;font:500 14px/1 var(--sans);color:var(--ink);white-space:nowrap;text-decoration:none;transition:background-color .25s,color .25s}
.dl .btn-text:hover{background:var(--ink);color:#fff;text-decoration:none}
.dl .btn-text .dl-size{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);margin:0;font-size:12px;line-height:1;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.dl-grid>li,.dl{min-width:0}
@media (max-width:480px){.dl{padding:10px 8px 16px!important}.dl .btn-text{font-size:13px;padding:0 12px;min-height:36px}.dl .dl-name{font-size:17px}}

/* Lifestyle photo (Ruby page): more overscan so the parallax never uncovers a pink band; backdrop matches the photo's own edges */
.flife img{inset:-10% 0;height:120%}
.flife:has(img[src*="ruby-lifestyle"]){background:linear-gradient(#B8465A,#9F153D)}