/* NYC white bands (9 Nov 2026), derived from the 8 Nov ivory layer. John: black to white to black, footer always black.
   Loaded last. A section with class "tl" is a white band with black type; everything else stays as v3.
   Ivory #FFFFFF, card #F3F3F1, ink #111111, Sodium Gold #FFC629 for light and glow, deep gold #8A6400 for small gold text on white. */
.tl{--k:#FFFFFF;--w:#111111;--dim:rgba(17,17,17,.7);--rule:rgba(17,17,17,.14);background:#FFFFFF;color:#111111}
.wrap.tl{box-shadow:0 0 0 100vmax #FFFFFF;clip-path:inset(0 -100vmax)}
.tl :focus-visible{outline-color:#8A6400}
@keyframes nyc-join-lt{0%,62%,100%{background:rgba(17,17,17,.55);box-shadow:none}70%,86%{background:#FFC629;box-shadow:0 0 0 4px rgba(255,198,41,.3),0 0 12px rgba(214,150,0,.9)}}
.tl .dots i.g{animation:nyc-drift 7s ease-in-out infinite,nyc-join-lt 6s ease-in-out infinite}
.tl .btn:hover{background:#FFC629;color:#111111}
/* from v2/v2.css */
.tl .cap,.cap.tl{color:rgba(17,17,17,0.68)}
.tl .what p,.what.tl p{color:rgba(17,17,17,0.88)}
.tl .logos img,.logos.tl img{filter:brightness(0) invert(0)}
.tl .case p,.case.tl p{color:rgba(17,17,17,0.84)}
.tl .note,.note.tl{color:rgba(17,17,17,0.64)}
.tl .build p,.build.tl p{color:rgba(17,17,17,0.88)}
.tl .who div,.who.tl div{color:rgba(17,17,17,0.8)}
.tl .build .cap,.build.tl .cap{color:rgba(17,17,17,0.64)}
.tl .idx a:hover b,.idx.tl a:hover b{color:#8A6400}
.tl .idx a:hover i,.idx.tl a:hover i{color:#8A6400}
.tl .btn,.btn.tl{color:#FFFFFF}
/* from v3/v3.css */
.tl .idx a:hover span,.idx.tl a:hover span{color:rgba(17,17,17,0.9)}
.tl .pt,.pt.tl{color:#8A6400}
.tl .kick,.kick.tl{color:rgba(17,17,17,0.82)}
.tl .build3 p,.build3.tl p{color:rgba(17,17,17,0.88)}
.tl .strap,.strap.tl{color:rgba(17,17,17,0.87)}
.tl .partner,.partner.tl{border:1px solid rgba(17,17,17,0.18);background:#F3F3F1}
.tl .partner p:not(.lbl),.partner.tl p:not(.lbl){color:rgba(17,17,17,0.88)}
/* from v3/inner.css */
.tl .seam i,.seam.tl i{background:rgba(17,17,17,0.55)}
.tl .seam i:last-child,.seam.tl i:last-child{background:rgba(17,17,17,0.16)}
.tl .card,.card.tl{background:#F3F3F1;border:1px solid rgba(17,17,17,0.14)}
.tl .card p,.card.tl p{color:rgba(17,17,17,0.84)}
.tl .card li,.card.tl li{border-top:1px solid rgba(17,17,17,0.1)}
.tl .statement,.statement.tl{background:#111111;color:#FFFFFF}
.tl .rail::before,.rail.tl::before{background:rgba(17,17,17,0.4)}
.tl .rail .card::before,.rail.tl .card::before{background:#FFFFFF;border:1.5px solid #111111}
.tl .ask input,.ask.tl input{border:1px solid rgba(17,17,17,0.4);background:#F3F3F1;color:#111111}
.tl .ask button,.ask.tl button{background:#111111;color:#FFFFFF}
.tl .qs li,.qs.tl li{border:1px solid rgba(17,17,17,0.3);color:rgba(17,17,17,0.88)}
/* from v3/motif.css */
.tl .dots i,.dots.tl i{background:rgba(17,17,17,0.55)}
.tl section.s::before,section.s.tl::before,.tl section.blk::before,section.blk.tl::before,.tl .next::before,.next.tl::before{background:radial-gradient(circle,rgba(17,17,17,0.3) 1px,transparent 1.6px) 0 50%/16px 3px repeat-x}
.tl .dotband,.dotband.tl{background:radial-gradient(circle,rgba(17,17,17,0.28) 1px,transparent 1.6px) 0 0/18px 10px}
.tl .dotband::after,.dotband.tl::after{mix-blend-mode:multiply}
.tl .card.case2::before,.card.case2.tl::before{background:radial-gradient(circle,rgba(17,17,17,0.24) 1px,transparent 1.6px) 0 0/14px 14px;border-bottom:1px solid rgba(17,17,17,0.1)}
.tl .steps3::before,.steps3.tl::before{background:rgba(17,17,17,0.35)}
.tl .steps3 li,.steps3.tl li{color:rgba(17,17,17,0.9)}
.tl .steps3 li::before,.steps3.tl li::before{border:1.5px solid #111111;background:#FFFFFF}
.tl .post,.post.tl{background:#FFFFFF;border:1px solid rgba(17,17,17,0.18)}
.tl .post small,.post.tl small{color:rgba(17,17,17,0.71)}
.tl .post:hover,.post.tl:hover{border-color:#111111}
.tl .rot,.rot.tl{color:rgba(17,17,17,0.74)}
.tl .rot i::before,.rot.tl i::before{background:rgba(17,17,17,0.6)}
.tl .p2d,.p2d.tl{color:rgba(17,17,17,0.8)}
.tl .p2d i::before,.p2d.tl i::before{border:1.5px solid #111111;background:#FFFFFF}
.tl .p2d i b,.p2d.tl i b{background:#111111}
.tl .connectors .sub,.connectors.tl .sub{color:rgba(17,17,17,0.87)}
.tl .slot,.slot.tl{border:1px dashed rgba(17,17,17,0.28);background:radial-gradient(circle,rgba(17,17,17,0.12) 1px,transparent 1.6px) 0 0/14px 14px}
.tl .slot p:not(.lbl),.slot.tl p:not(.lbl){color:rgba(17,17,17,0.71)}
.tl .book img,.book.tl img{box-shadow:0 8px 24px rgba(0,0,0,0.16)}
.tl .book p:not(.lbl),.book.tl p:not(.lbl){color:rgba(17,17,17,0.82)}
.tl .book .buy,.book.tl .buy{color:rgba(17,17,17,0.91)}
.tl .book .buy:hover,.book.tl .buy:hover{color:#111111;text-decoration-color:#8A6400}
/* from v3/typo.css */
.tl strong{color:#111111}
.tl .what p,.what.tl p,.tl .build3 p,.build3.tl p{color:rgba(17,17,17,0.94)}
.tl .strap,.strap.tl{color:rgba(17,17,17,0.95)}
.tl .proof .sub,.proof.tl .sub,.tl .connectors .sub,.connectors.tl .sub{color:rgba(17,17,17,0.91)}
.tl .card p,.card.tl p{color:rgba(17,17,17,0.91)}
.tl .case p,.case.tl p{color:rgba(17,17,17,0.9)}
.tl .book p:not(.lbl),.book.tl p:not(.lbl){color:rgba(17,17,17,0.87)}
.tl .lead,.lead.tl{color:rgba(17,17,17,0.94)}
/* from v3/hero2.css */
/* from v3/orch.css */
.tl .talent .tt-l,.talent.tl .tt-l{color:rgba(17,17,17,0.91)}
.tl .talent .tt-cf,.talent.tl .tt-cf{color:#111111}
/* from v3/writing.css */
.tl .wsrc a,.wsrc.tl a{color:#8A6400}
.tl .wthemes a,.wthemes.tl a{color:rgba(17,17,17,0.87)}
.tl .wlead img,.wlead.tl img{background:#F3F3F1}
.tl .prose,.prose.tl{color:rgba(17,17,17,0.94)}
.tl .prose a,.prose.tl a{color:#8A6400}
.tl .prose figure img,.prose.tl figure img{background:#F3F3F1}
.tl .yt-btn,.yt-btn.tl{background:#F3F3F1}
.tl .yt-play:after,.yt-play.tl:after{border-color:transparent transparent transparent #F3F3F1}
.tl .wvid video,.wvid.tl video{background:#FFFFFF}
.tl .wlink a:hover,.wlink.tl a:hover,.tl .wbtn a:hover,.wbtn.tl a:hover{background:#111111}
.tl .wall,.wall.tl{color:#8A6400}
.tl .warch,.warch.tl{color:#8A6400}
.tl .wctl,.wctl.tl{background:rgba(255,255,255,.94)}
.tl .wchips button,.wchips.tl button{color:rgba(17,17,17,0.88)}
.tl .wsearch input,.wsearch.tl input{border:1px solid rgba(17,17,17,0.4);background:#F3F3F1;color:#111111}
.tl .wsearch input::placeholder,.wsearch.tl input::placeholder{color:rgba(17,17,17,0.68)}
.tl .wcard .cd b,.wcard.tl .cd b{color:#8A6400}
.tl .wcard:hover h3,.wcard.tl:hover h3{text-decoration-color:#8A6400}
.tl .wcard p,.wcard.tl p{color:rgba(17,17,17,0.82)}
.tl .rsec .rint,.rsec.tl .rint{color:rgba(17,17,17,0.86)}
.tl .rsec .rint a,.rsec.tl .rint a{color:#8A6400}
.tl .rcard,.rcard.tl{background:#F3F3F1}
.tl .rsrc a,.rsrc.tl a{color:rgba(17,17,17,0.9)}
.tl .dl,.dl.tl{border:1px solid rgba(17,17,17,0.35);color:#111111}
.tl .bio p.bt,.bio.tl p.bt{color:rgba(17,17,17,0.92)}
.tl .rlist a,.rlist.tl a{color:#8A6400}
.tl .facts p,.facts.tl p,.tl .facts li,.facts.tl li{color:rgba(17,17,17,0.91)}
.tl .facts a,.facts.tl a{color:#8A6400}
/* hand fixes */
.tl .statement small{color:rgba(255,255,255,.74)}
.tl .statement strong{color:#FFFFFF}
.tl .wlink a:hover,.tl .wbtn a:hover{color:#FFFFFF}
.tl .logo .lp img{filter:none}
.tl .logo.k .lp img{filter:brightness(0) invert(1)}