/* CINEMATIC REDESIGN — editorial, immersive, and motion-aware */
:root{--bg:#08070b;--card:#121016;--border:rgba(226,213,237,.13);--text:#f6f2f8;--muted:#a39aa9;--accent:#b75cff;--accent-2:#61ded6;--cinema-ink:#08070b;--cinema-panel:rgba(21,17,27,.78);--cinema-glass:rgba(255,255,255,.045);--cinema-line:rgba(255,255,255,.09);--cinema-width:1440px;--cinema-radius:22px;color-scheme:dark}
[data-theme="light"]{--bg:#f3f0f6;--card:#fff;--border:rgba(53,37,67,.13);--text:#211a29;--muted:#716879;--accent:#853bd0;--accent-2:#087f85;--cinema-ink:#f8f5fa;--cinema-panel:rgba(255,255,255,.88);--cinema-glass:rgba(53,37,67,.035);--cinema-line:rgba(53,37,67,.1);color-scheme:light}
html{scroll-padding-top:92px}
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 5% 3%,rgba(114,31,135,.19),transparent 31rem),radial-gradient(ellipse at 91% 17%,rgba(13,112,115,.13),transparent 34rem),radial-gradient(ellipse at 50% 62%,rgba(92,35,117,.075),transparent 43rem),var(--bg);color:var(--text);font-family:"Space Grotesk","DM Sans",system-ui,sans-serif}
body::before{position:fixed;z-index:-1;inset:0;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
[data-theme="light"] body{background:radial-gradient(ellipse at 4% 4%,rgba(172,105,225,.13),transparent 31rem),radial-gradient(ellipse at 92% 16%,rgba(44,168,166,.1),transparent 34rem),var(--bg)}
::selection{color:#fff;background:rgba(160,72,222,.72)}a{text-underline-offset:.22em}button,input,select,textarea{font:inherit}
.progress{z-index:300;height:3px;background:linear-gradient(90deg,#e277ff,#a33cff 48%,#4ce1d8);box-shadow:0 0 22px rgba(177,75,255,.65)}
.navbar{position:sticky;z-index:160;top:0;min-height:76px;padding:0 max(4.5vw,calc((100vw - var(--cinema-width))/2));border-bottom:1px solid var(--cinema-line);background:rgba(9,8,12,.82);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 10px 34px rgba(0,0,0,.12)}
[data-theme="light"] .navbar{background:rgba(249,246,251,.82)}.logo{font-size:1.42rem;font-weight:700;letter-spacing:-.075em}.logo span{color:#c172ff}.logo i{margin-left:3px;color:var(--accent-2);font-size:.72em}
.nav-links{gap:clamp(12px,1.6vw,27px)}.nav-links a{position:relative;padding:10px 1px;color:#b9b1c2;font-size:.84rem;font-weight:600;letter-spacing:-.015em;transition:color .22s ease,transform .22s ease}
[data-theme="light"] .nav-links a{color:#62586d}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text);transform:translateY(-1px)}.nav-links a::after{bottom:2px;height:2px;border-radius:5px;background:linear-gradient(90deg,#c46cff,#60ded6)}
.icon-btn{width:42px;height:42px;border-color:var(--cinema-line);border-radius:50%;background:var(--cinema-glass);box-shadow:inset 0 1px rgba(255,255,255,.06)}.global-menu-toggle{border-radius:50%;background:var(--cinema-glass)}.global-language-control select{border-radius:999px;background:var(--cinema-panel)}.global-skip-link{z-index:500}

body.page-home .hero{position:relative;display:grid;grid-template-columns:minmax(0,.93fr) minmax(390px,1.07fr);align-items:center;gap:clamp(24px,5vw,80px);width:min(100%,var(--cinema-width));min-height:min(690px,calc(100svh - 76px));margin:0 auto;padding:clamp(52px,6vw,92px) clamp(26px,5vw,74px) 58px;overflow:hidden;isolation:isolate}
body.page-home .hero::before{z-index:-1;top:8%;left:34%;width:min(680px,58vw);height:min(600px,58vw);background:radial-gradient(ellipse,rgba(121,44,161,.27),rgba(20,100,112,.12) 39%,transparent 70%);filter:blur(20px);animation:cinemaAura 10s ease-in-out infinite alternate}
body.page-home .hero::after{z-index:-1;right:6%;bottom:4%;width:39%;height:34%;background:radial-gradient(ellipse,rgba(27,138,137,.17),transparent 72%);filter:blur(15px)}
.hero-copy{position:relative;z-index:2;max-width:690px}.hero-kicker,.eyebrow{color:#c790ef;font-size:.62rem;font-weight:700;letter-spacing:.2em}
.badge{width:fit-content;padding:8px 13px;border:1px solid rgba(209,160,242,.22);border-radius:999px;background:rgba(179,95,233,.09);color:#e5cef4;font:.61rem "JetBrains Mono",monospace;letter-spacing:.01em;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.badge-dot{background:#6ae6db;box-shadow:0 0 12px rgba(106,230,219,.75)}
.hero h1{max-width:720px;margin:18px 0 20px;font-size:clamp(3.7rem,7vw,7.2rem);line-height:.94;letter-spacing:-.085em;text-wrap:balance}
.gradient-text{color:#c16cff;background:linear-gradient(100deg,#e0a5ff 2%,#ae55ff 42%,#50d7dd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{max-width:570px;color:#b5acbc;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.8}[data-theme="light"] .hero p{color:#645b6d}
.hero-buttons{gap:12px;margin-top:29px}.btn{min-height:49px;padding:13px 20px;border-radius:14px;font-size:.84rem;font-weight:700;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s,border-color .28s,background .28s}.btn:hover{transform:translateY(-3px)}
.btn-primary{border:1px solid rgba(255,255,255,.1);background:linear-gradient(112deg,#c159f7,#8735e8 60%,#7134d2);box-shadow:0 12px 36px rgba(141,57,220,.25),inset 0 1px rgba(255,255,255,.23)}.btn-primary:hover{box-shadow:0 17px 42px rgba(153,67,231,.39),inset 0 1px rgba(255,255,255,.26)}
.btn-ghost{border:1px solid rgba(235,220,247,.17);background:rgba(255,255,255,.045);color:var(--text);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:rgba(214,164,251,.55);background:rgba(180,99,229,.12)}
.hero-scene{position:relative;height:clamp(380px,43vw,550px);min-width:0;perspective:1100px;translate:0 var(--hero-scroll,0px);filter:drop-shadow(0 30px 55px rgba(0,0,0,.18))}
.scene-orbit{border-color:rgba(210,151,246,.22);box-shadow:0 0 55px rgba(166,73,215,.07)}.orbit-two{border-color:rgba(83,222,212,.18)}
.scene-card{border-color:rgba(255,255,255,.3);border-radius:20px;box-shadow:0 30px 75px rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.scene-card::after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";opacity:.5;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 23% 70%,rgba(255,255,255,.04));mix-blend-mode:screen}.scene-card>*{z-index:1}.scene-card strong{text-shadow:0 7px 28px rgba(0,0,0,.5)}
.scene-algorithm::before{background:radial-gradient(ellipse at 52% 42%,rgba(255,205,255,.38),transparent 34%),linear-gradient(165deg,transparent 15%,rgba(8,7,13,.08) 30%,#21152c 100%),radial-gradient(ellipse at 67% 34%,#dc78ff,transparent 34%),linear-gradient(135deg,#53235f,#131722 72%)}
.scene-network::before{background:radial-gradient(circle at 48% 45%,rgba(130,255,235,.32),transparent 36%),linear-gradient(170deg,transparent 5%,rgba(6,8,17,.18) 45%,#09141a 100%),radial-gradient(ellipse at 48% 45%,#27bfc4,transparent 34%),linear-gradient(135deg,#202c56,#071216 90%)}
.scene-binary::before{background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(126,255,225,.09) 16px),radial-gradient(circle at 50% 25%,#50ead5,transparent 32%),linear-gradient(145deg,#1d5960,#11131f)}
.scene-orb{border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#fff5d1,#e7a2ff 54%,#75e9de)}.scene-caption{color:#d3c7db}
.ticker{position:relative;width:100%;overflow:hidden;border-block:1px solid var(--cinema-line);background:linear-gradient(90deg,rgba(111,32,136,.16),rgba(24,106,112,.11),rgba(111,32,136,.14));mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}
.ticker div{color:#c4b6ce;font-size:.72rem}.ticker b{color:#cb7aff}
.stats{width:min(100% - 40px,1120px);gap:12px;margin:34px auto 0;padding:0}.stat{min-height:112px;border:1px solid var(--cinema-line);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.06)}.num{color:#9e78ff;font-size:2.55rem}.label{color:#a59aaf;font-size:.68rem;letter-spacing:.03em}

.container{width:min(100%,var(--cinema-width));padding:78px clamp(24px,5vw,74px)}
.section-head{align-items:end;gap:24px;margin-bottom:23px}.section-head h2{margin-top:9px;font-size:clamp(2rem,4vw,3.35rem);font-weight:700;letter-spacing:-.075em;line-height:.98;text-wrap:balance}.section-head .eyebrow{font-size:.59rem}.head-right{gap:13px}
.text-link{color:#ded2e8;font-size:.79rem;font-weight:600}.text-link:hover{color:#dd9cff}.add-btn{min-height:40px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(120deg,#bd54ef,#8031dc);box-shadow:0 8px 22px rgba(147,53,218,.18);font-weight:700}
.search{min-height:56px;padding:15px 19px;border:1px solid rgba(231,214,241,.15);border-radius:16px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.05)}.search:focus{border-color:rgba(195,111,247,.75);box-shadow:0 0 0 4px rgba(185,91,240,.11)}
.filters{gap:9px}.chip{min-height:39px;padding:9px 15px;border-color:rgba(231,214,241,.15);border-radius:999px;background:rgba(255,255,255,.025);color:#b5aabb;transition:transform .22s,background .22s,border-color .22s,color .22s}.chip:hover{transform:translateY(-2px)}.chip.active{border-color:transparent;background:linear-gradient(110deg,#be59f5,#8435df);color:#fff;box-shadow:0 7px 22px rgba(161,69,220,.23)}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{min-height:344px;padding:205px 19px 23px;border:1px solid rgba(235,223,244,.12);border-radius:19px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),var(--card);box-shadow:0 15px 44px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .38s}
.card::before{height:70%;opacity:.96;mask-image:linear-gradient(#000 62%,transparent 100%);filter:saturate(.92)}.card::after{right:18px;bottom:18px;z-index:2;color:rgba(232,207,247,.72)}
.card:hover{transform:perspective(900px) rotateX(1deg) translateY(-8px) scale(1.012);border-color:rgba(218,158,251,.53);box-shadow:0 25px 60px rgba(0,0,0,.32),0 0 36px rgba(156,65,214,.14),inset 0 1px rgba(255,255,255,.12)}
.card .card-cover{height:205px}.card .card-cover::before{inset:16px 24px 5px;border-radius:45% 45% 8px 8px}.card .card-cover b{font-size:4.8rem}
.card .tag{position:relative;z-index:2;margin-bottom:9px}.card h3{position:relative;z-index:2;margin-bottom:8px;font-size:1.16rem;letter-spacing:-.045em}.card p{position:relative;z-index:2;color:#b8adbf;font-size:.8rem;line-height:1.6}.card .time{position:relative;z-index:2;margin-top:13px;color:#908596;font-size:.62rem}.bookmark{z-index:4;color:rgba(238,222,247,.72)}.bookmark:hover{color:#ffe49c}
.empty{grid-column:1/-1;padding:60px 25px;border:1px dashed var(--border);border-radius:var(--cinema-radius)}
body.page-home .container#articles{padding-top:55px;padding-bottom:38px}body.page-home .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.page-home .grid .card:nth-child(n+4){display:none}body.page-home .grid .card{min-height:355px}body.page-home .labs{padding-top:43px}
.topic-wall{padding-top:66px}.topic-grid{gap:14px}.topic-tile{min-height:228px;padding:21px;border:1px solid rgba(241,222,250,.14);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.014));box-shadow:inset 0 1px rgba(255,255,255,.08),0 17px 40px rgba(0,0,0,.12);transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .28s,box-shadow .35s}
.topic-tile>span{color:#d2b7e7;font-size:.55rem;letter-spacing:.13em}.topic-tile strong{position:relative;z-index:2;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.03;letter-spacing:-.06em}.topic-tile i{z-index:2;color:#e3b3ff}.topic-tile:hover{border-color:rgba(213,155,251,.48);box-shadow:0 22px 55px rgba(0,0,0,.25),0 0 32px rgba(160,74,220,.13)}
.tile-art{opacity:.72;filter:drop-shadow(0 0 16px rgba(172,106,242,.32));transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .3s}.topic-tile:hover .tile-art{opacity:1;transform:scale(1.1) rotate(-4deg)}
.path-callout,.daily-callout{position:relative;overflow:hidden;border:1px solid var(--cinema-line);border-radius:24px;background:radial-gradient(ellipse at 8% 0%,rgba(167,75,220,.16),transparent 40%),linear-gradient(125deg,rgba(255,255,255,.055),rgba(255,255,255,.017));box-shadow:0 22px 60px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.07)}
.path-callout::after,.daily-callout::after{position:absolute;right:-35px;top:-66px;width:230px;aspect-ratio:1;border:1px solid rgba(219,160,255,.17);border-radius:50%;box-shadow:0 0 0 22px rgba(219,160,255,.025),0 0 0 46px rgba(219,160,255,.018);content:"";pointer-events:none}
.path-callout h2,.daily-callout h2{font-size:clamp(1.55rem,2.6vw,2.3rem);letter-spacing:-.065em}.path-callout p,.daily-callout p{color:#b2a8ba;line-height:1.7}.path-callout-art{filter:drop-shadow(0 0 22px rgba(172,75,222,.32))}.daily-callout-mark{box-shadow:0 0 32px rgba(174,84,225,.22)}
.labs{padding-top:62px}.lab{border:1px solid rgba(231,215,243,.13);border-radius:22px;background:radial-gradient(ellipse at 100% 0%,rgba(45,156,156,.07),transparent 40%),linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--card);box-shadow:0 20px 54px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)}
.lab-intro,.explain{color:#b8aebf;line-height:1.75}.readout,.readout.wide{border-color:rgba(231,215,243,.12);border-radius:15px;background:rgba(7,7,11,.65)}[data-theme="light"] .readout,[data-theme="light"] .readout.wide{background:rgba(55,35,74,.045)}.bars{border-radius:14px;background:rgba(0,0,0,.22)}

.page-intro{position:relative;width:min(100%,var(--cinema-width));max-width:none;margin:0 auto;padding:clamp(82px,10vw,142px) clamp(26px,7vw,100px) 76px;border-bottom:1px solid var(--cinema-line)}
.page-intro::before{position:absolute;left:2%;top:16%;width:34%;height:90%;background:radial-gradient(ellipse,rgba(130,47,166,.16),transparent 70%);content:"";pointer-events:none}
.page-intro::after{right:12%;top:24%;width:clamp(130px,18vw,240px);height:auto;aspect-ratio:1;border-color:rgba(197,133,231,.2);box-shadow:0 0 0 26px rgba(181,102,218,.035),0 0 0 54px rgba(181,102,218,.022),0 0 90px rgba(121,45,154,.15);animation:cinemaRing 13s linear infinite}
.page-intro h1{position:relative;max-width:820px;font-size:clamp(3.3rem,7.5vw,6.7rem);line-height:.94}.page-intro p{position:relative;max-width:600px;color:#b5abba;font-size:1rem;line-height:1.8}.intro-index{z-index:2;color:#c9a9db}.page-intro .eyebrow{position:relative}
body.page-articles .container#articles{padding-top:48px}.discovery-toolbar{margin:17px 0 23px}.difficulty-filter-label{border-radius:14px}.discovery-search-button{border-radius:999px}.discovery-dialog{backdrop-filter:blur(20px)}.discovery-dialog .discovery-result{transition:transform .2s,background .2s}.discovery-dialog .discovery-result:hover{transform:translateX(4px)}

.article-hero{position:relative;min-height:380px;padding:45px 0 58px;border-bottom-color:var(--cinema-line)}
.article-hero::before{position:absolute;z-index:-1;top:-65px;left:-8%;width:72%;height:145%;background:radial-gradient(ellipse,rgba(122,39,155,.22),transparent 70%);content:""}
.article-hero h1{font-size:clamp(3.6rem,8vw,7rem)}.article-lead{color:#bbb1c4;font-size:1.06rem}.article-meta{color:#9f94a7}
.article-hero-art{width:clamp(220px,24vw,310px);height:clamp(238px,26vw,330px);border-radius:46% 46% 18px 18px;box-shadow:0 35px 100px rgba(0,0,0,.4),0 0 80px rgba(163,73,208,.16)}
.article-actions{border-bottom-color:var(--cinema-line)}.article-action{border-radius:999px;background:rgba(255,255,255,.035)}.article-layout{gap:clamp(32px,7vw,90px);padding-top:52px}.article-sidebar{top:112px}.article-sidebar a{line-height:1.5}.article-body section{scroll-margin-top:110px}
.idea-in-a-minute,.diagram-panel,.example-section,.quick-check,.personal-notes-section,.glossary-section,.next-lesson-section,.related-section,.sources-section{border:1px solid var(--cinema-line);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.04)}
.idea-in-a-minute{background:linear-gradient(125deg,rgba(157,65,210,.15),rgba(44,142,142,.07),rgba(255,255,255,.018))}
.article-prose{color:#d7cedd;font-size:1.03rem;line-height:1.9}.article-prose h2,.article-section-head h2,.example-section h2,.quick-check h2,.personal-notes-section h2,.related-section h2{letter-spacing:-.06em}
.code-card{border:1px solid var(--cinema-line);border-radius:17px;background:#0c0b10}.quick-check{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.next-lesson-section{overflow:hidden;background:linear-gradient(125deg,rgba(163,76,218,.15),rgba(31,126,126,.07))}
.map-explorer{width:min(100%,var(--cinema-width));padding-inline:clamp(24px,5vw,74px)}.map-search-wrap{border-radius:999px;background:var(--cinema-glass)}.map-filter{min-height:37px;border-radius:999px}.map-stage{border-color:rgba(221,187,242,.16);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.25),0 0 75px rgba(137,62,177,.08)}.concept-detail{border-radius:20px;background:var(--cinema-panel);backdrop-filter:blur(14px)}
.paths-page .paths-catalog,.challenge-page,.space-page>main,.about-page .about-story,.about-page .about-values{width:min(100%,var(--cinema-width))}
.path-grid>*,.path-card{border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.05)}
.challenge-layout{gap:20px}.daily-challenge,.streak-card,.badge-card,.space-panel,.space-progress-panel{border:1px solid var(--cinema-line);border-radius:20px;background-color:var(--cinema-panel);box-shadow:0 20px 55px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(12px)}
.challenge-option{border-radius:13px}.streak-card{padding:24px}.space-hero{overflow:hidden}.space-hero::after{opacity:.45}.space-orbit-ring{filter:drop-shadow(0 0 16px rgba(188,94,246,.25))}
.about-story,.about-values{gap:17px}.about-story>*,.about-values article{border:1px solid var(--cinema-line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.footer{border-top:1px solid var(--cinema-line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.footer a{transition:color .2s,transform .2s}.footer a:hover{color:#d69cff}

html.cinematic-enhanced .cinema-reveal{opacity:0;translate:var(--cinema-x,0px) var(--cinema-y,25px);transition:opacity .78s ease,translate .78s cubic-bezier(.2,.75,.2,1);transition-delay:var(--cinema-delay,0ms)}
html.cinematic-enhanced .cinema-reveal.is-visible{opacity:1;translate:0 0;transition-delay:0ms}
html.cinematic-enhanced .cinema-reveal[data-motion="left"]{--cinema-x:-36px;--cinema-y:0px}html.cinematic-enhanced .cinema-reveal[data-motion="right"]{--cinema-x:36px;--cinema-y:0px}html.cinematic-enhanced .cinema-reveal[data-motion="up"]{--cinema-y:27px}
@keyframes cinemaAura{to{transform:translate3d(4%,-3%,0) scale(1.09);opacity:.77}}@keyframes cinemaRing{to{transform:rotate(360deg)}}@keyframes cinemaPosterGlow{0%,100%{filter:brightness(1) saturate(.94)}50%{filter:brightness(1.12) saturate(1.08)}}
.card-cover b{animation:cinemaPosterGlow 6s ease-in-out infinite}.scene-orb{animation-duration:5.2s}
@media(min-width:1500px){body.page-home .hero{min-height:760px}}
@media(max-width:1100px){:root{--cinema-width:1280px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.page-home .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.page-home .hero{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:24px}.hero h1{font-size:clamp(3.5rem,7.5vw,6rem)}.navbar{padding-inline:3vw}.nav-links{gap:13px}}
@media(max-width:860px){body.page-home .hero{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding-top:65px}.hero-copy{max-width:760px}.hero-scene{width:min(100%,600px);height:440px;margin:0 auto}.page-intro{padding-top:88px;padding-bottom:59px}.page-intro::after{right:8%;top:24%;opacity:.65}.grid,body.page-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-home .grid .card:nth-child(n+4){display:none}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:145px minmax(0,1fr);gap:30px}.article-hero{grid-template-columns:minmax(0,1fr) 230px;gap:18px}}
@media(max-width:600px){.navbar{min-height:66px;padding-inline:18px}.logo{font-size:1.27rem}.container{padding:58px 19px}.section-head{align-items:start;flex-direction:column;gap:14px}.head-right{flex-wrap:wrap}.stats{width:calc(100% - 32px);gap:8px;margin-top:22px}.stat{min-height:94px}.num{font-size:2rem}body.page-home .hero{padding:51px 20px 34px}.hero h1{font-size:clamp(3.1rem,14vw,5rem)}.hero p{max-width:35ch;font-size:.95rem}.hero-buttons{flex-wrap:wrap}.hero-scene{height:340px;max-width:460px}.orbit-one{width:340px;height:230px}.orbit-two{width:390px;height:280px}.scene-algorithm{width:146px;height:212px;left:3%;top:12%}.scene-network{width:154px;height:220px;right:2%;top:8%}.scene-binary{width:110px;height:132px;left:40%;bottom:3%}.scene-caption{right:0;bottom:2%;font-size:.48rem}.scene-orb{right:36%;top:8%;width:43px;height:43px}.grid,body.page-home .grid{gap:11px}.card{min-height:292px;padding:170px 13px 17px;border-radius:15px}.card .card-cover{height:174px}.card h3{font-size:1rem}.card p{font-size:.73rem}.card .time{font-size:.55rem}.topic-tile{min-height:188px;padding:16px}.page-intro{padding:77px 22px 48px}.page-intro h1{font-size:clamp(3rem,13vw,4.7rem)}.page-intro p{max-width:32ch;font-size:.92rem}.intro-index{right:22px;bottom:42px;font-size:.6rem}.article-hero{grid-template-columns:minmax(0,1fr);padding-top:30px}.article-hero-art{width:190px;height:200px;justify-self:start}.article-layout{grid-template-columns:1fr}.article-sidebar{position:relative;top:auto;display:flex;flex-direction:row;overflow-x:auto;padding:0 0 11px}.article-sidebar>span{display:none}.article-sidebar a{flex:0 0 auto;padding:7px 10px;border:1px solid var(--cinema-line);border-radius:999px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.lab{padding:19px 15px}.challenge-options{grid-template-columns:1fr}}
@media(max-width:390px){.grid,body.page-home .grid{grid-template-columns:1fr}body.page-home .grid .card:nth-child(n+4){display:none}.stats{grid-template-columns:1fr}.stat{min-height:75px}.topic-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-cover b,.scene-orb,.orbit-one,.orbit-two,.page-intro::after{animation:none!important}html.cinematic-enhanced .cinema-reveal{opacity:1;translate:none;transition:none}}

.hero-scene.cinema-reveal.is-visible{translate:0 var(--hero-scroll,0px)}
/* Editorial feature rail on the home page */
body.page-home .container#articles{padding-top:68px}
.home-feature-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.82fr);align-items:start;gap:clamp(22px,3vw,42px)}
.home-feature-main{min-width:0}
.home-feature-main .section-head{align-items:end}
.home-editorial-rail{display:grid;gap:13px;padding-top:3px}
.home-editorial-spotlight{overflow:hidden;border:1px solid rgba(240,211,248,.15);border-radius:22px;background:linear-gradient(155deg,rgba(157,48,178,.15),rgba(255,255,255,.025) 55%),#120e16;box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}
.editorial-art{position:relative;display:grid;place-items:center;height:230px;overflow:hidden;background:radial-gradient(circle at 48% 48%,rgba(97,222,214,.3),transparent 17%),radial-gradient(ellipse at 47% 54%,rgba(139,66,190,.46),transparent 48%),linear-gradient(135deg,#4a1c57,#160e1b 69%,#100d12)}
.editorial-art::before,.editorial-art::after{position:absolute;content:"";border:1px solid rgba(224,194,245,.36);border-radius:50%;transform:rotate(-25deg);animation:editorialOrbit 24s linear infinite}
.editorial-art::before{width:205px;height:280px;box-shadow:0 0 45px rgba(97,222,214,.13)}
.editorial-art::after{width:270px;height:155px;border-color:rgba(97,222,214,.42);transform:rotate(48deg);animation-direction:reverse}
.editorial-art>span{position:absolute;top:17px;left:18px;color:rgba(255,233,255,.77);font:.58rem "JetBrains Mono",monospace;letter-spacing:.15em}
.editorial-glyph{position:relative;z-index:1;color:#fff1ff;font-size:6.5rem;font-weight:400;letter-spacing:-.12em;text-shadow:0 0 34px rgba(214,158,255,.65);animation:editorialPulse 5s ease-in-out infinite}
.editorial-art>small{position:absolute;right:16px;bottom:15px;color:rgba(255,227,249,.75);font:.48rem "JetBrains Mono",monospace;letter-spacing:.16em}
.editorial-copy{padding:21px 22px 23px}
.editorial-copy .eyebrow{font-size:.54rem}
.editorial-copy h3{margin:8px 0 9px;color:#fff5ff;font-size:1.43rem;line-height:1.08;letter-spacing:-.06em}
.editorial-copy p{margin:0 0 15px;color:#b8aabc;font-size:.76rem;line-height:1.65}
.editorial-copy .text-link{color:#e8c8fa;font-size:.72rem}
.editorial-mini-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.editorial-mini-link{position:relative;display:flex;min-height:110px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;border:1px solid rgba(239,211,248,.12);border-radius:16px;background:linear-gradient(145deg,rgba(177,64,192,.12),rgba(255,255,255,.02));color:var(--text);text-decoration:none;transition:transform .25s,border-color .25s,background .25s}
.editorial-mini-link:hover{transform:translateY(-4px);border-color:rgba(197,128,248,.48);background:linear-gradient(145deg,rgba(177,64,192,.2),rgba(255,255,255,.035))}
.editorial-mini-link span{color:#c790ef;font:.48rem "JetBrains Mono",monospace;letter-spacing:.1em}
.editorial-mini-link strong{max-width:18ch;font-size:.82rem;line-height:1.2}
.editorial-mini-link i{position:absolute;right:13px;bottom:12px;color:#c8a1f0;font-style:normal}
@keyframes editorialOrbit{to{rotate:360deg}}@keyframes editorialPulse{50%{transform:scale(1.08);filter:brightness(1.22)}}
[data-theme="light"] .home-editorial-spotlight{background:#fff;box-shadow:0 22px 60px rgba(67,31,82,.12)}
[data-theme="light"] .editorial-art{background:radial-gradient(circle at 48% 48%,rgba(213,231,255,.58),transparent 17%),radial-gradient(ellipse at 47% 54%,rgba(127,80,187,.46),transparent 48%),linear-gradient(135deg,#69256d,#27132d 69%,#160d19)}
[data-theme="light"] .editorial-copy h3{color:#302239}[data-theme="light"] .editorial-copy p{color:#695d70}
[data-theme="light"] .editorial-mini-link{background:linear-gradient(145deg,rgba(174,79,188,.09),rgba(74,31,83,.025));color:#33243c}
html.cinematic-enhanced .home-editorial-spotlight{transition:opacity .78s ease,translate .78s cubic-bezier(.2,.75,.2,1)}
@media(max-width:1050px){.home-feature-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr);gap:20px}.editorial-art{height:200px}}
@media(max-width:860px){.home-feature-layout{grid-template-columns:1fr}.home-editorial-rail{grid-template-columns:1fr 1fr;align-items:stretch}.home-editorial-spotlight{grid-row:span 2}.editorial-mini-links{grid-template-columns:1fr}}
@media(max-width:600px){.home-editorial-rail{grid-template-columns:1fr}.home-editorial-spotlight{grid-row:auto}.editorial-mini-links{grid-template-columns:1fr 1fr}.editorial-mini-link{min-height:100px;padding:12px}.editorial-art{height:210px}}
@media(prefers-reduced-motion:reduce){.editorial-art::before,.editorial-art::after,.editorial-glyph{animation:none!important}}

@media(max-width:1050px){.home-feature-layout{grid-template-columns:1fr}.home-editorial-rail{grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);align-items:stretch}.home-editorial-spotlight{grid-row:auto}.editorial-mini-links{grid-template-columns:1fr}}
@media(max-width:600px){.home-editorial-rail{grid-template-columns:1fr}.editorial-mini-links{grid-template-columns:1fr 1fr}}