@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}.brx-popup .brx-popup-content:has(.ipl) { width: min(1100px, calc(100vw - 32px)); max-width: none; padding: 0; background: transparent;} .ipl { --ipl-ink: #1a1a19; --ipl-muted: #4a4a48; --ipl-accent: #ed795e; --ipl-accent-ink: #a8452d; --ipl-blush: #f9d3ca; --ipl-surface: #fef7f6; width: 100%;}.ipl__card,.ipl__body,.ipl__callout { flex-wrap: nowrap; } .ipl__card { position: relative; display: flex; flex-direction: row; align-items: stretch; width: 100%; max-height: calc(100dvh - 32px); background: var(--ipl-surface); border-radius: 28px; overflow: hidden; box-shadow: 0 40px 90px -24px rgba(26, 26, 25, .55), 0 0 0 1px rgba(237, 121, 94, .14);}.ipl__media { position: relative; flex: 0 0 38%; width: 38%; overflow: hidden; background: #2a2321; isolation: isolate;} .ipl__media .ipl__bg { position: absolute; inset: -12%; width: 124%; height: 124%; max-width: none; object-fit: cover; filter: blur(30px) saturate(1.15) brightness(.85);} .ipl__media .ipl__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: contain; padding: clamp(16px, 2.4vw, 28px); filter: drop-shadow(0 22px 32px rgba(0, 0, 0, .4));}.ipl__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 14px; width: auto; min-width: 0; padding: clamp(28px, 3vw, 44px); align-items: stretch; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--ipl-blush) transparent; color: var(--ipl-muted); font-size: 15px; line-height: 1.55;} .ipl__body p,.ipl__body ol { margin: 0; } .ipl__eyebrow { display: inline-flex; align-items: center; gap: 8.8px; align-self: flex-start; padding: 6.4px 13.6px; border-radius: 999px; background: rgba(249, 211, 202, .55); color: var(--ipl-accent-ink); font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;} .ipl__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ipl-accent); box-shadow: 0 0 0 4px rgba(237, 121, 94, .2);} .ipl__title { margin: 0; max-width: 22ch; font-family: "Lora", Georgia, serif; font-size: clamp(26px, 2.4vw, 34px); font-weight: 600; line-height: 1.12; letter-spacing: -.01em; color: var(--ipl-ink);} .ipl__title em { font-style: italic; color: var(--ipl-accent-ink);}.ipl__steps ol { display: grid; gap: 6px; padding: 0; list-style: none;} .ipl__steps li { display: flex; align-items: center; gap: 12.8px; padding: 9px 14px; border: 1px solid rgba(237, 121, 94, .2); border-radius: 14px; background: #fff; color: var(--ipl-ink); font-size: 14.5px; line-height: 1.35;} .ipl__steps li::before { content: "✓"; flex: 0 0 26px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ipl-accent); color: #fff; font-size: 12.8px; font-weight: 800;}.ipl__callout { display: flex; flex-direction: row; align-items: center; gap: 17.6px; width: 100%; padding: 14px 18px; border-radius: 18px; background: var(--ipl-ink); color: rgba(254, 247, 246, .82);} .ipl__date { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; padding-right: 17.6px; border-right: 1px solid rgba(254, 247, 246, .18); color: #fff; text-align: center;} .ipl__day { font-family: "Lora", Georgia, serif; font-size: 38.4px; font-weight: 600; line-height: 1; color: var(--ipl-blush);} .ipl__month { margin-top: 4.8px; font-size: 10.9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;} .ipl__callout-text { margin: 0; font-size: 14.4px; line-height: 1.55;} .ipl__sign { margin: 0; padding-left: 16px; border-left: 2px solid var(--ipl-accent); font-family: "Lora", Georgia, serif; font-size: 18px; font-style: italic; line-height: 1.35; color: var(--ipl-ink);} .ipl__outro { font-size: 14.4px;} .ipl__actions { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 16px; width: 100%; margin-top: 5.6px;} .ipl__cta { display: inline-flex; align-items: center; gap: 9.6px; padding: 15.2px 25.6px; border: 0; border-radius: 999px; background: var(--ipl-ink); color: #fff; font-size: 15.2px; font-weight: 600; line-height: 1; text-decoration: none; transition: background-color .25s ease, transform .25s ease;} .ipl__cta::after { content: "→"; transition: transform .25s ease;} .ipl__cta:hover,.ipl__cta:focus-visible { background: var(--ipl-accent-ink); color: #fff; transform: translateY(-2px);} .ipl__cta:hover::after { transform: translateX(4px); }.ipl__close { position: absolute; top: 16px; right: 16px; z-index: 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 6px 18px rgba(26, 26, 25, .15); color: var(--ipl-ink); font-size: 14px; cursor: pointer; transition: transform .3s ease, background-color .3s ease;} .ipl__close:hover { background: var(--ipl-blush); transform: rotate(90deg);}@keyframes iplIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; }} .brx-popup:not(.hide) .ipl__card { animation: iplIn .6s cubic-bezier(.2, .8, .2, 1) both;}@media (prefers-reduced-motion: reduce) { .brx-popup:not(.hide) .ipl__card { animation: none; }}@media (max-width: 767px) { .brx-popup .brx-popup-content:has(.ipl) { width: calc(100vw - 24px); } .ipl__card { flex-direction: column; max-height: calc(100dvh - 24px); overflow-y: auto; border-radius: 22px; } .ipl__media { flex: 0 0 auto; width: 100%; height: min(44vh, 340px); } .ipl__body { overflow: visible; padding: 25.6px 20px 28px; } .ipl__callout { flex-direction: column; align-items: flex-start; gap: 12px; } .ipl__date { flex-direction: row; align-items: baseline; gap: 8px; padding: 0 0 12px; border-right: 0; border-bottom: 1px solid rgba(254, 247, 246, .18); } .ipl__date .ipl__month { margin-top: 0; }}