:root[data-shell=magazine],[data-world=magazine]{--bar:50px;--mg-maxw:1320px;--mg-table:var(--bg-2);--mg-page:color-mix(in oklab, var(--bg) 45%, #fff);--mg-ink:var(--fg);--mg-soft:var(--fg-2);--mg-hair:color-mix(in oklab, var(--fg) 15%, transparent);--mg-rule:color-mix(in oklab, var(--fg) 40%, transparent);--mg-spot:var(--accent);--mg-spot-ink:var(--fg);--mg-spot-text:var(--accent-text);--mg-alt:var(--accent-2);--mg-alt-ink:#fbfaf6;--mg-label:var(--font-label,var(--font-body));--mg-shadow:0 1px 1px #0000000f, 0 12px 24px -12px #00000038, 0 40px 80px -40px #00000059;--mg-gloss:linear-gradient(115deg, transparent 28%, #ffffff47 42%, #ffffff0f 50%, transparent 62%);--wf-bg:var(--mg-table)}:root[data-shell=magazine][data-palette=midnight],:root[data-palette=midnight] [data-world=magazine]{--mg-table:color-mix(in oklab, var(--bg) 80%, #000);--mg-page:color-mix(in oklab, var(--bg) 93%, var(--fg));--mg-spot-ink:var(--accent-ink);--mg-alt-ink:#1a1208;--mg-shadow:0 0 0 1px #ffffff0d, 0 30px 70px -30px #000000e6;--mg-gloss:linear-gradient(115deg, transparent 28%, #ffffff38 42%, #ffffff0d 50%, transparent 62%)}:root[data-shell=magazine][data-palette=acid],:root[data-palette=acid] [data-world=magazine]{--mg-table:#070708;--mg-page:color-mix(in oklab, var(--bg) 92%, var(--fg));--mg-spot-ink:var(--accent-ink);--mg-alt-ink:#0e0e0f;--mg-shadow:0 0 0 1px #ffffff0f, 0 30px 70px -30px #000000e6}:root[data-shell=magazine][data-palette=chrome],:root[data-palette=chrome] [data-world=magazine]{--mg-table:color-mix(in oklab, var(--bg-2) 85%, var(--fg) 6%);--mg-page:color-mix(in oklab, var(--bg) 30%, #fff);--mg-spot-ink:var(--accent-ink);--mg-alt-ink:#14060b}:root[data-shell=magazine] body{background:var(--mg-table)}main.mg>section,[data-world=magazine]>section{scroll-margin-top:var(--bar)}.mg-spread{padding:clamp(18px,3vw,40px) clamp(0px,2.4vw,32px)}.mg-sheet{max-width:var(--mg-maxw);background:var(--mg-page);color:var(--mg-ink);box-shadow:var(--mg-shadow);margin-inline:auto;padding:clamp(22px,4vw,56px) clamp(18px,4vw,60px) clamp(16px,2vw,24px);position:relative}.mg-sheet--spread:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#00000012 42%,#00000029 50%,#ffffff0d 52%,#0000);width:80px;position:absolute;inset:0 auto 0 50%;translate:-50%}.mg-sheet>*{z-index:1;position:relative}.mg-pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(48px,7vw,110px);display:grid}@media (width<=900px){.mg-sheet--spread:before{display:none}.mg-pages{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.mg-spread{padding-inline:0}}.mg-kicker{font:700 .72rem / 1 var(--mg-label);letter-spacing:.18em;text-transform:uppercase;color:var(--mg-soft);align-items:center;gap:10px;display:inline-flex}.mg-kicker b{background:var(--mg-spot);color:var(--mg-spot-ink);letter-spacing:.16em;padding:6px 9px 5px;font-weight:800}.mg-hl{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);font-stretch:var(--display-stretch,100%);font-optical-sizing:auto;text-wrap:balance}.mg-hl em,.mg-it{font-style:italic;font-weight:400}.mg-dek{max-width:46ch;font:500 var(--step-1) / 1.35 var(--font-body);letter-spacing:-.005em;text-wrap:pretty}.mg-by{font:600 .72rem / 1.4 var(--mg-label);letter-spacing:.16em;text-transform:uppercase;color:var(--mg-soft)}.mg-by b{color:var(--mg-ink)}.mg-copy{font:400 1.02rem / 1.62 var(--font-body);hyphens:auto;text-wrap:pretty}.mg-copy p+p{margin-top:.85em}.mg-drop:first-letter{float:left;font:500 4.9em / .78 var(--font-display);color:var(--mg-spot-text);margin:.02em .1em -.1em 0;font-style:normal}.mg-pull{font:italic 400 clamp(1.7rem, 1.1rem + 2.2vw, 3rem) / 1.08 var(--font-display);letter-spacing:-.02em;text-wrap:balance;padding-left:.5em;position:relative}.mg-pull:before{content:"“";font:normal 400 2.2em / 1 var(--font-display);color:var(--mg-spot-text);position:absolute;top:-.08em;left:-.12em}.mg-link{font:700 .76rem / 1.2 var(--mg-label);letter-spacing:.14em;text-transform:uppercase;color:var(--mg-ink);border-bottom:2px solid var(--mg-spot);padding-bottom:2px;text-decoration:none}.mg-link:hover{color:var(--mg-spot-text)}.mg-btn{font:700 .76rem / 1 var(--mg-label);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid;align-items:center;gap:.5em;padding:11px 16px;text-decoration:none;display:inline-flex}.mg-btn.is-solid{background:var(--mg-ink);border-color:var(--mg-ink);color:var(--mg-page)}.mg-btn:hover{background:var(--mg-spot);border-color:var(--mg-spot);color:var(--mg-spot-ink)}.mg-folio{border-top:1px solid var(--mg-hair);font:600 .66rem / 1.2 var(--mg-label);letter-spacing:.16em;text-transform:uppercase;color:var(--mg-soft);justify-content:space-between;gap:16px;margin-top:clamp(28px,4vw,48px);padding-top:10px;display:flex}.mg-folio b{font:500 .95rem / 1 var(--font-display);letter-spacing:0;color:var(--mg-ink);margin-inline:.2em}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=still]) .mg-glint{transition:background-position 1.2s var(--ease);background-position:100% 0;background-size:300% 100%}:root:not([data-motion=still]) :is(a,.mg-glint-on):hover>.mg-glint,:root:not([data-motion=still]) .mg-glint.is-glinted{background-position:0 0}}:root.mg-turn [data-reveal]{opacity:1!important;translate:none!important}:root.mg-turn .mg-sheet{perspective:2400px}:root.mg-turn .mg-sheet:after{content:"";z-index:6;transform-origin:0;backface-visibility:hidden;background:linear-gradient(90deg, #00000024, transparent 14%, transparent 86%, #0000000d), var(--mg-page);pointer-events:none;position:absolute;inset:0 0 0 50%;box-shadow:-8px 0 30px -12px #0000004d}:root.mg-turn .mg-sheet>*{opacity:0}:root.mg-turn .mg-sheet.is-open:after{animation:1.15s cubic-bezier(.55,.05,.3,1) forwards mg-leaf}:root.mg-turn .mg-sheet.is-open>*{animation:mg-ink-up .8s var(--ease) .25s both}@keyframes mg-leaf{0%{transform:rotateY(0)}to{visibility:hidden;transform:rotateY(-178deg)}}@keyframes mg-ink-up{0%{opacity:0}to{opacity:1}}@media (width<=900px){:root.mg-turn .mg-sheet:after{left:0}}@media (width<=720px){:root[data-shell=magazine]{--bar:46px}}
