@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&family=Noto+Serif+Devanagari:wght@500;600;700&display=swap');

:root { --ink:#11131d; --paper:#f7f2e9; --soft:#d9d5cc; --coral:#ff5e42; --electric:#6df0ff; --violet:#6c5cff; --line:rgba(247,242,233,.26); --sans:"DM Sans",Arial,sans-serif; --mono:"DM Mono",monospace; --serif:"Playfair Display","Noto Serif Devanagari",Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { min-width:320px; margin:0; overflow-x:hidden; color:var(--ink); background:var(--ink); font-family:var(--sans); }
body.dialog-open,body.menu-open { overflow:hidden; }
button,a { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible { outline:3px solid var(--electric); outline-offset:4px; }
.kicker { margin:0; font-family:var(--mono); font-size:10px; letter-spacing:.1em; line-height:1.2; }

.site-loader { position:fixed; z-index:200; inset:0; display:grid; place-content:center; gap:18px; color:var(--paper); background:var(--ink); transition:visibility .65s ease,opacity .65s ease; }
.site-loader span { display:grid; width:72px; height:72px; margin:auto; place-items:center; border:1px solid var(--paper); border-radius:50%; font-size:20px; letter-spacing:-.08em; }
.site-loader i { width:0; height:1px; margin:auto; background:var(--electric); transition:width .8s cubic-bezier(.2,.8,.2,1); }
.site-loader small { font-family:var(--mono); font-size:9px; letter-spacing:.11em; }
.is-ready .site-loader i { width:130px; }
.site-loader.is-gone { visibility:hidden; opacity:0; }
.page-progress { position:fixed; z-index:190; top:0; left:0; width:100%; height:3px; pointer-events:none; }
.page-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:var(--electric); }

.site-header { position:absolute; z-index:50; top:0; left:0; display:flex; width:100%; align-items:flex-start; justify-content:space-between; padding:22px clamp(18px,3.4vw,58px); color:var(--paper); font-family:var(--mono); font-size:9px; letter-spacing:.08em; }
.wordmark { display:grid; grid-template-columns:auto auto; gap:11px; line-height:1.08; }
.wordmark strong { font-size:11px; font-weight:500; }
.wordmark span { opacity:.62; font-size:8px; }
.site-nav { display:flex; gap:23px; padding-top:2px; }
.site-nav a { position:relative; padding-bottom:6px; }
.site-nav a:after { position:absolute; right:0; bottom:0; left:0; height:1px; transform:scaleX(0); transform-origin:right; background:currentColor; content:""; transition:transform .35s ease; }
.site-nav a:hover:after { transform:scaleX(1); transform-origin:left; }
.menu-toggle { display:none; align-items:center; gap:7px; padding:0; border:0; color:inherit; background:transparent; font-family:var(--mono); font-size:9px; letter-spacing:.08em; }
.menu-toggle i { display:block; width:16px; height:1px; background:currentColor; }
.menu-panel { position:fixed; z-index:180; inset:0; display:flex; padding:23px clamp(18px,3.4vw,58px) clamp(28px,5vw,62px); visibility:hidden; overflow:hidden; flex-direction:column; color:var(--ink); background:var(--electric); clip-path:inset(0 0 100% 0); transition:clip-path .7s cubic-bezier(.77,0,.18,1),visibility .7s; }
.menu-panel.open { visibility:visible; clip-path:inset(0); }
.menu-panel-top { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.menu-close { display:flex; gap:11px; align-items:center; padding:0; border:0; color:inherit; background:transparent; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.menu-close b { font-size:21px; font-weight:400; line-height:.5; }
.menu-panel nav { display:grid; gap:clamp(8px,1.2vw,20px); margin:auto 0; }
.menu-panel nav a { display:flex; align-items:baseline; gap:20px; font-size:clamp(55px,10vw,155px); font-weight:600; letter-spacing:-.09em; line-height:.83; }
.menu-panel nav a small { font-family:var(--mono); font-size:10px; letter-spacing:0; }
.menu-panel > p { max-width:34ch; margin:0; font-size:clamp(15px,1.5vw,20px); line-height:1.35; }

.hero { --hero-line-one-x:0vw; --hero-line-two-x:0vw; --hero-line-three-x:0vw; --hero-line-one-rotate:0deg; --hero-line-two-rotate:0deg; --hero-line-three-rotate:0deg; --hero-kicker-x:0vw; --hero-art-one-transform:translate3d(0,0,0) rotateY(0deg); --hero-art-two-transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg); --hero-art-three-transform:translate3d(0,0,0) rotateY(0deg) rotateZ(7deg); --hero-ring-transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg); position:relative; z-index:1; display:flex; height:100svh; min-height:100svh; padding:clamp(138px,18vh,220px) clamp(18px,6.3vw,110px) 27px; overflow:hidden; align-items:center; color:var(--paper); background:#11131d; isolation:isolate; perspective:1400px; }
.hero:after { position:absolute; z-index:-1; inset:0; background:linear-gradient(92deg,rgba(17,19,29,.95) 0%,rgba(17,19,29,.5) 57%,rgba(17,19,29,.78) 100%); content:""; }
.hero-noise { position:absolute; z-index:-1; inset:0; opacity:.17; background-image:radial-gradient(rgba(247,242,233,.9) .6px,transparent .8px); background-size:5px 5px; mix-blend-mode:soft-light; }
.hero-label,.hero-foot { position:absolute; z-index:3; right:clamp(18px,3.4vw,58px); left:clamp(18px,3.4vw,58px); display:flex; justify-content:space-between; font-family:var(--mono); font-size:9px; letter-spacing:.09em; }
.hero-label { top:92px; }
.hero-foot { bottom:22px; align-items:end; }
.hero-foot p { width:min(30ch,35vw); margin:0; font-family:var(--sans); font-size:14px; letter-spacing:0; line-height:1.25; }
.hero-foot > span { opacity:.65; }
.round-link { display:grid; width:48px; height:48px; margin-left:auto; place-items:center; border:1px solid rgba(247,242,233,.7); border-radius:50%; font-size:22px; transition:color .3s,background .3s,transform .3s; }
.round-link:hover { transform:translateY(4px); color:var(--ink); background:var(--electric); }
.hero-copy { position:relative; z-index:3; transform-style:preserve-3d; }
.hero-copy .kicker { margin-bottom:23px; transform:translate3d(var(--hero-kicker-x),0,70px); will-change:transform; }
.hero h1 { max-width:10ch; margin:0; font-size:clamp(78px,12.5vw,210px); font-weight:600; letter-spacing:-.1em; line-height:.71; text-transform:uppercase; }
.hero h1 span { display:block; transform-style:preserve-3d; will-change:transform; }
.hero h1 span:nth-child(1) { transform:translate3d(var(--hero-line-one-x),-8px,90px) rotateY(var(--hero-line-one-rotate)); }
.hero h1 span:nth-child(2) { transform:translate3d(var(--hero-line-two-x),8px,25px) rotateY(var(--hero-line-two-rotate)); }
.hero h1 span:nth-child(3) { transform:translate3d(var(--hero-line-three-x),14px,-20px) rotateY(var(--hero-line-three-rotate)); }
.hero h1 i { font-family:var(--serif); font-weight:600; letter-spacing:-.12em; text-transform:none; }
.hero-art { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.hero-art-one,.hero-art-two,.hero-art-three { position:absolute; display:block; overflow:hidden; background-position:center; background-size:cover; filter:saturate(.85) contrast(1.08); transform-style:preserve-3d; will-change:transform; }
.hero-art-one { top:0; right:0; width:min(48vw,700px); height:100%; background-image:linear-gradient(180deg,rgba(17,19,29,.05),rgba(17,19,29,.55)),url('assets/journals/religious-depth.png'); transform:var(--hero-art-one-transform); }
.hero-art-two { right:clamp(19vw,25vw,370px); bottom:-9vw; width:min(23vw,340px); aspect-ratio:1; border:1px solid rgba(247,242,233,.65); border-radius:50%; background-image:url('assets/journals/gold-milk.png'); transform:var(--hero-art-two-transform); }
.hero-art-three { top:17%; right:clamp(4vw,9vw,155px); width:min(12vw,190px); aspect-ratio:4/5; border:1px solid rgba(247,242,233,.65); background-image:url('assets/journals/truth-language.png'); transform:var(--hero-art-three-transform); }
.hero-art-ring { position:absolute; top:19%; right:clamp(-16vw,-6vw,-50px); width:min(46vw,680px); aspect-ratio:1; border:1px solid rgba(109,240,255,.75); border-radius:50%; transform:var(--hero-ring-transform); transform-style:preserve-3d; will-change:transform; }

.manifesto { --manifesto-content-transform:translate3d(0,-130px,0) rotateX(18deg) rotateY(-8deg); --manifesto-content-opacity:1; --manifesto-art-transform:translate3d(8vw,10vw,-90px) rotateY(-13deg); position:relative; z-index:2; min-height:122svh; overflow:hidden; color:var(--paper); background:radial-gradient(circle at 78% 58%,rgba(109,240,255,.24),transparent 28%),radial-gradient(circle at 15% 84%,rgba(108,92,255,.36),transparent 34%),linear-gradient(180deg,#11131d 0%,#11131d 8%,#182054 39%,#263cac 100%); perspective:1500px; }
.manifesto-surface { position:relative; display:grid; min-height:122svh; padding:clamp(180px,24svh,270px) clamp(18px,6.3vw,110px) clamp(78px,10vw,135px); overflow:hidden; align-items:center; color:inherit; isolation:isolate; transform-style:preserve-3d; }
.manifesto-art { position:absolute; z-index:-1; top:0; right:0; width:min(47vw,690px); height:100%; background:linear-gradient(90deg,#263cac 0%,rgba(38,60,172,.08) 70%),url('assets/journals/perception.png') center/cover; filter:grayscale(1) contrast(1.08); opacity:.32; mix-blend-mode:screen; transform:var(--manifesto-art-transform); will-change:transform; }
.manifesto-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.43fr); gap:8vw; width:100%; opacity:var(--manifesto-content-opacity); transform:var(--manifesto-content-transform); transform-origin:center top; will-change:transform,opacity; }
.manifesto-inner .kicker { grid-column:1/-1; }
.manifesto h2 { max-width:9ch; margin:0; font-size:clamp(72px,10vw,165px); font-weight:600; letter-spacing:-.095em; line-height:.74; }
.manifesto h2 i { font-family:var(--serif); font-weight:600; }
.manifesto-note { align-self:end; border-top:1px solid rgba(247,242,233,.5); padding-top:13px; }
.manifesto-note span { font-family:var(--mono); font-size:9px; letter-spacing:.08em; }
.manifesto-note p { max-width:27ch; margin:30px 0 0; color:rgba(247,242,233,.84); font-size:clamp(17px,1.8vw,25px); line-height:1.2; }
.side-caption { position:absolute; right:clamp(18px,3.4vw,58px); bottom:25px; margin:0; font-family:var(--mono); font-size:9px; line-height:1.5; letter-spacing:.09em; text-align:right; }

.journal-section { position:relative; z-index:3; overflow:clip; color:var(--ink); background:#161921; }
.journal-stack { position:relative; padding:0; }
.journal-item { position:sticky; z-index:var(--stack-order); top:var(--stack-top,0px); height:100svh; padding:0; }
.journal-item:last-child { height:100svh; }
.journal-card { position:relative; display:grid; width:100%; height:calc(100svh - var(--stack-top,0px)); min-height:580px; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); padding:0; overflow:hidden; border:1px solid rgba(17,19,29,.78); border-radius:0; color:var(--ink); background:var(--note-color); box-shadow:0 -8px 0 var(--note-color); text-align:left; transform:none; }
.journal-card:focus-visible { outline:3px solid var(--electric); outline-offset:5px; }
.journal-art { position:relative; display:block; min-height:100%; overflow:hidden; background:var(--note-image) center/cover; }
.journal-art:after { position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 42%,rgba(0,0,0,.38)); content:""; }
.journal-art:before { position:absolute; z-index:1; inset:0; background:linear-gradient(120deg,rgba(17,19,29,.12),transparent 42%); content:""; }
.journal-copy { position:relative; display:block; min-width:0; padding:clamp(25px,4.7vw,70px); background:var(--paper); }
.journal-copy:before { position:absolute; top:0; right:0; width:min(15vw,220px); aspect-ratio:1; background:var(--note-color); clip-path:polygon(100% 0,100% 100%,0 0); content:""; }
.journal-meta { position:relative; z-index:2; display:flex; justify-content:space-between; gap:18px; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.journal-title { display:block; max-width:10ch; margin:clamp(30px,3.6vw,52px) 0 16px; font-family:var(--serif); font-size:clamp(48px,6.6vw,108px); font-weight:600; letter-spacing:-.09em; line-height:.83; overflow-wrap:anywhere; }
.journal-thought { display:block; max-width:31ch; font-size:clamp(15px,1.55vw,21px); line-height:1.35; }
.journal-number { position:absolute; right:clamp(25px,4vw,63px); bottom:clamp(25px,4vw,60px); color:rgba(17,19,29,.16); font-family:var(--sans); font-size:clamp(90px,14vw,230px); font-weight:600; letter-spacing:-.12em; line-height:.7; }

.outro { position:relative; z-index:3; display:grid; min-height:100svh; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:10vw; padding:clamp(90px,12vw,180px) clamp(18px,9vw,155px); overflow:hidden; align-items:center; color:var(--paper); background:#0d4051; }
.outro-image { position:relative; display:grid; width:min(38vw,470px); aspect-ratio:1; margin:auto; place-items:center; }
.outro-image:before,.outro-image:after,.outro-image span { position:absolute; border:1px solid rgba(247,242,233,.55); border-radius:50%; content:""; }
.outro-image:before { inset:0; }.outro-image:after { inset:15%; }.outro-image span { inset:33%; }
.outro-image i { position:relative; color:var(--electric); font-size:clamp(80px,10vw,160px); font-style:normal; animation:spin 16s linear infinite; }
.outro-image small { position:absolute; font-family:var(--mono); font-size:9px; line-height:1.4; letter-spacing:.08em; text-align:center; transform:rotate(-13deg); }
.outro-copy h2 { max-width:9ch; margin:24px 0 34px; font-size:clamp(62px,8vw,132px); font-weight:600; letter-spacing:-.1em; line-height:.78; }
.outro-copy h2 i { font-family:var(--serif); font-weight:600; }
.outro-copy > p:not(.kicker) { max-width:39ch; margin:0 0 36px; color:rgba(247,242,233,.74); font-size:clamp(16px,1.5vw,20px); line-height:1.42; }
.text-link { display:inline-flex; gap:13px; align-items:center; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.text-link b { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:var(--ink); background:var(--electric); font-size:17px; transition:transform .25s; }
.text-link:hover b { transform:translateY(-4px); }
footer { position:relative; z-index:3; display:flex; justify-content:space-between; padding:18px clamp(18px,3.4vw,58px); color:var(--ink); background:var(--electric); font-family:var(--mono); font-size:9px; letter-spacing:.08em; }

.entry-overlay { position:fixed; z-index:170; inset:0; display:grid; padding:clamp(12px,2vw,30px); visibility:hidden; place-items:center; opacity:0; background:rgba(11,13,20,.76); transition:opacity .3s ease,visibility .3s ease; }
.entry-overlay.open { visibility:visible; opacity:1; }
.entry-dialog { position:relative; width:min(1120px,100%); max-height:93svh; overflow:auto; color:var(--ink); background:var(--paper); scrollbar-color:var(--coral) transparent; }
.close-entry { position:absolute; z-index:4; top:0; right:0; display:flex; gap:13px; align-items:center; padding:17px 20px; border:0; color:var(--paper); background:var(--ink); font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.close-entry span { font-size:21px; line-height:.5; }
.entry-head { position:sticky; z-index:3; top:0; min-height:var(--entry-head-height,470px); height:var(--entry-head-height,auto); padding:var(--entry-head-padding-top,clamp(88px,10vw,135px)) clamp(26px,7vw,108px) var(--entry-head-padding-bottom,58px); overflow:hidden; color:var(--ink); background:var(--entry-color,var(--electric)); border-bottom:1px solid rgba(17,19,29,.72); }
.entry-head > p:first-child,.entry-body > p { margin:0; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.entry-head h2 { max-width:12ch; margin:var(--entry-title-margin-top,50px) 0 var(--entry-title-margin-bottom,30px); font-family:var(--serif); font-size:var(--entry-title-size,clamp(48px,7vw,100px)); font-weight:600; letter-spacing:-.1em; line-height:.82; }
.entry-head > p:last-child { max-width:50ch; max-height:var(--entry-subhead-height,24rem); margin:0; overflow:hidden; opacity:var(--entry-subhead-opacity,1); font-size:clamp(17px,2vw,25px); line-height:1.27; }
.entry-body { padding:var(--entry-body-gap,clamp(42px,4.5vw,68px)) clamp(26px,7vw,108px) clamp(95px,12vw,160px); }
.entry-body > p { display:none; }
.entry-body #entryText { max-width:62ch; white-space:pre-line; font-size:clamp(18px,2vw,28px); line-height:1.52; }

[data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1); }
[data-reveal].is-visible { opacity:1; transform:none; }
@keyframes artFloat { to { transform:translate(-2vw,-18px) rotate(-7deg); } }
@keyframes spin { to { transform:rotate(360deg); } }

@media (max-width:900px) {
  .site-nav { display:none; }.menu-toggle { display:flex; }
  .hero { min-height:760px; padding:142px 22px 88px; align-items:flex-start; }.hero-label { top:86px; right:22px; left:22px; }.hero-label span:last-child { display:none; }.hero-foot { right:22px; bottom:20px; left:22px; }.hero-foot p { width:min(29ch,68vw); font-size:14px; }.hero-foot > span { display:none; }.round-link { width:43px; height:43px; }.hero h1 { max-width:8ch; font-size:clamp(66px,18.5vw,126px); line-height:.73; }.hero-art-one { width:68vw; opacity:.7; }.hero-art-two { right:18vw; bottom:7vw; width:36vw; }.hero-art-three { top:27%; right:8vw; width:21vw; }.hero-art-ring { top:24%; right:-23vw; width:76vw; }
  .manifesto { min-height:118svh; }.manifesto-surface { min-height:118svh; padding:150px 22px 74px; }.manifesto-art { width:82vw; opacity:.26; }.manifesto-inner { display:block; }.manifesto-inner .kicker { margin-bottom:45px; }.manifesto h2 { font-size:clamp(64px,17vw,118px); }.manifesto-note { width:min(310px,82vw); margin:50px 0 0; }.manifesto-note p { margin-top:19px; font-size:19px; }.side-caption { right:22px; bottom:20px; }
  .journal-stack { padding:0; }.journal-item { height:100svh; padding:0; }.journal-item:last-child { height:100svh; }.journal-card { height:calc(100svh - var(--stack-top,0px)); min-height:0; grid-template-columns:1fr; grid-template-rows:58% 42%; box-shadow:0 -6px 0 var(--note-color); }.journal-art { min-height:0; grid-row:2; }.journal-copy { grid-row:1; padding:20px 19px 18px; }.journal-meta { font-size:9px; }.journal-title { max-width:12ch; margin:20px 0 12px; font-size:clamp(32px,9.5vw,51px); line-height:.86; }.journal-thought { max-width:31ch; font-size:14px; line-height:1.3; }.journal-number { right:18px; bottom:17px; font-size:108px; }
  .outro { display:block; min-height:770px; padding:85px 22px 78px; }.outro-image { width:min(310px,76vw); margin:0 0 70px; }.outro-copy h2 { font-size:clamp(61px,15.5vw,95px); }.outro-copy > p:not(.kicker) { font-size:16px; } footer { flex-wrap:wrap; gap:10px; padding:16px 18px; font-size:8px; }
  .entry-overlay { padding:0; align-items:end; }.entry-dialog { width:100%; max-height:94svh; }.entry-head { min-height:var(--entry-head-height,390px); padding:var(--entry-head-padding-top,78px) 24px var(--entry-head-padding-bottom,45px); }.entry-head h2 { margin:var(--entry-title-margin-top,35px) 0 var(--entry-title-margin-bottom,26px); }.entry-body { padding:var(--entry-body-gap,40px) 24px 88px; }.entry-body #entryText { font-size:18px; }
}

@media (max-width:390px) { .wordmark { gap:8px; }.wordmark span { display:none; }.hero h1 { font-size:64px; }.hero-foot p { font-size:13px; }.journal-copy { padding:16px 16px 19px; }.journal-title { margin:17px 0 11px; font-size:clamp(35px,11.3vw,45px); }.journal-thought { font-size:14px; }.journal-number { font-size:91px; } }
@media (hover:none),(pointer:coarse) { .journal-card:hover .journal-art { filter:none; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }