.mag-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;margin-bottom:40px;display:flex}.mag-head>*{min-width:0;max-width:100%}.mag-head .section-head{margin-bottom:0}.blog-index .mag-head h1{margin:12px 0 0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.mag-head .section-head p{max-width:36rem}.mag-sections{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.mag-chip{border:1px solid var(--b-12);background:var(--surface);min-height:44px;color:var(--t-80);border-radius:100px;align-items:center;gap:8px;padding:0 18px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.mag-chip:hover{border-color:var(--amber);color:var(--accent-text)}.mag-chip[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mag-chip:focus-visible,.mag-card:focus-visible,.mag-crumbs a:focus-visible,.mag-toc a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.mag-chip-count{font-family:var(--font-roboto-mono), "Roboto Mono", monospace;opacity:.7;font-size:.75rem}.mag-card{min-width:0;color:inherit;background:var(--surface);border:1px solid var(--b-06);border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.mag-card:hover{box-shadow:0 18px 40px -24px var(--shadow-color);transform:translateY(-4px)}.mag-card-media{aspect-ratio:16/10;background:var(--overlay-soft);position:relative;overflow:hidden}.mag-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.3,1);display:block}.mag-card:hover .mag-card-media img{transform:scale(1.04)}.mag-card-text{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.mag-kicker{letter-spacing:.02em;color:var(--accent-text);font-size:.8125rem;font-weight:700}.mag-card-title{font-family:var(--font-heebo), "Heebo", sans-serif;color:var(--ink);margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.mag-card-excerpt{color:var(--t-60);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;line-height:1.7;display:-webkit-box;overflow:hidden}.mag-card-more{color:var(--accent-text);margin-top:auto;padding-top:6px;font-weight:700}.mag-card-more:after{content:" ←"}.mag-card--lead{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.mag-card--lead .mag-card-media{aspect-ratio:auto;min-height:380px}.mag-card--lead .mag-card-more{margin-top:8px}.mag-card--lead .mag-card-media img{position:absolute;inset:0}.mag-card--lead .mag-card-text{justify-content:center;gap:16px;padding:40px}.mag-card--lead .mag-card-title{font-size:clamp(1.625rem,3vw,2.375rem);line-height:1.2}.mag-card--lead .mag-card-excerpt{-webkit-line-clamp:5;font-size:1.0625rem}.mag-card--row{border-radius:14px;grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}.mag-card--row .mag-card-media{aspect-ratio:1;height:100%}.mag-card--row .mag-card-text{gap:6px;padding:14px 16px}.mag-card--row .mag-card-title{font-size:1rem}.mag-cover{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.mag-cover .mag-card--lead{grid-template-columns:1fr}.mag-cover .mag-card--lead .mag-card-media{aspect-ratio:16/9;min-height:0}.mag-cover .mag-card--lead .mag-card-text{padding:28px 30px 32px}.mag-side{align-content:start;gap:14px;display:grid}.mag-more{justify-content:center;margin-top:40px;display:flex}.mag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mag-grid--index{margin-top:24px}.mag-crumbs{color:var(--t-55);flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:24px;font-size:.875rem;display:flex}.mag-crumbs a{color:var(--accent-text);text-decoration:none}.mag-toc{border:1px solid var(--b-08);background:var(--surface);border-radius:14px;max-width:40rem;margin:0 0 32px;padding:20px 24px;display:block}.mag-toc-title{color:var(--ink);margin:0 0 10px;font-weight:800}.mag-toc ol{gap:8px;margin:0;padding-inline-start:22px;display:grid}.mag-toc a{color:var(--t-75);line-height:1.5;text-decoration:none}.mag-toc a:hover{color:var(--accent-text)}.blog-post-body h2[id]{scroll-margin-top:110px}.mag-related{border-top:1px solid var(--b-08);margin-top:64px;padding-top:40px}.mag-related h2{font-family:var(--font-heebo), "Heebo", sans-serif;margin:0 0 24px;font-size:1.75rem}.mag-hero{background:var(--rich-black);isolation:isolate;border-radius:22px;align-items:flex-end;width:min(1240px,100% - 64px);min-height:clamp(360px,52vw,620px);margin:0 auto 32px;display:flex;position:relative;overflow:hidden}.mag-hero>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.mag-hero:after{content:"";z-index:-1;background:linear-gradient(#0c0a0800 30%,#0c0a088c 62%,#0c0a08e6 100%);position:absolute;inset:0}.mag-hero-text{flex-direction:column;align-items:flex-start;gap:14px;max-width:54rem;padding:40px 48px 44px;display:flex}.mag-hero-kicker{background:var(--ember);color:#fff;border-radius:100px;padding:6px 14px;font-size:.8125rem;font-weight:800;display:inline-block}.blog-post .mag-hero h1{color:#fff;text-shadow:0 2px 18px #00000059;max-width:none;margin:0;font-size:clamp(1.875rem,4.4vw,3.5rem);font-weight:800;line-height:1.12}.mag-hero-badge{font-family:var(--font-roboto-mono), "Roboto Mono", monospace;color:#ffffffd9;font-size:.8125rem}.mag-figure{margin:40px 0}.mag-figure img{background:var(--overlay-soft);border-radius:16px;width:100%;height:auto;display:block}.mag-figure figcaption{border-inline-start:3px solid var(--amber);color:var(--t-60);margin-top:12px;padding-inline-start:12px;font-size:.875rem;line-height:1.5}.mag-figure--infographic{max-width:30rem}.mag-figure--infographic img{box-shadow:0 24px 50px -30px var(--shadow-color)}@media (min-width:1100px){.blog-post-body .mag-figure--wide,.blog-post-body .mag-figure--photo{width:calc(100% + 18rem);max-width:none}}.mag-compare{aspect-ratio:2;background:var(--overlay-soft);touch-action:pan-y;border-radius:16px;position:relative;overflow:hidden}.mag-compare img{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.mag-compare-before{clip-path:inset(0 0 0 calc(100% - var(--pos)))}.mag-compare-line{top:0;bottom:0;right:var(--pos);pointer-events:none;background:#fff;width:3px;margin-right:-1.5px;position:absolute;box-shadow:0 0 12px #00000059}.mag-compare-line:after{content:"⇆";width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000004d}.mag-compare-tag{color:#fff;pointer-events:none;background:#0000009e;border-radius:100px;padding:5px 12px;font-size:.8125rem;font-weight:700;position:absolute;top:14px}.mag-compare-tag--before{right:14px}.mag-compare-tag--after{left:14px}.mag-compare input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.mag-compare:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:3px}.mag-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:min(78%,22rem);grid-auto-flow:column;gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.mag-carousel img{scroll-snap-align:start;border-radius:14px}.mag-carousel:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (max-width:900px){.mag-head{align-items:flex-start}.mag-cover,.mag-grid,.mag-card--lead{grid-template-columns:1fr}.mag-card--lead .mag-card-media{aspect-ratio:16/10;min-height:0}.mag-card--lead .mag-card-text,.mag-cover .mag-card--lead .mag-card-text{padding:22px 20px 26px}.mag-card--row{grid-template-columns:96px minmax(0,1fr)}.mag-sections{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-bottom:4px;overflow-x:auto}.mag-chip{flex:none}.mag-hero{aspect-ratio:4/5;border-radius:18px;width:calc(100% - 32px);min-height:0}.mag-hero-text{padding:24px 20px 26px}.mag-compare{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.mag-card,.mag-card-media img{transition:none}.mag-card:hover,.mag-card:hover .mag-card-media img{transform:none}}
