.article-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.article-modal[aria-hidden=false]{visibility:visible;opacity:1}.article-modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;background-color:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.article-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;background-color:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@supports not (backdrop-filter: blur(10px)){.article-modal__backdrop,.article-modal:before{background-color:#000000e6}}.article-modal__surface{position:relative;z-index:999999;background-color:#fff;width:calc(100% - 32px);max-width:600px;min-height:70vh;max-height:min(70vh,calc(100dvh - 32px));margin:16px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.article-modal__close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;cursor:pointer;padding:0;box-shadow:0 2px 8px #0000001a;transition:background-color .15s ease}.article-modal__close:hover{background-color:#f5f5f5}.article-modal__close svg{display:block}.article-modal__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.article-modal__hero{margin:0;width:100%;aspect-ratio:16 / 9;min-height:200px;max-height:40vh;overflow:hidden}.article-modal__hero-img{width:100%;height:100%;object-fit:cover;display:block}.article-modal__content{padding:24px 20px 32px}.article-modal__title{font-family:Radley,serif;font-size:var(--text-modal-title);color:#af1d35;margin:0 0 16px;line-height:1.2}@media screen and (max-width:749px){.article-modal__title{font-size:28px!important}}.article-modal__body{font-family:Poppins,sans-serif;font-size:var(--text-body);font-weight:400;color:#000;line-height:1.6}.article-modal__body p{font-family:Poppins,sans-serif;font-size:var(--text-body);font-weight:400;color:#000;line-height:1.6;margin:0 0 16px}.article-modal__body p:last-child{margin-bottom:0}.article-modal__body *{font-family:Poppins,sans-serif}.article-modal__body li,.article-modal__body strong,.article-modal__body b,.article-modal__body em,.article-modal__body span,.article-modal__body a,.article-modal__body ul,.article-modal__body ol,.article-modal__body div,.article-modal__body small,.article-modal__body label{font-size:inherit}.article-modal__content{padding:32px 20px}.article-modal__body h1,.article-modal__body h2,.article-modal__body h3,.article-modal__body h4,.article-modal__body h5,.article-modal__body h6{font-family:Radley,serif!important;color:#af1d35!important;font-weight:400!important;line-height:1.3!important;margin:28px 0 16px!important}.article-modal__body h1:first-child,.article-modal__body h2:first-child,.article-modal__body h3:first-child{margin-top:0!important}.article-modal__body h1{font-size:24px!important}.article-modal__body h2{font-size:20px!important}.article-modal__body h3{font-size:18px!important}.article-modal__body h4{font-size:16px!important}.article-modal__body h5,.article-modal__body h6{font-size:15px!important;font-weight:600!important}.article-modal__body li,.article-modal__body li *,.article-modal__body li strong,.article-modal__body li b,.article-modal__body li span{font-size:var(--text-body)!important}@media screen and (min-width:750px){.article-modal__surface{width:calc(100% - 48px);max-width:900px;max-height:70vh;margin:24px;flex-direction:row;overflow:hidden}.article-modal__close{top:16px;right:16px}.article-modal__scroll{display:flex;flex-direction:row;width:100%;overflow:hidden}.article-modal__hero{width:45%;max-height:none;aspect-ratio:auto;height:70vh;flex-shrink:0;overflow:hidden}.article-modal__hero-img{width:100%;height:100%;object-fit:cover}.article-modal__content{width:55%;padding:32px 28px 40px;overflow-y:auto;overscroll-behavior:contain;max-height:70vh}}@media screen and (min-width:990px){.article-modal__surface{max-width:1000px}.article-modal__content{padding:40px 36px 48px}}.article-modal__hero:has(img[src=""]){display:none}.article-modal__hero.is-hidden{display:none}.article-modal--body-locked{overflow:hidden!important;touch-action:none!important}.article-modal__close{z-index:100}
/*# sourceMappingURL=/cdn/shop/t/56/assets/article-modal.css.map */