:root{--bg:#080809;--panel:#101012;--line:#ffffff15;--muted:#96969f;--white:#f3f3f5;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e4e4ed;outline-offset:5px}::selection{background:#ccc;color:#090909}*{scrollbar-width:thin;scrollbar-color:#3c3c42 #0b0b0c}::-webkit-scrollbar{width:7px;height:5px}::-webkit-scrollbar-thumb{background:#3c3c42;border-radius:9px}::-webkit-scrollbar-track{background:#0b0b0c}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.nav-shell{position:sticky;top:18px;z-index:20;width:min(1320px,calc(100% - 48px));margin:18px auto 0}.nav{height:70px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#101011e8;border:1px solid #ffffff19;border-radius:16px;backdrop-filter:blur(20px);box-shadow:0 8px 35px #0004}.brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:18px;letter-spacing:-.7px;font-weight:700}.brand>span:not(.brand-mark){color:#97979e;font-weight:400}.brand small{font-size:8px;letter-spacing:2px;margin-left:12px;padding-left:12px;border-left:1px solid #444;color:#a0a0a8}.brand-mark{font-size:28px;margin-right:10px;transform:rotate(-15deg)}.nav-links{display:flex;align-items:center;gap:28px;font-size:12px;color:#aaaab2}.nav-links a:hover,.nav-links [aria-current]{color:#fff}.nav-links [aria-current]{position:relative}.nav-links [aria-current]:after{content:'';position:absolute;bottom:-10px;left:50%;width:3px;height:3px;background:#fff;border-radius:50%}.login{padding:11px 16px;border:1px solid #ffffff28;border-radius:8px;color:#fff!important}.menu-button{display:none;color:#fff;border:0;background:transparent;font-size:24px}.hero{padding-top:88px;position:relative;isolation:isolate}.hero-beam{position:absolute;z-index:-1;top:-100px;right:4%;width:48%;height:430px;background:conic-gradient(from 157deg at 50% 0%,transparent 0deg,#dadbea13 12deg,transparent 29deg);filter:blur(15px);pointer-events:none;animation:beam 12s ease-in-out infinite alternate}.section-kicker{font-size:10px;letter-spacing:2px;font-weight:600;color:#a6a6ae;display:flex;gap:10px;align-items:center}.tiny-dot{height:5px;width:5px;border-radius:100%;background:#bfc0c8;box-shadow:0 0 12px #fff7}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:25px 0 48px}h1{font-weight:500;font-size:clamp(52px,6.6vw,94px);letter-spacing:-6px;line-height:1.05;margin:0}h1>span{display:block;color:#919197}.hero-row>p{font-size:14px;line-height:1.9;color:#a0a0aa;max-width:310px;margin:0 0 8px}.hero-row strong{font-weight:400;color:#dddde3}.hero-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#777781}.hero-bottom a{font-size:11px;letter-spacing:0;color:#bbb}.hero-bottom a span{margin-left:18px}.articles-section{padding-top:32px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter{border:1px solid transparent;background:transparent;border-radius:8px;padding:10px 13px;color:#8c8c96;font-size:11px;white-space:nowrap;transition:.2s}.filter:hover{color:#eee;background:#ffffff06}.filter.active{background:#e9e9ed;color:#121214;border-color:#fff4}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff20;padding:8px 0;width:215px;color:#999}.search>span{font-size:24px;line-height:1}.search input{width:100%;background:transparent;border:0;color:white;font-size:12px;min-width:0;padding:3px}.search input::placeholder{color:#888892}.results-line{display:flex;align-items:center;justify-content:space-between;margin:23px 0 22px;font-size:10px;color:#7f7f89}.results-line p{margin:0}.results-line label{display:flex;align-items:center;gap:9px}.results-line select{background:#080809;color:#c0c0c7;border:0;font-size:10px;padding:5px}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.article{min-width:0}.article-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0d0d0f;transition:border-color .3s,transform .4s var(--ease)}.article-link:hover{border-color:#ffffff38;transform:translateY(-4px)}.cover{height:238px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#2c2c32 0%,#121215 65%);border-bottom:1px solid var(--line);isolation:isolate;display:flex;align-items:center;justify-content:center}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff03,transparent 50%);pointer-events:none}.cover-index{position:absolute;left:22px;top:20px;font-size:8px;letter-spacing:1.7px;color:#8d8d99;z-index:4}.cover-corner{position:absolute;right:18px;bottom:16px;font-size:18px;color:#888}.article-copy{padding:24px;display:flex;flex-direction:column;flex:1}.eyebrow{display:flex;align-items:center;gap:12px;color:#babac4;font-size:9px;letter-spacing:.5px}.featured-label{font-size:8px;letter-spacing:1px;color:#999;border-left:1px solid #444;padding-left:12px}.article h2{font-size:20px;font-weight:500;letter-spacing:-.65px;line-height:1.4;margin:17px 0 12px;text-wrap:balance}.article-copy>p{font-size:12px;line-height:1.8;color:#92929c;margin:0 0 26px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#898993;margin-top:auto;line-height:1.6}.article-meta>span:before{content:'·';margin-right:12px}.read-link{margin-top:24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#cfcfd5}.read-link>span{transition:transform .2s}.article-link:hover .read-link>span{transform:translate(2px,-2px)}.articles:not(.compact) .article-0{grid-column:1/-1;margin-bottom:10px}.articles:not(.compact) .article-0 .article-link{display:grid;grid-template-columns:1.12fr 1fr;min-height:410px}.articles:not(.compact) .article-0 .cover{height:100%;border:0;border-right:1px solid var(--line)}.articles:not(.compact) .article-0 .article-copy{padding:38px}.articles:not(.compact) .article-0 h2{font-size:clamp(24px,2.5vw,34px);letter-spacing:-1.1px;line-height:1.3}.articles:not(.compact) .article-0 .article-copy>p{font-size:13px}.movie{width:65%;border:1px solid #ffffff38;border-radius:12px;padding:12px;background:linear-gradient(145deg,#29292d,#0e0e11);box-shadow:0 30px 50px #0009;transform:rotate(-7deg);z-index:2;transition:transform .7s var(--ease)}.article-link:hover .movie{transform:rotate(-3deg) scale(1.04)}.movie-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#aaa;margin-bottom:10px}.landscape{height:150px;position:relative;overflow:hidden;border-radius:5px;background:linear-gradient(#34343e,#aaaab4);display:grid;place-items:center}.sun{position:absolute;width:50px;height:50px;border-radius:100%;background:#ededf0;top:23px;right:25%;box-shadow:0 0 40px #fff4}.mountain{position:absolute;background:linear-gradient(150deg,#5a5a66,#19191d);width:260px;height:230px;transform:rotate(45deg);bottom:-185px;left:-60px;border-radius:15px}.m2{left:40%;bottom:-160px;background:linear-gradient(140deg,#8e8e9a,#24242c)}.play{position:relative;width:40px;height:40px;border:1px solid #fff8;background:#ffffff10;border-radius:50%;display:grid;place-items:center;font-size:21px;backdrop-filter:blur(3px)}.timeline{display:flex;height:22px;gap:3px;margin-top:10px}.timeline i{flex:1;background:linear-gradient(140deg,#646471,#29292f);border-radius:3px}.timeline i:nth-child(even){background:#30303a}.orbit{position:absolute;width:380px;height:380px;border:1px solid #ffffff0d;border-radius:50%;transform:rotate(-20deg) scaleY(.65)}.orbit-b{width:480px;height:480px}.floating{position:absolute;z-index:3;font-size:8px;border:1px solid #ffffff20;background:#19191de8;padding:12px 15px;border-radius:8px;box-shadow:0 8px 22px #0005;animation:float 7s ease-in-out infinite alternate}.tag-a{top:20%;left:8%}.tag-b{bottom:18%;right:6%;animation-delay:-3s}.art-caption{position:absolute;bottom:29px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#a5a5b0}.coin{width:108px;height:108px;border:1px solid #c2c2cc;border-radius:100%;display:grid;place-items:center;font-size:65px;background:linear-gradient(125deg,#7b7b87,#222229 35%,#4d4d56 70%,#a7a7b2);box-shadow:inset 0 0 0 7px #222228,inset 0 0 0 8px #92929b,10px 14px 35px #0009;transform:rotate(-20deg);position:relative;margin-bottom:8px;color:#e2e2eb}.coin-back{position:absolute;transform:translate(52px,-5px) rotate(15deg) scale(.9);filter:brightness(.6)}.flow-line{position:absolute;width:75%;height:2px;background:#5d5d66;transform:rotate(-14deg)}.node{position:absolute;padding:15px;border:1px solid #ffffff24;background:#19191e;border-radius:9px;font-size:11px;box-shadow:0 12px 25px #0006}.node small{display:block;font-size:6px;letter-spacing:1px;color:#9595a4;margin-bottom:9px}.n1{left:6%;top:115px}.n2{left:35%;top:82px;z-index:2;background:linear-gradient(135deg,#41414b,#25252e);border-color:#ffffff55}.n3{right:5%;top:130px}.social{position:absolute;display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:linear-gradient(145deg,#36363e,#141418);border:1px solid #ffffff28;box-shadow:0 15px 30px #0008;font-size:32px;transform:rotate(-12deg)}.s1{left:14%;top:87px}.s2{top:60px;transform:rotate(8deg);width:78px;height:78px;font-size:48px;z-index:2}.s3{right:14%;top:100px;transform:rotate(15deg)}.prompt{width:72%;padding:20px 23px;border:1px solid #ffffff24;border-radius:10px;background:linear-gradient(145deg,#26262f,#101014);transform:rotate(-5deg);margin-top:25px;box-shadow:0 15px 25px #0005}.prompt>div{font-size:6px;letter-spacing:1.5px;color:#888895}.prompt>div>span{color:#ddd;margin-right:8px}.prompt p{font-size:19px;line-height:1.3;letter-spacing:-.5px;margin:14px 0 8px}.prompt em{font-style:normal;color:#9898a5}.prompt-caret{display:block;height:2px;width:16px;background:#ccc}.wave{display:flex;align-items:center;gap:4px;height:130px;margin-top:2px}.wave i{width:3px;height:var(--h);border-radius:4px;background:linear-gradient(#d3d3de,#50505f);transform-origin:center;animation:wave 2s ease-in-out var(--d) infinite alternate}.empty{text-align:center;padding:90px 20px;border:1px solid var(--line);border-radius:14px}.empty>span{font-size:40px;color:#aaa}.empty h2{font-size:24px;font-weight:500}.empty p{color:#999;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;border:1px solid #ffffff70;border-radius:8px;background:#eeeef2;color:#111115;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.studio-cta{margin-top:90px;border:1px solid var(--line);border-radius:18px;padding:55px 60px;background:radial-gradient(ellipse at 80% 20%,#29292f,#111113 55%);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;isolation:isolate}.studio-cta h2{font-size:54px;font-weight:500;letter-spacing:-3px;line-height:1.1;margin:25px 0 16px}.studio-cta h2 span{color:#93939e}.studio-cta p{font-size:13px;color:#9898a2;margin:0 0 26px}.cta-symbol{font-size:220px;line-height:1;color:#c1c1ca;filter:drop-shadow(0 0 40px #ffffff12);padding:0 40px;transform:rotate(-12deg)}.cta-orbit{position:absolute;right:-80px;top:-180px;width:650px;height:650px;border:1px solid #ffffff09;border-radius:50%;z-index:-1;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02}.footer{margin-top:65px;padding-top:35px;padding-bottom:32px;border-top:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:28px}.footer p{color:#757581;font-size:11px}.footer-links{display:flex;gap:24px;font-size:11px;color:#aaaab4}.footer-links a:hover{color:#fff}.footer>small{width:100%;font-size:9px;color:#666671;margin-top:10px}@keyframes float{to{transform:translateY(-9px)}}@keyframes wave{to{transform:scaleY(.5)}}@keyframes beam{to{opacity:.5;transform:rotate(9deg)}}
@media(min-width:1000px){.articles:not(.compact) .article:last-child{grid-column:span 2}.articles:not(.compact) .article:last-child .article-link{display:grid;grid-template-columns:.9fr 1fr}.articles:not(.compact) .article:last-child .cover{height:100%;border:0;border-right:1px solid var(--line)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-links{gap:18px}.brand small{display:none}.hero-row{gap:20px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%;max-width:330px}.articles{gap:25px 18px}.article-copy{padding:20px}.article h2{font-size:18px}.cover{height:215px}.node{padding:10px;font-size:9px}.n2{left:30%}.floating{font-size:7px;padding:9px}.studio-cta{padding:40px}.cta-symbol{padding:0 10px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 28px);top:10px;margin-top:10px}.nav{height:62px;padding:0 18px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#121214;border:1px solid #ffffff28;border-radius:12px;box-shadow:0 25px 40px #0009}.nav-links.open{display:flex}.nav-links a{padding:14px}.nav-links [aria-current]:after{display:none}.hero{padding-top:65px}.hero-row{display:block;margin-bottom:35px}h1{font-size:66px;letter-spacing:-4px}.hero-row>p{margin-top:25px;font-size:13px}.hero-beam{width:85%;right:0}.articles{grid-template-columns:repeat(2,minmax(0,1fr))}.articles:not(.compact) .article-0 .article-link{grid-template-columns:1fr}.articles:not(.compact) .article-0 .cover{height:340px;border:0;border-bottom:1px solid var(--line)}.articles:not(.compact) .article-0 .article-copy{padding:28px}.articles:not(.compact) .article-0 .movie{width:55%;max-width:320px}.articles:not(.compact) .article-0 h2{font-size:28px}.cover{height:235px}.studio-cta{margin-top:60px}.studio-cta h2{font-size:46px}.cta-symbol{font-size:125px}.studio-cta .section-kicker{max-width:250px;font-size:8px;line-height:1.7}.footer-links{flex-wrap:wrap}}
@media(max-width:520px){h1{font-size:57px;letter-spacing:-3.8px}.section-kicker{font-size:8px;letter-spacing:1.5px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:6px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin-right:-20px;padding-right:20px}.filter{font-size:10px;padding:10px 12px}.toolbar{gap:9px}.articles{grid-template-columns:1fr;gap:22px}.cover{height:250px}.articles:not(.compact) .article-0 .cover{height:280px}.articles:not(.compact) .article-0 .movie{width:70%}.articles:not(.compact) .article-0 h2{font-size:25px}.article-copy,.articles:not(.compact) .article-0 .article-copy{padding:24px}.article h2{font-size:22px}.article-copy>p{font-size:13px}.studio-cta{padding:32px 25px}.studio-cta h2{font-size:45px}.studio-cta>div:first-of-type{position:relative;z-index:2}.cta-symbol{position:absolute;right:-12px;top:25px;opacity:.15;font-size:160px;z-index:-1}.studio-cta p{max-width:240px;line-height:1.8}.results-line label{gap:5px}.footer-links{gap:19px}.brand{font-size:17px}.floating.tag-a{top:16%}.floating.tag-b{bottom:11%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.article-link:hover,.button:hover{transform:none}}

/* Navbar from the supplied index */
:root {
    color-scheme: dark;
    --bg: #030303;
    --text: #f6f6f6;
    --muted: #9a9a9a;
    --line: #ffffff12;
    --blue: #bcbcbc
}
* {
    box-sizing: border-box
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px
}
body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}
button,
a {
    touch-action: manipulation
}
button {
    font: inherit
}
a {
    color: inherit;
    text-decoration: none
}
button {
    cursor: pointer
}
a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: 2px solid #bebebe;
    outline-offset: 5px
}
button[hidden],
[hidden] {
    display: none !important
}
.skip {
    position: fixed;
    top: -80px;
    left: 16px;
    z-index: 100;
    background: white;
    color: black;
    padding: 15px
}
.skip:focus {
    top: 10px
}
.navbar {
    position: fixed;
    z-index: 20;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 72px);
    max-width: 1200px;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 12px 24px;
    border: 1px solid #ffffff1d;
    border-radius: 18px;
    background: linear-gradient(110deg, #ffffff0f, #0a0a0a80);
    backdrop-filter: blur(24px);
    box-shadow: 0 10px 50px #00000015;
    gap: 24px;
    transition: background .25s
}
.navbar.scrolled {
    background: #0b0b0bed;
    box-shadow: 0 8px 35px #00000050
}
.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.6px;
    white-space: nowrap
}
.brand svg {
    width: 34px;
    height: 34px
}
.brand small {
    display: block;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 3.2px;
    color: #bdbdbd;
    margin-top: 4px
}
.navlinks {
    display: flex;
    gap: 26px;
    font-size: 13px;
    color: #b8b8b8
}
.navlinks a:hover,
.login:hover {
    color: #fff
}
.nav-actions {
    display: flex;
    align-items: center;
    gap: 24px
}
.login {
    font-size: 13px;
    color: #b8b8b8
}
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: #f6f6f6;
    color: #141414;
    padding: 17px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #fff;
    transition: transform .2s, box-shadow .2s, background .2s;
    min-height: 52px
}
.button:hover {
    transform: translateY(-2px);
    background: white;
    box-shadow: 0 4px 25px #ffffff15
}
.button.small {
    padding: 12px 17px;
    min-height: 42px;
    font-size: 13px;
    border-radius: 9px
}
.button.secondary {
    background: #16161680;
    backdrop-filter: blur(10px);
    color: #e6e6e6;
    border-color: #ffffff28;
    gap: 10px
}
.button.secondary:hover {
    background: #252525
}
.button svg {
    width: 17px;
    height: 17px
}
#menu {
    display: none
}
/* PixelJam Journal — cinematic black / silver */
body{background:#030303}.container{width:min(1200px,calc(100% - 80px))}.navbar .brand{padding:0;font-size:16px;gap:10px}.navbar .brand>span{color:#f3f3f3;font-weight:600}.navbar .brand small{border:0;padding:0;margin:4px 0 0;font-size:8px;letter-spacing:3.2px;font-weight:500;color:#999}.navbar .login{border:0;padding:0;background:none}.navbar .navlinks{font-size:12px;gap:24px}.navbar [aria-current]{color:white}.navbar .nav-actions{gap:20px}.navbar .button.small{font-size:11px;padding:11px 16px;min-height:38px}.navbar{max-width:1280px;width:calc(100% - 48px)}#mobile-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;background:#111;border:1px solid #ffffff22;border-radius:14px;padding:12px;box-shadow:0 25px 50px #0008}#mobile-menu a{padding:14px;font-size:13px;color:#ccc;border-radius:6px}#mobile-menu a:hover{background:#ffffff09;color:white}#menu{background:none;border:0;color:white;width:34px;height:34px;padding:8px}#menu span{display:block;height:1px;background:#ddd;margin:6px 0}.journal-hero{position:relative;min-height:740px;height:94svh;max-height:1050px;display:flex;align-items:center;justify-content:center;padding:180px 24px 135px;overflow:hidden;isolation:isolate}.beams{position:absolute;inset:0;z-index:-3;background:repeating-linear-gradient(65deg,#030303 0,#292929 12%,#030303 22%);pointer-events:none}.beams canvas{width:100%;height:100%;display:block}.beams.fallback{background-size:180% 180%;animation:beam-slide 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#03030322 0,#03030310 28%,#03030355 66%,#030303 100%),radial-gradient(ellipse at 50% 43%,#0002,transparent 65%);pointer-events:none}.hero-copy{text-align:center;max-width:950px;position:relative;z-index:1}.journal-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:50px;background:#ffffff06;border:1px solid #ffffff28;backdrop-filter:blur(15px);color:#d4d4d4;font-size:9px;font-weight:500;letter-spacing:2px;margin-bottom:28px}.journal-badge>span{font-size:14px;color:#ccc}.journal-hero h1{font-size:clamp(64px,7.7vw,112px);font-weight:500;letter-spacing:-6px;line-height:1.01;margin:0;text-wrap:balance}.journal-hero h1>span{display:inline;background:linear-gradient(110deg,#e7e7e7 3%,#999 35%,#eee 58%,#8b8b8b 87%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:title-light 12s ease-in-out infinite alternate}.hero-copy>p{font-size:15px;line-height:1.9;color:#b5b5b5;margin:28px 0 29px;font-weight:400}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:26px}.hero-buttons .button{font-size:12px;min-height:47px;padding:14px 21px;border-radius:8px;font-weight:500}.hero-link{font-size:12px;color:#ccc}.hero-link>span{display:inline-block;margin-left:8px;transition:transform .2s}.hero-link:hover>span{transform:translate(2px,-2px)}.hero-coordinate{position:absolute;top:49%;writing-mode:vertical-rl;color:#9998;font-size:7px;letter-spacing:2.5px;pointer-events:none}.coordinate-left{left:38px;transform:rotate(180deg)}.coordinate-right{right:38px}.journal-hero-foot{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#888}.journal-hero-foot>span{display:flex;align-items:center;gap:9px}.journal-hero-foot i{height:4px;width:4px;border-radius:50%;background:#bbb;box-shadow:0 0 9px #fff6}.journal-hero-foot button{font-size:9px;color:#b0b0b0;padding:8px 11px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff04}.journal-strip{overflow:hidden;border-block:1px solid #ffffff12;background:#070707;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);padding:23px 0}.journal-strip>div{display:flex;align-items:center;width:max-content;gap:54px;animation:journal-track 38s linear infinite}.journal-strip span{font-size:15px;color:#aaa;letter-spacing:-.3px;white-space:nowrap}.journal-strip b{font-size:21px;color:#6f6f6f;font-weight:400}.articles-section{padding-top:88px;scroll-margin-top:120px}.editorial-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:43px}.editorial-heading .section-kicker{font-size:9px;letter-spacing:2px;color:#8e8e8e}.editorial-heading h2{font-size:48px;letter-spacing:-2.2px;line-height:1.12;font-weight:500;margin:18px 0 0}.editorial-heading h2>span{color:#7f7f7f}.editorial-heading>p{font-size:12px;line-height:1.9;color:#929292;margin:0 0 4px}.toolbar{border-bottom:1px solid #ffffff12;padding-bottom:23px}.filter{font-size:10px;padding:10px 13px}.filter.active{background:#dedede}.search{border:1px solid #ffffff15;border-radius:8px;padding:6px 11px;width:240px;background:#ffffff02}.search>span{font-size:23px}.search input{font-size:11px}.results-line{margin:21px 0;color:#818181}.results-line select{background:#030303}.article-link{background:#090909;border:1px solid #ffffff17;border-radius:16px;position:relative}.article-link:after,.studio-cta:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--pointer-x,-500px) var(--pointer-y,-500px),#ffffff09,transparent 70%);z-index:3}.article-link:hover{border-color:#ffffff38;box-shadow:0 16px 40px #0007;transform:translateY(-5px)}.cover{background:radial-gradient(ellipse at 50% 10%,#2b2b2b,#101010 68%);height:260px;filter:grayscale(1)}.article-copy{padding:25px}.article h2{font-weight:500;font-size:21px;letter-spacing:-.75px}.article-copy>p{font-size:12px;color:#949494}.articles{gap:30px 24px}.articles:not(.compact) .article-0 .article-link{grid-template-columns:1.2fr 1fr;min-height:460px}.articles:not(.compact) .article-0 .article-copy{padding:42px}.articles:not(.compact) .article-0 h2{font-size:31px;line-height:1.27;letter-spacing:-1.2px}.articles:not(.compact) .article-0 .cover{background:radial-gradient(ellipse at 48% 30%,#333,#101010 67%)}.articles:not(.compact) .article-0 .movie{width:68%;transform:rotate(-9deg);box-shadow:15px 35px 65px #000b}.articles:not(.compact) .article-0 .landscape{height:190px}.article-link:hover .movie{transform:rotate(-3deg) scale(1.04)}.articles:not(.compact) .article-0 .floating{padding:13px 17px;font-size:9px}.articles:not(.compact) .article-0 .orbit{border-color:#ffffff17;width:440px;height:440px;transform:rotate(-35deg) scaleY(.62)}.articles:not(.compact) .article-0 .orbit-b{width:570px;height:570px;transform:rotate(30deg) scaleY(.62)}.featured-label{color:#b0b0b0;font-size:7px}.cover-index{font-size:7px;color:#a0a0a0}.eyebrow{font-size:9px;color:#b0b0b0}.read-link{font-size:10px}.art-1 .coin{animation:coin-float 8s ease-in-out infinite alternate}.art-1 .coin-back{animation:none}.art-2 .flow-line{background:linear-gradient(90deg,#555,#ccc,#555);background-size:200% 100%;animation:wire 3s linear infinite}.art-3 .social{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.article-link:hover .s1{transform:translate(-6px,-4px) rotate(-18deg)}.article-link:hover .s2{transform:translateY(-6px) rotate(4deg)}.article-link:hover .s3{transform:translate(6px,2px) rotate(22deg)}.studio-cta{margin-top:100px;min-height:390px;padding:64px 66px;background:radial-gradient(ellipse at 86% 0%,#323232,#101010 50%,#080808);border-radius:18px;position:relative}.studio-cta .section-kicker{font-size:8px;letter-spacing:1.6px}.studio-cta h2{font-size:66px;letter-spacing:-3.7px}.studio-cta .cta-symbol{font-size:245px;background:linear-gradient(130deg,#eee,#5c5c5c 65%,#ccc);color:transparent;background-clip:text;-webkit-background-clip:text;animation:star-turn 14s ease-in-out infinite alternate}.studio-cta .button{font-size:12px;border-radius:8px;min-height:44px;padding:12px 18px}.footer .brand>span{margin-left:0}.motion-paused *,.page-hidden *{animation-play-state:paused!important}.motion-paused [data-spotlight]:after{display:none}
@keyframes title-light{to{background-position:100% center}}@keyframes journal-track{to{transform:translateX(-50%)}}@keyframes coin-float{to{transform:translateY(-10px) rotate(-10deg)}}@keyframes wire{to{background-position:200% 0}}@keyframes star-turn{to{transform:rotate(12deg) translateY(-8px)}}@keyframes beam-slide{to{background-position:100% 80%}}
@media(max-width:1100px){.navbar .navlinks{gap:17px;font-size:11px}.navbar .nav-actions{gap:16px}.navbar .brand{font-size:14px}.navbar .brand small{display:block}.navbar .brand svg{width:29px;height:29px}.articles:not(.compact) .article-0 .article-copy{padding:29px}.articles:not(.compact) .article-0 h2{font-size:28px}.studio-cta{padding:50px}.journal-hero h1{font-size:90px}.toolbar{flex-direction:row;align-items:center;gap:10px}.filter{padding:10px;font-size:9px}.search{width:200px}.editorial-heading h2{font-size:43px}}
@media(max-width:900px){.navbar{top:16px;width:calc(100% - 32px);min-height:66px;padding:12px 17px}.navbar .navlinks{display:none}#menu{display:block}.navbar .brand{font-size:15px}.navbar .nav-actions{gap:18px}.journal-hero{min-height:700px;height:88svh;padding:155px 30px 110px}.journal-hero h1{font-size:82px;letter-spacing:-4.5px}.hero-coordinate{display:none}.container{width:calc(100% - 48px)}.articles{grid-template-columns:repeat(2,minmax(0,1fr))}.articles:not(.compact) .article-0 .article-link{grid-template-columns:1fr}.articles:not(.compact) .article-0 .cover{height:390px;border:0;border-bottom:1px solid #ffffff15}.articles:not(.compact) .article-0 .movie{width:55%;max-width:360px}.articles:not(.compact) .article-0 .article-copy{padding:32px}.articles:not(.compact) .article-0 h2{font-size:31px;max-width:610px}.articles:not(.compact) .article-0 .article-copy>p{max-width:610px}.toolbar{flex-direction:column;align-items:stretch;gap:15px}.search{width:100%;max-width:none}.filters{gap:7px}.filter{font-size:10px;padding:11px 13px}.editorial-heading{gap:22px}.editorial-heading>p{font-size:11px}.studio-cta h2{font-size:54px}.studio-cta .cta-symbol{font-size:170px;padding:0}.studio-cta{min-height:340px;padding:40px}.studio-cta .section-kicker{max-width:250px;line-height:1.8}}
@media(max-width:600px){.navbar .login{display:none}.navbar .brand{font-size:13px}.navbar .brand svg{width:27px;height:27px}.navbar .brand small{font-size:7px;letter-spacing:2.7px}.navbar .nav-actions{gap:10px}.navbar .button.small{font-size:10px;padding:9px 12px;min-height:35px}.navbar{gap:10px;border-radius:13px;padding:11px 13px}.journal-hero{min-height:670px;height:90svh;max-height:830px;padding:145px 20px 110px}.journal-hero h1{font-size:clamp(52px,11vw,68px);letter-spacing:-3px;line-height:1.05}.journal-badge{font-size:8px;letter-spacing:1.7px;padding:8px 12px;margin-bottom:24px}.hero-copy>p{font-size:12px;line-height:1.9;margin:25px 0}.hero-buttons{gap:18px;flex-direction:column}.hero-buttons .button{font-size:11px;min-height:43px;padding:12px 17px}.hero-link{font-size:10px}.journal-hero-foot{bottom:25px;font-size:6px;letter-spacing:.7px}.journal-hero-foot button{font-size:8px;padding:7px 9px}.journal-strip{padding:19px 0}.journal-strip span{font-size:12px}.journal-strip>div{gap:30px}.journal-strip b{font-size:16px}.container{width:calc(100% - 36px)}.articles-section{padding-top:56px}.editorial-heading{display:block;margin-bottom:29px}.editorial-heading h2{font-size:37px;letter-spacing:-1.8px}.editorial-heading>p{margin-top:20px;font-size:11px}.editorial-heading .section-kicker{font-size:8px;letter-spacing:1.6px}.filters{flex-wrap:nowrap;overflow:auto;margin-right:-18px;padding-right:18px}.articles{grid-template-columns:1fr;gap:24px}.articles:not(.compact) .article-0 .cover{height:310px}.articles:not(.compact) .article-0 .movie{width:70%}.articles:not(.compact) .article-0 .landscape{height:150px}.articles:not(.compact) .article-0 .floating{font-size:7px;padding:10px}.articles:not(.compact) .article-0 .article-copy{padding:25px}.articles:not(.compact) .article-0 h2{font-size:25px;letter-spacing:-.8px}.article h2{font-size:22px}.article-copy{padding:25px}.cover{height:265px}.studio-cta{margin-top:60px;min-height:360px;padding:34px 28px}.studio-cta h2{font-size:50px;letter-spacing:-2.5px}.studio-cta .cta-symbol{position:absolute;top:32px;right:-20px;font-size:185px;opacity:.18;z-index:-1}.studio-cta .section-kicker{font-size:7px;max-width:200px}.studio-cta p{font-size:11px}.footer{margin-top:45px}.footer .brand{font-size:16px}.footer-links{font-size:10px;gap:17px}}
@media(prefers-reduced-motion:reduce){.journal-strip>div{animation:none}.journal-hero h1>span{animation:none;background-position:0 0}.beams.fallback{animation:none}.article-link:hover{transform:none}}
/* Article page */
.article-hero{position:relative;isolation:isolate;overflow:hidden;padding:165px 0 102px;background:#030303}.article-hero .beams{opacity:.8}.article-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030303cc 0%,#03030370 60%,#03030333),linear-gradient(0deg,#030303,transparent 60%);pointer-events:none}.hero-inner{position:relative}.article-breadcrumb{display:flex;gap:15px;align-items:center;font-size:10px;color:#999;margin-bottom:45px}.article-breadcrumb a{color:#c9c9c9}.article-breadcrumb a:hover{color:white}.article-breadcrumb>span:first-of-type{color:#555}.article-category{display:flex;align-items:center;gap:10px;color:#b0b0b0;font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.article-category i{width:5px;height:5px;background:#ccc;border-radius:50%;box-shadow:0 0 12px #fff5}.article-category>span{border-left:1px solid #ffffff30;padding-left:15px;margin-left:5px;color:#888}.article-hero h1{font-size:clamp(48px,6.7vw,90px);line-height:1.04;font-weight:500;letter-spacing:-4.8px;margin:0;max-width:1080px}.article-hero h1 em{font-style:normal;background:linear-gradient(120deg,#fff,#aaa 35%,#eee 60%,#888);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;animation:title-light 12s ease-in-out infinite alternate}.hero-deck{font-size:clamp(20px,2.6vw,34px);letter-spacing:-1px;color:#b5b5b5;margin:22px 0 0;line-height:1.4}.hero-description{font-size:13px;line-height:1.9;color:#929292;margin:22px 0 33px}.article-hero-meta{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.author{display:flex;gap:12px;align-items:center}.author-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,#343434,#151515);border:1px solid #ffffff25;font-size:11px;color:#d1d1d1}.author strong{display:block;font-weight:500;font-size:11px;color:#ddd}.author small{display:block;color:#939393;font-size:9px;margin-top:7px}.start-reading{display:flex;align-items:center;gap:20px;border-left:1px solid #ffffff20;padding-left:30px;font-size:11px;color:#ccc}.start-reading>span{font-size:17px}.copy-link{border:0;background:none;color:#aaa;font-size:11px;font-family:inherit;padding:8px 0;cursor:pointer}.copy-link:hover{color:#fff}.hero-copy-button{margin-left:auto;padding:11px 15px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff03;font-size:10px}.hero-bottom-line{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;color:#666}.hero-bottom-line button{background:#ffffff04;border:1px solid #ffffff1a;border-radius:5px;color:#aaa;font-size:9px;letter-spacing:0;padding:7px 10px}.cinema-figure{margin-top:0;margin-bottom:75px}.cinema-stage{height:445px;background:radial-gradient(ellipse at 50% 0%,#333,#101010 60%,#080808);border:1px solid #ffffff21;border-radius:17px;position:relative;overflow:hidden;isolation:isolate}.cinema-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#ffffff02,transparent 70%)}.stage-label{position:absolute;left:28px;top:27px;font-size:8px;letter-spacing:2px;color:#a2a2a2}.stage-coordinate{position:absolute;right:25px;bottom:22px;font-size:7px;letter-spacing:1.5px;color:#797979}.stage-orbit{position:absolute;left:50%;top:50%;width:750px;height:600px;border:1px solid #ffffff0e;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.58)}.orbit-two{width:1100px;height:870px;transform:translate(-50%,-50%) rotate(25deg) scaleY(.6)}.cinema-screen{position:absolute;left:50%;top:48%;width:425px;transform:translate(-50%,-50%) rotate(-7deg);padding:13px;border-radius:13px;border:1px solid #ffffff3b;background:linear-gradient(135deg,#363636,#141414);box-shadow:20px 40px 70px #000a;animation:screen-hover 10s ease-in-out infinite alternate;z-index:2}.screen-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#bbb;margin:2px 0 11px}.cinema-screen .landscape{height:209px;border-radius:6px;background:linear-gradient(#424242,#999);display:block;position:relative;overflow:hidden}.screen-sun{position:absolute;top:26px;right:24%;height:56px;width:56px;background:#ddd;border-radius:50%;box-shadow:0 0 45px #fff4}.ridge{position:absolute;width:320px;height:270px;transform:rotate(40deg);background:linear-gradient(120deg,#868686,#292929);border-radius:12px;bottom:-210px;left:-50px}.ridge-two{left:190px;bottom:-180px;background:linear-gradient(130deg,#b1b1b1,#333)}.landscape-text{position:absolute;left:21px;top:27px;font-size:35px;font-weight:500;line-height:1.1;letter-spacing:-1.7px;text-shadow:0 2px 20px #0004}.landscape-text em{font-style:normal;color:#c8c8c8}.screen-timeline{display:flex;gap:4px;height:27px;margin-top:10px;position:relative}.screen-timeline>span{flex:1;background:linear-gradient(135deg,#737373,#282828);border-radius:3px}.screen-timeline>span:nth-child(even){background:linear-gradient(135deg,#404040,#252525)}.screen-timeline>i{position:absolute;top:-4px;bottom:-4px;left:10%;width:1px;background:#ddd;box-shadow:0 0 10px #fff5;animation:playhead 12s linear infinite}.script-floating,.audio-floating,.publish-floating{position:absolute;padding:20px;border:1px solid #ffffff28;background:linear-gradient(140deg,#252525e8,#131313f5);border-radius:12px;box-shadow:0 20px 50px #0006;z-index:3;backdrop-filter:blur(12px)}.script-floating{left:9%;top:88px;width:220px;transform:rotate(-10deg);animation:float 7s ease-in-out infinite alternate}.script-floating small,.audio-floating small,.publish-floating small{display:block;font-size:7px;letter-spacing:1.4px;color:#aaa;margin-bottom:14px}.script-floating>span{font-size:12px;color:#ddd}.script-floating>i{display:block;height:4px;border-radius:5px;background:#ffffff19;margin-top:9px;width:100%}.script-floating>i:nth-of-type(2){width:82%}.script-floating>i:nth-of-type(3){width:60%}.script-floating .floating-chip{display:table;margin-top:17px;font-size:8px;border:1px solid #ffffff18;border-radius:4px;padding:6px 8px;color:#aaa}.audio-floating{right:8%;top:115px;width:211px;transform:rotate(8deg);animation:float 8s -3s ease-in-out infinite alternate}.audio-wave{height:62px;display:flex;align-items:center;justify-content:center;gap:4px}.audio-wave i{height:var(--height);width:3px;border-radius:3px;background:linear-gradient(#ddd,#555);animation:audio-bars 1.8s var(--delay) ease-in-out infinite alternate}.audio-floating>span{display:block;font-size:8px;color:#999;margin-top:12px}.publish-floating{bottom:43px;right:25%;display:flex;align-items:center;gap:13px;padding:15px 19px;animation:float 8s -5s ease-in-out infinite alternate}.publish-floating>span{display:grid;place-items:center;width:31px;height:31px;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;font-size:17px}.publish-floating small{margin:0 0 6px;font-size:6px}.publish-floating strong{font-size:10px;font-weight:500}.cinema-figure figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#777;margin-top:15px}.cinema-figure figcaption>span:last-child{font-size:7px;letter-spacing:1.1px}.reading-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:65px;justify-content:center;align-items:start}.toc-sidebar{align-self:stretch}.toc-sticky{position:sticky;top:128px;max-height:calc(100vh - 150px);overflow:auto;padding-right:8px;padding-bottom:20px}.toc-sticky>.eyebrow{font-size:7px;letter-spacing:1.7px;color:#737373;margin:0 0 24px}.toc-label{font-size:11px;font-weight:500;color:#ddd;margin:0 0 16px}.toc-link{display:block;border-left:1px solid #ffffff13;padding:10px 0 10px 15px;color:#858585;font-size:11px;line-height:1.5;transition:color .2s,border-color .2s}.toc-link:hover{color:#ddd}.toc-link.active{color:#eee;border-color:#ddd;background:linear-gradient(90deg,#ffffff06,transparent)}.read-meter{border-top:1px solid #ffffff13;margin-top:26px;padding-top:23px}.read-meter>span{display:flex;justify-content:space-between;color:#858585;font-size:9px}.read-meter b{font-weight:400;color:#bbb}.read-meter progress{display:block;width:100%;height:2px;border:none;background:#222;margin-top:13px;appearance:none}.read-meter progress::-webkit-progress-bar{background:#222}.read-meter progress::-webkit-progress-value{background:#bbb}.read-meter progress::-moz-progress-bar{background:#bbb}.side-copy{font-size:9px;margin-top:21px}.toc-back{display:block;color:#777;font-size:9px;margin-top:10px}.section-anchor{display:block;scroll-margin-top:130px}.article-column{min-width:0}.post-body>p{font-size:16px;line-height:1.95;color:#aaa;margin:0 0 23px}.post-body>p:first-of-type{font-size:19px;line-height:1.8;letter-spacing:-.3px;color:#d1d1d1}.post-body h2{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.8px;margin:52px 0 19px;scroll-margin-top:130px}.post-body strong{font-weight:500;color:#e5e5e5}.post-body ul,.post-body ol{margin:23px 0 30px;padding-left:24px;color:#a7a7a7}.post-body li{font-size:15px;line-height:1.85;padding-left:8px;margin-bottom:13px}.post-body li::marker{color:#8a8a8a;font-size:12px}.post-body code{font-family:ui-monospace,Consolas,monospace;background:#ffffff09;border:1px solid #ffffff12;padding:2px 6px;border-radius:4px;font-size:.85em}.callout{padding:23px 27px;background:linear-gradient(120deg,#181818,#0c0c0c);border:1px solid #ffffff18;border-left:2px solid #777;border-radius:0 10px 10px 0;margin:30px 0}.callout p{font-size:13px;line-height:1.95;color:#b8b8b8;margin:0}.pipeline-visual{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:33px 0 44px}.pipe-step{display:block;position:relative;padding:17px 13px;border:1px solid #ffffff1b;border-radius:9px;background:linear-gradient(150deg,#1b1b1b,#0c0c0c);overflow:hidden;transition:transform .2s,border-color .2s}.pipe-step:hover{transform:translateY(-4px);border-color:#ffffff55}.pipe-num{font-size:8px;color:#777;margin-bottom:17px;letter-spacing:1px}.pipe-icon svg{width:20px;height:20px;color:#ccc}.pipe-icon{margin-bottom:13px}.pipe-label{font-size:10px;color:#bdbdbd}.pipe-bar{position:absolute;bottom:0;left:0;right:0;height:1px}.pipe-bar-fill{height:1px;width:100%;background:linear-gradient(90deg,transparent,#aaa,transparent);animation:pipe-glow 4s ease-in-out infinite alternate}.pipe-step:nth-child(2) .pipe-bar-fill{animation-delay:-.8s}.pipe-step:nth-child(3) .pipe-bar-fill{animation-delay:-1.6s}.pipe-step:nth-child(4) .pipe-bar-fill{animation-delay:-2.4s}.pipe-step:nth-child(5) .pipe-bar-fill{animation-delay:-3.2s}.section-divider{height:1px;background:#ffffff12;margin:40px 0}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.post-tag-item{padding:6px 10px;border:1px solid #ffffff18;border-radius:5px;font-size:9px;color:#999;background:#ffffff02}.article-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:22px;color:#777;font-size:8px;letter-spacing:1px}.article-end button{font-size:10px}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#666,#ddd);transform:scaleX(0);transform-origin:left;z-index:100}.lower-content{margin-top:85px}.post-cta{border:1px solid #ffffff1b;border-radius:16px;background:radial-gradient(ellipse at 100% 0%,#343434,#101010 60%);padding:55px 50px;position:relative;overflow:hidden;margin-bottom:85px}.post-cta:after{content:'✦';position:absolute;right:60px;top:15px;font-size:220px;line-height:1;color:#bbb3;transform:rotate(-15deg);pointer-events:none;animation:star-turn 12s ease-in-out infinite alternate}.post-cta h3{position:relative;font-size:34px;letter-spacing:-1.4px;font-weight:500;margin:0 0 15px;z-index:1}.post-cta p{position:relative;font-size:13px;line-height:1.8;color:#aaa;max-width:500px;margin:0 0 25px;z-index:1}.cta-btn{position:relative;z-index:1;display:inline-flex;background:#eee;color:#141414;border-radius:7px;padding:13px 19px;font-size:12px;transition:background .2s}.cta-btn:hover{background:#fff}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.related-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#888}.related-heading h2{font-size:34px;letter-spacing:-1.3px;font-weight:500;margin:12px 0 0}.related-heading h2 span{color:#777}.related-heading>a{font-size:10px;color:#aaa}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-card{min-width:0;border:1px solid #ffffff19;border-radius:12px;background:#090909;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.related-card:hover{transform:translateY(-4px);border-color:#ffffff40}.related-art{height:160px;display:grid;place-items:center;font-size:90px;font-weight:400;color:#b9b9b9;background:radial-gradient(ellipse at 50% 0%,#333,#111 70%);border-bottom:1px solid #ffffff12;overflow:hidden;letter-spacing:-4px}.coin-art{font-size:105px;text-shadow:3px 5px 0 #444,8px 12px 25px #000}.prompt-art{font-family:monospace;font-size:60px;color:#bbb}.flow-art{font-size:31px;letter-spacing:0}.related-tag{font-size:8px;letter-spacing:1px;color:#929292;padding:23px 23px 0}.related-title{padding:12px 23px 23px;font-size:18px;font-weight:500;letter-spacing:-.5px;line-height:1.45;color:#ddd}.related-date{font-size:9px;color:#777;padding:0 23px 24px;margin-top:auto}.article-footer{border-top:1px solid #ffffff13;margin-top:80px;padding:30px 0;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{font-size:14px;font-weight:500;letter-spacing:-.4px}.footer-brand span{display:block;font-size:7px;letter-spacing:3px;color:#777;margin-top:6px}.article-footer>div{display:flex;gap:23px;font-size:10px;color:#999}.article-footer small{width:100%;font-size:9px;color:#666}.mobile-toc{display:none}#share-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#202020;border:1px solid #ffffff35;box-shadow:0 8px 40px #0009;color:#ddd;font-size:12px;line-height:1.7;padding:14px 20px;border-radius:9px;max-width:calc(100% - 40px);width:max-content}.motion-paused *,.page-hidden *{animation-play-state:paused!important}
@keyframes screen-hover{to{transform:translate(-50%,-54%) rotate(-3deg)}}@keyframes playhead{to{left:96%}}@keyframes audio-bars{to{transform:scaleY(.45)}}@keyframes pipe-glow{to{opacity:.2}}
@media(max-width:1100px){.reading-layout{gap:38px;grid-template-columns:185px minmax(0,1fr)}.script-floating{left:4%;width:190px;top:90px}.audio-floating{right:4%;width:185px;top:135px}.cinema-screen{width:370px}.cinema-screen .landscape{height:185px}.publish-floating{right:21%}.article-hero h1{font-size:74px;letter-spacing:-4px}.article-hero{padding-top:150px}.post-body>p{font-size:15px}.related-title{font-size:16px}.related-art{height:145px}.post-cta h3{font-size:30px;max-width:600px}.post-cta:after{right:20px}.hero-copy-button{margin-left:0}.cinema-stage{height:400px}}
@media(max-width:800px){.article-hero h1{font-size:61px;letter-spacing:-3px}.article-hero{padding-top:135px;padding-bottom:100px}.article-breadcrumb{margin-bottom:32px}.hero-deck{font-size:25px}.article-hero-meta{gap:20px}.start-reading{padding-left:20px}.hero-copy-button{margin-left:0}.cinema-stage{height:355px}.cinema-screen{width:330px;left:52%}.cinema-screen .landscape{height:170px}.script-floating{left:3%;width:160px;top:55px;padding:16px}.script-floating>span{font-size:10px}.audio-floating{right:3%;top:120px;width:165px;padding:15px}.publish-floating{bottom:30px;right:12%;padding:12px 15px}.stage-label{font-size:7px;left:20px;top:20px}.stage-coordinate{font-size:6px}.cinema-figure{margin-bottom:35px}.reading-layout{display:block;width:min(680px,calc(100% - 48px))}.toc-sidebar{display:none}.mobile-toc{display:block;position:sticky;top:92px;z-index:15;width:min(680px,calc(100% - 48px));margin:0 auto 30px;border:1px solid #ffffff20;border-radius:9px;background:#101010f5;backdrop-filter:blur(18px);max-height:calc(100dvh - 115px);overflow:auto}.mobile-toc summary{cursor:pointer;display:flex;justify-content:space-between;padding:14px 17px;color:#ccc;font-size:11px;list-style:none}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc nav{padding:0 16px 14px}.mobile-toc .toc-link{padding-block:8px;font-size:11px}.related-grid{gap:15px}.related-title{font-size:15px;padding:12px 18px 18px}.related-tag{padding:20px 18px 0}.related-date{padding:0 18px 20px}.related-art{height:125px}.related-heading h2{font-size:29px}.post-cta{padding:38px;margin-bottom:60px}.post-cta h3{font-size:28px;max-width:430px}.post-cta p{max-width:390px}.lower-content{margin-top:55px}}
@media(max-width:520px){.article-hero{padding-top:125px;padding-bottom:99px}.article-hero h1{font-size:46px;letter-spacing:-2.3px;line-height:1.08}.article-hero h1 em{white-space:nowrap}.article-breadcrumb{font-size:9px;gap:10px;margin-bottom:30px}.article-category{font-size:6px;letter-spacing:1px;gap:7px}.article-category>span{font-size:6px;padding-left:10px;margin-left:1px}.hero-deck{font-size:21px;letter-spacing:-.6px;max-width:320px;margin-top:20px}.hero-description{font-size:11px;margin-top:19px}.article-hero-meta{gap:19px 15px}.author{flex-basis:100%}.author small{font-size:9px}.start-reading{padding:0;border:0;font-size:10px;gap:12px}.hero-copy-button{font-size:9px;padding:9px 12px;margin-left:auto}.hero-bottom-line{font-size:6px;letter-spacing:.8px}.hero-bottom-line button{font-size:8px}.cinema-stage{height:320px;border-radius:12px}.cinema-screen{width:255px;top:52%;left:50%;padding:9px}.cinema-screen .landscape{height:137px}.landscape-text{font-size:26px;left:15px;top:22px}.screen-sun{height:40px;width:40px;right:18%;top:18px}.screen-timeline{height:19px;margin-top:8px}.screen-top{font-size:5px}.script-floating{width:134px;top:42px;left:-14px;padding:12px;z-index:1}.script-floating small{font-size:5px;margin-bottom:9px}.script-floating>span{font-size:8px}.script-floating .floating-chip{font-size:6px;padding:4px;margin-top:12px}.audio-floating{width:119px;right:-12px;top:113px;padding:10px;z-index:1}.audio-floating small{font-size:5px;letter-spacing:.7px}.audio-wave{gap:2px;height:43px}.audio-wave i{width:2px}.audio-floating>span{font-size:6px}.publish-floating{right:13%;bottom:25px;padding:10px 12px}.publish-floating small{font-size:5px}.publish-floating strong{font-size:8px}.publish-floating>span{width:25px;height:25px;font-size:14px}.stage-label{font-size:6px;top:16px;left:15px}.stage-coordinate{display:none}.cinema-figure figcaption{font-size:8px;gap:12px;line-height:1.8}.cinema-figure figcaption>span:last-child{font-size:5px;letter-spacing:.8px}.reading-layout,.mobile-toc{width:calc(100% - 36px)}.post-body>p{font-size:14px;line-height:1.95}.post-body>p:first-of-type{font-size:17px;line-height:1.8}.post-body h2{font-size:24px;letter-spacing:-.6px;margin-top:39px}.post-body li{font-size:13px;line-height:1.9;padding-left:3px}.post-body ul,.post-body ol{padding-left:21px}.callout{padding:20px}.callout p{font-size:12px}.pipeline-visual{gap:5px;margin-block:27px}.pipe-step{padding:13px 7px;border-radius:7px}.pipe-label{font-size:7px}.pipe-num{font-size:6px;margin-bottom:13px}.pipe-icon{margin-bottom:10px}.pipe-icon svg{width:17px;height:17px}.article-end{font-size:7px;gap:15px}.article-end button{font-size:9px}.post-cta{padding:32px 25px;border-radius:12px}.post-cta h3{font-size:29px;line-height:1.15;max-width:240px}.post-cta p{font-size:12px;max-width:250px}.post-cta:after{font-size:170px;right:-35px;top:15px;color:#bbb1a}.related-heading{align-items:start;flex-direction:column;gap:15px}.related-heading h2{font-size:28px}.related-heading>a{font-size:9px}.related-grid{grid-template-columns:1fr;gap:17px}.related-art{height:150px}.related-title{font-size:20px;padding:13px 23px 23px}.related-tag{padding:23px 23px 0}.related-date{padding:0 23px 23px}.article-footer{margin-top:50px}.article-footer>div{flex-wrap:wrap;gap:20px;font-size:9px}.article-footer small{font-size:8px}.mobile-toc{top:91px}.post-tags{gap:6px}.post-tag-item{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Creative economy */
.credits-cover{position:relative;overflow:hidden;border:1px solid #ffffff26;border-radius:20px;background:radial-gradient(ellipse at 23% 40%,#292a30,transparent 53%),#080809}.credits-top,.credits-bottom{padding:22px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ffffff12;color:#aaa;font:10px/1.6 Inter,sans-serif;letter-spacing:1.8px}.credits-bottom{border-top:1px solid #ffffff12;border-bottom:0}.credits-stage{display:grid;grid-template-columns:1fr 1fr;min-height:500px;align-items:center;gap:55px;padding:45px}.credit-art{height:400px;position:relative;display:grid;place-items:center;perspective:900px}.credit-coin{width:245px;height:245px;border-radius:50%;border:9px double #8b8b94;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(from 45deg,#151519,#797980,#26262c,#a7a7af,#25252a,#151519);box-shadow:12px 10px 0 #19191d,16px 12px 0 #77777d,25px 45px 65px #000b,inset 0 0 0 9px #ffffff12;transform:rotateY(-22deg) rotateX(12deg);animation:coin-float 9s ease-in-out infinite}.credit-coin:before{content:'';position:absolute;inset:19px;border-radius:50%;border:1px solid #ffffff35;background:radial-gradient(circle at 30% 20%,#ffffff18,transparent 60%)}.credit-coin>span{font-size:106px;line-height:1.1;text-shadow:2px 4px 0 #0008;color:#e8e8ed;z-index:1}.credit-coin small{font-size:8px;letter-spacing:2px;color:#eee;z-index:1}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:345px;height:345px}.orbit-two{width:400px;height:400px;border-style:dashed;animation:orbit-spin 70s linear infinite}.orbit-one:before{content:'';position:absolute;top:35px;left:57px;width:6px;height:6px;border-radius:50%;background:#eee;box-shadow:0 0 20px #fff}.coin-caption{position:absolute;bottom:-4px;font:9px monospace;letter-spacing:2px;color:#9b9ba4}.credit-panel{min-width:0}.credit-panel .eyebrow{font-size:9px}.credit-panel h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;font-weight:500;margin:18px 0 12px}.credit-panel h2 span{color:#666}#stage-description{font-size:14px;line-height:1.8;color:#aaa;min-height:55px;margin-bottom:22px}.stage-selector{display:grid;gap:5px}.stage-selector button{font:12px Inter,sans-serif;display:flex;align-items:center;gap:16px;cursor:pointer;background:transparent;border:1px solid transparent;color:#9b9ba3;padding:11px 14px;border-radius:7px;transition:.2s}.stage-selector button span{font:10px monospace;color:#777}.stage-selector button b{margin-left:auto;font-weight:400}.stage-selector button:hover{background:#ffffff06;color:#fff}.stage-selector button[aria-pressed=true]{background:linear-gradient(100deg,#ffffff13,#ffffff03);border-color:#ffffff26;color:#fff}.credit-read{display:flex;justify-content:space-between;color:#ddd;text-decoration:none;font-size:12px;border-top:1px solid #ffffff12;padding-top:20px;margin-top:20px}.stage-selector button:focus-visible,.credit-read:focus-visible{outline:2px solid #fff;outline-offset:3px}.post-body .pricing-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 40px}.pricing-tier{padding:24px 18px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(150deg,#ffffff05,transparent);position:relative}.pricing-tier.popular{border-color:#ffffff50;background:linear-gradient(145deg,#ffffff12,#ffffff03)}.pricing-name{font-size:13px;color:#ddd;margin-bottom:20px;font-weight:600}.pricing-price{font-size:30px;font-weight:600;letter-spacing:-1.5px;color:#fff;white-space:nowrap}.pricing-price small{font-size:11px;font-weight:400;letter-spacing:0;color:#999}.post-body ul.pricing-features{border-top:1px solid #ffffff15;padding-top:18px;margin:22px 0 0;gap:12px}.post-body .pricing-features li{font-size:11px;line-height:1.6;gap:7px;color:#aaa}.post-body .pricing-features li:before{display:none}.pricing-features .check{color:#ddd}.callout.yellow{border-color:#ffffff26;border-left-color:#999;background:#ffffff04}@keyframes coin-float{50%{transform:rotateY(-12deg) rotateX(6deg) translateY(-12px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}.motion-paused .credit-coin,.motion-paused .orbit-two{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.credit-coin,.orbit-two{animation:none}}@media(max-width:900px){.credits-stage{gap:25px;padding:30px}.credit-art{transform:scale(.8);margin:0 -30px}.post-body .pricing-table{gap:8px}.pricing-tier{padding:20px 14px}.pricing-price{font-size:26px}}@media(max-width:640px){.credits-stage{grid-template-columns:1fr;padding:24px;gap:10px}.credit-art{height:280px;transform:scale(.75);margin:-25px -30px 0}.credit-panel h2{font-size:36px}.credits-top,.credits-bottom{font-size:8px;padding:18px 22px;letter-spacing:1px}.credits-top span:last-child{text-align:right}.coin-caption{bottom:-45px}.credit-panel{margin-top:20px}.post-body .pricing-table{grid-template-columns:1fr}.pricing-tier{padding:25px}.pricing-price{font-size:34px}.post-body .pricing-features li{font-size:13px}.credit-panel .eyebrow{font-size:8px}}