.ccf-bento__container,.ccf-grid__container{max-width:1280px;margin:0 auto;padding:48px 24px}.ccf-bento__header{margin-bottom:40px}.ccf-bento__title{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:#0c405b;letter-spacing:-.03em;line-height:1.1;margin:0 0 8px}.ccf-bento__accent{width:64px;height:4px;background-color:#0c405b;border-radius:2px}.ccf-bento__grid{display:grid;grid-template-columns:1fr;gap:16px}.ccf-bento__card{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;text-decoration:none;display:block;transition:transform .3s ease,box-shadow .3s ease}.ccf-bento__card:hover{box-shadow:0 12px 32px #0c405b24}.ccf-bento__card--hero{min-height:400px;background-color:#0c405b;box-shadow:0 8px 24px #0c405b26}.ccf-bento__card--hero .ccf-bento__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:overlay;transition:transform .7s ease}.ccf-bento__card--hero:hover .ccf-bento__card-bg{transform:scale(1.05)}.ccf-bento__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,64,91,.95),transparent 60%)}.ccf-bento__card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:32px}.ccf-bento__card-subtitle{font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.ccf-bento__hero-title{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.1}.ccf-bento__cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0c405b;padding:12px 24px;border-radius:10px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;width:fit-content;transition:background .3s ease}.ccf-bento__cta:hover{background:#e6f0f5}.ccf-bento__card--standard{background:#fff;display:flex;flex-direction:column;box-shadow:0 2px 12px #0000000f}.ccf-bento__card--standard:hover{transform:translateY(-4px)}.ccf-bento__card-image-area{flex:1;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:24px;min-height:200px}.ccf-bento__card-img{max-width:100%;max-height:180px;object-fit:contain;transition:transform .5s ease}.ccf-bento__card--standard:hover .ccf-bento__card-img{transform:scale(1.08)}.ccf-bento__placeholder{width:80px;height:80px;fill:#ccc}.ccf-bento__card-label{background:#0c405b;padding:16px 20px;display:flex;flex-direction:column;gap:2px}.ccf-bento__card-name{font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.ccf-bento__card-sub{font-family:Inter,sans-serif;font-size:.75rem;color:#fff9}.ccf-grid__header{margin-bottom:40px}.ccf-grid__title{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:#0c405b;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px;display:inline-block}.ccf-grid__accent-line{display:block;width:64px;height:4px;background:#38bdf8;border-radius:2px;margin-top:8px}.ccf-grid__description{font-size:1rem;color:#666;line-height:1.6;margin:24px 0 0;max-width:600px}.ccf-grid__list{display:grid;gap:24px;grid-template-columns:1fr}.ccf-grid__card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000f;text-decoration:none;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.ccf-grid__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0c405b1f}.ccf-grid__image-wrap{aspect-ratio:1 / 1;background:#f3f3f3;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.ccf-grid__image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.ccf-grid__card:hover .ccf-grid__image{transform:scale(1.08)}.ccf-grid__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ccf-grid__placeholder-svg{width:50%;height:50%;fill:#ccc}.ccf-grid__card-body{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.ccf-grid__collection-name{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1c1e;margin:0}.ccf-grid__link{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#0c405b;transition:color .3s ease}.ccf-grid__card:hover .ccf-grid__link{color:#38bdf8}@media(min-width:768px){.ccf-bento__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:20px}.ccf-bento__card--hero{grid-column:span 2;grid-row:span 2;min-height:500px}.ccf-bento__hero-title{font-size:2.5rem}.ccf-bento__card-content{padding:40px}.ccf-grid__list--cols-2{grid-template-columns:repeat(2,1fr)}.ccf-grid__list--cols-3{grid-template-columns:repeat(3,1fr)}.ccf-grid__list--cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.ccf-bento__container,.ccf-grid__container{padding:64px 32px}.ccf-bento__title,.ccf-grid__title{font-size:3rem}}@media(max-width:767px){.ccf-bento__grid{grid-template-columns:repeat(2,1fr);gap:12px}.ccf-bento__card--hero{grid-column:span 2;min-height:280px}.ccf-bento__title,.ccf-grid__title{font-size:1.75rem}.ccf-bento__hero-title{font-size:1.5rem}.ccf-bento__card-image-area{min-height:140px;padding:16px}.ccf-bento__card-img{max-height:120px}.ccf-bento__card-label{padding:12px 16px}.ccf-bento__card-name{font-size:.8rem}.ccf-grid__image-wrap{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ccf-homepage.css.map */