@property --spin{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--paper:#f4f7ef;--ink:#17263b;--blue:#2458ff;--rose:#ff4f6d;--lime:#bcebd5;--sky:#99dbff;--sun:#ccd8ff;--line:rgba(23,38,59,.16);--sans:"Instrument Sans",sans-serif;--serif:"Noto Serif Hebrew",serif;--mono:"IBM Plex Mono",monospace;--ease:cubic-bezier(.22,.72,.18,1);--pad:clamp(18px,4.2vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--sans);direction:rtl}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.ambient{position:fixed;z-index:-3;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(125deg,#f4f7ef 0 50%,#f0f5ff 100%)}.ambient::after{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(23,38,59,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,38,59,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 52% 45%,#000,transparent 72%)}.ambient i{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(75px);opacity:.27;animation:ambient-drift 15s ease-in-out infinite alternate}.ambient i:nth-child(1){right:-12vw;top:-18vw;background:var(--sky)}.ambient i:nth-child(2){left:-16vw;top:36vh;background:var(--rose);animation-delay:-5s}.ambient i:nth-child(3){left:28vw;bottom:-26vw;background:var(--lime);animation-delay:-9s}.ambient span{position:absolute;color:transparent;-webkit-text-stroke:1px rgba(23,38,59,.11);font:780 clamp(64px,11vw,180px)/1 var(--sans);letter-spacing:-.08em;animation:word-drift 18s ease-in-out infinite alternate}.ambient span:nth-of-type(1){top:12%;left:-2%}.ambient span:nth-of-type(2){top:44%;right:3%;font-family:var(--serif)}.ambient span:nth-of-type(3){bottom:2%;left:8%}.ambient span:nth-of-type(4){top:70%;right:-3%;font-size:8vw}.ambient span:nth-of-type(5){top:23%;left:35%;font-size:7vw}.read-gauge{position:fixed;z-index:1000;right:0;top:0;width:3px;height:100vh;background:rgba(23,38,59,.08)}.read-gauge i{display:block;width:100%;height:calc(var(--read,0)*100%);background:linear-gradient(var(--blue),var(--rose));box-shadow:0 0 12px var(--rose)}
.site-nav{position:fixed;z-index:900;top:0;left:0;right:0;height:70px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.site-nav.scrolled{border-color:rgba(23,38,59,.11);background:rgba(244,247,239,var(--nav-alpha,.82));backdrop-filter:blur(16px) saturate(130%)}.site-name{justify-self:start;font:650 10px/1 var(--mono);letter-spacing:.06em;direction:ltr}.site-nav nav{justify-self:end;display:flex;gap:24px;align-items:center;font-size:11px}.site-nav nav a{position:relative}.site-nav nav a::after{content:"";position:absolute;right:0;left:0;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .35s var(--ease)}.site-nav nav a:hover::after,.site-nav nav a.active::after{transform:none}.site-nav .channel{color:#0b7952}.menu{display:none;border:0;background:none;font-size:22px}.envision{position:relative;justify-self:center;display:flex;align-items:baseline;direction:ltr;gap:2px;font-size:15px;font-weight:650;letter-spacing:-.06em;perspective:600px}.envision b{position:relative;color:var(--rose);font-size:17px}.envision em{margin-left:4px;color:var(--blue);font-size:11px;font-style:normal;letter-spacing:0}.envision.fx-shadow b{animation:logo-shadow 1.1s var(--ease)}.envision.fx-wave>*{animation:logo-wave .8s var(--ease)}.envision.fx-flip>*{animation:logo-flip .75s var(--ease)}.envision.fx-fill b{color:transparent;-webkit-text-stroke:1px var(--rose);animation:logo-fill .9s ease forwards}.envision.fx-glint{background:linear-gradient(100deg,var(--ink) 25%,var(--rose) 44%,#fff 50%,var(--blue) 57%,var(--ink) 75%);background-size:250% 100%;background-clip:text;color:transparent;animation:logo-glint 1.25s ease}
@keyframes ambient-drift{to{transform:translate(8vw,6vh) scale(1.18)}}@keyframes word-drift{to{transform:translate3d(3vw,-4vh,0) rotate(-2deg)}}@keyframes logo-shadow{50%{transform:translateX(9px);text-shadow:-15px 0 10px rgba(255,79,109,.6)}}@keyframes logo-wave{50%{transform:translateY(-4px);font-weight:800}}@keyframes logo-flip{55%{transform:rotateX(160deg);color:var(--rose)}to{transform:rotateX(360deg)}}@keyframes logo-fill{0%{clip-path:inset(50% 0)}to{clip-path:inset(0);color:var(--rose)}}@keyframes logo-glint{from{background-position:100% 0}to{background-position:-100% 0}}
.current-hero{height:255vh;--open:0;--progress:0}.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.hero-copy{position:absolute;z-index:4;right:var(--pad);top:50%;width:min(720px,53vw);transform:translateY(-50%);opacity:calc(1 - var(--open)*1.5);filter:blur(calc(var(--open)*9px));transition:opacity .08s linear}.hero-copy>p,.page-intro span{display:flex;align-items:center;gap:9px;font:500 8px/1 var(--mono);direction:ltr}.hero-copy>p i,.page-intro span i{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 rgba(255,79,109,.55);animation:sonar 1.8s ease infinite}.hero-copy h1{margin:26px 0 28px;font-size:clamp(78px,10vw,164px);line-height:.7;letter-spacing:-.105em}.hero-copy h1 span,.hero-copy h1 em{display:block;transform:translateX(calc(var(--open)*80px));transition:font-variation-settings .2s}.hero-copy h1 span:nth-child(2){margin-right:8vw;color:transparent;-webkit-text-stroke:1.4px var(--ink);transform:translateX(calc(var(--open)*-90px))}.hero-copy h1 em{margin-right:18vw;color:var(--rose);font-family:var(--serif);font-weight:360}.hero-dek{width:min(450px,80%);font-size:18px;line-height:1.55}.signal-orbit{position:absolute;z-index:2;left:11vw;top:14vh;width:34vw;aspect-ratio:1;border:1px solid rgba(36,88,255,.17);border-radius:50%;animation:orbit-spin 20s linear infinite}.signal-orbit::before,.signal-orbit::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(255,79,109,.25);border-radius:50%}.signal-orbit::after{inset:34%;border-style:solid}.signal-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 24px var(--blue)}.signal-orbit i:nth-child(1){left:18%;top:4%}.signal-orbit i:nth-child(2){right:2%;top:52%;background:var(--rose)}.signal-orbit i:nth-child(3){left:36%;bottom:0;background:var(--lime)}@keyframes sonar{70%,100%{box-shadow:0 0 0 10px transparent}}@keyframes orbit-spin{to{transform:rotate(360deg)}}
.current-phone{position:absolute;z-index:6;top:50%;left:6vw;width:390px;height:650px;--skin:#075e54;--feed:#ece5dd;transform:translateY(-50%) perspective(1250px) rotateY(calc(-12deg + var(--open)*12deg)) rotateX(calc(5deg - var(--open)*5deg)) translateX(calc(var(--open)*2vw));transform-style:preserve-3d;transition:left .72s var(--ease),width .72s var(--ease),height .72s var(--ease),transform .72s var(--ease),box-shadow .5s}.phone-depth{position:absolute;inset:10px -17px -15px 12px;border-radius:52px;background:linear-gradient(115deg,#17212b,#647182 55%,#17212b);transform:translateZ(-18px);box-shadow:0 40px 85px -45px rgba(23,38,59,.8)}.phone-screen{position:absolute;inset:0;overflow:hidden;display:grid;grid-template-rows:78px minmax(0,1fr) 61px;border:7px solid #18202b;border-radius:50px;background:var(--feed);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:border-radius .72s var(--ease),grid-template-rows .72s var(--ease)}.phone-screen>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;color:#fff;background:var(--skin)}.phone-screen>header>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--blue));font-size:11px;font-weight:800}.phone-screen>header p{margin:0}.phone-screen>header strong,.phone-screen>header small{display:block}.phone-screen>header strong{font-size:13px}.phone-screen>header small{margin-top:4px;font:400 8px/1 var(--mono);opacity:.7}.phone-screen>header b{font:500 7px/1 var(--mono)}.phone-feed{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 10px;background-color:var(--feed);background-image:radial-gradient(rgba(255,255,255,.34) 1px,transparent 1px);background-size:18px 18px;scrollbar-width:thin}.phone-feed::-webkit-scrollbar{width:4px}.phone-feed::-webkit-scrollbar-thumb{background:rgba(23,38,59,.3)}.phone-story{position:relative;display:grid;grid-template-columns:44px 1fr;gap:9px;min-height:77px;padding:13px 17px;border:0;border-radius:13px 13px 3px 13px;background:rgba(255,255,255,.92);box-shadow:0 5px 14px -12px rgba(23,38,59,.45);cursor:pointer;transition:transform .38s var(--ease),box-shadow .38s,background .3s}.phone-story+ .phone-story{margin-top:7px}.phone-story:hover,.phone-story:focus-visible{z-index:2;transform:translateX(-8px) rotate(-.5deg);box-shadow:0 16px 28px -20px rgba(23,38,59,.6);outline:none}.phone-story time{font:500 8px/1 var(--mono);direction:ltr}.phone-story strong{font-size:12px;line-height:1.35}.phone-story small{grid-column:2;color:var(--skin);font:500 7px/1 var(--mono);direction:ltr}.phone-screen>footer{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;padding:10px 13px;background:#f8f8f8}.phone-screen>footer p{margin:0;padding:10px 13px;border-radius:20px;color:#8a9299;background:#fff;font-size:10px}.phone-screen>footer b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--skin)}.skin-rail{position:absolute;left:50%;bottom:-48px;display:flex;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(244,247,239,.54);backdrop-filter:blur(16px);transform:translateX(-50%);white-space:nowrap}.skin-rail button{padding:8px 11px;border:0;border-radius:16px;background:transparent;cursor:pointer;font:500 7px/1 var(--mono)}.skin-rail button.active{color:#fff;background:var(--ink)}.current-phone[data-skin=telegram]{--skin:#229ed9;--feed:#dcecf2}.current-phone[data-skin=messenger]{--skin:#fff;--feed:#fff}.current-phone[data-skin=messenger] .phone-screen>header{color:var(--ink);border-bottom:1px solid var(--line)}.current-phone[data-skin=messenger] .phone-story{background:#e4e6eb;border-radius:20px}.current-phone[data-skin=messenger] .phone-story small{color:#0084ff}.current-phone[data-skin=messenger] .phone-screen>footer b{background:#0084ff}.current-phone[data-skin=terminal]{--skin:#101b13;--feed:#061009}.current-phone[data-skin=terminal] .phone-screen{border-color:#101b13}.current-phone[data-skin=terminal] .phone-screen>header,.current-phone[data-skin=terminal] .phone-screen>footer{color:#73f18d;background:#0b140e;font-family:var(--mono)}.current-phone[data-skin=terminal] .phone-feed{background:#061009 repeating-linear-gradient(0deg,transparent 0 3px,rgba(115,241,141,.035) 4px)}.current-phone[data-skin=terminal] .phone-story{border-bottom:1px dashed rgba(115,241,141,.25);border-radius:0;color:#b7f6c4;background:transparent;box-shadow:none;font-family:var(--mono)}.current-phone[data-skin=terminal] .phone-story::before{content:">";position:absolute;right:4px;color:#73f18d}.current-phone[data-skin=terminal] .phone-story small{color:#73f18d}.current-phone[data-skin=terminal] .phone-screen>footer p{color:#73f18d;background:#061009}
.current-hero[data-open="true"] .current-phone{left:var(--pad);width:calc(100vw - var(--pad)*2);height:72vh;transform:translateY(-44%) perspective(1250px);}.current-hero[data-open="true"] .phone-depth{border-radius:32px}.current-hero[data-open="true"] .phone-screen{border-width:3px;border-radius:24px;grid-template-rows:66px minmax(0,1fr) 0}.current-hero[data-open="true"] .phone-screen>footer{overflow:hidden;padding:0}.current-hero[data-open="true"] .phone-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0;padding:0;background:rgba(244,247,239,.92)}.current-hero[data-open="true"] .phone-story{min-height:111px;margin:0;padding:23px;border-radius:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}.current-hero[data-open="true"] .phone-story:nth-child(odd){border-left:1px solid var(--line)}.current-hero[data-open="true"] .phone-story:hover{background:var(--sky);transform:none}.current-hero[data-open="true"] .skin-rail{bottom:-44px}
.reading-field{position:relative;min-height:120vh;padding:130px var(--pad);background:rgba(244,247,239,.76);backdrop-filter:blur(7px)}.section-kicker{font:500 8px/1 var(--mono)}.reading-manifesto{max-width:1180px;margin:55px auto 130px;font-family:var(--serif);font-size:clamp(42px,6.2vw,92px);font-weight:520;line-height:1.08;letter-spacing:-.055em}.reading-manifesto .word{opacity:.13;color:#405066;transition:opacity .18s,color .18s}.reading-manifesto .word.lit{opacity:1;color:var(--ink)}.reading-manifesto .word.hot{color:var(--rose)}.article-constellation{position:relative;min-height:850px;margin:0 auto;max-width:1250px}.article-star{position:absolute;width:min(370px,31vw);padding:24px 0;border-top:1px solid var(--ink);transition:transform .55s var(--ease),color .3s}.article-star::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--sky);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease)}.article-star:hover{z-index:2;padding-inline:18px;color:#163879;transform:rotate(0deg)!important}.article-star:hover::before{transform:none}.article-star span,.article-star small{font:500 8px/1 var(--mono)}.article-star h3{margin:24px 0 12px;font-size:clamp(28px,3.1vw,48px);line-height:.95;letter-spacing:-.06em}.article-star p{margin:0;font-size:13px;line-height:1.5;opacity:.65}.article-star:nth-child(1){right:3%;top:2%;transform:rotate(2deg)}.article-star:nth-child(2){left:3%;top:16%;transform:rotate(-3deg)}.article-star:nth-child(3){right:22%;top:46%;transform:rotate(-1deg)}.article-star:nth-child(4){left:7%;bottom:2%;transform:rotate(2.5deg)}.article-star:nth-child(5){right:0;bottom:0;transform:rotate(-2deg)}.article-constellation::before{content:"READ";position:absolute;left:50%;top:48%;color:transparent;-webkit-text-stroke:1px rgba(23,38,59,.11);font:800 clamp(120px,24vw,330px)/.7 var(--sans);letter-spacing:-.12em;transform:translate(-50%,-50%) rotate(-5deg)}.all-link{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 20px;max-width:460px;margin:60px auto 0;padding:22px;border:1px solid var(--ink);overflow:hidden}.all-link::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--blue);transform:translateX(102%);transition:transform .55s var(--ease)}.all-link:hover{color:#fff}.all-link:hover::before{transform:none}.all-link span{font:500 8px/1 var(--mono)}.all-link b{font-size:18px}.all-link i{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-style:normal}
.page-intro{min-height:420px;padding:160px var(--pad) 60px;display:grid;grid-template-columns:1fr minmax(240px,420px);align-items:end;border-bottom:1px solid var(--line)}.page-intro h1{margin:22px 0 0;font-size:clamp(84px,14vw,210px);line-height:.7;letter-spacing:-.105em}.page-intro p{margin:0 0 14px;font-size:17px;line-height:1.55}.article-intro h1 em{color:var(--rose);font-family:var(--serif);font-weight:350}.news-board,.library{padding:40px var(--pad) 140px;background:rgba(244,247,239,.78);backdrop-filter:blur(8px)}.filter-rail,.library-tools>div{display:flex;gap:18px;overflow:auto;padding-bottom:23px;border-bottom:1px solid var(--line)}.filter-rail button,.library-tools button{padding:7px 0;border:0;border-bottom:1px solid transparent;background:none;cursor:pointer;font-size:11px;white-space:nowrap}.filter-rail button.active,.library-tools button.active{color:var(--rose);border-color:currentColor}.news-river{counter-reset:news}.news-row{position:relative;display:grid;grid-template-columns:65px 95px minmax(0,1fr) 120px 28px;gap:20px;align-items:center;min-height:136px;padding:20px 8px;overflow:hidden;border-bottom:1px solid var(--line);cursor:pointer}.news-row::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--lime),var(--sky));transform:translateX(101%);transition:transform .6s var(--ease)}.news-row:hover::before,.news-row:focus-visible::before{transform:none}.news-row:hover h2{font-variation-settings:"wdth" 82,"wght" 760;transform:translateX(-12px)}.news-row time,.news-row>span,.news-row small{font:500 8px/1 var(--mono);direction:ltr}.news-row>span{color:var(--rose)}.news-row h2{margin:0;font-size:clamp(22px,3vw,43px);line-height:.95;letter-spacing:-.045em;transition:transform .5s var(--ease),font-variation-settings .5s}.news-row small{text-align:left;opacity:.55}.news-row b{font-size:22px}.news-row.is-hidden{display:none}
.library-tools{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:35px;align-items:end;margin-bottom:55px}.library-tools input{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--ink);outline:none;background:transparent}.library-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(35px,6vw,90px);direction:ltr}.article-lens{position:sticky;top:105px;align-self:start;min-height:610px;padding:46px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;direction:rtl;color:#fff;background:var(--ink);box-shadow:0 45px 100px -65px #17263b;clip-path:polygon(0 6%,94% 0,100% 94%,6% 100%);transition:clip-path .7s var(--ease)}.article-lens:hover{clip-path:polygon(0 0,100% 3%,97% 100%,3% 96%)}.article-lens::before{content:"";position:absolute;left:-20%;top:4%;width:75%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from var(--spin),var(--rose),var(--blue),var(--lime),var(--rose));filter:blur(25px);opacity:.65;animation:lens-spin 9s linear infinite}.article-lens::after{content:attr(data-word);position:absolute;left:-4%;bottom:1%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);font:800 clamp(90px,14vw,190px)/.7 var(--sans);letter-spacing:-.12em}.article-lens>*{position:relative;z-index:2}.article-lens span,.article-lens small{font:500 8px/1 var(--mono)}.article-lens h2{margin:28px 0 22px;font-size:clamp(45px,6vw,82px);line-height:.83;letter-spacing:-.08em}.article-lens p{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.7)}.article-lens small{margin-top:30px;color:var(--lime)}.article-lens.restart{animation:lens-restart .48s var(--ease)}@keyframes lens-spin{to{--spin:360deg}}@keyframes lens-restart{from{opacity:.45;filter:blur(7px);transform:scale(.98)}to{opacity:1;filter:none;transform:none}}.article-river{direction:rtl;border-top:1px solid var(--line)}.article-index-row{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 110px 24px;gap:18px;align-items:center;min-height:116px;padding:18px 5px;overflow:hidden;border-bottom:1px solid var(--line);animation:row-in .55s var(--ease) both;animation-delay:calc(var(--i)*45ms);transition:padding .5s var(--ease)}.article-index-row::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--sun);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}.article-index-row:hover,.article-index-row:focus-visible{padding-right:25px}.article-index-row:hover::before,.article-index-row:focus-visible::before{transform:none}.article-index-row>span,.article-index-row small{font:500 8px/1 var(--mono)}.article-index-row>span{color:var(--rose)}.article-index-row strong{font-size:clamp(18px,2vw,27px);line-height:1.2}.article-index-row small{text-align:left;direction:ltr;opacity:.5}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.pager button{padding:9px 0;border:0;border-bottom:1px solid var(--ink);background:none;cursor:pointer}.pager button:disabled{opacity:.25}.pager span{font:500 8px/1 var(--mono)}@keyframes row-in{from{opacity:0;transform:translateY(18px);clip-path:inset(0 0 95% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.article-cover{min-height:100vh;padding:150px var(--pad) 80px;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(240px,350px);gap:clamp(25px,5vw,80px);align-items:center}.article-cover>span{align-self:start;margin-top:35px;font:500 8px/1 var(--mono);writing-mode:vertical-rl}.article-cover h1{margin:0;font-size:clamp(66px,10vw,150px);line-height:.76;letter-spacing:-.09em}.article-cover h1 em{color:var(--rose);font-family:var(--serif);font-weight:360}.article-cover aside{padding:30px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.article-cover aside p{font-size:18px;line-height:1.55}.article-cover aside small{font:500 8px/1.8 var(--mono)}.article-body{position:relative;padding:100px var(--pad) 160px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}.article-body-inner{max-width:740px;margin:auto}.article-body .lead{font-family:var(--serif);font-size:clamp(27px,4vw,43px);line-height:1.35}.article-body p{margin:42px 0;font-size:20px;line-height:1.9}.article-body p .read-word{opacity:.16;color:#4e6074;transition:opacity .15s,color .15s}.article-body p .read-word.lit{opacity:1;color:var(--ink)}.pull-quote{width:min(1080px,calc(100vw - var(--pad)*2));margin:120px 50% 120px 0;padding:70px var(--pad);color:#fff;background:var(--blue);font-family:var(--serif);font-size:clamp(40px,7vw,90px);line-height:1.02;transform:translateX(50%) rotate(-1deg)}.takeaways{margin:100px 0;padding:35px;border:1px solid var(--ink);background:var(--lime)}.takeaways span{font:500 8px/1 var(--mono)}.takeaways h3{font-size:32px}.takeaways li{margin:16px 0;font-size:17px;line-height:1.5}.next-read{display:flex;justify-content:space-between;align-items:center;margin-top:90px;padding-top:25px;border-top:1px solid var(--ink)}.next-read strong{font-size:22px}
.news-modal{position:fixed;z-index:1300;inset:0;padding:24px;display:grid;place-items:center;opacity:0;pointer-events:none;background:rgba(18,31,50,.2);backdrop-filter:blur(5px);transition:opacity .35s}.news-modal.open{opacity:1;pointer-events:auto}.modal-panel{position:relative;width:min(680px,94vw);max-height:86vh;overflow:auto;padding:clamp(35px,6vw,68px);border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(248,250,245,.78);background-blend-mode:luminosity;backdrop-filter:blur(50px) saturate(120%);box-shadow:0 44px 100px -45px rgba(23,38,59,.7),inset 0 1px #fff;transform:translateY(25px) scale(.96);transition:transform .55s var(--ease)}.news-modal.open .modal-panel{transform:none}.modal-panel.restart{animation:modal-restart .5s var(--ease)}.modal-panel button{position:absolute;left:18px;top:18px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;font-size:20px}.modal-meta{display:flex;gap:15px;color:var(--rose);font:500 8px/1 var(--mono);direction:ltr}.modal-panel h2{margin:30px 0 24px;font-size:clamp(38px,6vw,65px);line-height:.9;letter-spacing:-.07em}.modal-panel p{font-size:18px;line-height:1.75}.modal-foot{display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font:500 8px/1 var(--mono)}@keyframes modal-restart{from{filter:blur(6px);clip-path:inset(0 0 100% 0)}to{filter:none;clip-path:inset(0)}}
.site-footer{min-height:240px;padding:60px var(--pad);display:grid;grid-template-columns:1fr auto;align-items:end;color:#fff;background:var(--ink)}.site-footer strong{font-size:clamp(48px,8vw,110px);line-height:.75;letter-spacing:-.08em}.site-footer span{grid-row:2;font:500 8px/1 var(--mono)}.site-footer nav{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:13px;align-self:end;font-size:11px}
@media(max-width:850px){.site-nav{grid-template-columns:1fr auto}.envision{justify-self:end}.site-nav nav{display:none;position:fixed;inset:70px 0 auto;padding:28px;flex-direction:column;align-items:flex-start;background:rgba(244,247,239,.94);backdrop-filter:blur(20px)}.site-nav.open nav{display:flex}.menu{display:block;justify-self:start;grid-column:1;grid-row:1}.site-name{display:none}.hero-copy{right:18px;top:23%;width:calc(100% - 36px);transform:none}.hero-copy h1{font-size:clamp(69px,19vw,115px)}.hero-copy h1 em{margin-right:8vw}.hero-dek{font-size:15px}.signal-orbit{left:-8vw;top:9vh;width:68vw}.current-phone{left:50%;top:64%;width:min(365px,88vw);height:560px;transform:translate(-50%,-50%) perspective(1000px) rotateY(-7deg) rotateX(3deg)}.current-hero[data-open=true] .current-phone{left:12px;width:calc(100vw - 24px);height:66vh;transform:translateY(-38%)}.current-hero[data-open=true] .phone-feed{grid-template-columns:1fr}.current-hero[data-open=true] .phone-story:nth-child(odd){border-left:0}.reading-manifesto{margin-bottom:90px}.article-constellation{min-height:0;display:flex;flex-direction:column;gap:36px}.article-star,.article-star:nth-child(n){position:relative;inset:auto;width:100%;transform:none}.article-constellation::before{display:none}.page-intro{grid-template-columns:1fr;gap:40px;min-height:360px}.page-intro h1{font-size:clamp(80px,24vw,135px)}.news-row{grid-template-columns:50px 1fr 24px;gap:10px;min-height:122px}.news-row>span,.news-row small{display:none}.library-tools{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.article-lens{position:relative;top:auto;min-height:480px}.article-cover{grid-template-columns:1fr;padding-top:130px}.article-cover>span{display:none}.article-cover h1{font-size:clamp(64px,18vw,110px)}.pull-quote{margin-block:80px}.site-footer strong{font-size:48px}}
@media(max-width:560px){.current-hero{height:220vh}.phone-screen{border-radius:38px}.skin-rail button{padding:8px 7px}.reading-field,.news-board,.library{padding-inline:14px}.reading-field{padding-top:90px}.reading-manifesto{font-size:38px}.article-star h3{font-size:32px}.article-index-row{grid-template-columns:34px 1fr 20px;gap:8px}.article-index-row small{display:none}.article-lens{padding:32px 24px;min-height:420px}.article-lens h2{font-size:46px}.article-cover,.article-body{padding-inline:18px}.article-body p{font-size:18px}.pull-quote{width:calc(100vw - 36px);font-size:40px}.site-footer{grid-template-columns:1fr;gap:40px}.site-footer nav{position:relative;grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reading-manifesto .word,.article-body .read-word{opacity:1;color:inherit}}

/* Refinement pass: deliberate motion, not decorative noise. */
@property --snake-head{syntax:"<angle>";initial-value:0deg;inherits:false}
body[data-page="news"] .ambient,body[data-page="articles"] .ambient,body[data-page="article"] .ambient{background:#f4f7ef}
body[data-page="news"] .ambient i,body[data-page="articles"] .ambient i,body[data-page="article"] .ambient i{display:none}
body[data-page="news"] .ambient::after,body[data-page="articles"] .ambient::after,body[data-page="article"] .ambient::after{opacity:.45;animation:mesh-breathe 8s ease-in-out infinite alternate}
@keyframes mesh-breathe{to{background-size:58px 58px;transform:rotate(.35deg) scale(1.03)}}

.signal-orbit{left:43vw;top:12vh;width:min(29vw,430px);transform-style:preserve-3d;border-color:rgba(36,88,255,.3);animation:atom-float 7s ease-in-out infinite alternate}
.signal-orbit::before{inset:5% 22%;border-style:solid;border-color:rgba(255,79,109,.34);transform:rotate(64deg);animation:atom-ring-a 9s linear infinite}
.signal-orbit::after{inset:22% 5%;border-color:rgba(36,88,255,.32);transform:rotate(-58deg);animation:atom-ring-b 11s linear infinite reverse}
.signal-orbit i{animation:electron-pulse 1.8s ease-in-out infinite alternate}
@keyframes atom-float{to{translate:0 16px;rotate:4deg}}@keyframes atom-ring-a{to{transform:rotate(424deg)}}@keyframes atom-ring-b{to{transform:rotate(-418deg)}}@keyframes electron-pulse{to{scale:1.55;box-shadow:0 0 36px currentColor}}

.skin-rail{direction:rtl}.skin-rail button{transition:background .3s,color .3s,transform .35s var(--ease)}.skin-rail button:hover{transform:translateY(-2px)}
.phone-story{--story-accent:#a9d9ff;isolation:isolate;overflow:hidden}
.phone-story:nth-child(5n+2){--story-accent:#d9c8ff}.phone-story:nth-child(5n+3){--story-accent:#c8f0d7}.phone-story:nth-child(5n+4){--story-accent:#ffd1d9}.phone-story:nth-child(5n){--story-accent:#d8e6ff}
.phone-story::after{content:"";position:absolute;z-index:4;inset:2px;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from 225deg,transparent 0deg,var(--blue) 18deg,var(--rose) 40deg,transparent 74deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;--snake-head:0deg}
.phone-story:hover::after,.phone-story:focus-visible::after{opacity:1;animation:snake-border 1.35s var(--ease) both}
.phone-story:hover,.phone-story:focus-visible{background:var(--story-accent)!important;color:#10294d}
@keyframes snake-border{0%{--snake-head:0deg;rotate:0deg;opacity:0}9%{opacity:1}72%{--snake-head:300deg;rotate:300deg;opacity:1}100%{--snake-head:360deg;rotate:360deg;opacity:0}}
.phone-story::before{content:attr(data-count);position:absolute;left:9px;bottom:7px;color:rgba(23,38,59,.22);font:500 7px/1 var(--mono)}
.current-hero[data-open="true"] .phone-feed{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:#f7f8f4}
.current-hero[data-open="true"] .phone-story{min-height:124px;align-content:center;padding-inline:clamp(22px,4vw,56px)}
.current-hero[data-open="true"] .phone-story:nth-child(4n+2),.current-hero[data-open="true"] .phone-story:nth-child(4n+3){background:rgba(153,219,255,.16)}
.current-hero[data-open="true"] .phone-story:hover{background:var(--story-accent)!important;box-shadow:inset 5px 0 0 var(--blue)}
.current-hero[data-open="true"] .phone-story strong{font-size:clamp(14px,1.45vw,21px)}

.article-star{--star-fill:#b9ddff}.article-star:nth-child(2){--star-fill:#dbcaff}.article-star:nth-child(3){--star-fill:#bfe8d2}.article-star:nth-child(4){--star-fill:#ffd0d9}.article-star:nth-child(5){--star-fill:#cad5ff}.article-star::before{background:var(--star-fill)}
.article-constellation::after{content:"";position:absolute;z-index:1;top:50%;left:22%;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:-10px 0 15px rgba(36,88,255,.8),-24px 0 26px rgba(36,88,255,.45),0 0 22px var(--blue);animation:read-tracer 5.2s var(--ease) infinite}
@keyframes read-tracer{0%,12%{left:22%;opacity:0;transform:scale(.4)}24%{opacity:1;transform:scale(1)}76%{left:78%;opacity:1}88%,100%{left:78%;opacity:0;transform:scale(.3)}}

.page-intro{position:relative;isolation:isolate;overflow:hidden;background:#f4f7ef}.page-intro::before{content:"";position:absolute;z-index:-1;left:var(--pad);top:44%;width:min(310px,28vw);height:1px;background:var(--blue);box-shadow:0 22px 0 rgba(36,88,255,.3),0 -22px 0 rgba(255,79,109,.3);transform-origin:left;animation:signal-scan 4s var(--ease) infinite}.page-intro::after{content:"●  ●  ●";position:absolute;z-index:-1;left:calc(var(--pad) + 25px);top:calc(44% - 7px);color:var(--rose);font:700 10px/1 var(--mono);letter-spacing:74px;animation:signal-dots 4s linear infinite}
@keyframes signal-scan{0%,100%{transform:scaleX(.15);opacity:.3}50%{transform:scaleX(1);opacity:1}}@keyframes signal-dots{to{transform:translateX(75px)}}
.page-intro h1{display:inline-block;animation:headline-arrive .9s var(--ease) both}@keyframes headline-arrive{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(35px)}to{opacity:1;clip-path:inset(0);transform:none}}

.article-index-row{--row-fill:#cae5ff}.article-index-row:nth-child(4n+2){--row-fill:#e0d5ff}.article-index-row:nth-child(4n+3){--row-fill:#d0eadb}.article-index-row:nth-child(4n){--row-fill:#ffd7dd}.article-index-row::before{background:var(--row-fill)}
.article-lens::before{background:conic-gradient(from var(--spin),#ff4f6d,#2458ff,#99dbff,#ff4f6d)}

/* Long-form article: a changing reading landscape instead of stacked boxes. */
.article-cover{position:relative;isolation:isolate;overflow:hidden;background:#f4f7ef}.article-cover::before{content:"";position:absolute;z-index:-1;left:-9vw;top:18%;width:34vw;aspect-ratio:1;border:1px solid rgba(36,88,255,.25);border-radius:50%;box-shadow:0 0 0 42px rgba(36,88,255,.035),0 0 0 84px rgba(255,79,109,.025);animation:cover-orbit 12s linear infinite}.article-cover::after{content:"01";position:absolute;z-index:-1;right:-2vw;bottom:-8%;color:transparent;-webkit-text-stroke:1px rgba(23,38,59,.09);font:800 clamp(180px,34vw,520px)/.7 var(--sans);letter-spacing:-.14em}.article-cover aside{position:relative;border:0;padding:38px 0}.article-cover aside::before,.article-cover aside::after{content:"";position:absolute;right:0;width:70%;height:1px;background:var(--ink)}.article-cover aside::before{top:0}.article-cover aside::after{bottom:0;right:auto;left:0}.article-cover h1{max-width:1050px}.article-cover h1 em{color:var(--rose)}@keyframes cover-orbit{to{transform:rotate(360deg)}}
.article-body{background:#fbfcf8}.article-body-inner{max-width:820px}.article-body .lead{position:relative;margin-bottom:110px;padding-right:clamp(0px,5vw,65px);font-family:var(--serif);font-size:clamp(30px,4.2vw,49px);line-height:1.36}.article-body .lead::before{content:"TL;DR";position:absolute;right:0;top:-28px;color:var(--rose);font:500 8px/1 var(--mono)}
.article-body p{position:relative;margin:68px 0;font-size:20px;line-height:2}.article-body p:nth-of-type(odd){margin-right:clamp(0px,7vw,85px)}.article-body p:nth-of-type(even){margin-left:clamp(0px,7vw,85px)}
.article-body p::before{content:attr(data-section);position:absolute;right:-70px;top:11px;color:rgba(23,38,59,.42);font:500 7px/1 var(--mono);direction:ltr}
.pull-quote{position:relative;width:min(1180px,calc(100vw - var(--pad)*2));margin-block:150px;padding:95px clamp(35px,8vw,125px);overflow:hidden;background:#2458ff;box-shadow:18px 18px 0 #cbd7ff;transform:translateX(50%) rotate(-.75deg)}.pull-quote::after{content:"";position:absolute;left:-5%;bottom:-35%;width:45%;aspect-ratio:1;border:1px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 56px rgba(255,255,255,.04)}
.takeaways{position:relative;margin:140px 0;padding:0;border:0;background:transparent}.takeaways::before{content:"";position:absolute;right:0;top:-24px;width:76px;height:3px;background:var(--rose)}.takeaways ol{padding:0;list-style:none;counter-reset:take}.takeaways li{counter-increment:take;display:grid;grid-template-columns:42px 1fr;gap:22px;margin:0;padding:24px 0;border-bottom:1px solid var(--line)}.takeaways li::before{content:"0" counter(take);color:var(--blue);font:500 9px/1 var(--mono)}
.next-read{padding:32px 0;border-bottom:1px solid var(--ink);transition:padding .45s var(--ease),background .45s}.next-read:hover{padding-inline:24px;background:#d6e6ff}

.envision.fx-scatter>*{animation:logo-scatter .8s var(--ease)}.envision.fx-elevator>*{animation:logo-elevator .9s var(--ease)}.envision.fx-terminal>*{animation:logo-terminal 1s steps(5,end)}.envision.fx-gravity b{animation:logo-gravity 1s var(--ease)}.envision.fx-zoom>*{animation:logo-zoom .8s var(--ease)}
@keyframes logo-scatter{0%{opacity:0;transform:translate(calc((var(--logo-r,1))*10px),calc((var(--logo-r,1))*-8px)) rotate(18deg)}to{opacity:1;transform:none}}@keyframes logo-elevator{0%{opacity:0;transform:translateY(13px)}55%{transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes logo-terminal{0%{opacity:0}20%,100%{opacity:1}}@keyframes logo-gravity{0%{transform:translateY(-12px)}55%{transform:translateY(4px) scaleY(.75)}to{transform:none}}@keyframes logo-zoom{0%{opacity:0;transform:scale(2.2);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:850px){.signal-orbit{left:auto;right:50%;top:39vh;width:min(58vw,330px);transform:translateX(50%)}.page-intro::before{left:18px;top:auto;bottom:65px;width:55vw}.page-intro::after{left:34px;top:auto;bottom:60px}.article-cover::before{left:-30vw;top:45%;width:75vw}.article-body p:nth-of-type(n){margin-inline:0}.article-body p::before{display:none}}
@media(max-width:560px){.article-constellation::after{top:43%;animation-name:read-tracer-mobile}.pull-quote{padding:58px 25px;box-shadow:9px 9px 0 #cbd7ff}.article-body .lead{padding-right:0}@keyframes read-tracer-mobile{0%,12%{left:12%;opacity:0}25%{opacity:1}75%{left:88%;opacity:1}100%{left:88%;opacity:0}}}

.skin-rail [data-skin="whatsapp"]{order:0}.skin-rail [data-skin="telegram"]{order:1}.skin-rail [data-skin="messenger"]{order:2}.skin-rail [data-skin="terminal"]{order:3}
.phone-story::after{display:none}.story-snake,.story-snake>i{position:absolute;z-index:6;display:block;pointer-events:none}.story-snake{inset:2px;color:var(--blue)}.story-snake>i{background:linear-gradient(90deg,var(--blue),var(--rose));opacity:0}.snake-bottom,.snake-top{left:0;right:0;height:2px}.snake-left,.snake-right{top:0;bottom:0;width:2px}.snake-bottom{bottom:0}.snake-top{top:0}.snake-left{left:0}.snake-right{right:0}.phone-story:hover .story-snake>i,.phone-story:focus-visible .story-snake>i{opacity:1}.phone-story:hover .snake-bottom,.phone-story:focus-visible .snake-bottom{animation:snakeB 1.6s var(--ease) both}.phone-story:hover .snake-left,.phone-story:focus-visible .snake-left{animation:snakeL 1.6s var(--ease) both}.phone-story:hover .snake-top,.phone-story:focus-visible .snake-top{animation:snakeT 1.6s var(--ease) both}.phone-story:hover .snake-right,.phone-story:focus-visible .snake-right{animation:snakeR 1.6s var(--ease) both}@keyframes snakeB{0%{clip-path:inset(0 100% 0 0)}34%,58%{clip-path:inset(0)}76%,100%{clip-path:inset(0 0 0 100%)}}@keyframes snakeL{0%{clip-path:inset(100% 0 0)}34%,58%{clip-path:inset(0)}76%,100%{clip-path:inset(0 0 100%)}}@keyframes snakeT{0%,28%{clip-path:inset(0 100% 0 0)}58%,76%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}@keyframes snakeR{0%,28%{clip-path:inset(100% 0 0)}58%,76%{clip-path:inset(0)}100%{clip-path:inset(0 0 100%)}}
.current-phone[data-skin=messenger] .phone-screen>header>span{position:relative;background:linear-gradient(135deg,#00a6ff,#8b35ff 65%,#ff4f89)}.current-phone[data-skin=messenger] .phone-screen>header>span::after{content:"";position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#31c35c}.current-phone[data-skin=messenger] .phone-story:nth-child(3n){margin-right:18%;color:#fff;background:#0084ff}.current-phone[data-skin=messenger] .phone-story:nth-child(3n) small{color:rgba(255,255,255,.75)}.current-phone[data-skin=messenger] .phone-story:nth-child(3n+1){margin-left:14%}.current-hero[data-open="true"] .current-phone[data-skin=messenger] .phone-story{margin-inline:0}

.envision .logo-letter,.envision .logo-ai{display:inline-block;transform-origin:50% 65%}.envision.fx-wave>*{animation-delay:calc(var(--i)*55ms)}.envision.fx-flip>*{animation-delay:calc(var(--i)*55ms)}.envision.fx-scatter>*{animation-delay:calc(var(--i)*35ms)}.envision.fx-elevator>*{animation-delay:calc(var(--i)*35ms)}.envision.fx-terminal>*{animation-delay:calc(var(--i)*70ms)}.envision.fx-zoom>*{animation-delay:calc(var(--i)*20ms)}.envision.fx-glint>*{color:transparent!important;background:inherit;background-clip:text;-webkit-background-clip:text}
.envision.fx-terminal{animation:logo-type-delete 1.9s steps(9,end) both}.envision.fx-terminal::after{content:"_";margin-left:2px;color:var(--blue);animation:logo-caret .22s steps(1,end) infinite}@keyframes logo-type-delete{0%{clip-path:inset(0 100% 0 0)}38%,52%{clip-path:inset(0)}72%{clip-path:inset(0 0 0 100%)}73%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0)}}@keyframes logo-caret{50%{opacity:0}}

@property --read-scan{syntax:"<percentage>";initial-value:18%;inherits:true}.article-constellation{--read-scan:18%;animation:read-scan 5.2s var(--ease) infinite}.article-constellation::before{background:radial-gradient(circle at var(--read-scan) 52%,#2458ff 0 2%,rgba(36,88,255,.34) 8%,transparent 24%);background-clip:text;-webkit-background-clip:text}.article-constellation::after{left:var(--read-scan);animation:none}@keyframes read-scan{0%,12%{--read-scan:18%}76%,100%{--read-scan:82%}}

.load-news{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;margin-top:26px;padding:24px;border:1px solid var(--ink);background:transparent;cursor:pointer;text-align:right;overflow:hidden;transition:color .35s,background .35s}.load-news:hover{color:#fff;background:var(--blue)}.load-news span{font-size:14px}.load-news b{font-size:24px}.load-news[hidden]{display:none}
.news-row{--news-fill:#cfe7ff}.news-row:nth-child(4n+2){--news-fill:#dfd4fa}.news-row:nth-child(4n+3){--news-fill:#cde8dc}.news-row:nth-child(4n){--news-fill:#ffd7de}.news-row::before{background:var(--news-fill)}
.chapter-rail{position:sticky;z-index:5;top:110px;float:right;width:32px;margin-right:calc(var(--pad)*-1 + 8px);display:flex;flex-direction:column;align-items:center;gap:18px;color:rgba(23,38,59,.45);font:500 7px/1 var(--mono)}.chapter-rail i{width:1px;height:90px;background:linear-gradient(var(--blue) calc(var(--read)*100%),rgba(23,38,59,.12) 0)}.body-heading{margin:120px 0 45px;font-size:clamp(38px,5vw,65px);line-height:.95;letter-spacing:-.055em}.body-heading span{display:block;margin-bottom:16px;color:var(--blue);font:500 8px/1 var(--mono);letter-spacing:0;direction:ltr}.article-body .read-word{opacity:.18;color:#647084;transition:opacity .18s,color .18s}.article-body .read-word.lit{opacity:1;color:var(--ink)}
.article-body::before{content:"{ CONTEXT }   //   01   10:42   [ HUMAN IN THE LOOP ]";position:absolute;left:18px;top:180px;color:rgba(36,88,255,.25);font:500 8px/1 var(--mono);letter-spacing:.1em;writing-mode:vertical-rl;animation:telemetry-drift 11s ease-in-out infinite alternate}.body-heading span{width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;animation:tech-label 4.8s steps(12,end) infinite}@keyframes tech-label{0%,12%{clip-path:inset(0 100% 0 0)}38%,72%{clip-path:inset(0)}88%,100%{clip-path:inset(0 0 0 100%)}}@keyframes telemetry-drift{to{transform:translateY(180px);opacity:.35}}
@media(max-width:850px){.chapter-rail{display:none}.envision.fx-elevator>*{animation-delay:calc(var(--i)*30ms)}}

.intro-radar{position:absolute;z-index:-1;left:7vw;top:50%;width:min(290px,25vw);aspect-ratio:1;border:1px solid rgba(36,88,255,.2);border-radius:50%;transform:translateY(-50%);animation:radar-breathe 5s ease-in-out infinite alternate}.intro-radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 78%,rgba(36,88,255,.18) 91%,transparent 100%);animation:radar-sweep 5.5s linear infinite}.intro-radar>i{position:absolute;inset:18%;border:1px solid rgba(23,38,59,.14);border-radius:50%}.intro-radar>i:nth-child(2){inset:35%}.intro-radar>i:nth-child(3){inset:48%;background:var(--blue);box-shadow:0 0 24px rgba(36,88,255,.6)}.intro-radar>b{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(23,38,59,.12);transform:rotate(42deg)}.intro-radar>span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 0 rgba(255,79,109,.55);animation:radar-node 2s ease-out infinite}.intro-radar>span:nth-of-type(1){left:18%;top:30%}.intro-radar>span:nth-of-type(2){right:11%;top:46%;animation-delay:-.6s}.intro-radar>span:nth-of-type(3){left:45%;bottom:8%;animation-delay:-1.1s}.intro-radar>span:nth-of-type(4){right:35%;top:18%;animation-delay:-1.5s;background:var(--blue)}.intro-radar>small{position:absolute;right:7%;bottom:16%;font:500 7px/1 var(--mono);direction:ltr}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes radar-breathe{to{transform:translateY(-50%) scale(1.04);border-color:rgba(255,79,109,.28)}}@keyframes radar-node{70%,100%{box-shadow:0 0 0 13px transparent}}
body[data-page="articles"] .intro-radar{border-radius:18% 50% 34% 50%;transform:translateY(-50%) rotate(12deg)}body[data-page="articles"] .intro-radar::before{border-radius:inherit;animation-duration:8s}body[data-page="articles"] .intro-radar>i{border-radius:18% 50% 34% 50%}
@media(max-width:850px){.intro-radar{left:-8vw;top:58%;width:min(48vw,260px);opacity:.72}.page-intro>p{position:relative;z-index:2;max-width:68%}}

/* E usability + kinetic language pass. */
.phone-archive-link{display:none}
.current-hero[data-open="true"] .current-phone{
  overflow:visible;
  border-radius:44px;
  filter:drop-shadow(0 34px 38px rgba(23,38,59,.2));
}
.current-hero[data-open="true"] .phone-depth{border-radius:48px}
.current-hero[data-open="true"] .phone-screen{
  overflow:hidden;
  border-radius:40px;
}
.current-hero[data-open="true"] .phone-feed{
  overflow:hidden;
  overscroll-behavior:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(5,minmax(0,1fr)) auto;
  align-content:stretch;
  gap:8px;
  padding:10px;
  scrollbar-width:none;
}
.current-hero[data-open="true"] .phone-feed::-webkit-scrollbar{display:none}
.current-hero[data-open="true"] .phone-story{
  width:100%;
  min-height:0;
  padding:clamp(9px,1.2vh,15px) clamp(13px,2.4vw,38px);
  border:1px solid rgba(23,38,59,.1);
  border-radius:18px 18px 7px 18px;
  overflow:hidden;
  background:rgba(255,255,255,.78);
  appearance:none;
  text-align:right;
  isolation:isolate;
  transition:transform .38s var(--ease),box-shadow .38s var(--ease),background .3s,color .3s,border-color .3s;
}
.current-hero[data-open="true"] .phone-story:nth-child(even){border-radius:18px 7px 18px 18px}
.current-hero[data-open="true"] .phone-story:nth-child(odd){border-left:1px solid rgba(23,38,59,.1)}
.phone-story>time,.phone-story>strong,.phone-story>small{pointer-events:none}
.phone-story .story-snake{border-radius:inherit;overflow:hidden}
.current-phone[data-skin="whatsapp"] .phone-story:hover,
.current-phone[data-skin="whatsapp"] .phone-story:focus-visible{background:#e1f6e5}
.current-phone[data-skin="telegram"] .phone-story:hover,
.current-phone[data-skin="telegram"] .phone-story:focus-visible{background:#d8f1ff}
.current-phone[data-skin="messenger"] .phone-story:hover,
.current-phone[data-skin="messenger"] .phone-story:focus-visible{filter:saturate(1.08) brightness(.97)}
.current-phone[data-skin="terminal"] .phone-story:hover,
.current-phone[data-skin="terminal"] .phone-story:focus-visible{background:rgba(115,241,141,.1)}
.phone-story:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.current-hero[data-open="true"] .phone-story:hover,
.current-hero[data-open="true"] .phone-story:focus-visible{
  z-index:3;
  transform:translateY(-3px) scale(.992);
  border-color:color-mix(in srgb,var(--skin) 42%,transparent);
  background:#dceeff;
  box-shadow:0 13px 26px -18px rgba(23,38,59,.68),inset 0 0 0 1px rgba(255,255,255,.42);
  outline:none;
}
.current-hero[data-open="true"] .current-phone[data-skin="whatsapp"] .phone-story:hover,
.current-hero[data-open="true"] .current-phone[data-skin="whatsapp"] .phone-story:focus-visible{background:#d7f4df}
.current-hero[data-open="true"] .current-phone[data-skin="telegram"] .phone-story:hover,
.current-hero[data-open="true"] .current-phone[data-skin="telegram"] .phone-story:focus-visible{background:#d8f1ff}
.current-hero[data-open="true"] .current-phone[data-skin="messenger"] .phone-story:hover,
.current-hero[data-open="true"] .current-phone[data-skin="messenger"] .phone-story:focus-visible{color:var(--ink);background:#e9e2ff;border-color:rgba(0,132,255,.38)}
.current-hero[data-open="true"] .current-phone[data-skin="messenger"] .phone-story:hover small,
.current-hero[data-open="true"] .current-phone[data-skin="messenger"] .phone-story:focus-visible small{color:#2458ff}
.current-hero[data-open="true"] .current-phone[data-skin="terminal"] .phone-story{background:transparent}
.current-hero[data-open="true"] .current-phone[data-skin="terminal"] .phone-story:hover,
.current-hero[data-open="true"] .current-phone[data-skin="terminal"] .phone-story:focus-visible{color:#e4ffea;background:rgba(115,241,141,.12);border-color:rgba(115,241,141,.5);box-shadow:0 0 28px rgba(115,241,141,.12),inset 0 0 0 1px rgba(115,241,141,.1)}
.current-hero[data-open="true"] .phone-story strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:clamp(11px,1.25vw,18px);
  line-height:1.18;
}
.current-hero[data-open="true"] .phone-story small{font-size:clamp(6px,.55vw,8px)}
.current-hero[data-open="true"] .phone-archive-link{
  position:relative;
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-content:center;
  gap:2px 18px;
  min-height:52px;
  padding:8px clamp(18px,3vw,48px);
  overflow:hidden;
  color:#fff;
  background:var(--blue);
  border-radius:18px 18px 28px 28px;
  box-shadow:inset 0 1px rgba(255,255,255,.3);
  transition:letter-spacing .4s var(--ease),background .4s;
}
.current-hero[data-open="true"] .phone-archive-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--rose);
  transform:translateX(102%);
  transition:transform .55s var(--ease);
}
.current-hero[data-open="true"] .phone-archive-link:hover::before,.current-hero[data-open="true"] .phone-archive-link:focus-visible::before{transform:none}
.phone-archive-link span,.phone-archive-link small,.phone-archive-link b{position:relative;z-index:1}
.phone-archive-link span{font-size:clamp(13px,1.35vw,19px);font-weight:720}
.phone-archive-link small{font:500 7px/1 var(--mono);opacity:.75}
.phone-archive-link b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px}
.current-phone[data-skin="terminal"] .phone-archive-link{color:#061009;background:#73f18d;font-family:var(--mono)}

.kinetic-word{
  position:absolute;
  z-index:0;
  direction:ltr;
  pointer-events:none;
  user-select:none;
  isolation:isolate;
}
.kinetic-word>span{
  display:block;
  color:transparent;
  font:780 clamp(88px,15vw,230px)/.72 var(--sans);
  letter-spacing:-.105em;
  white-space:nowrap;
}
.reading-field>.section-kicker,.reading-field>.reading-manifesto,.reading-field>.article-constellation,.reading-field>.all-link{position:relative;z-index:1}
.article-constellation::before,.article-constellation::after{display:none}
.kinetic-read{right:2vw;top:68%;transform:rotate(4deg)}
.kinetic-read>span{-webkit-text-stroke:1px rgba(36,88,255,.18)}
.kinetic-read>i{
  position:absolute;
  left:7%;
  top:49%;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:-10px 0 15px rgba(36,88,255,.8),-26px 0 30px rgba(36,88,255,.35);
  animation:read-word-trace 5.2s var(--ease) infinite;
}
@keyframes read-word-trace{0%,12%{left:7%;opacity:0;transform:scale(.35)}23%{opacity:1;transform:scale(1)}76%{left:88%;opacity:1}90%,100%{left:88%;opacity:0;transform:scale(.25)}}
.kinetic-think{left:-1.5vw;top:44%;transform:rotate(-6deg)}
.kinetic-think>span{-webkit-text-stroke:1px rgba(255,79,109,.2)}
.kinetic-think>i{
  position:absolute;
  left:8%;
  top:48%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--rose);
  box-shadow:-12px 0 18px rgba(255,79,109,.65),-30px 0 34px rgba(255,79,109,.28);
  animation:think-trace 6.3s var(--ease) infinite;
}
@keyframes think-trace{0%,11%{left:8%;opacity:0;transform:scale(.4)}22%{opacity:1;transform:scale(1)}76%{left:88%;opacity:1;transform:scale(1)}90%,100%{left:88%;opacity:0;transform:scale(.3)}}

.page-intro>.kinetic-word{position:absolute;left:2vw;bottom:22px;top:auto;transform:none}
.page-intro>.kinetic-word>span{display:block;gap:0;font:780 clamp(88px,14vw,205px)/.72 var(--sans);letter-spacing:-.105em}
.kinetic-build>span{-webkit-text-stroke:1px rgba(36,88,255,.19)}
.kinetic-build>i{
  position:absolute;
  left:5%;
  top:52%;
  width:16%;
  height:2px;
  border-radius:2px;
  background:var(--blue);
  box-shadow:18px 0 24px rgba(36,88,255,.45);
  transform-origin:left;
  animation:build-scan 4.8s var(--ease) infinite;
}
@keyframes build-scan{0%,10%{left:5%;transform:scaleX(.05);opacity:0}24%{opacity:1}66%{left:74%;transform:scaleX(1)}84%,100%{left:74%;transform:scaleX(.08);opacity:0}}

.kinetic-innovate>span{-webkit-text-stroke:1px rgba(23,38,59,.15)}
.kinetic-innovate>i{
  position:absolute;
  left:7%;
  bottom:1%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:-10px 0 15px rgba(36,88,255,.6),-25px 0 30px rgba(188,235,213,.9);
  animation:innovate-pulse 7.2s cubic-bezier(.2,.7,.15,1) infinite;
}
@keyframes innovate-pulse{0%,9%{left:7%;opacity:0}18%{opacity:1;transform:scale(.75)}43%{left:42%;transform:scale(1.4)}76%{left:91%;opacity:1;transform:scale(.8)}90%,100%{left:91%;opacity:0;transform:scale(.25)}}
body[data-page="article"] .article-cover>.kinetic-innovate{left:-2vw;top:23%;bottom:auto}
body[data-page="article"] .article-cover>.kinetic-innovate>span{font-size:clamp(72px,13vw,190px);-webkit-text-stroke-color:rgba(36,88,255,.14)}
body[data-page="article"] .article-cover::after{content:""}
.article-cover>h1,.article-cover>aside,.article-cover>span{position:relative;z-index:1}

@media(max-width:850px){
  .current-hero[data-open="true"] .current-phone{height:70vh;transform:translateY(-38%);border-radius:36px}
  .current-hero[data-open="true"] .phone-depth{border-radius:40px}
  .current-hero[data-open="true"] .phone-screen{border-radius:33px}
  .current-hero[data-open="true"] .phone-feed{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr)) auto}
  .current-hero[data-open="true"] .phone-story:nth-child(odd){border-left:1px solid var(--line)}
  .current-hero[data-open="true"] .phone-story{grid-template-columns:34px minmax(0,1fr);gap:5px;padding:7px 9px}
  .current-hero[data-open="true"] .phone-story strong{font-size:clamp(9px,2.6vw,13px)}
  .current-hero[data-open="true"] .phone-story small{display:none}
  .current-hero[data-open="true"] .phone-story time{font-size:6px}
  .current-hero[data-open="true"] .phone-archive-link{min-height:46px;padding:7px 15px}
  .kinetic-think{left:-16vw;top:48%}
  .kinetic-read{right:-10vw;top:70%}
  .kinetic-think>span{font-size:clamp(80px,25vw,150px)}
  .kinetic-read>span{font-size:clamp(80px,25vw,150px)}
  .page-intro>.kinetic-word{left:-6vw;bottom:34px}
  .page-intro>.kinetic-word>span{font-size:clamp(76px,22vw,135px)}
  body[data-page="article"] .article-cover>.kinetic-innovate{left:-13vw;top:29%}
}

@media(max-width:560px){
  .current-hero[data-open="true"] .current-phone{left:8px;width:calc(100vw - 16px);height:72vh;border-radius:32px}
  .current-hero[data-open="true"] .phone-screen{border-radius:29px}
  .current-hero[data-open="true"] .phone-story{grid-template-columns:25px minmax(0,1fr);padding:6px 7px}
  .current-hero[data-open="true"] .phone-story strong{font-size:9px;line-height:1.1}
  .current-hero[data-open="true"] .phone-archive-link span{font-size:12px}
  .current-hero[data-open="true"] .phone-archive-link b{font-size:19px}
  .kinetic-think{top:51%}
  .page-intro>.kinetic-word{bottom:48px}
}