.editorial-visual{position:relative;min-height:535px;display:flex;justify-content:center;align-items:center;isolation:isolate;padding-bottom:32px}
.orbital{position:absolute;inset:8px -15px 48px;z-index:-1;border-radius:50%;border:1px solid #b8ccdc}
.orbital:after{content:"";position:absolute;inset:30px;border:1px solid #c7d8e5;border-radius:50%}
.orbital span:first-child{position:absolute;width:12px;height:12px;background:var(--yellow);border-radius:50%;left:12%;top:15%}
.orbital span:last-child{position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;right:5%;bottom:27%}
.folio{width:300px;min-height:380px;position:relative;background:#fff;border:1px solid #c5d5e1;border-radius:3px 12px 12px 3px;padding:28px 28px 24px 34px;box-shadow:5px 5px 0 #e0e8ef,6px 6px 0 #bccedc,14px 22px 38px #32567518;transform:rotate(-7deg)}
.folio:before{content:"";position:absolute;top:0;bottom:0;left:9px;width:1px;background:#d7e2ea}
.folio-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding-right:18px}
.folio-heading{font:800 31px/1.17 Manrope;letter-spacing:-.045em;margin:52px 0 30px;color:var(--ink)}
.folio-heading>span{color:var(--blue)}
.folio-rule{width:44px;height:4px;background:var(--yellow);margin-bottom:30px}
.folio-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);line-height:1.5}
.folio-mark{font:400 54px/1 Manrope;color:var(--blue)}
.folio-bookmark{position:absolute;right:29px;top:-1px;background:var(--yellow);width:20px;height:49px;clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%)}
.annotation{position:absolute;padding:15px 18px;display:flex;align-items:center;gap:13px;border:1px solid #ccdce7;background:#f7fafddd;border-radius:10px;box-shadow:0 6px 16px #14253706;backdrop-filter:blur(8px)}
.annotation strong{display:block;font-size:14px;font-weight:600}
.annotation small{display:block;color:var(--muted);font-size:12px}
.annotation-top{top:36px;left:-4px}
.annotation-bottom{bottom:58px;right:-5px}
.annotation-dot{width:9px;height:9px;background:var(--blue);border-radius:50%}
.annotation-check{display:grid;place-items:center;border:1px solid #9bbebc;color:#086e67;width:28px;height:28px;border-radius:50%;font-size:16px}
.editorial-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;color:#50667a}
@media (max-width:1199px){.editorial-visual{min-height:510px}.folio{width:280px}.folio-heading{font-size:29px}.annotation-top{left:-10px}.annotation-bottom{right:-5px}}
@media (max-width:1000px){.folio{width:250px;padding:24px 24px 24px 30px;min-height:350px}.folio-heading{font-size:27px;margin-top:44px}.annotation{padding:12px;gap:9px}.annotation-top{top:36px;left:-5px}.annotation-bottom{bottom:64px;right:-5px}.annotation strong{font-size:13px}.annotation small{font-size:11px}.editorial-visual{min-height:480px}.orbital{inset:30px -5px 58px}}
@media (max-width:900px){.folio{width:230px}.folio-heading{font-size:25px}.annotation-top{top:26px}.annotation-bottom{bottom:48px}.editorial-caption{font-size:10px}}
@media (max-width:700px){.editorial-visual{min-height:485px;max-width:460px;width:100%;margin:auto}.folio{width:280px;min-height:365px}.folio-heading{font-size:30px}.annotation-top{left:8px;top:20px}.annotation-bottom{bottom:45px;right:0}.annotation{padding:13px 16px}.annotation strong{font-size:14px}.annotation small{font-size:12px}.editorial-caption{font-size:11px}.orbital{inset:18px 10px 52px}}
@media (max-width:380px){.editorial-visual{min-height:440px}.folio{width:223px;min-height:330px;padding:24px 20px 20px 27px}.folio-heading{font-size:25px;margin-top:40px;margin-bottom:26px}.folio-top{font-size:10px}.folio-rule{margin-bottom:24px}.folio-bottom{font-size:10px}.annotation-top{left:0;top:8px}.annotation-bottom{right:0;bottom:36px}.annotation{padding:10px 12px}.annotation strong{font-size:12px}.annotation small{font-size:10px}.editorial-caption{font-size:10px}.orbital{inset:24px 2px 46px}}
.annotation-top{top:-6px}
.folio-top{padding-right:22px}
@media (max-width:700px){.annotation-top{top:0}}