/* Homepage reference: compact white planting strip, natural photo to the right. */
.home-tree-approved{min-height:0}
.home-tree-approved .home-tree-inner{min-height:clamp(245px,23.5vw,300px);gap:22px}
.home-tree-approved .home-tree-copy{width:38%;padding:28px 0}
.home-tree-approved .home-tree-copy h2{font-size:clamp(28px,2.6vw,36px);line-height:1.1}
.home-tree-approved .home-tree-copy .eyebrow{font-size:12px;margin-bottom:10px}
.home-tree-approved .home-tree-copy>p:not(.eyebrow){font-size:14px;max-width:310px;margin:12px 0 19px}
.home-tree-approved .home-tree-copy .button{min-height:40px;padding:11px 17px}
.home-tree-approved .home-tree-symbol{width:clamp(95px,10vw,135px);height:135px;flex-shrink:0}
.home-tree-approved .home-tree-photo{left:48%;width:52%;height:100%}
.home-tree-approved .home-tree-photo img{object-fit:cover;object-position:65% 57%;mask-image:linear-gradient(to right,transparent,#000 18%)}

/* Reuse approved dimensions and type styles; only new product pages are scoped. */
.catalog-product-page .drinkware-intro h1{font-size:clamp(38px,4.4vw,62px);overflow-wrap:break-word}
.catalog-product-page .drinkware-hero>.blend-image{left:48%;background:white}
.catalog-product-page .drinkware-hero>.blend-image img{object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 18%)}
.catalog-product-page .drinkware-intro{width:47%}
.catalog-product-page .blended-band>.blend-image{left:55%}
.catalog-product-page .blended-band>.blend-image{display:flex;justify-content:flex-end}
.catalog-product-page .blended-band>.blend-image img{width:auto;max-width:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 20%)}
.catalog-product-page .drinkware-source-copy{width:51%}
.catalog-product-page .product-material-note{font-size:14px;line-height:1.5;margin-top:12px;color:#414741}
.catalog-product-page .purpose-copy{width:38%;max-width:465px}
.catalog-product-page .purpose-mark{width:140px;height:140px}
.catalog-product-page .drinkware-options:has(figure:only-child){grid-template-columns:minmax(0,610px);justify-content:center}
.catalog-product-page .catalog-option-photo{display:flex;justify-content:center;align-items:center;background:#f7f8f5}
.catalog-product-page .catalog-option-photo>img{object-fit:contain}
.catalog-product-page .option-frame{position:relative;display:block;height:100%;aspect-ratio:calc(1.5 / var(--panels));overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.catalog-product-page .option-frame img{position:absolute;top:0;left:calc(-100% * var(--panel));height:100%;width:calc(100% * var(--panels));max-width:none;object-fit:contain}
.catalog-product-page .drinkware-options figure:hover img{transform:none}
.catalog-product-page .drinkware-options figcaption::first-letter{text-transform:uppercase}
/* Keep wide fifth homepage cards at the same photo height as their neighbours. */
.ideas-section .group-grid.five{container-type:inline-size}
.ideas-section .group-grid.five .group-image{height:auto!important;aspect-ratio:1.65}
.ideas-section .group-image[href$="/apparel/accessories"] img{object-fit:cover;object-position:center;padding:0}
/* Standalone option sheets supply four distinct scenes, never mockup crops. */
.catalog-product-page .drinkware-options .promo-option-photo{position:relative;display:block;aspect-ratio:2.25;overflow:hidden}
.catalog-product-page .promo-option-photo .promo-option-frame{position:absolute;inset:0;overflow:hidden}
.catalog-product-page .promo-option-frame img{position:absolute;width:200%;height:200%;max-width:none;left:calc(-100% * var(--option-x));top:calc(-100% * var(--option-y));object-fit:cover}
/* Promotional sourcing/purpose only: match the approved full-width white blend. */
.catalog-product-page .blended-band>.promo-band-image{left:0;right:0;display:block;background:#fff}
.catalog-product-page .blended-band>.promo-band-image img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent,#000 48%)}
@media(max-width:1100px){
 .catalog-product-page .purpose-mark{width:105px;height:105px}
 .catalog-product-page .purpose-copy{width:44%}
 .catalog-product-page .purpose-copy h2{white-space:normal}
 .home-tree-approved .home-tree-inner{gap:15px}
 .home-tree-approved .home-tree-copy{width:42%}
 .home-tree-approved .home-tree-symbol{width:90px}
}
/* Keep category return controls legible over pale hero photography. */
.back-link:not([href="#/ideas"]){padding:7px 11px;border:1px solid #aabdaa;border-radius:4px;background:#f7faf5;line-height:1.4;transition:background-color .18s,border-color .18s}
.back-link:not([href="#/ideas"]):hover{background:#eaf1e7;border-color:var(--green)}
.back-link:not([href="#/ideas"]):focus-visible{outline:2px solid var(--green);outline-offset:3px;background:#eaf1e7}
/* Feather the actual photo edges; the approved Water Bottles photo is excluded. */
.drinkware-purpose>.blend-image:not(:has(img[src*="drinkware-bottles-purpose-v3"])) img{
 position:absolute;right:0;width:auto;max-width:100%;height:100%;object-fit:contain;
 mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
 mask-composite:intersect;
}
@media(max-width:600px){
 .drinkware-purpose>.blend-image:not(:has(img[src*="drinkware-bottles-purpose-v3"])) img{
  width:100%;object-fit:cover;object-position:right center;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 90%,transparent);
 }
}
@media(max-width:800px){
 .home-tree-approved .home-tree-copy{width:44%}
 .home-tree-approved .home-tree-symbol{width:78px;height:95px}
 .home-tree-approved .home-tree-copy h2{font-size:28px;white-space:normal}
 .home-tree-approved .home-tree-copy .actions{gap:14px;flex-wrap:wrap}
 .catalog-product-page .drinkware-intro h1{font-size:38px}
 .catalog-product-page .purpose-mark{width:90px;height:90px}
}
@media(max-width:600px){
 .ideas-section .group-grid.five .group-image{height:calc((100cqw - 14px)/2/1.65)!important;aspect-ratio:auto}
 .catalog-product-page .drinkware-options .promo-option-photo{aspect-ratio:2.25}
 .home-tree-approved .home-tree-inner{min-height:0;gap:12px}
 .home-tree-approved .home-tree-copy{width:calc(100% - 82px);padding:25px 0}
 .home-tree-approved .home-tree-copy h2{font-size:28px}
 .home-tree-approved .home-tree-copy>p:not(.eyebrow){font-size:14px;margin:10px 0 16px}
 .home-tree-approved .home-tree-symbol{width:70px;height:90px}
 .home-tree-approved .home-tree-photo{left:auto;width:100%;height:auto;aspect-ratio:2.3}
 .home-tree-approved .home-tree-photo img{object-position:70% 58%;mask-image:linear-gradient(to bottom,transparent,#000 15%)}
 .catalog-product-page .drinkware-intro{width:100%}
 .catalog-product-page .drinkware-intro h1{font-size:40px}
 .catalog-product-page .drinkware-hero>.blend-image{left:auto;height:auto;aspect-ratio:1.6}
 .catalog-product-page .drinkware-hero>.blend-image img{mask-image:linear-gradient(to bottom,transparent,#000 13%);object-fit:contain}
 .catalog-product-page .blended-band>.blend-image{left:auto;height:auto;aspect-ratio:1.8}
 .catalog-product-page .blended-band>.blend-image img{width:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 13%)}
 .catalog-product-page .blended-band>.promo-band-image img{object-fit:cover;object-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 16%)}
 .catalog-product-page .drinkware-source-copy,.catalog-product-page .purpose-copy{width:100%}
 .catalog-product-page .purpose-mark{width:70px;height:70px}
 .catalog-product-page .drinkware-options:has(figure:only-child){grid-template-columns:1fr}
 .catalog-product-page .drinkware-options figcaption{padding:0 10px}
}

/* Equal bottom pair for every five-card homepage category. */
.ideas-section .group-grid.five .group:nth-last-child(-n+2){grid-column:span 3}
@media(min-width:601px){
 .ideas-section .group-grid.five:has(.lanyard-photo) .group-image{height:calc((100cqw - 40px)/3/1.65)!important;aspect-ratio:auto}
}
/* Promotional purpose scenes: continuous photography with a gentle boundary blend. */
.drinkware-purpose>.blend-image:has(img[src*="band-mugs-purpose-v7"],img[src*="-purpose-v8"]) img{
 mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
}
@media(max-width:600px){
 .ideas-section .group-grid.five .group{grid-column:span 1}
 .ideas-section .group-grid.five .group:nth-child(3){grid-column:span 2}
 .ideas-section .group-grid.five .group:nth-last-child(-n+2){grid-column:span 1}
 .ideas-section .group-grid.five .group-image{height:auto!important;aspect-ratio:1.65}
 .drinkware-purpose>.blend-image:has(img[src*="band-mugs-purpose-v7"],img[src*="-purpose-v8"]) img{
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 97%,transparent);
 }
}