.pub{--bg:var(--color-bg);--surface:var(--color-surface);--raised:#24221f;--line:#ffffff1a;--fg:var(--color-cream);--muted:var(--color-muted);--dim:var(--color-muted-2);--accent:var(--color-cream-dim);--accent-solid:var(--color-cream-dim);--accent-soft:#ffffff29;--mono:var(--font-sans);--sans:var(--font-sans);--m-text:680px;--m-mid:880px;--m-wide:1000px;--m-full:1080px;--s-1:8px;--s-2:12px;--s-3:16px;--s-4:24px;--s-5:40px;--s-6:64px;--s-block:72px;--s-section:112px;--phone-shadow:0 1px 0 #ffffff0f inset, 0 30px 60px -24px #000000bf, 0 12px 24px -12px #00000080;color:var(--color-muted);font-size:16px;line-height:1.7}@media (min-width:768px){.pub{--s-block:104px;--s-section:176px;font-size:17px}}.pub .col{max-width:var(--m-text);margin-inline:auto}.pub .wide,.pub section.col{max-width:var(--m-full);margin-inline:auto}.pub section>*,.pub .flow>*{max-width:var(--m-text);margin-inline:auto}.pub section>.gaps,.pub section>.findings,.pub section>.two,.pub .flow>.diagram.wide-d{max-width:var(--m-wide)}.pub section>.shifts,.pub section>.tnwrap,.pub section>.diagram{max-width:var(--m-mid)}.pub section>.flow,.pub section>.pairs,.pub section>.strip,.pub .flow>.strip{max-width:none}.pub b{color:var(--color-cream-dim);font-weight:500}.pub a{color:var(--color-cream-dim);text-underline-offset:4px;transition:color .2s var(--ease-out), text-decoration-color .2s var(--ease-out);-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;text-decoration-thickness:1px}.pub a:hover{color:var(--color-cream);-webkit-text-decoration-color:var(--color-cream);text-decoration-color:var(--color-cream)}.pub p{margin-block:0 var(--s-4);text-wrap:pretty}.pub p:last-child{margin-bottom:0}.pub .eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--color-label);font-size:12px;font-weight:500;line-height:1.5}.pub .tag,.pub .when{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted-2);font-size:11px;font-weight:500;line-height:1.5}.pub h1{margin:var(--s-4) 0;letter-spacing:-.04em;color:var(--color-cream);text-wrap:balance;font-size:clamp(34px,6.6vw,68px);font-weight:500;line-height:1}.pub h1 span{color:var(--color-muted-2);display:block}.pub h2{letter-spacing:-.03em;color:var(--color-cream);text-wrap:balance;margin-block:0;font-size:clamp(30px,4.6vw,46px);font-weight:500;line-height:1.06}.pub h3{margin-block:0 var(--s-1);letter-spacing:-.01em;color:var(--color-cream);font-size:17px;font-weight:500;line-height:1.3}.pub .masthead{max-width:980px;padding-top:var(--s-5);text-align:center;margin-inline:auto}.pub .dek{letter-spacing:-.005em;max-width:600px;color:var(--color-muted);text-wrap:balance;margin:0 auto;font-size:clamp(17px,1.9vw,20px);line-height:1.55}.pub .meta{justify-content:center;align-items:center;gap:var(--s-1) var(--s-3);margin-top:var(--s-5);letter-spacing:.18em;text-transform:uppercase;color:var(--color-label);flex-wrap:wrap;font-size:11px;font-weight:500;display:flex}.pub .meta span+span:before{content:"";width:3px;height:3px;margin-right:var(--s-3);vertical-align:middle;background:currentColor;border-radius:50%;display:inline-block}.pub .meta span:first-child{color:var(--color-cream-dim)}.pub .hero{margin-block:var(--s-6) 0}.pub .hero-stage{max-height:clamp(380px,56vw,600px);padding-top:var(--s-5);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.pub .hero-stage:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 45%,#fdfcf817,#0000 70%);height:70%;position:absolute;inset:0 10% auto}.pub .hero-phone{flex:none;width:clamp(190px,30vw,300px);position:relative}.pub .hero-phone img{border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--phone-shadow);border-radius:clamp(20px,3vw,30px);display:block}.pub .hero-phone.main{z-index:1}.pub .hero-phone.side{opacity:.5;width:clamp(150px,24vw,240px);margin-top:clamp(40px,7vw,84px)}.pub .hero-phone.left{margin-right:clamp(-56px,-5vw,-28px)}.pub .hero-phone.right{margin-left:clamp(-56px,-5vw,-28px)}.pub .hero figcaption{justify-content:center;gap:var(--s-1) clamp(20px, 6vw, 72px);margin-top:var(--s-3);letter-spacing:.16em;text-transform:uppercase;color:var(--color-label);font-size:11px;font-weight:500;display:flex}.pub .hero figcaption span:nth-child(2){color:var(--color-cream-dim)}@media (max-width:520px){.pub .hero figcaption span:not(:nth-child(2)){display:none}}.pub .lede{margin:var(--s-block) 0 0;letter-spacing:-.01em;color:var(--color-cream-dim);text-wrap:pretty;font-size:clamp(19px,2.2vw,23px);line-height:1.5}.pub .toc{gap:0 var(--s-5);margin-top:var(--s-block);border-top:1px solid var(--line);counter-reset:toc;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.pub .toc a{gap:var(--s-3);border-bottom:1px solid var(--line);color:var(--color-muted);counter-increment:toc;padding:13px 0;font-size:15px;text-decoration:none;display:flex}.pub .toc a:before{content:counter(toc, decimal-leading-zero);color:var(--color-label);font-variant-numeric:tabular-nums}.pub .toc a:hover{color:var(--color-cream)}.pub section{padding-top:var(--s-section)}.pub .sechead{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line);flex-direction:column;display:flex}.pub .sechead h2{margin-top:var(--s-1)}.pub .sechead .lead{margin:var(--s-1) 0 0}.pub .lead{color:var(--color-muted)}.pub .subhead{margin-block:var(--s-block) var(--s-5);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(21px,2.4vw,26px);line-height:1.2}.pub .sechead+.subhead{margin-top:0}.pub .subhead+p{margin-top:calc(var(--s-5) * -1 + var(--s-3));margin-bottom:var(--s-5)}.pub .strip-label{margin:var(--s-block) auto var(--s-4);text-align:center}.pub .sechead+.strip-label{margin-top:0}.pub .strip{justify-content:center;align-items:flex-start;gap:var(--s-6) clamp(20px, 3vw, 36px);flex-wrap:wrap;display:flex}.pub .shot{gap:var(--s-3);flex-direction:column;flex:none;width:220px;margin:0;display:flex}.pub .shot img,.pub .shot video{border:1px solid var(--line);background:var(--color-surface);width:100%;height:auto;box-shadow:var(--phone-shadow);border-radius:24px;display:block}.pub .shot video{aspect-ratio:393/852}.pub figcaption{color:var(--color-muted-2);font-size:13px;line-height:1.5}.pub .shot figcaption{text-align:center;text-wrap:balance;padding-inline:4px}.pub .shot figcaption b{color:var(--color-cream-dim);margin-bottom:3px;font-size:14px;display:block}@media (max-width:640px){.pub .strip{justify-content:flex-start;gap:var(--s-3);padding:0 20px var(--s-4);scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;scroll-padding-inline:20px;overflow-x:auto}.pub .strip::-webkit-scrollbar{display:none}.pub .shot{scroll-snap-align:start;width:66vw;max-width:260px}}.pub .diagram{margin-block:0 var(--s-6)}.pub .diagram .scroll{-webkit-overflow-scrolling:touch;background:var(--color-surface);border-radius:24px;padding:clamp(20px,3vw,36px) clamp(14px,2.4vw,28px);overflow-x:auto;box-shadow:inset 0 1px #ffffff0d}.pub .diagram svg{width:100%;min-width:620px;height:auto;font-family:var(--font-sans);display:block}.pub .diagram.wide-d svg{min-width:860px}.pub .diagram figcaption{max-width:560px;margin:var(--s-4) auto 0;text-align:center;text-wrap:balance;font-size:14px}.pub .gaps{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.pub .gap,.pub .box{background:var(--color-surface);border-radius:22px;min-width:0;padding:28px;box-shadow:inset 0 1px #ffffff0d}.pub .gap h3{margin-top:var(--s-3)}.pub .gap p,.pub .shift p,.pub .pair .note p{margin:var(--s-1) 0 0;font-size:15px;line-height:1.65}.pub .shifts{gap:var(--s-2);display:grid}.pub .shift{background:var(--color-surface);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.pub .shift>div{min-width:0;padding:28px}.pub .shift h3{margin-top:var(--s-2)}.pub .shift .then{border-right:1px solid var(--line)}.pub .shift .so{background:#00000038}.pub .shift .so p{margin-top:var(--s-2);color:var(--color-cream-dim)}@media (max-width:680px){.pub .shift{grid-template-columns:1fr}.pub .shift .then{border-right:0;border-bottom:1px solid var(--line)}}.pub .tnwrap{margin-block:var(--s-5);background:var(--color-surface);text-align:left;border-radius:22px;overflow-x:auto;box-shadow:inset 0 1px #ffffff0d}.pub .tn{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.6}.pub .tn th,.pub .tn td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 24px}.pub .tn tr:last-child td{border-bottom:0}.pub .tn th{letter-spacing:.16em;text-transform:uppercase;color:var(--color-label);font-size:11px;font-weight:500}.pub .tn td:first-child{width:22%;color:var(--color-cream-dim);font-weight:500}.pub .tn td:nth-child(2){width:30%;color:var(--color-muted-2)}.pub .num{font-variant-numeric:tabular-nums;color:var(--color-cream-dim)}.pub .findings{gap:var(--s-5) var(--s-4);text-align:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.pub .finding{padding-top:var(--s-4);border-top:1px solid var(--line)}.pub .finding .big{letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--color-cream);font-size:clamp(34px,4vw,46px);font-weight:500;line-height:1}.pub .finding p{max-width:230px;margin:var(--s-3) auto 0;color:var(--color-muted-2);font-size:14px;line-height:1.55}.pub .caveat{margin-top:var(--s-5);text-align:center;text-wrap:balance;color:var(--color-muted-2);font-size:14px;font-style:italic}.pub .quote{max-width:820px;margin:var(--s-section) auto 0;letter-spacing:-.03em;text-align:center;text-wrap:balance;color:var(--color-cream);font-size:clamp(28px,4.2vw,46px);font-weight:500;line-height:1.12}.pub .flow{margin-top:var(--s-section)}.pub .sechead+.flow{margin-top:var(--s-block)}.pub .flowhead{margin-bottom:var(--s-6)}.pub .flowhead h3{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-3);letter-spacing:-.025em;text-wrap:balance;flex-direction:column;font-size:clamp(24px,3vw,32px);line-height:1.12;display:flex}.pub .flowhead .tnwrap{width:min(var(--m-mid), calc(100vw - 40px));margin:var(--s-6) 0 0 50%;transform:translate(-50%)}.pub .flow>.diagram{margin-bottom:var(--s-block)}.pub .pairs{gap:var(--s-block);display:grid}.pub .pair{grid-template-columns:minmax(0,320px) minmax(0,400px);grid-template-areas:"compare note";justify-content:center;align-items:center;gap:0 clamp(32px,7vw,96px);display:grid}.pub .pair:nth-child(2n){grid-template-columns:minmax(0,400px) minmax(0,320px);grid-template-areas:"note compare"}.pub .compare{grid-area:compare;margin:0}.pub .pair .note{grid-area:note;min-width:0}.pub .compare-frame{aspect-ratio:393/852;border:1px solid var(--line);background:var(--color-surface);box-shadow:var(--phone-shadow);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:28px;position:relative;overflow:hidden}.pub .compare-frame img{object-fit:cover;object-position:top;pointer-events:none}.pub .compare-before{position:absolute;inset:0}.pub .compare-label{-webkit-backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-dim);pointer-events:none;background:#101010b8;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:500;position:absolute;top:14px}.pub .compare-label.is-before{color:var(--color-muted);left:14px}.pub .compare-label.is-after{right:14px}.pub .compare-handle{outline:none;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute;top:0;bottom:0}.pub .compare-handle:before{content:"";background:var(--color-cream);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #0009}.pub .compare-grip{background:var(--color-cream);width:36px;height:36px;color:var(--color-bg);transition:transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 6px 18px #00000080}.pub .compare-frame[data-dragging=true] .compare-grip{transform:scale(.9)}.pub .compare-handle:focus-visible .compare-grip{outline:2px solid var(--color-accent);outline-offset:3px}.pub .compare figcaption{margin-top:var(--s-3);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--color-label);font-size:11px;font-weight:500}.pub .pair .note h3{margin-bottom:var(--s-2);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,2.6vw,30px);line-height:1.15}.pub .pair .note p{font-size:16px}@media (max-width:760px){.pub .pair,.pub .pair:nth-child(2n){gap:var(--s-5) 0;grid-template-columns:minmax(0,300px);grid-template-areas:"compare""note"}}.pub button.zoom{cursor:zoom-in;border-radius:24px;width:100%;padding:0;display:block}.pub button.zoom:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.pub button.clip{cursor:pointer;width:100%;transition:transform .16s var(--ease-out);border-radius:24px;padding:0;display:block;position:relative}.pub button.clip:active{transform:scale(.985)}.pub button.clip:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.pub .clip-badge{-webkit-backdrop-filter:blur(10px);width:32px;height:32px;color:var(--color-cream);opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#101010b8;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:scale(.9)}.pub button.clip[data-paused=true] .clip-badge,.pub button.clip:focus-visible .clip-badge{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.pub button.clip:hover .clip-badge{opacity:1;transform:none}}.pub ul.clean{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.pub ul.clean li{padding-left:22px;font-size:15px;line-height:1.65;position:relative}.pub ul.clean li:before{content:"";background:var(--color-label);width:10px;height:1px;position:absolute;top:.8em;left:0}.pub .two{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.pub .box{padding:clamp(24px,3vw,36px)}.pub .box h3{margin-bottom:var(--s-4);letter-spacing:-.015em;font-size:19px}.pub .decision{gap:var(--s-1) var(--s-4);border-bottom:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);padding:28px 0;display:grid}.pub .decision:first-of-type{border-top:1px solid var(--line)}.pub .decision .tag{padding-top:5px}.pub .decision h3{letter-spacing:-.015em;font-size:19px}.pub .decision p{margin:0;font-size:16px}@media (max-width:560px){.pub .decision{grid-template-columns:1fr}}.pub .sources{color:var(--color-muted-2);font-size:14px}.pub .sources .sechead{margin-bottom:var(--s-5)}.pub .sources .eyebrow{color:var(--color-muted-2)}.pub .sources ol{columns:2 260px;column-gap:var(--s-5);padding-left:22px;list-style:decimal}.pub .sources ol li{break-inside:avoid;padding-bottom:var(--s-2)}.pub .sources ol li::marker{color:var(--color-label);font-variant-numeric:tabular-nums}.pub .sources a{color:var(--color-muted)}.pub .pub-note{margin:var(--s-section) 0 0;padding-top:var(--s-4);border-top:1px solid var(--line);text-align:center;color:var(--color-label);font-size:13px}@media (prefers-reduced-motion:no-preference){.pub .strip .shot img{transition:transform .3s var(--ease-out)}@media (hover:hover) and (pointer:fine){.pub .strip .shot img:hover{transform:translateY(-4px)}}}.pub-lb{z-index:60;touch-action:none;outline:none;place-items:center;padding:64px 16px 88px;display:grid;position:fixed;inset:0}.pub-lb-backdrop{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0a0adb;position:absolute;inset:0}.pub-lb-figure{cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:16px;max-width:min(420px,100%);margin:0;display:flex;position:relative}.pub-lb-figure:active{cursor:grabbing}.pub-lb-shot img{pointer-events:none;border:1px solid #ffffff1f;border-radius:28px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 230px);display:block;box-shadow:0 40px 80px -30px #000000e6}.pub-lb-figure figcaption{text-align:center;text-wrap:balance;max-width:340px;color:var(--color-muted);flex-direction:column;gap:2px;font-size:13px;line-height:1.5;display:flex}.pub-lb-figure figcaption b{color:var(--color-cream);font-size:14px;font-weight:500}.pub-lb-bar{letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--color-muted);background:#1c1b18cc;border-radius:999px;align-items:center;gap:14px;padding:6px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14}.pub-lb-bar button,.pub-lb-close{width:44px;height:44px;color:var(--color-cream);cursor:pointer;transition:background-color .16s var(--ease-out), transform .16s var(--ease-out), opacity .16s var(--ease-out);border-radius:50%;place-items:center;display:grid}.pub-lb-bar button:active,.pub-lb-close:active{transform:scale(.94)}.pub-lb-bar button:disabled{opacity:.3;cursor:default}.pub-lb-bar button:focus-visible,.pub-lb-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pub-lb-close{background:#1c1b18cc;position:absolute;top:16px;right:16px;box-shadow:inset 0 1px #ffffff14}@media (hover:hover) and (pointer:fine){.pub-lb-bar button:not(:disabled):hover,.pub-lb-close:hover{background:#ffffff1a}}@media (prefers-reduced-transparency:reduce){.pub-lb-backdrop{background:var(--color-bg);-webkit-backdrop-filter:none}}
