.magnetic-editorial{min-width:0;max-width:1200px;margin-inline:auto}@keyframes stripFadeIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.magnetic-strip{isolation:isolate;align-items:center;gap:14px;min-width:0;height:510px;animation:.32s cubic-bezier(.16,1,.3,1) stripFadeIn;display:flex}.magnetic-story{--pull:0;flex:calc(1 + var(--pull) * 1.4);min-width:0;height:calc(350px + var(--pull) * 65px);background:var(--color-ink);color:#fff;contain:layout paint;border-radius:32px;transition:opacity .25s,border-radius .25s;position:relative;overflow:hidden;box-shadow:0 14px 34px #192a4020}.magnetic-story:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 15%,#0f172a99 50%,#0f172af2 100%);position:absolute;inset:0}.magnetic-story>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.magnetic-cover{isolation:isolate;pointer-events:none;position:absolute;inset:0}.magnetic-open{z-index:2;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.magnetic-open:focus-visible{outline:3px solid var(--color-accent);outline-offset:-6px;border-radius:inherit}.magnetic-monogram{height:100%;font:600 96px var(--font-serif);color:#fff4;background:linear-gradient(140deg,#2c3e50,#2f534e);place-items:center;display:grid}.magnetic-index{z-index:2;letter-spacing:.05em;color:#ffffffb3;backdrop-filter:blur(4px);background:#00000040;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:20px;left:20px}.magnetic-caption{z-index:3;pointer-events:none;position:absolute;bottom:22px;left:20px;right:20px}.magnetic-category{letter-spacing:.12em;text-transform:uppercase;color:#99f6e4;overflow-wrap:break-word;word-break:break-word;margin-bottom:8px;font-size:10.5px;font-weight:700;display:block}.magnetic-caption h2{font:600 clamp(15px, 1.2vw, 20px)/1.28 var(--font-serif);letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-break:break-word;-webkit-line-clamp:3;text-shadow:0 2px 4px #0006;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magnetic-caption p{color:#f1f5f9;-webkit-line-clamp:3;overflow-wrap:break-word;-webkit-box-orient:vertical;max-width:52ch;margin-top:10px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.magnetic-caption a{pointer-events:auto;color:#0f172a;background:#ffffffed;border-radius:999px;align-items:center;gap:8px;min-height:40px;margin-top:14px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #0003}.magnetic-caption a:hover{background:#fff;transform:translateY(-1px)}.magnetic-close{z-index:4;color:#fff;backdrop-filter:blur(4px);background:#0f172abf;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s;display:grid;position:absolute;top:15px;right:15px}.magnetic-close:hover{background:#0f172af2}.magnetic-strip[data-open] .magnetic-story{opacity:.5;flex:.55;height:350px}.magnetic-strip[data-open] .magnetic-story[data-selected]{opacity:1;border-radius:26px;flex:4.2;height:480px}.magnetic-story[data-selected] h2{-webkit-line-clamp:4;font-size:clamp(22px,2.5vw,32px);line-height:1.25}.magnetic-strip[data-open] .magnetic-story:not([data-selected]) .magnetic-caption{opacity:0}.magnetic-story:focus-within .magnetic-caption{opacity:1!important}.magnetic-hint{text-align:center;color:var(--color-muted);margin:12px 0 0;font-size:12px}@media (width<=899px){.magnetic-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;padding-block:12px 20px;display:grid}.magnetic-story,.magnetic-strip[data-open] .magnetic-story,.magnetic-strip[data-open] .magnetic-story[data-selected]{opacity:1;border-radius:24px;height:360px}.magnetic-strip[data-open] .magnetic-story:not([data-selected]) .magnetic-caption{opacity:1}.magnetic-caption{bottom:18px;left:18px;right:18px}.magnetic-caption h2{font-size:20px}.magnetic-story[data-selected]{grid-column:1/-1}.magnetic-caption p{-webkit-line-clamp:3}}@media (width<=520px){.magnetic-strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:14px;padding:12px 4px 22px;display:flex;overflow-x:auto}.magnetic-story,.magnetic-strip[data-open] .magnetic-story,.magnetic-strip[data-open] .magnetic-story[data-selected]{scroll-snap-align:center;flex:0 0 88%;height:400px}.magnetic-caption h2,.magnetic-story[data-selected] h2{font-size:22px}.magnetic-hint{line-height:1.6}}@media (prefers-reduced-motion:reduce){.magnetic-story{transition:none}}