:root{--color-primary: #FFA235;--color-secondary: #3C4196;--color-charade: #2E2F3C;--color-comet: #55576F;--color-chambray: #3C4196;--color-pizazz: #FF8900;--color-jade: #00B67A;--color-cultured: #F7F7F9;--color-scarlet: #F03306;--color-ghost: #C5C6D3;--color-snuff: #E1E1F0;--color-serenade: #FFF6EC;--color-athens-gray: #E6E7EC;--color-spun-pearl: #B0B1C2;--color-mischka: #D2D3DD }.digital-booklet-banner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;margin:1.2rem}@media screen and (min-width: 769px){.digital-booklet-banner{justify-content:flex-start;height:100%;margin:0}}.digital-booklet-banner .main-content{position:absolute;top:36px;width:70%;text-align:center}@media(min-width: 769px){.digital-booklet-banner .main-content{top:52px;width:100%;text-align:left}}.digital-booklet-banner .wallpaper{display:flex;justify-content:center;height:100%;max-width:351px;max-height:344px;border-radius:8px;overflow:hidden}@media(min-width: 769px){.digital-booklet-banner .wallpaper{max-height:318px;max-width:initial;border-radius:initial}}.digital-booklet-banner .wallpaper img{object-fit:cover}.booklet-catalog{display:grid;gap:12px;margin:24px 0}@media screen and (min-width: 768px){.booklet-catalog{gap:24px;margin:40px auto}}@media screen and (min-width: 1440px){.booklet-catalog{max-width:80%}}.booklet-catalog .catalog{display:grid;gap:36px;grid-template-columns:minmax(0, 351px);justify-content:center}@media screen and (min-width: 768px){.booklet-catalog .catalog{gap:24px 36px;grid-template:repeat(2, minmax(0, 1fr))/repeat(2, minmax(0, 351px))}}@media screen and (min-width: 1200px){.booklet-catalog .catalog{grid-template:repeat(2, minmax(0, 1fr))/repeat(3, minmax(0, 351px))}}.booklet-catalog .catalog-item{display:flex;flex-direction:column;border:1px solid #e1e1f0;background:linear-gradient(180deg, #FFF6EC 0%, rgba(255, 246, 236, 0) 100%);border-radius:6px;transition:all .25s ease-out}@media screen and (min-width: 768px){.booklet-catalog .catalog-item{width:353px;height:260px}}.booklet-catalog .catalog-item:hover{border:1px solid #ff8900;box-shadow:0px 10px 20px rgba(0,0,0,.1)}.booklet-catalog .catalog-item article{padding:24px 15px}