.ol-card{color:#fff;width:100%;max-width:420px;font:inherit;text-align:right;cursor:pointer;background:#021e2259;border:1px solid #e6c98a73;border-radius:16px;align-items:center;gap:12px;margin:16px auto 0;padding:10px 12px;display:flex}.ol-paper{aspect-ratio:3/4;background:#fdf9f0;border-radius:4px;flex:none;width:54px;position:relative;overflow:hidden;box-shadow:0 8px 18px -8px #000000b3}.ol-paper img{object-fit:cover;width:100%;height:100%;display:block}.ol-cap{flex-direction:column;gap:2px;min-width:0;display:flex}.ol-cap b{color:#f3d995;font-size:14px}.ol-cap span{color:#ffffffe0;font-size:12px;line-height:1.6}.ol-cap em{color:#f3d995;text-underline-offset:4px;font-size:12px;font-style:normal;font-weight:700;text-decoration:underline}.ol-card:focus-visible{outline-offset:3px;outline:2px solid #f3d995}@media (width>=1300px){.ol-card{z-index:3;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:14px;width:230px;max-width:none;margin:0;padding:0;position:absolute;top:50%;right:max(24px,25% - 305px);translate:0 -62%}.ol-paper{border-radius:6px;width:100%;transition:rotate .6s cubic-bezier(.2,.8,.2,1),scale .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;rotate:4deg;box-shadow:0 30px 50px -24px #000000d9,0 0 0 1px #e6c98a80,0 0 0 7px #e6c98a14}.ol-paper:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff59,#0000 35% 70%,#785a281f);position:absolute;inset:0}.ol-card:hover .ol-paper,.ol-card:focus-visible .ol-paper{rotate:0deg;scale:1.04;box-shadow:0 36px 60px -24px #000000e6,0 0 0 1.5px #e6c98a,0 0 30px #f3d99540}.ol-cap{text-align:center;align-items:center}.ol-cap b{align-items:center;gap:8px;font-size:18px;display:inline-flex}.ol-cap b:before,.ol-cap b:after{content:"";background:#e6c98a;width:22px;height:1px}.ol-cap span{font-size:13px}}@property --rv{syntax:"<percentage>";inherits:false;initial-value:106%}@media (width>=1300px) and (prefers-reduced-motion:no-preference){.ol-paper img{-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 var(--rv), transparent calc(var(--rv) + 6%));-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 var(--rv), transparent calc(var(--rv) + 6%));mask-image:linear-gradient(180deg, #000 0%, #000 var(--rv), transparent calc(var(--rv) + 6%));animation:4.2s cubic-bezier(.45,0,.55,1) 1.2s both ol-write}.ol-card{animation:1s cubic-bezier(.2,.8,.2,1) .4s both ol-in}}@keyframes ol-write{0%{--rv:0%}to{--rv:106%}}@keyframes ol-in{0%{opacity:0;translate:40px -62%}}.ol-dialog{color:#2b1e10;background:#fdf9f0;border:0;border-radius:20px;width:min(1000px,94vw);max-height:92vh;padding:0;overflow:auto;box-shadow:0 40px 80px -30px #000c}.ol-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02181bc7}.ol-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;padding:28px;display:grid}.ol-in img{border-radius:8px;width:100%;height:auto;box-shadow:0 10px 30px -14px #00000080}.ol-txt h2{color:#8a5e2e;margin:0 0 6px;font-size:24px}.ol-meta{color:#8a7458;margin:0 0 16px;font-size:13px}.ol-txt p{margin:0 0 12px;font-size:16px;line-height:2}.ol-sign{color:#8a5e2e;font-weight:800;margin-top:18px!important}.ol-sign span{font-size:14px;font-weight:600}.ol-x{float:left;color:#fff;cursor:pointer;z-index:2;background:#063135;border:0;border-radius:50%;width:38px;height:38px;margin:10px;font-size:22px;line-height:1;position:sticky;top:10px}@media (width<=760px){.ol-in{grid-template-columns:1fr;gap:16px;padding:16px}.ol-txt p{font-size:15px}}
