.collections-bento-section{background-color:var(--color-vivid-surface, #f7f9fb);padding:3rem 1.5rem 6rem;min-height:80vh}.collections-bento-container{max-width:1320px;margin:0 auto}.collections-bento-header{text-align:center;margin-bottom:3.5rem}.collections-bento-header__badge{display:inline-flex;align-items:center;gap:6px;background-color:#ebf2fa;color:var(--color-vivid-secondary, #0058be);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:9999px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.collections-bento-header__title{font-family:Inter,sans-serif;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900;letter-spacing:-.03em;color:var(--color-vivid-primary, #0f172a);line-height:1.15;margin-bottom:.75rem}.collections-bento-header__subtitle{font-family:Inter,sans-serif;font-size:1.0625rem;color:var(--color-vivid-on-surface-variant, #45464d);max-width:620px;margin:0 auto;line-height:1.6}.collections-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:1.5rem;align-items:stretch}.collection-bento-card{background-color:var(--color-vivid-surface-lowest, #ffffff);border:1px solid var(--color-vivid-outline-variant, #eceef0);border-radius:1.25rem;overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease;box-shadow:var(--shadow-vivid-level-1, 0px 4px 20px rgba(15, 23, 42, .05));display:flex;flex-direction:column;height:100%;align-self:stretch;text-decoration:none;color:inherit}.collection-bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-vivid-level-2, 0px 12px 40px rgba(15, 23, 42, .1));border-color:#cbd5e1}.collection-bento-card:focus-visible{border-color:var(--color-vivid-secondary, #0058be);box-shadow:0 0 0 3px #0058be33}.bento-card-title-link,.lookbook__title-link{color:inherit;text-decoration:none;transition:color .2s ease}.bento-card-title-link:hover,.lookbook__title-link:hover{color:var(--color-vivid-secondary, #0058be)}.bento-card--hero{grid-column:1 / -1;display:grid;grid-template-columns:480px 1fr;min-height:440px;align-self:stretch}.lookbook__media-column{position:relative;overflow:hidden;background-color:var(--color-vivid-surface-low, #f2f4f6);min-height:380px;height:100%}.lookbook__media-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.collection-bento-card:hover .lookbook__media-img{transform:scale(1.03)}.lookbook__media-badge{position:absolute;top:1rem;left:1rem;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-vivid-primary, #0f172a);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:9999px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #0f172a14;z-index:2}.lookbook__media-badge .material-symbols-outlined{font-size:16px;color:var(--color-vivid-secondary, #0058be)}.lookbook__body-column{padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-vivid-surface-lowest, #ffffff);height:100%}.lookbook__header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.lookbook__kicker{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;color:var(--color-vivid-secondary, #0058be);text-transform:uppercase;letter-spacing:.08em}.lookbook__count-pill{background-color:#ebf2fa;color:var(--color-vivid-secondary, #0058be);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:9999px}.lookbook__title{font-family:Inter,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em;color:var(--color-vivid-primary, #0f172a);line-height:1.2;margin-bottom:.75rem}.lookbook__narrative{font-family:Inter,sans-serif;font-size:.9375rem;color:var(--color-vivid-on-surface-variant, #45464d);line-height:1.6;margin-bottom:1.5rem;max-width:560px}.lookbook__peek-wrapper{margin-bottom:1.75rem}.lookbook__peek-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;color:var(--color-vivid-on-surface-subdued, #76777d);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.lookbook__peek-strip{display:flex;align-items:center;gap:.75rem}.lookbook__peek-thumb{width:72px;height:72px;border-radius:.75rem;border:1px solid var(--color-vivid-outline-variant, #eceef0);overflow:hidden;background-color:var(--color-vivid-surface-low, #f2f4f6);flex-shrink:0;box-shadow:0 2px 6px #0f172a0a;position:relative;transition:transform .2s ease,border-color .2s ease;display:block}.lookbook__peek-thumb:hover{transform:translateY(-2px);border-color:var(--color-vivid-secondary, #0058be)}.lookbook__peek-img{width:100%;height:100%;object-fit:cover}.lookbook__footer-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-vivid-outline-variant, #eceef0);margin-top:auto}.lookbook__price-info{font-family:Inter,sans-serif;font-size:.875rem;color:var(--color-vivid-on-surface-variant, #45464d)}.lookbook__price-info strong{color:var(--color-vivid-primary, #0f172a);font-size:1.0625rem;font-weight:700;display:block}.lookbook__cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-vivid-primary, #0f172a);color:#fff!important;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:700;padding:.85rem 1.75rem;border-radius:9999px;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap}.lookbook__cta-btn:hover{background-color:var(--color-vivid-secondary, #0058be);box-shadow:0 4px 14px #0058be40;transform:translateY(-1px)}.lookbook__cta-btn .material-symbols-outlined{font-size:18px}.bento-card--portrait{grid-column:span 4}.bento-portrait{display:flex;flex-direction:column;height:100%;width:100%}.bento-portrait__media{position:relative;aspect-ratio:16 / 10;width:100%;overflow:hidden;background-color:var(--color-vivid-surface-low, #f2f4f6);flex-shrink:0}.bento-portrait__placeholder{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#0f172a,#1e293b,#0058be);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bento-portrait__placeholder-text{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1}.bento-portrait__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collection-bento-card:hover .bento-portrait__img{transform:scale(1.04)}.bento-portrait__badge{position:absolute;top:10px;left:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-vivid-primary, #0f172a);font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:9999px;display:flex;align-items:center;gap:3px;box-shadow:0 1px 4px #0000000f}.bento-portrait__content{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;height:100%}.bento-portrait__main{display:flex;flex-direction:column}.bento-portrait__title{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;color:var(--color-vivid-primary, #0f172a);margin-bottom:.25rem;line-height:1.3}.bento-portrait__desc{font-family:Inter,sans-serif;font-size:.8125rem;color:var(--color-vivid-on-surface-variant, #45464d);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-portrait__peek-wrapper{margin-bottom:.5rem}.bento-portrait__peek-label{font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700;color:var(--color-vivid-on-surface-subdued, #76777d);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.bento-portrait__peek-strip{display:flex;align-items:center;gap:.5rem}.bento-portrait__peek-thumb{width:52px;height:52px;border-radius:.5rem;border:1px solid var(--color-vivid-outline-variant, #eceef0);overflow:hidden;background-color:var(--color-vivid-surface-low, #f2f4f6);flex-shrink:0;box-shadow:0 1px 4px #0f172a0a;transition:transform .2s ease,border-color .2s ease;display:block}.bento-portrait__peek-thumb:hover{transform:translateY(-2px);border-color:var(--color-vivid-secondary, #0058be)}.bento-portrait__peek-img{width:100%;height:100%;object-fit:cover}.bento-portrait__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--color-vivid-outline-variant, #eceef0)}.bento-portrait__meta{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--color-vivid-on-surface-subdued, #76777d)}.bento-direct-link-btn{display:inline-flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;color:var(--color-vivid-secondary, #0058be);text-decoration:none;transition:color .15s ease,transform .15s ease}.bento-direct-link-btn .material-symbols-outlined{font-size:14px;transition:transform .2s ease}.collection-bento-card:hover .bento-direct-link-btn{color:#003e8a}.collection-bento-card:hover .bento-direct-link-btn .material-symbols-outlined{transform:translate(3px)}.bento-card--panorama{grid-column:span 8}.bento-panorama{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;width:100%}.bento-panorama__media{position:relative;overflow:hidden;background-color:var(--color-vivid-surface-low, #f2f4f6);display:flex;align-items:center;justify-content:center;height:100%;width:100%}.bento-panorama__img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;transition:transform .5s ease}.collection-bento-card:hover .bento-panorama__img{transform:scale(1.04)}.bento-panorama__content{padding:1.5rem 1.75rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:0}.bento-panorama__main{display:flex;flex-direction:column}.bento-panorama__badge{display:inline-flex;align-items:center;gap:4px;background-color:#ebf2fa;color:var(--color-vivid-secondary, #0058be);font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;margin-bottom:.5rem;align-self:flex-start}.bento-panorama__title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800;color:var(--color-vivid-primary, #0f172a);margin-bottom:.35rem;line-height:1.3}.bento-panorama__desc{font-family:Inter,sans-serif;font-size:.8125rem;color:var(--color-vivid-on-surface-variant, #45464d);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-panorama__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--color-vivid-outline-variant, #eceef0)}.bento-card--square{grid-column:span 4;display:flex;flex-direction:column;height:100%}.bento-square{position:relative;width:100%;height:100%;min-height:360px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.bento-square__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collection-bento-card:hover .bento-square__bg{transform:scale(1.05)}.bento-square__overlay{position:relative;z-index:2;background:linear-gradient(180deg,#0f172a40,#0f172ae6);padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:100%}.bento-square__top{display:flex;align-self:flex-start;margin-bottom:auto}.bento-square__badge{display:inline-flex;align-items:center;gap:4px;background:#ffffffeb;color:var(--color-vivid-primary, #0f172a);font-family:Inter,sans-serif;font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:9999px}.bento-square__bottom{margin-top:auto}.bento-square__title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.35rem;line-height:1.3}.bento-square__desc{font-family:Inter,sans-serif;font-size:.8125rem;color:#ffffffd9;line-height:1.45;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-square__meta{font-family:Inter,sans-serif;font-size:.75rem;color:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.bento-square__action{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;color:#fff;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 8px #00000026;transition:all .25s cubic-bezier(.16,1,.3,1)}.collection-bento-card:hover .bento-square__action{background:#ffffff52;border-color:#ffffff8c;transform:translate(3px)}@media screen and (max-width:1024px){.bento-card--hero{grid-template-columns:360px 1fr}.lookbook__body-column{padding:2rem}.bento-card--portrait,.bento-card--square{grid-column:span 6}.bento-card--panorama{grid-column:span 12}}@media screen and (max-width:768px){.collections-bento-section{padding:2rem 1rem 4rem}.collections-bento-grid{grid-template-columns:1fr;gap:1.25rem}.bento-card--hero{grid-template-columns:1fr;min-height:auto}.lookbook__media-column{min-height:260px;max-height:320px}.lookbook__body-column{padding:1.5rem}.lookbook__footer-row{flex-direction:column;align-items:stretch;gap:1rem}.lookbook__footer-row .theme-btn{width:100%;justify-content:center}.bento-panorama{grid-template-columns:1fr}.bento-panorama__media{width:100%;aspect-ratio:16 / 9;min-height:220px}.bento-card--portrait,.bento-card--square,.bento-card--panorama{grid-column:1 / -1;min-height:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/collections-bento-morph.css.map */