.media-log{--grain: rgb(from var(--cream) r g b / .02);--grain-2: rgb(from var(--cream) r g b / .014);--etch-rule: rgb(from var(--cream) r g b / .14);--gloss: rgb(from var(--cream-hot) r g b / .16);--plate-carrier: rgb(from var(--navy) r g b / .94);--cast: drop-shadow(0 2px 1px rgb(from var(--navy) r g b / .66)) drop-shadow(4px 7px 8px rgb(from var(--navy) r g b / .5)) drop-shadow(14px 20px 24px rgb(from var(--navy) r g b / .34));--cut-edge: inset 0 1.5px 0 rgb(from var(--cream-hot) r g b / .85), inset 1.5px 0 0 rgb(from var(--cream-hot) r g b / .5), inset 0 -1.5px 0 rgb(from var(--navy) r g b / .85), inset -1.5px 0 0 rgb(from var(--navy) r g b / .7), inset 0 -2.5px 0 rgb(from var(--cream) r g b / .16), inset 0 0 34px rgb(from var(--navy) r g b / .28);--log-ease: cubic-bezier(.22, .65, .2, 1);position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:var(--ink)}.media-log button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}.log-plate{position:absolute;z-index:0;inset:0;pointer-events:none;background-color:var(--plate-carrier);background-image:linear-gradient(112deg,transparent 0 14%,var(--gloss) 26%,rgb(from var(--cream-hot) r g b / .04) 33%,transparent 46%),radial-gradient(120% 92% at 10% -4%,rgb(from var(--cream-hot) r g b / .13) 0%,transparent 58%),radial-gradient(90% 70% at 70% 108%,rgb(from var(--orange) r g b / .07) 0%,transparent 62%),repeating-linear-gradient(94deg,var(--grain) 0 2px,transparent 2px 5px),repeating-linear-gradient(3deg,var(--grain-2) 0 3px,transparent 3px 7px);box-shadow:var(--cut-edge);filter:var(--cast)}.log-cover{position:relative;display:block;width:100%;height:100%;overflow:hidden;background-color:var(--navy);color:var(--cream)}.log-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(126% 100% at 26% -6%,rgb(from var(--cream-hot) r g b / .14) 0%,transparent 54%),radial-gradient(120% 110% at 70% 120%,rgb(from var(--navy) r g b / .4) 0%,transparent 62%),repeating-linear-gradient(103deg,rgb(from var(--navy) r g b / .055) 0 1px,transparent 1px 3px)}.log-cover b{display:none}.log-cover[data-art=andor]{background-color:var(--navy);background-image:repeating-linear-gradient(180deg,transparent 0 15px,rgb(from var(--navy) r g b / .9) 15px 17px),radial-gradient(60% 34% at 50% 30%,rgb(from var(--close) r g b / .5) 0%,transparent 70%),radial-gradient(70% 40% at 46% 76%,rgb(from var(--cream) r g b / .14) 0%,transparent 72%),repeating-linear-gradient(180deg,transparent 0 5px,var(--cream) 5px 11px,transparent 11px 16px),repeating-linear-gradient(180deg,transparent 0 5px,var(--cream) 5px 11px,transparent 11px 16px),linear-gradient(var(--hull),var(--navy));background-size:100% 100%,100% 100%,100% 100%,4px 16px,4px 16px,100% 100%;background-position:0 0,0 0,0 0,2.5px 3px,calc(100% - 2.5px) 3px,0 0;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y,repeat-y,no-repeat}.log-cover[data-art=dune]{background-color:var(--hull);background-image:linear-gradient(90deg,transparent 0 30%,rgb(from var(--cream) r g b / .34) 30% calc(30% + 1px),transparent calc(30% + 1px)),repeating-linear-gradient(180deg,transparent 0 6px,rgb(from var(--cream) r g b / .2) 6px 7px),linear-gradient(180deg,transparent 0 62%,rgb(from var(--orange) r g b / .65) 62% 78%,transparent 78%),radial-gradient(120% 80% at 12% 0%,var(--navy-mid) 0%,var(--navy) 82%);background-size:100% 100%,42% 100%,100% 100%,100% 100%;background-position:0 0,100% 0,0 0,0 0;background-repeat:no-repeat}.log-cover[data-art=mass-effect]{background-color:var(--hull);background-image:linear-gradient(180deg,transparent 0 66%,rgb(from var(--cream) r g b / .88) 66% 84%,transparent 84%),radial-gradient(circle at 50% 40%,rgb(from var(--teal) r g b / .55) 0 18%,rgb(from var(--navy) r g b / .8) 19% 24%,transparent 25%),linear-gradient(180deg,rgb(from var(--navy) r g b / .75) 0 12%,transparent 12%),repeating-linear-gradient(90deg,transparent 0 7px,rgb(from var(--cream) r g b / .07) 7px 8px),linear-gradient(160deg,var(--navy-mid) 0%,var(--navy) 82%)}.log-cover[data-art=on-desks]{background-color:var(--navy-mid);background-image:linear-gradient(90deg,transparent 0 16%,rgb(from var(--orange) r g b / .6) 16% calc(16% + 1px),transparent calc(16% + 1px)),repeating-linear-gradient(180deg,transparent 0 9px,rgb(from var(--cream) r g b / .16) 9px 10px),radial-gradient(120% 90% at 14% 0%,var(--navy-mid) 0%,var(--hull) 88%)}.log-cover[data-art=tools-not-themes]{background-color:var(--navy-mid);background-image:repeating-linear-gradient(180deg,transparent 0 9px,rgb(from var(--cream) r g b / .14) 9px 10px),linear-gradient(70deg,rgb(from var(--orange) r g b / .42) 0 22%,transparent 22%),radial-gradient(120% 90% at 10% 0%,var(--navy-mid) 0%,var(--navy) 92%)}.log-stage{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.log-stage::-webkit-scrollbar{height:0}.log-track{--pad-l: 9.5rem;--pad-r: 9.5rem;position:relative;height:calc(100% - 4.6rem)}@media(min-width:801px){.media-log:not([data-ready]) .log-track{opacity:0}}.log-band{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:6.4rem;height:10px;display:flex;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .55)}.log-seg{display:block;height:100%;position:relative}.log-seg:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgb(from var(--cream-hot) r g b / .35)}.log-seg b{position:absolute;left:50%;top:1.15rem;transform:translate(-50%);font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:inherit;opacity:.7;white-space:nowrap}.log-ticks{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:6.4rem;height:0}.log-tick{position:absolute;top:10px;width:1px;height:8px;background:rgb(from var(--cream) r g b / .28);transform:translate(-50%)}.log-tick b{position:absolute;top:2.15rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.04em;color:rgb(from var(--cream) r g b / .26);font-variant-numeric:tabular-nums}.log-year{position:absolute;bottom:.85rem;left:calc(var(--pad-l) + var(--t) * (100% - var(--pad-l) - var(--pad-r)));transform:translate(-50%);font-family:var(--font-mono);font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:rgb(from var(--cream) r g b / .34);pointer-events:none;font-size:1.2rem;transition:color .3s ease,font-size .72s var(--log-ease)}.log-year.is-on{color:rgb(from var(--cream) r g b / .78);font-size:2.15rem}.log-card{position:absolute;bottom:7.45rem;left:calc(var(--pad-l) + var(--t) * (100% - var(--pad-l) - var(--pad-r)));width:6.4rem;transform:translate(-50%);transform-origin:50% 100%;transition:transform .72s var(--log-ease),width .72s var(--log-ease),opacity .42s ease,filter .42s ease;z-index:2}.log-face{position:relative;display:block;width:100%;padding:0 0 .7rem;text-align:left}.log-era{position:relative;z-index:2;margin:0;padding:.28rem .55rem .24rem;background:var(--era);color:var(--era-ink);font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.2;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .5)}.log-art{position:relative;z-index:2;height:2.6rem;margin:0 .28rem;overflow:hidden}.log-art .log-cover{filter:saturate(1.02) brightness(1.12)}.log-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 44%,rgb(from var(--navy) r g b / .72) 100%)}.log-kind{position:absolute;z-index:3;left:.5rem;bottom:.32rem;margin:0;padding:.12rem .34rem .1rem;background:rgb(from var(--navy) r g b / .82);font-family:var(--font-mono);font-size:.46rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--era);box-shadow:inset 0 0 0 1px rgb(from var(--cream) r g b / .2)}.log-body{position:relative;z-index:2;padding:.4rem .55rem 0}.log-body h2{margin:0;font-size:.72rem;font-weight:600;line-height:1.16;letter-spacing:-.01em;color:var(--ink)}.log-when{margin:.12rem 0 0;font-family:var(--font-mono);font-size:.52rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgb(from var(--cream) r g b / .55)}.log-note{display:none;margin:.32rem 0 0;font-size:.72rem;line-height:1.42;color:var(--muted)}.log-stem{position:absolute;left:50%;bottom:-.95rem;width:1px;height:.95rem;background:var(--era);opacity:.55;transform:translate(-50%)}.log-stem i{position:absolute;left:50%;bottom:0;width:9px;height:10px;background:var(--era);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transform:translate(-50%,50%)}.log-card.is-on{width:16.2rem;z-index:8}.log-card.is-on .log-art{height:5.6rem}.log-card.is-on .log-body h2{font-size:1.08rem}.log-card.is-on .log-when{color:rgb(from var(--cream) r g b / .78)}.log-card.is-on .log-when b{color:var(--signal);font-weight:600}.log-card.is-on .log-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.log-card.is-on .log-stem i{background:var(--signal)}.log-card:not(.is-on){filter:brightness(.82) saturate(.78)}.log-face:hover h2{color:var(--focus)}.log-card.is-on .log-face{cursor:default}.log-totals{position:absolute;z-index:45;left:11.6rem;top:.35rem;width:13rem;transform:rotate(-1.3deg)}.log-totals-in{position:relative;z-index:1;padding:.95rem 1rem 0}.log-totals h2{margin:0;font-family:var(--font-mono);font-size:1.02rem;font-weight:600;letter-spacing:.02em;color:var(--orange-hot);text-shadow:0 0 12px rgb(from var(--orange) r g b / .4)}.log-totals-lede{margin:.4rem 0 .85rem;font-size:.76rem;line-height:1.42;color:rgb(from var(--cream) r g b / .66)}.log-totals dl{margin:0}.log-totals .trow{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.3rem 0;border-top:1px solid var(--etch-rule)}.log-totals dt{font-size:.82rem;color:var(--ink)}.log-totals dd{margin:0;font-family:var(--font-mono);font-size:1.18rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--orange-hot)}.log-totals-src{margin:.7rem 0;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:rgb(from var(--cream) r g b / .34)}.log-totals-year{position:relative;z-index:1;display:flex;align-items:baseline;gap:.5rem;margin:0;padding:.4rem 1rem .42rem;background:var(--signal);color:var(--navy);font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;box-shadow:inset 0 1.5px rgb(from var(--cream-hot) r g b / .45)}.log-totals-year b{font-size:1rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}@media(max-width:800px){.media-log{display:flex;flex-direction:column;padding-top:4.6rem}.log-totals{position:relative;left:auto;top:auto;width:auto;transform:none;order:-1;flex:none;margin:0 .9rem .7rem}.log-totals-in{padding:.75rem .85rem 0}.log-totals h2{font-size:.9rem}.log-totals-lede{margin-bottom:.5rem;font-size:.72rem}.log-totals dl{display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem}.log-totals .trow{padding:.22rem 0}.log-totals dt{font-size:.74rem}.log-totals dd{font-size:1rem}.log-totals-src{margin:.5rem 0}.log-stage{position:relative;inset:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.2rem,#000 calc(100% - 1.2rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.2rem,#000 calc(100% - 1.2rem),transparent 100%)}.log-track{height:100%}.log-card.is-on{width:13.5rem}.log-card.is-on .log-note{-webkit-line-clamp:3}}@media(prefers-reduced-motion:reduce){.log-card,.log-year{transition:none}}