.custom-page-previews{display:flex;flex-wrap:wrap;gap:30px;padding:20px;min-height:500px;@media(width<=600px){flex-direction:column;gap:20px;padding:10px}}.page-block{flex:0 1 calc(33.333% - 20px);display:flex;flex-direction:column;position:relative;background:var(--hk-white);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;box-shadow:var(--shadow-subtle);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);&:hover{transform:translateY(-4px);box-shadow:#1016120f 0 0 0 1px,#10163214 0 2px 4px -1px,#10164614 0 8px 16px -4px,#1016460f 0 16px 32px -8px}&:focus-visible{outline:2px solid var(--hk-active-green);outline-offset:2px}@media(width<=1024px){flex:0 1 calc(50% - 15px)}@media(width<=768px){flex:1 1 100%}}.page-list-image{overflow:hidden}.page-list-image img{width:100%;height:260px;object-fit:cover;display:block}@media(width<=768px){.page-list-image img{height:200px}}.page-list-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.page-list-title{font-family:var(--font-heineken-bold);font-size:1.375rem;color:var(--hk-black);margin:0 0 8px;line-height:1.3;transition:color var(--transition-fast);@media(width<=768px){font-size:1.125rem}}.page-block:hover .page-list-title{color:var(--hk-green)}.page-list-excerpt{font-family:var(--font-heineken);font-size:.9375rem;color:var(--hk-grey);line-height:1.6;margin:0 0 16px;@media(width<=768px){font-size:.875rem}}.page-block-cta{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:auto;font-family:var(--font-heineken-bold);font-size:.875rem;color:var(--hk-black);text-transform:uppercase;letter-spacing:.02em;transition:color var(--transition-fast)}.page-block-cta:before{content:"\2192";font-size:1rem;font-weight:700}.page-block:hover .page-block-cta{color:var(--hk-green)}@media(prefers-reduced-motion:reduce){.page-block:hover{transform:none}}