:root { --void:#07070d; --ink:#f4f0e7; --mist:#b8b2c8; --line:rgba(244,240,231,.26); --violet:#7956ff; --lime:#d1ff69; --cyan:#70ecff; --rose:#ff7ba7; --mono:"IBM Plex Mono",monospace; --display:"Bodoni Moda",Georgia,serif; --sans:"Inter","Noto Sans",Arial,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--void); scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 82% 0,rgba(111,77,255,.2),transparent 22%),var(--void); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } p,h1,h2,h3,h4 { margin:0; }.veda-noise { position:fixed; z-index:5; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:screen; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.veda-site-header { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:52px; padding:0 26px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:.56rem; letter-spacing:.1em; }.veda-site-header p:last-child { text-align:right; color:var(--lime); }.veda-return span { margin-right:8px; color:var(--lime); font-size:1.15rem; }.veda-return:hover { color:var(--lime); }
.veda-article { max-width:1370px; margin:0 auto; border-right:1px solid var(--line); border-left:1px solid var(--line); }
.veda-masthead { position:relative; min-height:590px; overflow:hidden; padding:clamp(76px,10vw,142px) clamp(26px,9vw,130px) 66px; background:radial-gradient(circle at 75% 45%,rgba(127,88,255,.55),transparent 20%),linear-gradient(123deg,#070b19 0%,#201041 55%,#130725 100%); }.veda-codex .veda-masthead { background:radial-gradient(circle at 79% 42%,rgba(7,205,217,.32),transparent 23%),radial-gradient(circle at 16% 90%,rgba(255,86,147,.2),transparent 26%),linear-gradient(123deg,#061018 0%,#132f42 53%,#21113e 100%); }
.veda-masthead::before { position:absolute; inset:0; content:""; opacity:.25; background-image:linear-gradient(rgba(244,240,231,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,231,.32) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(90deg,black,transparent 89%); }.veda-masthead::after { position:absolute; content:""; width:min(66vw,800px); aspect-ratio:1; top:-25%; right:-5%; border:1px solid rgba(209,255,105,.58); border-radius:50%; box-shadow:0 0 0 38px rgba(255,255,255,.03),0 0 0 106px rgba(121,86,255,.08); }
.veda-orbit { position:absolute; z-index:1; width:min(72vw,950px); height:190px; right:-10%; bottom:16%; border:1px solid rgba(112,236,255,.63); border-radius:50%; transform:rotate(-24deg); }.veda-orbit--two { right:-12%; bottom:27%; border-color:rgba(255,123,167,.68); transform:rotate(32deg); }
.veda-masthead-copy { position:relative; z-index:2; max-width:880px; }.veda-eyebrow { color:var(--lime); font-family:var(--mono); font-size:.59rem; letter-spacing:.14em; }.veda-serial { margin-top:57px; color:#c6b9ff; font-family:var(--mono); font-size:.58rem; letter-spacing:.11em; }.veda-masthead h1 { margin:17px 0 28px; font-family:var(--display); font-size:clamp(3.2rem,8vw,8.7rem); font-weight:700; line-height:.72; letter-spacing:-.11em; }.veda-masthead h1 em { display:block; color:#b3a5ff; font-style:normal; }.veda-codex .veda-masthead h1 em { color:var(--cyan); }.veda-subtitle { max-width:690px; font-size:clamp(.94rem,1.35vw,1.17rem); line-height:1.75; }.veda-byline { margin-top:30px; color:#d8d2e8; font-family:var(--mono); font-size:.61rem; letter-spacing:.1em; }.veda-byline strong { margin-left:6px; color:#fff; font-family:var(--sans); font-size:1rem; }.veda-masthead-mark { position:absolute; z-index:1; right:7%; bottom:6%; color:rgba(255,255,255,.12); font-family:var(--display); font-size:clamp(12rem,27vw,26rem); line-height:.6; }
.veda-rule { display:flex; gap:14px; align-items:center; padding:12px 26px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#c6b9ff; background:#0a0911; font-family:var(--mono); font-size:.51rem; letter-spacing:.11em; }.veda-rule i { flex:1; height:1px; background:var(--line); }.veda-rule span:last-child { text-align:right; }
.veda-reading { display:grid; grid-template-columns:200px minmax(0,1fr); min-height:700px; background:radial-gradient(circle at 90% 10%,rgba(107,74,255,.25),transparent 22%),linear-gradient(145deg,#080a15,#110d24 58%,#0a1420); }.veda-codex .veda-reading { background:radial-gradient(circle at 85% 15%,rgba(21,194,216,.22),transparent 25%),linear-gradient(145deg,#071218,#0f1d2e 56%,#160d29); }
.veda-side { padding:60px 26px; border-right:1px solid var(--line); color:#b8b0cb; font-family:var(--mono); font-size:.55rem; line-height:1.9; letter-spacing:.09em; }.veda-side strong { display:block; margin:27px 0; color:var(--lime); font-family:var(--display); font-size:4.9rem; line-height:.7; letter-spacing:-.13em; }.veda-codex .veda-side strong { color:var(--cyan); }
.veda-content { padding:clamp(40px,7vw,105px) clamp(20px,7vw,110px) clamp(70px,9vw,130px); }.veda-index { max-width:850px; margin-bottom:88px; padding:28px; border:1px solid var(--line); background:rgba(7,8,18,.48); }.veda-index-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; padding-bottom:17px; border-bottom:1px solid var(--line); }.veda-index-heading p { color:var(--lime); font-family:var(--mono); font-size:.54rem; letter-spacing:.11em; }.veda-index h2 { font-family:var(--display); font-size:clamp(2.7rem,5vw,5rem); line-height:.68; letter-spacing:-.1em; }.veda-index ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:18px 0 0; padding:0; list-style:none; counter-reset:veda-index; }.veda-index li { border-bottom:1px solid rgba(244,240,231,.19); counter-increment:veda-index; }.veda-index a { display:flex; gap:12px; padding:11px 0; font-size:.78rem; line-height:1.45; transition:color .2s,padding-left .2s; }.veda-index a::before { content:counter(veda-index,decimal-leading-zero); color:#a99df1; font-family:var(--mono); font-size:.5rem; letter-spacing:.06em; }.veda-index a:hover { padding-left:5px; color:var(--lime); }
.veda-prose { max-width:790px; }.veda-prose section + section { margin-top:76px; }.veda-prose h2 { margin-bottom:26px; color:#f8f3e9; font-family:var(--display); font-size:clamp(2.15rem,4vw,4rem); font-weight:700; line-height:.92; letter-spacing:-.075em; }.veda-prose h3 { margin:39px 0 18px; color:var(--cyan); font-family:var(--mono); font-size:.76rem; letter-spacing:.08em; }.veda-prose p { margin-top:20px; color:#e0dce4; font-size:clamp(.94rem,1.25vw,1.1rem); line-height:2.04; }.veda-prose strong { color:#fff; }.veda-prose blockquote { margin:34px 0; padding:21px 23px; border-left:3px solid var(--lime); color:#f5f0e7; background:rgba(209,255,105,.07); font-family:var(--display); font-size:clamp(1.35rem,2.4vw,2.1rem); font-weight:500; line-height:1.15; letter-spacing:-.045em; }.veda-codex .veda-prose blockquote { border-color:var(--cyan); background:rgba(112,236,255,.06); }.veda-character { position:relative; padding:29px 0 5px; border-top:1px solid var(--line); }.veda-character:first-child { border-top:0; padding-top:0; }.veda-character h2 { margin-bottom:9px; }.veda-character .role { color:var(--lime); font-family:var(--mono); font-size:.59rem; letter-spacing:.1em; }.veda-character .ability { display:inline-block; margin:19px 0 1px; padding:6px 9px; color:#08131b; background:var(--cyan); font-family:var(--mono); font-size:.56rem; font-weight:600; letter-spacing:.1em; }.veda-character p { margin-top:16px; }.veda-character--loa .ability { background:var(--rose); }.veda-character--ito .ability { background:#ffb1ca; }.veda-character--eli .ability { background:#b7ff8c; }.veda-character--cya .ability { background:#ffba72; }.veda-character--niji .ability { background:linear-gradient(90deg,#ff7593,#ffcb61,#dcff6f,#69f6c4,#72dfff,#a88bff,#ed7afb); }.veda-character--sumo .ability { background:#ffc14e; }
.veda-end { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:84px; padding-top:25px; border-top:1px solid var(--line); color:#b7afc6; font-family:var(--mono); font-size:.55rem; letter-spacing:.1em; }.veda-end a { display:flex; gap:25px; align-items:center; padding:13px 17px; color:#11121b; background:var(--lime); transition:transform .2s; }.veda-end a:hover { transform:translate(-3px,-3px); }.veda-end b { font-size:1.2rem; font-weight:400; }
.veda-network-footer { display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:end; max-width:1370px; margin:0 auto; padding:48px clamp(20px,6vw,88px); border:1px solid var(--line); border-bottom:0; background:#0c0b17; }.veda-network-footer > p { color:#d5cfdf; font-family:var(--display); font-size:clamp(2.1rem,4.4vw,4.6rem); font-weight:700; line-height:.85; letter-spacing:-.08em; }.veda-network-footer > p strong { color:var(--lime); font-family:var(--sans); font-size:clamp(1rem,2vw,2.1rem); letter-spacing:.01em; }.veda-network-footer nav { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.veda-network-footer a { display:flex; justify-content:space-between; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); color:#dcd6e8; font-family:var(--mono); font-size:.58rem; letter-spacing:.08em; }.veda-network-footer a:hover { color:var(--lime); }
.veda-site-footer { display:flex; justify-content:space-between; gap:20px; max-width:1370px; margin:0 auto; padding:18px 26px; border:1px solid var(--line); color:#9e97ad; background:#0b0a10; font-family:var(--mono); font-size:.5rem; letter-spacing:.08em; }
@media (max-width:760px) { .veda-site-header { grid-template-columns:1fr auto; min-height:43px; padding:0 13px; font-size:.43rem; }.veda-site-header > p:nth-child(2) { display:none; }.veda-masthead { min-height:490px; padding:72px 23px 48px; }.veda-masthead::after { right:-29%; width:510px; }.veda-orbit { width:600px; right:-56%; bottom:23%; }.veda-masthead h1 { font-size:4rem; }.veda-masthead h1 em { margin-top:4px; }.veda-serial { margin-top:35px; font-size:.47rem; }.veda-eyebrow { font-size:.45rem; }.veda-subtitle { font-size:.83rem; }.veda-byline { font-size:.47rem; }.veda-byline strong { display:block; margin:5px 0 0; font-size:1rem; }.veda-masthead-mark { right:6%; font-size:14rem; }.veda-rule { padding:10px 13px; font-size:.4rem; }.veda-reading { display:block; }.veda-side { display:flex; justify-content:space-between; align-items:center; padding:14px; border-right:0; border-bottom:1px solid var(--line); font-size:.44rem; line-height:1.4; }.veda-side strong { margin:0; font-size:3rem; }.veda-content { padding:43px 17px 60px; }.veda-index { margin-bottom:55px; padding:18px 15px; }.veda-index-heading p { font-size:.42rem; }.veda-index h2 { font-size:3rem; }.veda-index ol { grid-template-columns:1fr; gap:0; }.veda-index a { font-size:.72rem; }.veda-prose section + section { margin-top:57px; }.veda-prose h2 { font-size:2.2rem; }.veda-prose h3 { font-size:.66rem; }.veda-prose p { font-size:.93rem; line-height:1.92; }.veda-prose blockquote { padding:17px; font-size:1.4rem; }.veda-character { padding-top:25px; }.veda-end { display:block; margin-top:58px; }.veda-end a { margin-top:15px; justify-content:space-between; }.veda-network-footer { display:block; padding:37px 18px; }.veda-network-footer > p { font-size:2.3rem; }.veda-network-footer > p strong { display:block; margin-top:5px; font-size:1rem; }.veda-network-footer nav { margin-top:25px; }.veda-site-footer { padding:14px; font-size:.4rem; } }