.lookbook-section{width:100%;padding:0;background-color:var(--color-background);overflow:hidden}.lookbook__title{margin:0;padding:2rem 0;text-align:center;font-size:2.5rem;color:var(--color-text)}.lookbook-grid{display:grid;width:100%;margin:0;padding:0;gap:0;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}.grid-item{position:relative;width:100%;padding-bottom:100%;background:var(--white);overflow:hidden;transition:transform .02s var(--transition),box-shadow .02s var(--transition)}.grid-item--small{grid-column:span 1;grid-row:span 1}.grid-item--large,.span-2{grid-column:span 2;grid-row:span 2}.grid-item__image-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.grid-item__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .02s var(--transition),filter .02s var(--transition)}.grid-item__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:#fff;z-index:1;transition:transform .02s var(--transition),box-shadow .02s var(--transition)}.grid-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;opacity:0;transition:opacity .02s ease;z-index:2}.grid-item__title{transform:translateY(1rem);font-family:var(--font-bungee, "Bungee", cursive);font-size:1.25rem;text-align:center;transition:transform .02s var(--transition),text-shadow .02s var(--transition)}.grid-item:active .grid-item__link{transform:translate(0);box-shadow:var(--shadow-sm)}.grid-item .grid-item__overlay{background:#000000d9}.grid-item:nth-child(8n+1):hover .grid-item__overlay{background:rgba(var(--hot-pink-rgb),.85);opacity:1}.grid-item:nth-child(8n+2):hover .grid-item__overlay{background:rgba(var(--yellow-rgb),.85);opacity:1}.grid-item:nth-child(8n+3):hover .grid-item__overlay{background:rgba(var(--light-yellow-rgb),.85);opacity:1}.grid-item:nth-child(8n+4):hover .grid-item__overlay{background:rgba(var(--cyan-rgb),.85);opacity:1}.grid-item:nth-child(8n+5):hover .grid-item__overlay{background:rgba(var(--purple-rgb),.85);opacity:1}.grid-item:nth-child(8n+6):hover .grid-item__overlay{background:rgba(var(--light-purple-rgb),.85);opacity:1}.grid-item:nth-child(8n+7):hover .grid-item__overlay{background:rgba(var(--green-rgb),.85);opacity:1}.grid-item:nth-child(8n+8):hover .grid-item__overlay{background:rgba(var(--orange-rgb),.85);opacity:1}.grid-item:nth-child(8n+1):active .grid-item__overlay{background:rgba(var(--hot-pink-rgb),.95);opacity:1}.grid-item:nth-child(8n+2):active .grid-item__overlay{background:rgba(var(--yellow-rgb),.95);opacity:1}.grid-item:nth-child(8n+3):active .grid-item__overlay{background:rgba(var(--light-yellow-rgb),.95);opacity:1}.grid-item:nth-child(8n+4):active .grid-item__overlay{background:rgba(var(--cyan-rgb),.95);opacity:1}.grid-item:nth-child(8n+5):active .grid-item__overlay{background:rgba(var(--purple-rgb),.95);opacity:1}.grid-item:nth-child(8n+6):active .grid-item__overlay{background:rgba(var(--light-purple-rgb),.95);opacity:1}.grid-item:nth-child(8n+7):active .grid-item__overlay{background:rgba(var(--green-rgb),.95);opacity:1}.grid-item:nth-child(8n+8):active .grid-item__overlay{background:rgba(var(--orange-rgb),.95);opacity:1}.grid-item:nth-child(8n+1):hover .grid-item__title,.grid-item:nth-child(8n+4):hover .grid-item__title,.grid-item:nth-child(8n+5):hover .grid-item__title,.grid-item:nth-child(8n+7):hover .grid-item__title,.grid-item:nth-child(8n+1):active .grid-item__title,.grid-item:nth-child(8n+4):active .grid-item__title,.grid-item:nth-child(8n+5):active .grid-item__title,.grid-item:nth-child(8n+7):active .grid-item__title{color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.grid-item:nth-child(8n+2):hover .grid-item__title,.grid-item:nth-child(8n+3):hover .grid-item__title,.grid-item:nth-child(8n+6):hover .grid-item__title,.grid-item:nth-child(8n+8):hover .grid-item__title,.grid-item:nth-child(8n+2):active .grid-item__title,.grid-item:nth-child(8n+3):active .grid-item__title,.grid-item:nth-child(8n+6):active .grid-item__title,.grid-item:nth-child(8n+8):active .grid-item__title{color:#000;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.grid-item:hover .grid-item__image{transform:scale(1.05);filter:brightness(.9)}.grid-item:hover .grid-item__title,.grid-item:active .grid-item__title{transform:translateY(0)}.lookbook-grid.is-loading .grid-item{opacity:0;transform:translateY(20px)}.lookbook__error{grid-column:1 / -1;padding:2rem;text-align:center;color:#d32f2f}@media (max-width: 992px){.lookbook-grid{grid-template-columns:repeat(3,1fr)}.grid-item--large,.span-2{grid-column:span 3}}@media (max-width: 768px){.lookbook-grid{grid-template-columns:repeat(2,1fr)}.lookbook__title{font-size:2rem;padding:1.5rem 0}.grid-item--large,.span-2{grid-column:span 2}}@media (max-width: 480px){.lookbook-grid{grid-template-columns:1fr}.lookbook__title{font-size:1.75rem;padding:1.25rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-lookbook.css.map */
