/* Tile artwork stays light in both themes, so its labels use fixed dark ink. */
.bc-home{margin:0 0 22px}.bc-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.bc-heading h2{margin:0;font-size:24px;line-height:1.15;color:var(--ink);letter-spacing:-.6px}.bc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bc-tile{position:relative;display:block;min-width:0;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:1/1.16;text-align:left;background:#edf0ff;color:#111633}.bc-tile img{position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 36px);object-fit:fill;display:block}.bc-tile span{position:absolute;z-index:1;top:9px;left:8px;right:5px;font-size:clamp(12px,3.6vw,16px);line-height:1.08;letter-spacing:-.45px;font-weight:800}.bc-tile:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.bc-tile:active{filter:brightness(.97)}.bc-beta-home .sf-intro{display:none}@media(min-width:720px){.bc-home{max-width:780px}.bc-grid{gap:12px}.bc-tile span{font-size:24px;top:14px;left:14px}.bc-heading h2{font-size:30px}}

.bc-tile:nth-child(6n+1),.bc-tile:nth-child(9){background:#e5dcff}.bc-tile:nth-child(2),.bc-tile:nth-child(8){background:#ffe4d6}.bc-tile:nth-child(3),.bc-tile:nth-child(7){background:#dcecff}.bc-tile:nth-child(4),.bc-tile:nth-child(11){background:#dff5e8}.bc-tile:nth-child(5),.bc-tile:nth-child(12){background:#fff3da}.bc-tile:nth-child(6),.bc-tile:nth-child(10){background:#ffe1e8}.bc-tile img{mask-image:linear-gradient(to bottom,transparent,#000 12%)}

/* Desktop collections use the full storefront width, in compact even rows. */
@media(min-width:720px){
 .bc-home{max-width:none;width:100%;margin-bottom:32px}
 .bc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .bc-tile{aspect-ratio:1/1.12;border-radius:18px}
 .bc-tile span{font-size:clamp(16px,1.45vw,21px);line-height:1.12;letter-spacing:-.35px;top:14px;left:14px;right:12px}
 .bc-heading{margin-bottom:18px}
}
@media(min-width:1200px){.bc-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media(min-width:720px){
 .pf-page.pf-collection{top:var(--hdr,124px);background:var(--surface)}
 .pf-collection .pf-in{max-width:1440px;padding:24px 24px 48px;margin-inline:auto}
 .pf-collection .pf-h{margin-bottom:24px;font-size:24px;gap:16px}
 .pf-collection .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:0;width:100%}
 .pf-collection .prod{min-width:0}
 body.collection-open .tabbar{display:none!important}
}