.woo-flip{margin:0 auto;max-width:1200px;padding:48px 20px;position:relative;z-index:1}.woo-flip *,.woo-flip :after,.woo-flip :before{box-sizing:border-box}.woo-flip__heading{color:#1a1a1a;font-family:Mortise,Georgia,serif;font-size:2.5rem;font-weight:600;line-height:1.1;margin:0 0 8px}.woo-flip__subtext{color:#1a1a1a;margin:0 0 32px}.woo-flip__subtext p{margin:0}.woo-flip__grid{display:grid;gap:24px}.woo-flip__grid[data-count="1"]{grid-template-columns:1fr}.woo-flip__grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.woo-flip__grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.woo-flip__grid[data-count="4"]{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.woo-flip__grid[data-count="3"],.woo-flip__grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.woo-flip__grid[data-count]{grid-template-columns:1fr}}.woo-flip__card{background-color:#1a1a1a;background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 2px 8px rgba(26,26,26,.08);cursor:pointer;min-height:400px;overflow:hidden;position:relative;transition:box-shadow .3s ease}.woo-flip__card:focus-visible{outline:3px solid #1b5fa8;outline-offset:3px}.woo-flip__panel,.woo-flip__rest{inset:0;position:absolute;transition:opacity .4s ease}.woo-flip__rest{opacity:1}.woo-flip__rest:after{background:linear-gradient(0deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.18) 48%,transparent 72%);content:"";inset:0;position:absolute}.woo-flip__rest-overlay{bottom:0;color:#fff;left:0;padding:28px;position:absolute;right:0;z-index:1}.woo-flip__rest .woo-flip__title{color:#fff}.woo-flip__rest .woo-flip__desc{color:hsla(0,0%,100%,.92)}.woo-flip__panel{background:rgba(245,197,24,.95);opacity:0;pointer-events:none}.woo-flip__panel-inner{color:#1a1a1a;display:flex;flex-direction:column;height:100%;padding:28px}.woo-flip__title--panel{color:#1a1a1a}.woo-flip__desc--panel{color:#1a1a1a;margin-bottom:auto}@media (hover:hover) and (pointer:fine){.woo-flip__card:focus-within .woo-flip__rest,.woo-flip__card:hover .woo-flip__rest{opacity:0}.woo-flip__card:focus-within .woo-flip__panel,.woo-flip__card:hover .woo-flip__panel{opacity:1;pointer-events:auto}.woo-flip__card:focus-within,.woo-flip__card:hover{box-shadow:0 18px 40px rgba(26,26,26,.22)}}.woo-flip__card.is-flipped .woo-flip__rest{opacity:0}.woo-flip__card.is-flipped .woo-flip__panel{opacity:1;pointer-events:auto}.woo-flip__card.is-flipped{box-shadow:0 18px 40px rgba(26,26,26,.22)}.woo-flip__title{font-family:Mortise,Georgia,serif;font-size:1.9rem;font-weight:600;line-height:1.1;margin:0 0 8px}.woo-flip__desc{font-size:1rem;line-height:1.5}.woo-flip__desc p{margin:0 0 .6em}.woo-flip__desc p:last-child{margin-bottom:0}.woo-flip__desc ul{margin:0;padding-left:1.1em}.woo-flip__btn{align-self:flex-start;background:#fff;border-radius:999px;color:#1a1a1a;display:inline-block;font-weight:600;margin-top:20px;padding:12px 26px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.woo-flip__btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}@media (max-width:600px){.woo-flip{padding:32px 16px}.woo-flip__heading{font-size:2rem}}@media (prefers-reduced-motion:reduce){.woo-flip__btn,.woo-flip__panel,.woo-flip__rest{transition:none}}