:root{
  --text:#f7f1ff;
  --muted:rgba(247,241,255,.68);
  --dim:rgba(247,241,255,.38);
  --purple:#8e35ff;
  --purple2:#5b16b8;
  --line:rgba(255,255,255,.12);
  --ease:cubic-bezier(.16,1,.3,1);
  --max:1220px;
  --logo:url("../images/logo-white.png");
  --founder-hero:url("../images/founder-hero.webp");
  --founder-about:url("../images/founder-about.webp");
  --mx:50vw;
  --my:50vh;
  --px:0px;
  --py:0px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{
  margin:0;min-height:100vh;color:var(--text);background:#000;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:rgba(142,53,255,.55);color:#fff}

.cursor{
  position:fixed;left:0;top:0;width:18px;height:18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.65);transform:translate(-50%,-50%);
  pointer-events:none;z-index:999;mix-blend-mode:difference;
  transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
}
.cursor.grow{width:66px;height:66px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}

.preloader{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#000;
  animation:preloadOut 1.15s var(--ease) 2s forwards;
}
.preloader-inner{width:min(560px,82vw);text-align:center}
.preloader-logo{
  width:128px;height:92px;margin:0 auto;background:var(--logo) center/contain no-repeat;
  filter:drop-shadow(0 0 26px rgba(255,255,255,.16));opacity:0;animation:rise .8s var(--ease) .12s forwards
}
.preloader-line{height:1px;background:rgba(255,255,255,.12);margin:26px 0 14px;overflow:hidden}
.preloader-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,transparent,var(--purple),#fff);animation:load 1.6s var(--ease) .34s forwards}
.preloader p{color:var(--dim);text-transform:uppercase;letter-spacing:.34em;font-size:10px;opacity:0;animation:rise .8s var(--ease) .5s forwards}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes load{to{width:100%}}
@keyframes preloadOut{to{opacity:0;visibility:hidden;transform:scale(1.025)}}

.site-header{position:fixed;top:20px;left:0;right:0;z-index:80;padding:0 26px;pointer-events:none}
.nav{
  max-width:var(--max);height:74px;margin:0 auto;padding:0 18px 0 20px;display:flex;align-items:center;justify-content:space-between;
  border:1px solid rgba(255,255,255,.12);background:rgba(4,2,9,.46);backdrop-filter:blur(22px);
  box-shadow:0 24px 80px rgba(0,0,0,.36);pointer-events:auto;transition:background .35s var(--ease),border-color .35s var(--ease)
}
.nav.scrolled{background:rgba(4,2,9,.78);border-color:rgba(255,255,255,.18)}
.brand{display:inline-flex;align-items:center;gap:13px;min-width:150px}
.brand-logo{width:62px;height:48px;background:var(--logo) center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(255,255,255,.14));transform:rotate(-4deg)}
.brand-text{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{position:relative;padding:13px 12px;color:rgba(247,241,255,.72);text-transform:uppercase;letter-spacing:.14em;font-size:10px;transition:color .3s var(--ease),transform .3s var(--ease)}
.nav-links a:hover{color:#fff;transform:translateY(-2px)}
.nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover:after{transform:scaleX(1)}
.nav-cta{border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 24px rgba(142,53,255,.08),0 0 28px rgba(142,53,255,.12);margin-left:8px}
.menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;cursor:pointer}

.cosmic-story{
  height:calc(var(--scene-count, 7) * 225vh);
  position:relative;background:#000;
}
.stage{
  position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(142,53,255,.14),transparent 20rem),
    radial-gradient(circle at 70% 42%,rgba(142,53,255,.22),transparent 28rem),
    radial-gradient(circle at 18% 78%,rgba(120,210,255,.06),transparent 32rem),
    linear-gradient(180deg,#07030d 0%,#000 64%,#050208 100%);
}
.stage:before{
  content:"";position:absolute;inset:-14%;z-index:-4;
  background:
    radial-gradient(circle at 10% 18%,rgba(255,255,255,.20),transparent 1px),
    radial-gradient(circle at 42% 28%,rgba(255,255,255,.14),transparent 1px),
    radial-gradient(circle at 82% 68%,rgba(255,255,255,.16),transparent 1px),
    radial-gradient(circle at 76% 28%,rgba(142,53,255,.25),transparent 26rem),
    radial-gradient(circle at 60% 54%,rgba(142,53,255,.15),transparent 36rem);
  background-size:180px 180px,260px 260px,230px 230px,auto,auto;
  opacity:.85;transform:translate3d(var(--spaceX,0px),var(--spaceY,0px),0) scale(var(--spaceScale,1));transition:transform .08s linear
}
.stage:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 68% 45%,transparent 0 16rem,rgba(0,0,0,.42) 38rem,#000 78rem),
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.76) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.86));
}
.progress{position:absolute;left:0;right:0;bottom:0;z-index:50;height:2px;background:rgba(255,255,255,.08)}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),#fff);box-shadow:0 0 18px rgba(142,53,255,.55)}
.side-line{position:absolute;left:48px;top:34%;bottom:18%;z-index:22;display:grid;grid-template-rows:1fr auto;gap:18px;color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.24em;font-size:9px;pointer-events:none}
.side-line:before{content:"";width:1px;background:linear-gradient(180deg,#fff,transparent);justify-self:center}
.side-line span{writing-mode:vertical-rl;transform:rotate(180deg)}

.transition-space{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.transition-space.active{opacity:.72;transform:scale(1)}
.planet{position:absolute;border-radius:50%;opacity:0;filter:blur(.1px) drop-shadow(0 0 22px rgba(142,53,255,.28));transform:translate3d(var(--planet-x,0px),var(--planet-y,0px),0) scale(var(--planet-s,1));transition:opacity .25s linear}
.planet.p1{width:120px;height:120px;left:12%;top:23%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.58),rgba(177,128,255,.28) 18%,rgba(62,20,110,.24) 48%,rgba(0,0,0,.04) 72%),linear-gradient(135deg,rgba(142,53,255,.28),rgba(255,255,255,.04));box-shadow:inset -22px -20px 38px rgba(0,0,0,.55),0 0 46px rgba(142,53,255,.18)}
.planet.p2{width:54px;height:54px;right:18%;top:18%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(149,239,255,.28) 26%,rgba(0,0,0,.10) 70%);box-shadow:inset -12px -10px 22px rgba(0,0,0,.50),0 0 34px rgba(149,239,255,.12)}
.planet.p3{width:86px;height:86px;right:10%;bottom:20%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.64),rgba(199,162,113,.26) 24%,rgba(43,28,14,.10) 72%);box-shadow:inset -16px -14px 28px rgba(0,0,0,.55),0 0 38px rgba(199,162,113,.12)}
.star-streak{position:absolute;height:1px;width:210px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(142,53,255,.60),transparent);filter:drop-shadow(0 0 12px rgba(142,53,255,.45));transform:translate3d(var(--streak-x,0px),var(--streak-y,0px),0) rotate(var(--streak-r,-18deg));transition:opacity .25s linear}
.star-streak.s1{left:24%;top:36%}.star-streak.s2{right:18%;top:58%;width:160px}.star-streak.s3{left:52%;bottom:18%;width:250px}
.transition-space.active .planet,.transition-space.active .star-streak{opacity:1}

.scene{
  position:absolute;inset:0;z-index:8;display:grid;align-items:center;opacity:0;pointer-events:none;perspective:1200px;
  transform:translate3d(0,120px,-220px) scale(.94);filter:blur(16px);
  transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease)
}
.scene.active{pointer-events:auto}
.inner{width:100%;max-width:var(--max);min-height:100svh;margin:0 auto;padding:120px 24px 58px;display:grid;align-items:center;position:relative}
.grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:58px}
.center{text-align:center;place-items:center}
.center .copy{margin-left:auto;margin-right:auto}
.eyebrow{color:#bb8cff;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:900;margin-bottom:20px}
h1,h2{margin:0;text-transform:uppercase;text-wrap:balance;letter-spacing:-.065em;line-height:.9;text-shadow:0 0 48px rgba(0,0,0,.42)}
h1{max-width:720px;font-size:clamp(54px,8vw,116px)}
h2{max-width:930px;font-size:clamp(42px,6vw,92px)}
.dot{color:var(--purple)}
.copy{max-width:590px;margin-top:25px;color:var(--muted);line-height:1.78;font-size:clamp(15px,1.4vw,18px)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{position:relative;overflow:hidden;min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);letter-spacing:.09em;font-size:13px;transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}
.btn:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(255,255,255,.28),transparent 8rem);opacity:0;transition:opacity .35s var(--ease)}
.btn:hover:before{opacity:1}.btn span{position:relative;z-index:2}
.btn-primary{background:linear-gradient(135deg,rgba(142,53,255,.75),rgba(83,16,160,.56));border-color:rgba(142,53,255,.82);box-shadow:0 0 44px rgba(142,53,255,.22)}
.stats{display:flex;gap:34px;margin-top:44px;color:var(--dim)}
.stat{min-width:118px;padding-right:30px;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border-right:0}
.stat strong{display:block;color:#fff;font-size:28px;font-weight:500;margin-bottom:4px}
.tagline{align-self:end;justify-self:end;margin-bottom:34px;color:rgba(255,255,255,.72);text-align:right;max-width:270px;text-transform:uppercase;letter-spacing:.22em;font-size:10px}
.tagline:after{content:"";display:block;width:130px;height:1px;margin:14px 0 0 auto;background:linear-gradient(90deg,var(--purple),transparent)}

.paper-wrap{position:absolute;right:7vw;top:30vh;width:min(38vw,560px);height:360px;z-index:-1;pointer-events:auto;transform-style:preserve-3d}
.paper-plane{position:absolute;inset:10% 0 8%;filter:drop-shadow(0 36px 54px rgba(0,0,0,.70)) drop-shadow(0 0 34px rgba(255,255,255,.08));transform:translate3d(var(--planeX,0px),var(--planeY,0px),0) rotate(var(--planeR,-8deg)) scale(var(--planeS,1));transition:filter .35s var(--ease);animation:planeBreath 5.4s ease-in-out infinite alternate}
.paper-plane:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff 0%,#777581 48%,#f8f8ff 49%,#3b3942 100%);clip-path:polygon(0 48%,100% 0,72% 100%,48% 62%,22% 78%)}
.paper-plane:after{content:"";position:absolute;left:-18%;top:50%;width:48%;height:2px;background:linear-gradient(90deg,transparent,rgba(142,53,255,.88),rgba(255,255,255,.7));filter:drop-shadow(0 0 16px var(--purple));transform:rotate(-12deg);opacity:.75}
.paper-wrap:hover .paper-plane{filter:drop-shadow(0 42px 60px rgba(0,0,0,.75)) drop-shadow(0 0 42px rgba(142,53,255,.25))}
@keyframes planeBreath{from{translate:0 0}to{translate:0 -14px}}

.founder-scene-frame{position:relative;min-height:min(72vh,720px);border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.18),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;transform-style:preserve-3d}
.founder-scene-frame:before{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.10);pointer-events:none}
.founder-portrait,.founder-link{position:absolute;right:-3%;bottom:-8%;width:min(48vw,660px);height:min(86vh,760px);z-index:1;background:var(--founder-hero) center right/cover no-repeat;opacity:.62;filter:contrast(.86) brightness(.78) saturate(.82);mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 88%,transparent 100%);transform:translate3d(var(--portraitX,0px),var(--portraitY,0px),0) scale(var(--portraitS,1.03));cursor:pointer}
.founder-link:hover{opacity:.72;filter:contrast(.9) brightness(.82) saturate(.86) drop-shadow(0 0 34px rgba(142,53,255,.18))}
.founder-portrait:after,.founder-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.06) 42%,rgba(0,0,0,.58)),radial-gradient(circle at 55% 42%,transparent 0 12rem,rgba(0,0,0,.54) 32rem),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.72))}
.founder-glow{position:absolute;right:14%;top:18%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(142,53,255,.22),transparent 70%);filter:blur(18px);z-index:0}
.founder-caption{position:absolute;left:36px;bottom:36px;z-index:3;max-width:320px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.founder-caption strong{display:block;color:#fff;font-size:15px;letter-spacing:.14em;margin-bottom:8px}

.belief-list{display:grid;gap:16px}
.belief-list.three{max-width:880px;grid-template-columns:repeat(3,1fr);gap:18px}
.belief-card{padding:26px 26px 26px 82px;min-height:145px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.028);position:relative;overflow:hidden;transition:transform .45s var(--ease),border-color .45s var(--ease),background .45s var(--ease)}
.belief-list.three .belief-card{min-height:260px;padding:30px 26px 26px}
.belief-card:hover{transform:translateX(-12px);border-color:rgba(142,53,255,.62);background:rgba(142,53,255,.055)}
.belief-card:before{content:attr(data-num);position:absolute;left:24px;top:28px;color:var(--purple);font-weight:900;letter-spacing:.16em;font-size:12px}
.belief-list.three .belief-card:before{position:relative;left:auto;top:auto;display:block;margin-bottom:50px}
.belief-list.three .belief-card:hover:nth-child(1){transform:translateY(-14px) rotate(-1.5deg)}
.belief-list.three .belief-card:hover:nth-child(2){transform:translateY(-18px) scale(1.025)}
.belief-list.three .belief-card:hover:nth-child(3){transform:translateY(-14px) rotate(1.5deg)}
.belief-card h3{margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.belief-card p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}

.chapter-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:14px;margin-top:36px}
.chapter{min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.17),transparent 10rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.014));display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s var(--ease),border-color .45s var(--ease),background .45s var(--ease)}
.chapter:nth-child(odd):hover{transform:translateY(-12px) rotate(-1.5deg)}.chapter:nth-child(even):hover{transform:translateY(-12px) rotate(1.5deg)}
.chapter:hover{border-color:rgba(142,53,255,.62);background-color:rgba(142,53,255,.05)}
.chapter small{color:var(--purple);letter-spacing:.2em}.chapter strong{font-size:24px;text-transform:uppercase;letter-spacing:-.04em;line-height:.95}.chapter span{color:var(--muted);font-size:13px}

.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.world{min-height:190px;padding:24px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.22),transparent 10rem),rgba(255,255,255,.028);display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s var(--ease),border-color .45s var(--ease),background .45s var(--ease)}
.world:hover{transform:translateY(-8px);border-color:rgba(142,53,255,.62);background-color:rgba(142,53,255,.045)}
.world span{color:#bb8cff;text-transform:uppercase;letter-spacing:.22em;font-size:10px}.world strong{text-transform:uppercase;font-size:24px;letter-spacing:-.04em;line-height:1}

.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.article-card{min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.18),transparent 12rem),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s var(--ease),border-color .45s var(--ease)}
.article-card:hover{transform:translateY(-12px);border-color:rgba(142,53,255,.62)}
.article-card small{color:#bb8cff;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:900}
.article-card h3{font-size:30px;line-height:.95;letter-spacing:-.05em;text-transform:uppercase;margin:0}
.article-card p{color:var(--muted);line-height:1.65;margin:0}

.symbol-field{position:absolute;right:7vw;top:23vh;width:min(40vw,520px);height:420px;z-index:-2;pointer-events:none;opacity:.72}
.symbol-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotateX(66deg) rotateZ(var(--orbitA,0deg));box-shadow:0 0 60px rgba(142,53,255,.09)}
.symbol-ring:before,.symbol-ring:after{content:"";position:absolute;inset:18%;border:1px solid rgba(142,53,255,.16);border-radius:50%}.symbol-ring:after{inset:34%;border-color:rgba(149,239,255,.08)}
.symbol-core{position:absolute;left:50%;top:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.12);transform:translate(-50%,-50%) rotate(45deg);background:radial-gradient(circle,rgba(142,53,255,.22),rgba(255,255,255,.025));box-shadow:0 0 40px rgba(142,53,255,.12)}

.manifesto{font-size:clamp(46px,7vw,110px);line-height:.84;text-transform:uppercase;letter-spacing:-.075em;font-weight:1000;max-width:1050px}
.manifesto span{color:rgba(255,255,255,.15);transition:color .35s var(--ease),text-shadow .35s var(--ease)}
.manifesto span.on{color:#fff;text-shadow:0 0 34px rgba(142,53,255,.34)}

.form{display:grid;gap:15px;max-width:560px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 0 0,rgba(142,53,255,.16),transparent 20rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.016));padding:34px}
.field label{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;padding:15px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);color:#fff;outline:0;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.field textarea{min-height:120px;resize:vertical}.field select option{background:#07030d;color:#fff}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(142,53,255,.72);box-shadow:0 0 0 4px rgba(142,53,255,.08);background:rgba(142,53,255,.045)}

.final-footer{position:relative;z-index:5;min-height:46vh;display:grid;place-items:center;padding:70px 24px;border-top:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 50% 0%,rgba(142,53,255,.16),transparent 26rem),linear-gradient(180deg,#020105,#000)}
.final-footer-inner{width:100%;max-width:var(--max);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:end}
.footer-logo{width:104px;height:78px;background:var(--logo) left center/contain no-repeat;filter:drop-shadow(0 0 22px rgba(255,255,255,.12));margin-bottom:20px}
.final-footer h3{margin:0;font-size:clamp(34px,5vw,72px);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}
.footer-meta{color:var(--dim);text-transform:uppercase;letter-spacing:.16em;font-size:10px;line-height:2;text-align:right}
.footer-meta a{color:rgba(247,241,255,.78)}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;padding-top:30px;border-top:1px solid rgba(255,255,255,.09);color:var(--dim);text-transform:uppercase;letter-spacing:.16em;font-size:10px}

@media(max-width:1080px){
  .grid{grid-template-columns:1fr}
  .paper-wrap{right:-10vw;width:70vw;opacity:.65}
  .founder-scene-frame{min-height:560px}
  .founder-portrait,.founder-link{right:-18vw;width:86vw;opacity:.48}
  .chapter-grid{grid-template-columns:repeat(2,1fr)}
  .world-grid,.belief-list.three,.article-grid{grid-template-columns:1fr}
  .side-line,.symbol-field{display:none}
}
@media(max-width:760px){
  .cursor{display:none}
  .site-header{top:12px;padding:0 12px}.nav{height:68px}.brand-logo{width:50px;height:40px}.brand-text{font-size:11px}
  .menu{display:block}.nav-links{position:fixed;inset:82px 12px auto 12px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid rgba(255,255,255,.12);background:rgba(4,2,9,.96);backdrop-filter:blur(22px)}
  .nav-links.open{display:flex}.inner{padding:96px 18px 44px}.actions{align-items:stretch}.btn{width:100%}
  .stats{flex-wrap:wrap;gap:18px}.stat{border-right:0;padding-right:0;min-width:120px}
  .chapter-grid{grid-template-columns:1fr}.paper-wrap{right:-30vw;top:42vh;width:105vw;opacity:.40}
  .form{padding:24px}.planet.p1{width:78px;height:78px}.planet.p3{width:58px;height:58px}.star-streak{width:130px}
  .final-footer-inner{grid-template-columns:1fr}.footer-meta{text-align:left}.footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .preloader{display:none}.cosmic-story{height:auto}.stage{position:relative;height:auto;overflow:visible}.scene{position:relative;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto;min-height:100vh}
}


/* =========================
   DM Bold v2 upgrades
   ========================= */
.final-footer{display:none!important}

/* Page-specific hero objects */
.visual-wrap{position:absolute;right:6vw;top:22vh;width:min(41vw,560px);height:430px;z-index:-2;pointer-events:auto;transform-style:preserve-3d;opacity:.92}
.visual-label{position:absolute;right:0;bottom:0;color:var(--dim);text-transform:uppercase;letter-spacing:.18em;font-size:9px}
.service-orbit{position:absolute;inset:0;transform:rotateX(62deg) rotateZ(var(--orbitA,0deg));border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 70px rgba(142,53,255,.09)}
.service-orbit:before,.service-orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(142,53,255,.18);border-radius:50%}.service-orbit:after{inset:36%;border-color:rgba(149,239,255,.09)}
.service-core{position:absolute;left:50%;top:50%;width:128px;height:128px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle,rgba(142,53,255,.24),rgba(255,255,255,.025));transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 45px rgba(142,53,255,.12)}
.service-node{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 26px rgba(142,53,255,.75)}
.service-node.n1{left:14%;top:48%}.service-node.n2{right:18%;top:22%}.service-node.n3{right:12%;bottom:26%}.service-node.n4{left:40%;bottom:12%}

.poster-stack{position:absolute;inset:0;perspective:1100px}
.poster{position:absolute;width:210px;height:280px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:0 34px 80px rgba(0,0,0,.38);overflow:hidden}
.poster:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(142,53,255,.35),transparent 10rem),linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.poster.p1{left:4%;top:18%;transform:rotate(-10deg) translateZ(40px)}.poster.p2{left:34%;top:8%;transform:rotate(4deg) translateZ(80px)}.poster.p3{right:6%;top:26%;transform:rotate(12deg) translateZ(10px)}
.poster span{position:absolute;left:20px;bottom:20px;z-index:2;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#fff}

.journal-pages{position:absolute;inset:0;perspective:900px}
.page-shard{position:absolute;width:220px;height:300px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.015));box-shadow:0 30px 80px rgba(0,0,0,.36)}
.page-shard:before{content:"";position:absolute;left:24px;right:24px;top:42px;height:1px;background:rgba(255,255,255,.45);box-shadow:0 28px 0 rgba(255,255,255,.24),0 56px 0 rgba(255,255,255,.16),0 84px 0 rgba(255,255,255,.10)}
.page-shard.s1{left:8%;top:15%;transform:rotate(-13deg)}.page-shard.s2{left:38%;top:4%;transform:rotate(4deg) translateZ(70px)}.page-shard.s3{right:4%;top:30%;transform:rotate(15deg)}

.contact-signal{position:absolute;inset:0}.beacon{position:absolute;left:50%;top:52%;width:160px;height:160px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle,rgba(142,53,255,.26),rgba(255,255,255,.03));box-shadow:0 0 60px rgba(142,53,255,.16)}
.beacon:before,.beacon:after{content:"";position:absolute;inset:-54px;border:1px solid rgba(142,53,255,.18);border-radius:50%;animation:pulse 2.8s ease-in-out infinite}.beacon:after{inset:-108px;animation-delay:.65s}
.signal-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#fff,var(--purple),transparent);filter:drop-shadow(0 0 14px rgba(142,53,255,.5))}.signal-line.l1{left:8%;right:12%;top:28%;transform:rotate(-12deg)}.signal-line.l2{left:18%;right:6%;bottom:24%;transform:rotate(10deg)}
@keyframes pulse{0%,100%{opacity:.18;transform:scale(.92)}50%{opacity:.58;transform:scale(1.05)}}

/* Footer is now a cinematic full-screen scene */
.footer-scene .inner{align-items:center}
.footer-panel{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:end;padding:54px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 0%,rgba(142,53,255,.18),transparent 28rem),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012))}
.footer-logo{width:112px;height:84px;background:var(--logo) left center/contain no-repeat;filter:drop-shadow(0 0 22px rgba(255,255,255,.12));margin-bottom:24px}
.footer-panel h2{font-size:clamp(38px,5.6vw,86px)}
.footer-copy{color:var(--muted);line-height:1.7;max-width:560px;margin-top:24px}
.footer-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.footer-col h3{margin:0 0 14px;color:#fff;text-transform:uppercase;letter-spacing:.18em;font-size:10px}
.footer-col a,.footer-col span{display:block;color:var(--muted);margin:10px 0;font-size:14px}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;padding-top:30px;border-top:1px solid rgba(255,255,255,.09);color:var(--dim);text-transform:uppercase;letter-spacing:.16em;font-size:10px}

/* Better mobile: no heavy sticky / 3D scrollytelling */
@media(max-width:1080px){.visual-wrap{position:relative;right:auto;top:auto;width:100%;height:330px;margin-top:26px;opacity:.78}.footer-panel,.footer-columns{grid-template-columns:1fr}}
@media(max-width:760px){
  body{background:radial-gradient(circle at 70% 10%,rgba(142,53,255,.18),transparent 22rem),#000}
  .cursor{display:none}.preloader{animation:preloadOut .65s var(--ease) .75s forwards}.preloader-line,.preloader p{display:none}
  .cosmic-story{height:auto!important}.stage{position:relative;height:auto;overflow:hidden}.stage:before{position:fixed;opacity:.55;transform:none!important}.stage:after{position:fixed}.progress,.transition-space,.side-line{display:none!important}
  .scene{position:relative;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important;min-height:auto;display:block;padding:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .inner{min-height:auto;padding:110px 18px 76px;display:block}h1{font-size:clamp(46px,17vw,72px)}h2{font-size:clamp(38px,14vw,64px)}.copy{font-size:15px;line-height:1.7}
  .actions{align-items:stretch}.btn{width:100%}.stats{flex-wrap:wrap;gap:18px}.stat{border-right:0;padding-right:0;min-width:120px}.tagline{justify-self:start;text-align:left;margin-top:28px}
  .paper-wrap{position:relative;right:auto;top:auto;width:100%;height:240px;opacity:.58;margin-top:34px}.paper-plane{inset:22px}.visual-wrap{height:260px;margin:32px 0 0}
  .founder-scene-frame{min-height:450px;margin-top:32px}.founder-portrait,.founder-link{right:-20vw;bottom:-10%;width:105vw;height:520px;opacity:.46}
  .belief-list.three,.chapter-grid,.world-grid,.article-grid{grid-template-columns:1fr}.belief-list.three .belief-card,.chapter,.world,.article-card{min-height:auto}.form{padding:24px;margin-top:30px}
  .footer-panel{padding:28px}.footer-columns{gap:12px}.footer-bottom{flex-direction:column}
}


/* =========================
   DM Bold v3 polish overrides
   ========================= */

/* remove old duplicate footer even if a browser has old HTML cached */
.final-footer{display:none!important}

/* stronger visible page-specific hero visuals */
.visual-wrap{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:min(42vw,560px)!important;
  height:min(58vh,470px)!important;
  z-index:3!important;
  opacity:1!important;
  justify-self:end;
  align-self:center;
  pointer-events:auto;
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.36));
}
.visual-wrap:before{
  content:"";
  position:absolute;
  inset:-16%;
  background:radial-gradient(circle at 50% 50%,rgba(142,53,255,.18),transparent 64%);
  filter:blur(18px);
  z-index:-1;
}
.service-orbit{border-color:rgba(255,255,255,.22);box-shadow:0 0 90px rgba(142,53,255,.20),inset 0 0 70px rgba(142,53,255,.04)}
.service-orbit:before{border-color:rgba(142,53,255,.34)}
.service-orbit:after{border-color:rgba(149,239,255,.18)}
.service-core{width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(142,53,255,.34),rgba(255,255,255,.025));box-shadow:0 0 70px rgba(142,53,255,.22)}
.service-node{width:16px;height:16px;background:linear-gradient(135deg,#fff,#9d72ff);box-shadow:0 0 32px rgba(142,53,255,.88)}
.poster{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(142,53,255,.05) 46%,rgba(255,255,255,.02));}
.poster.p1{left:0;top:22%;transform:rotate(-12deg) translateZ(40px)}
.poster.p2{left:30%;top:4%;transform:rotate(3deg) translateZ(90px)}
.poster.p3{right:0;top:30%;transform:rotate(14deg) translateZ(10px)}
.page-shard,.poster{backdrop-filter:blur(10px)}
.beacon{box-shadow:0 0 90px rgba(142,53,255,.30), inset 0 0 34px rgba(255,255,255,.06)}

/* prevent service cards from cutting outside the viewport */
.chapter-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  width:100%;
  max-width:100%;
}
.chapter{overflow:hidden;min-width:0!important}
.chapter strong{font-size:clamp(19px,1.5vw,24px);word-break:normal;overflow-wrap:normal}
.scene .inner.grid > div:first-child .chapter-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important}

/* subtle image-like atmosphere behind text cards */
.belief-card,.chapter,.world,.article-card,.form{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.belief-card:after,.chapter:after,.world:after,.article-card:after,.form:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.38;
  background:
    radial-gradient(circle at var(--cx,32%) var(--cy,28%),rgba(142,53,255,.26),transparent 9rem),
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 14px);
  mix-blend-mode:screen;
}
.belief-card h3,.belief-card p,.chapter small,.chapter strong,.chapter span,.world span,.world strong,.article-card small,.article-card h3,.article-card p,.field,.form .btn{position:relative;z-index:2}

/* About page: founder as background atmosphere, not a framed portrait */
.about-atmosphere-scene{overflow:hidden}
.about-atmosphere-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(280px,.55fr);
  gap:64px;
  z-index:4;
}
.about-bg-portrait{
  position:absolute;
  inset:-7% -2% -7% 19%;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.38) 34%,rgba(0,0,0,.52) 70%,rgba(0,0,0,.94) 100%),
    radial-gradient(circle at 52% 48%,rgba(142,53,255,.24),transparent 26rem),
    var(--founder-about) center center/cover no-repeat;
  opacity:.62;
  filter:contrast(.82) brightness(.72) saturate(.78);
  mix-blend-mode:screen;
  mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 82%,transparent 100%);
  transform:translate3d(calc(var(--px) * -.35),calc(var(--py) * -.18),0) scale(1.03);
}
.about-bg-portrait:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 56% 44%,transparent 0 12rem,rgba(0,0,0,.68) 34rem),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82));
}
.about-bg-link{
  position:absolute;
  z-index:3;
  left:38%;top:12%;width:34%;height:74%;
  cursor:pointer;
}
.about-copy-block{position:relative;z-index:5;max-width:560px}
.small-copy{font-size:14px!important;color:var(--dim)!important;text-transform:uppercase;letter-spacing:.08em;max-width:430px!important}
.about-belief-stack{
  position:relative;
  z-index:5;
  align-self:center;
  justify-self:end;
  width:min(340px,100%);
}
.about-belief-stack article{
  position:relative;
  padding:20px 0 20px 58px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.about-belief-stack article:before{
  content:"";
  position:absolute;
  left:0;top:23px;width:34px;height:34px;
  border:1px solid rgba(255,255,255,.18);
  transform:rotate(45deg);
  background:radial-gradient(circle,rgba(142,53,255,.16),transparent 70%);
}
.about-belief-stack span{position:absolute;left:9px;top:29px;color:#bb8cff;font-size:10px;letter-spacing:.12em;z-index:2}
.about-belief-stack strong{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin-bottom:8px}
.about-belief-stack p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.about-atmosphere-scene .founder-scene-frame{display:none!important}

/* footer is a true scene, not a split page */
.footer-scene .inner{padding-top:110px;padding-bottom:54px;align-items:center}
.footer-panel{
  min-height:min(72vh,720px);
  align-items:center!important;
  padding:46px!important;
  overflow:hidden;
  position:relative;
}
.footer-panel:before{
  content:"";
  position:absolute;
  right:-12%;top:-18%;width:520px;height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(142,53,255,.16),transparent 70%);
  filter:blur(18px);
}
.footer-panel h2{font-size:clamp(34px,4.7vw,74px)!important;max-width:760px}
.footer-columns{position:relative;z-index:2}
.footer-col a,.footer-col span{line-height:1.55;margin:12px 0!important;word-break:normal}

/* Mobile reset: lighter, correctly spaced, no heavy scene engine */
@media(max-width:760px){
  html,body{overflow-x:hidden!important}
  .preloader{display:none!important}
  .site-header{top:8px!important;padding:0 10px!important}
  .nav{height:58px!important;padding:0 10px 0 12px!important;border-radius:0;background:rgba(4,2,9,.72)!important}
  .brand{gap:8px;min-width:auto}.brand-logo{width:44px!important;height:34px!important}.brand-text{font-size:10px!important;letter-spacing:.12em!important}
  .menu{display:block!important;width:38px!important;height:38px!important;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
  .nav-links{inset:72px 10px auto 10px!important;max-height:calc(100vh - 92px);overflow:auto}
  .cosmic-story{height:auto!important}
  .stage{position:relative!important;height:auto!important;overflow:visible!important;contain:paint}
  .stage:before{position:fixed!important;opacity:.45!important;transform:none!important}
  .stage:after{position:fixed!important}
  .progress,.transition-space,.side-line{display:none!important}
  .scene{position:relative!important;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important;display:block!important;min-height:auto!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .scene .inner{min-height:auto!important;padding:132px 20px 82px!important;display:block!important}
  .scene:not(:first-child) .inner{padding-top:92px!important}
  h1{font-size:clamp(44px,15vw,68px)!important;line-height:.94!important;letter-spacing:-.055em!important}
  h2{font-size:clamp(36px,12vw,58px)!important;line-height:.94!important;letter-spacing:-.055em!important}
  .eyebrow{font-size:10px!important;margin-bottom:16px!important}
  .copy{font-size:15px!important;line-height:1.7!important;max-width:100%!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.btn{width:100%!important;min-height:50px!important}
  .stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:28px!important}.stat{min-width:0!important;border-right:0!important;padding-right:0!important}.stat strong{font-size:21px!important}.stat span{font-size:11px!important}
  .paper-wrap{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:210px!important;margin:28px 0 0!important;opacity:.62!important;z-index:1!important}.paper-plane{inset:18px!important;animation:none!important}
  .visual-wrap{position:relative!important;width:100%!important;height:220px!important;margin:30px 0 0!important;right:auto!important;top:auto!important;opacity:.72!important;justify-self:auto!important;filter:none!important}
  .visual-label{font-size:8px!important;left:0;right:auto;text-align:left}
  .service-core{width:100px;height:100px}.poster{width:132px;height:186px}.page-shard{width:138px;height:190px}.beacon{width:112px;height:112px}.beacon:before{inset:-36px}.beacon:after{inset:-72px}
  .about-bg-link{display:none!important}.about-bg-portrait{position:absolute!important;inset:120px -44% 0 8%!important;opacity:.34!important;mask-image:linear-gradient(180deg,transparent 0%,black 18%,black 78%,transparent 100%)!important}
  .about-atmosphere-grid{display:block!important}.about-belief-stack{margin-top:260px!important;width:100%!important;justify-self:auto!important}.about-belief-stack article{padding-left:52px!important}
  .founder-scene-frame{min-height:390px!important;margin-top:28px!important}.founder-portrait,.founder-link{height:480px!important;width:110vw!important;right:-26vw!important;opacity:.42!important}
  .belief-list.three,.chapter-grid,.world-grid,.article-grid,.footer-columns{grid-template-columns:1fr!important;gap:14px!important}
  .belief-list.three .belief-card,.belief-card,.chapter,.world,.article-card{min-height:auto!important;padding:22px!important}
  .belief-card:before{position:relative!important;left:auto!important;top:auto!important;display:block!important;margin-bottom:24px!important}
  .chapter strong,.world strong,.article-card h3{font-size:24px!important}
  .form{padding:22px!important;margin-top:28px!important}
  .footer-scene .inner{padding-top:92px!important}.footer-panel{min-height:auto!important;padding:26px!important;display:block!important}.footer-panel h2{font-size:clamp(34px,11vw,52px)!important}.footer-copy{font-size:14px!important}.footer-bottom{display:grid!important;gap:12px!important}.footer-col a,.footer-col span{font-size:13px!important}
}

/* =========================================================
   DM BOLD — V5 PORTAL ENGINE FIX
   Real patch target: remove dead scroll, make scene changes faster,
   keep laptop/desktop layouts closer, and force visible portal transitions.
   ========================================================= */
:root{
  --max:min(1500px, calc(100vw - 128px));
  --story-height:560vh;
  --portalPower:0;
  --portalOpacity:0;
  --portalX:0px;
  --portalY:0px;
  --portalRotate:0deg;
  --sceneGlow:0;
}
html{scroll-behavior:auto!important;background:#000!important;}
body[data-build]{background:#000!important;}
.cosmic-story{
  height:var(--story-height,560vh)!important;
  min-height:100svh!important;
  position:relative!important;
  background:#000!important;
}
.stage{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(142,53,255,.18), transparent 18rem),
    radial-gradient(ellipse at 76% 48%, rgba(114,57,255,.32), transparent 31rem),
    radial-gradient(ellipse at 18% 82%, rgba(58,132,255,.12), transparent 35rem),
    linear-gradient(180deg,#06030b 0%,#010003 60%,#040108 100%)!important;
}
.stage:before{
  content:""!important;
  position:absolute!important;
  inset:-18%!important;
  z-index:-4!important;
  opacity:.92!important;
  background:
    radial-gradient(circle at 12% 22%,rgba(255,255,255,.20),transparent 1px),
    radial-gradient(circle at 43% 30%,rgba(255,255,255,.12),transparent 1px),
    radial-gradient(circle at 72% 66%,rgba(255,255,255,.18),transparent 1px),
    radial-gradient(circle at 78% 42%,rgba(142,53,255,.30),transparent 26rem),
    radial-gradient(circle at 54% 62%,rgba(59,131,255,.12),transparent 34rem)!important;
  background-size:160px 160px,240px 240px,210px 210px,auto,auto!important;
  transform:translate3d(var(--spaceX,0),var(--spaceY,0),0) scale(var(--spaceScale,1))!important;
  transition:none!important;
}
.stage:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:40!important;
  pointer-events:none!important;
  opacity:calc(.26 + var(--portalPower) * .28)!important;
  background:
    radial-gradient(ellipse at 70% 50%,transparent 0 19rem,rgba(0,0,0,.36) 42rem,#000 94rem),
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.76) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.90))!important;
  mix-blend-mode:multiply!important;
}
.inner{
  width:100%!important;
  max-width:var(--max)!important;
  min-height:100svh!important;
  margin:0 auto!important;
  padding:clamp(84px,10.5vh,124px) clamp(24px,3vw,46px) clamp(44px,6vh,70px)!important;
  display:grid!important;
  align-items:center!important;
  position:relative!important;
}
.grid{
  grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr)!important;
  gap:clamp(30px,4.8vw,76px)!important;
}
.text-block{position:relative!important;z-index:25!important;max-width:min(820px,100%)!important;}
h1{font-size:clamp(58px,min(7.4vw,10.8vh),128px)!important;line-height:.875!important;letter-spacing:-.07em!important;max-width:860px!important;}
h2{font-size:clamp(46px,min(5.9vw,9vh),106px)!important;line-height:.89!important;letter-spacing:-.066em!important;max-width:1080px!important;}
.copy{font-size:clamp(15px,min(1.22vw,2.25vh),19px)!important;line-height:1.68!important;max-width:650px!important;}
.eyebrow{margin-bottom:clamp(14px,2vh,20px)!important;}
.progress{z-index:90!important;}
.progress span{box-shadow:0 0 26px rgba(142,53,255,.75),0 0 64px rgba(86,25,190,.38)!important;}

/* The portal is now above the background and visibly bridges scenes. */
.transition-space{
  position:absolute!important;
  inset:0!important;
  z-index:18!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:scale(.98) rotate(var(--portalRotate))!important;
  transition:none!important;
  mix-blend-mode:screen!important;
  filter:saturate(1.12)!important;
}
.transition-space.active{
  opacity:var(--portalOpacity,.72)!important;
  transform:scale(calc(.985 + var(--portalPower) * .06)) rotate(var(--portalRotate))!important;
}
.transition-space:before{
  content:""!important;
  position:absolute!important;
  right:clamp(5vw,10vw,14vw)!important;
  top:50%!important;
  width:clamp(230px,25vw,470px)!important;
  height:clamp(340px,62vh,740px)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) perspective(900px) rotateY(-21deg) rotateZ(-3deg)!important;
  border:1px solid rgba(203,181,255,.54)!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.34),rgba(142,53,255,.48) 18%,rgba(56,10,116,.24) 46%,transparent 71%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)!important;
  box-shadow:
    0 0 120px rgba(142,53,255,.42),
    0 0 260px rgba(83,62,255,.24),
    inset 0 0 120px rgba(255,255,255,.14)!important;
  filter:blur(calc(4px - var(--portalPower) * 2px))!important;
}
.transition-space:after{
  content:""!important;
  position:absolute!important;
  left:4vw!important;
  right:clamp(9vw,20vw,25vw)!important;
  top:50%!important;
  height:clamp(150px,28vh,320px)!important;
  transform:translate3d(calc(var(--portalX) * -.35),-50%,0) rotate(-5deg)!important;
  background:
    radial-gradient(ellipse at 100% 50%,rgba(255,255,255,.46),transparent 33%),
    linear-gradient(90deg,transparent,rgba(58,126,255,.24),rgba(142,53,255,.56),rgba(255,255,255,.22),transparent)!important;
  filter:blur(13px) drop-shadow(0 0 54px rgba(142,53,255,.58))!important;
  opacity:calc(.18 + var(--portalPower) * .72)!important;
}
.transition-space.active .planet,.transition-space.active .star-streak{opacity:calc(.18 + var(--portalPower) * .78)!important;}
.planet{filter:blur(.12px) drop-shadow(0 0 38px rgba(142,53,255,.48))!important;}
.star-streak{height:2px!important;filter:drop-shadow(0 0 26px rgba(142,53,255,.80))!important;}
.stage.portal-active .progress span{box-shadow:0 0 36px rgba(142,53,255,.92),0 0 90px rgba(91,22,184,.55)!important;}

/* Scenes overlap heavily. No more black dead gap. */
.scene{
  z-index:20!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  align-items:center!important;
  opacity:0;
  pointer-events:none;
  perspective:1200px!important;
  transform-origin:50% 52%!important;
  will-change:opacity,transform,filter!important;
  transition:none!important;
}
.scene:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:var(--sceneGlowAlpha,0)!important;
  background:
    radial-gradient(circle at 66% 48%,rgba(142,53,255,.22),transparent 29rem),
    radial-gradient(circle at 32% 72%,rgba(61,126,255,.10),transparent 24rem)!important;
  mix-blend-mode:screen!important;
}
.scene.active{pointer-events:auto!important;}
.scene .text-block,.scene .visual-wrap,.scene .chapter,.scene .world,.scene .belief-card,.scene .form,.scene .manifesto,.scene .footer-panel{will-change:transform,opacity!important;}

/* Visual content stays in-frame on both 1920 desktop and 1366 laptop. */
.visual-wrap{
  right:clamp(24px,5vw,92px)!important;
  top:clamp(130px,22vh,220px)!important;
  width:min(41vw,560px)!important;
  height:min(47vh,460px)!important;
  z-index:12!important;
  opacity:.86!important;
}
.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))!important;gap:14px!important;max-width:100%!important;}
.chapter{min-height:clamp(150px,19vh,220px)!important;padding:clamp(18px,2vw,25px)!important;}
.belief-list.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,2vw,22px)!important;}
.belief-list.three .belief-card{min-height:clamp(190px,24vh,260px)!important;padding:clamp(22px,2.4vw,34px)!important;}
.world-grid{gap:clamp(14px,2vw,22px)!important;}
.form{padding:clamp(24px,2.6vw,40px)!important;gap:clamp(12px,1.4vh,18px)!important;}
.field input,.field textarea,.field select{min-height:48px!important;padding:12px 14px!important;}
.field textarea{min-height:clamp(92px,15vh,150px)!important;}
.footer-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:clamp(28px,5vw,72px)!important;
  min-height:min(72vh,760px)!important;
  align-items:center!important;
  padding:clamp(34px,4vw,58px)!important;
}
.footer-bottom{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;}
.footer-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(24px,4vw,62px)!important;}
.footer-col a,.footer-col span{display:block!important;margin:10px 0!important;line-height:1.55!important;word-break:normal!important;}

/* Laptop pass: same composition, tighter type, no elements disappearing. */
@media (min-width:761px) and (max-height:860px){
  :root{--max:min(1320px,calc(100vw - 82px));}
  .site-header{top:12px!important;padding:0 18px!important;}
  .nav{height:62px!important;padding:0 14px 0 16px!important;}
  .brand-logo{width:48px!important;height:38px!important;}
  .brand-text{font-size:10px!important;letter-spacing:.15em!important;}
  .nav-links{gap:4px!important;}
  .nav-links a{font-size:8.6px!important;padding:10px 8px!important;}
  .nav-cta{margin-left:4px!important;}
  .inner{padding-top:clamp(70px,10vh,92px)!important;padding-bottom:clamp(28px,4.6vh,46px)!important;}
  h1{font-size:clamp(50px,min(6.7vw,9.8vh),106px)!important;}
  h2{font-size:clamp(40px,min(5.2vw,8vh),86px)!important;}
  .copy{font-size:clamp(14px,min(1.04vw,2vh),17px)!important;line-height:1.58!important;margin-top:18px!important;}
  .actions{margin-top:24px!important;}
  .btn{min-height:46px!important;padding:0 18px!important;font-size:12px!important;}
  .visual-wrap{width:min(40vw,450px)!important;height:min(40vh,330px)!important;top:18vh!important;}
  .belief-list.three .belief-card{min-height:170px!important;padding:20px!important;}
  .chapter{min-height:140px!important;padding:16px!important;}
  .world{min-height:142px!important;}
  .form{padding:22px!important;gap:10px!important;}
  .field input,.field textarea,.field select{min-height:42px!important;padding:10px 12px!important;}
  .field textarea{min-height:78px!important;}
  .footer-panel{min-height:62vh!important;padding:28px!important;}
}
@media (min-width:761px) and (max-width:1280px){
  :root{--max:min(1160px,calc(100vw - 64px));}
  .grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;}
  .center .text-block{margin-inline:auto!important;}
  .visual-wrap{position:absolute!important;right:28px!important;top:18vh!important;width:min(44vw,460px)!important;height:min(36vh,330px)!important;opacity:.58!important;}
  .chapter-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px!important;}
  .belief-list.three{max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .footer-panel{grid-template-columns:1fr!important;gap:24px!important;}
}
@media(max-width:760px){
  :root{--story-height:auto!important;--portalPower:0!important;--portalOpacity:0!important;--max:calc(100vw - 40px)!important;}
  .cosmic-story{height:auto!important;}
  .stage{position:relative!important;height:auto!important;overflow:visible!important;}
  .transition-space{display:none!important;}
  .scene{position:relative!important;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important;display:block!important;min-height:auto!important;}
}

/* =========================================================
   DM BOLD — V6 SCENE HANDOFFS
   Fixes: no unreadable scene collisions, unique transition identities,
   and a more controlled founder placement on About.
   ========================================================= */
body[data-build="v6-scene-handoffs-2026-06-01"] .cosmic-story{
  height:var(--story-height,620vh)!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .scene{
  transition:none!important;
  transform-origin:50% 52%!important;
  backface-visibility:hidden!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .scene.active{
  pointer-events:auto!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .scene .inner{
  transform:translateZ(0)!important;
}

/* The transition layer becomes a cinematic bridge, not the same card every time. */
body[data-build="v6-scene-handoffs-2026-06-01"] .transition-space{
  z-index:25!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  transition:none!important;
  opacity:0;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .transition-space:before,
body[data-build="v6-scene-handoffs-2026-06-01"] .transition-space:after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  transition:none!important;
  opacity:calc(.10 + var(--portalPower) * .9)!important;
}

/* 1 — Door / portal: large entrance, used only when it fits the next scene. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="door"] .transition-space:before{
  right:clamp(4vw,8vw,13vw)!important;
  top:50%!important;
  width:clamp(220px,24vw,460px)!important;
  height:clamp(340px,64vh,760px)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) perspective(900px) rotateY(-24deg) rotateZ(-2deg)!important;
  border:1px solid rgba(216,199,255,.62)!important;
  border-radius:2px!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.35),rgba(142,53,255,.54) 21%,rgba(29,6,72,.24) 49%,transparent 74%)!important;
  box-shadow:0 0 120px rgba(142,53,255,.48),0 0 260px rgba(56,79,255,.20),inset 0 0 120px rgba(255,255,255,.13)!important;
  filter:blur(calc(4px - var(--portalPower) * 2px))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="door"] .transition-space:after{
  left:4vw!important;right:18vw!important;top:50%!important;height:clamp(120px,24vh,300px)!important;
  transform:translate3d(calc(var(--portalX) * -.4),-50%,0) rotate(-4deg)!important;
  background:linear-gradient(90deg,transparent,rgba(56,128,255,.20),rgba(142,53,255,.58),rgba(255,255,255,.24),transparent)!important;
  filter:blur(16px) drop-shadow(0 0 54px rgba(142,53,255,.68))!important;
}

/* 2 — Mind / founder: a light pulse through memory, no rectangular card. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="mind"] .transition-space:before{
  right:10vw!important;top:47%!important;width:clamp(340px,38vw,760px)!important;height:clamp(340px,38vw,760px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) scale(calc(.82 + var(--portalPower) * .28))!important;
  background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.38) 0 2%,rgba(158,90,255,.40) 11%,rgba(77,54,255,.18) 30%,transparent 67%)!important;
  box-shadow:0 0 170px rgba(142,53,255,.38),inset 0 0 120px rgba(255,255,255,.10)!important;
  filter:blur(calc(12px - var(--portalPower) * 6px))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="mind"] .transition-space:after{
  right:18vw!important;top:50%!important;width:clamp(220px,24vw,420px)!important;height:clamp(220px,24vw,420px)!important;
  border-radius:50%!important;border:1px solid rgba(188,164,255,.34)!important;
  transform:translate3d(calc(var(--portalX) * .25),calc(-50% + var(--portalY) * .35),0) rotate(var(--portalRotate))!important;
  background:repeating-radial-gradient(circle,transparent 0 18px,rgba(174,137,255,.17) 19px 20px)!important;
  box-shadow:0 0 80px rgba(142,53,255,.28)!important;
}

/* 3 — Principles/cards: fragmented panels appear briefly, but do not stay readable. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="principles"] .transition-space:before{
  left:48%!important;top:50%!important;width:clamp(430px,42vw,820px)!important;height:clamp(250px,34vh,430px)!important;
  transform:translate3d(calc(-50% + var(--portalX)),calc(-50% + var(--portalY)),0) rotate(calc(var(--portalRotate) * .45)) skewX(-8deg)!important;
  border:0!important;border-radius:0!important;
  background:
    linear-gradient(90deg,transparent 0 5%,rgba(255,255,255,.10) 5% 30%,transparent 30% 36%,rgba(142,53,255,.28) 36% 61%,transparent 61% 67%,rgba(255,255,255,.09) 67% 94%,transparent 94%),
    radial-gradient(circle at 50% 50%,rgba(142,53,255,.28),transparent 62%)!important;
  box-shadow:0 0 120px rgba(142,53,255,.24)!important;
  filter:blur(calc(14px - var(--portalPower) * 8px))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="principles"] .transition-space:after{
  left:0!important;right:0!important;top:50%!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(84,143,255,.7),rgba(255,255,255,.85),rgba(142,53,255,.7),transparent)!important;
  filter:drop-shadow(0 0 32px rgba(142,53,255,.75))!important;
  transform:translateY(-50%)!important;
}

/* 4 — Chapters/system: orbit/grid motion for the service system. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="chapters"] .transition-space:before{
  right:10vw!important;top:52%!important;width:clamp(300px,33vw,620px)!important;height:clamp(300px,33vw,620px)!important;
  border-radius:50%!important;border:1px solid rgba(185,158,255,.26)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) rotate(calc(var(--portalRotate) * 2))!important;
  background:repeating-conic-gradient(from calc(var(--orbitA,0deg)),rgba(142,53,255,.34) 0 7deg,transparent 7deg 22deg),radial-gradient(circle,rgba(255,255,255,.22),rgba(142,53,255,.14) 26%,transparent 61%)!important;
  box-shadow:0 0 110px rgba(142,53,255,.30),inset 0 0 90px rgba(255,255,255,.08)!important;
  filter:blur(calc(8px - var(--portalPower) * 4px))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="chapters"] .transition-space:after{
  inset:18% 9%!important;width:auto!important;height:auto!important;
  background:linear-gradient(90deg,transparent,rgba(142,53,255,.18),transparent),repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.06) 72px 73px),repeating-linear-gradient(0deg,transparent 0 72px,rgba(255,255,255,.04) 72px 73px)!important;
  filter:blur(1px)!important;opacity:calc(var(--portalPower) * .36)!important;
  transform:none!important;
}

/* 5 — Worlds: drifting poster-worlds / space swim. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="worlds"] .transition-space:before{
  left:50%!important;top:50%!important;width:clamp(520px,58vw,1100px)!important;height:clamp(320px,48vh,720px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(calc(-50% + var(--portalX)),calc(-50% + var(--portalY)),0) rotate(var(--portalRotate))!important;
  background:conic-gradient(from calc(var(--orbitA,0deg)),transparent,rgba(142,53,255,.36),rgba(76,122,255,.25),transparent,rgba(255,255,255,.20),transparent)!important;
  box-shadow:0 0 150px rgba(142,53,255,.30)!important;
  filter:blur(18px)!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="worlds"] .transition-space:after{
  left:12vw!important;right:8vw!important;top:54%!important;height:clamp(190px,34vh,380px)!important;
  transform:translate3d(calc(var(--portalX) * -.6),-50%,0) rotate(-12deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent 22%,rgba(142,53,255,.34),transparent 48%,rgba(255,255,255,.08),transparent)!important;
  clip-path:polygon(0 44%,18% 25%,34% 55%,52% 14%,68% 56%,100% 34%,100% 76%,68% 63%,51% 86%,32% 62%,14% 83%,0 58%)!important;
  filter:blur(10px) drop-shadow(0 0 56px rgba(142,53,255,.62))!important;
}

/* 6 — Spotlight: theatre / memory beam. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="spotlight"] .transition-space:before{
  left:52%!important;top:0!important;width:clamp(140px,12vw,230px)!important;height:100vh!important;
  transform:translateX(calc(-50% + var(--portalX))) perspective(900px) rotateX(18deg)!important;
  border:0!important;border-radius:50% 50% 3px 3px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(165,121,255,.58) 28%,rgba(86,60,255,.18) 70%,transparent)!important;
  box-shadow:0 0 120px rgba(142,53,255,.52),0 0 260px rgba(71,90,255,.25)!important;
  filter:blur(calc(6px - var(--portalPower) * 3px))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="spotlight"] .transition-space:after{
  left:50%!important;bottom:8vh!important;width:clamp(320px,38vw,760px)!important;height:clamp(90px,13vh,160px)!important;
  transform:translateX(calc(-50% + var(--portalX) * .2))!important;
  border-radius:50%!important;background:radial-gradient(ellipse,rgba(255,255,255,.38),rgba(142,53,255,.26) 28%,transparent 72%)!important;
  filter:blur(9px)!important;
}

/* 7 — Signal/contact: a transmission beam replaces the repeated card. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="signal"] .transition-space:before{
  left:0!important;right:0!important;top:50%!important;width:auto!important;height:clamp(100px,18vh,220px)!important;
  transform:translate3d(calc(var(--portalX) * -.4),-50%,0) skewY(-4deg)!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(63,129,255,.10) 22%,rgba(142,53,255,.55) 48%,rgba(255,255,255,.34) 54%,rgba(142,53,255,.18) 70%,transparent 100%)!important;
  filter:blur(13px) drop-shadow(0 0 50px rgba(142,53,255,.60))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="signal"] .transition-space:after{
  right:12vw!important;top:50%!important;width:clamp(180px,18vw,340px)!important;height:clamp(180px,18vw,340px)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY) * .25),0) rotate(45deg)!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:4px!important;
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(142,53,255,.20),transparent 67%)!important;
  box-shadow:0 0 88px rgba(142,53,255,.30)!important;
}

/* 8 — Curtain/footer: the stage closes instead of using another object transition. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="curtain"] .transition-space:before{
  inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;
  background:radial-gradient(ellipse at 50% 38%,rgba(142,53,255,.24),transparent 34rem),linear-gradient(90deg,rgba(0,0,0,.94),rgba(64,20,115,.32),rgba(0,0,0,.94))!important;
  filter:blur(0)!important;opacity:calc(var(--portalPower) * .72)!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="curtain"] .transition-space:after{
  left:12vw!important;right:12vw!important;bottom:11vh!important;top:auto!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(142,53,255,.7),rgba(255,255,255,.6),rgba(142,53,255,.7),transparent)!important;
  filter:drop-shadow(0 0 34px rgba(142,53,255,.72))!important;transform:none!important;
}

/* Rebalance helper elements inside transition modes. */
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="mind"] .planet,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="spotlight"] .planet,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="signal"] .planet,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="curtain"] .planet{
  opacity:0!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="chapters"] .star-streak,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="worlds"] .star-streak,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="signal"] .star-streak{
  opacity:calc(.12 + var(--portalPower) * .72)!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage[data-transition="principles"] .planet{
  border-radius:6px!important;
  transform:translate3d(var(--planet-x),var(--planet-y),0) scale(calc(var(--planet-s) * .70)) rotate(12deg)!important;
  opacity:calc(var(--portalPower) * .40)!important;
}

/* About hero founder: show the face properly; no head cropping at the top. */
body[data-build="v6-scene-handoffs-2026-06-01"] .about-bg-portrait{
  inset:0 -2% 0 23%!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.58) 30%,rgba(0,0,0,.32) 58%,rgba(0,0,0,.82) 100%),
    radial-gradient(circle at 69% 47%,rgba(142,53,255,.28),transparent 28rem),
    var(--founder-about) 72% 50%/auto min(94vh,1040px) no-repeat!important;
  opacity:.58!important;
  filter:contrast(.86) brightness(.74) saturate(.82)!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 83%,transparent 100%)!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .about-bg-portrait:after{
  background:
    radial-gradient(circle at 71% 30%,transparent 0 8rem,rgba(0,0,0,.34) 22rem,rgba(0,0,0,.72) 44rem),
    linear-gradient(180deg,rgba(0,0,0,.42),transparent 18%,rgba(0,0,0,.35) 73%,rgba(0,0,0,.88))!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .about-bg-link{
  left:48%!important;right:4%!important;top:13%!important;bottom:8%!important;
}

/* Laptop correction: keep the about face within the frame. */
@media (min-width:761px) and (max-height:860px){
  body[data-build="v6-scene-handoffs-2026-06-01"] .about-bg-portrait{
    inset:0 -3% 0 28%!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.62) 33%,rgba(0,0,0,.34) 60%,rgba(0,0,0,.84) 100%),
      radial-gradient(circle at 70% 47%,rgba(142,53,255,.28),transparent 24rem),
      var(--founder-about) 72% 52%/auto min(88vh,880px) no-repeat!important;
    opacity:.56!important;
  }
  body[data-build="v6-scene-handoffs-2026-06-01"] .about-atmosphere-grid{
    grid-template-columns:minmax(0,.9fr) minmax(270px,.54fr)!important;
  }
}

/* Desktop/laptop readability guard: never show two full scenes at the same time. */
body[data-build="v6-scene-handoffs-2026-06-01"] .scene[style*="opacity: 0"]{
  pointer-events:none!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage.portal-active .side-line{
  opacity:.42!important;
}
body[data-build="v6-scene-handoffs-2026-06-01"] .stage.portal-active .nav,
body[data-build="v6-scene-handoffs-2026-06-01"] .stage.portal-active ~ .nav{
  background:rgba(4,2,9,.70)!important;
}

/* =========================================================
   DM BOLD — V8 SMOOTH WALK ENGINE
   Rollback from the aggressive V7. Slower 3D corridor motion:
   current scene walks past the viewer, next scene approaches from distance.
   ========================================================= */
:root{
  --story-height:900vh;
  --max:min(1500px, calc(100vw - 128px));
  --portalPower:0;
  --portalOpacity:0;
  --portalX:0px;
  --portalY:0px;
  --portalRotate:0deg;
}
html{scroll-behavior:auto!important;}
body[data-build="v8-content-tuned-2026-06-04"] .cosmic-story{
  height:var(--story-height,900vh)!important;
  min-height:100svh!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage{
  perspective:1700px!important;
  transform-style:preserve-3d!important;
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(142,53,255,.16),transparent 18rem),
    radial-gradient(ellipse at 72% 50%,rgba(114,57,255,.28),transparent 32rem),
    radial-gradient(ellipse at 20% 82%,rgba(58,132,255,.10),transparent 34rem),
    linear-gradient(180deg,#05020a 0%,#010003 62%,#040108 100%)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage:after{
  z-index:34!important;
  opacity:calc(.18 + var(--portalPower) * .24)!important;
  background:
    radial-gradient(ellipse at 70% 50%,transparent 0 18rem,rgba(0,0,0,.32) 42rem,#000 94rem),
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.06) 48%,rgba(0,0,0,.72) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.88))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .inner{
  min-height:100svh!important;
  padding:clamp(118px,13vh,152px) clamp(24px,3vw,46px) clamp(46px,6vh,74px)!important;
  align-items:center!important;
  align-content:center!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene{
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  transition:none!important;
  will-change:opacity,transform,filter!important;
  overflow:hidden!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene.active{pointer-events:auto!important;}
body[data-build="v8-content-tuned-2026-06-04"] .transition-space{
  z-index:36!important;
  mix-blend-mode:screen!important;
  transition:none!important;
  opacity:0;
}
body[data-build="v8-content-tuned-2026-06-04"] .transition-space.active{
  opacity:var(--portalOpacity,.55)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .transition-space:before,
body[data-build="v8-content-tuned-2026-06-04"] .transition-space:after{
  pointer-events:none!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .text-block,
body[data-build="v8-content-tuned-2026-06-04"] .chapter,
body[data-build="v8-content-tuned-2026-06-04"] .world,
body[data-build="v8-content-tuned-2026-06-04"] .belief-card,
body[data-build="v8-content-tuned-2026-06-04"] .form,
body[data-build="v8-content-tuned-2026-06-04"] .footer-panel,
body[data-build="v8-content-tuned-2026-06-04"] .about-belief-stack{
  transform-style:preserve-3d!important;
  will-change:transform,opacity!important;
}

/* Layout guards: stop laptop / desktop elements from climbing above the header. */
body[data-build="v8-content-tuned-2026-06-04"] h1{
  font-size:clamp(56px,min(7.1vw,10.2vh),126px)!important;
  line-height:.88!important;
}
body[data-build="v8-content-tuned-2026-06-04"] h2{
  font-size:clamp(44px,min(5.55vw,8.35vh),96px)!important;
  line-height:.90!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .copy{
  line-height:1.66!important;
  max-width:640px!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .grid{
  grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr)!important;
  gap:clamp(32px,4.6vw,78px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .chapter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:100%!important;
  align-self:center!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .chapter{
  min-height:clamp(126px,17vh,188px)!important;
  padding:clamp(16px,1.7vw,24px)!important;
  overflow:hidden!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .chapter small{
  margin-bottom:clamp(20px,4.2vh,44px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .chapter strong{
  font-size:clamp(18px,1.35vw,24px)!important;
  white-space:normal!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .chapter span{
  font-size:clamp(11px,1vw,14px)!important;
  line-height:1.45!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .belief-list.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.6vw,22px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .belief-list.three .belief-card{
  min-height:clamp(168px,22vh,250px)!important;
  padding:clamp(20px,2.2vw,32px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .visual-wrap{
  width:min(41vw,560px)!important;
  height:min(46vh,450px)!important;
  align-self:center!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .form{
  max-height:calc(100svh - 190px)!important;
  overflow:visible!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .field input,
body[data-build="v8-content-tuned-2026-06-04"] .field textarea,
body[data-build="v8-content-tuned-2026-06-04"] .field select{
  min-height:46px!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .field textarea{
  min-height:clamp(86px,13vh,136px)!important;
}

/* Founder/about: face large, visible, and integrated as atmosphere. */
body[data-build="v8-content-tuned-2026-06-04"] .about-atmosphere-scene{overflow:hidden!important;}
body[data-build="v8-content-tuned-2026-06-04"] .about-atmosphere-grid{
  grid-template-columns:minmax(0,.82fr) minmax(290px,.52fr)!important;
  gap:clamp(42px,5vw,88px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-copy-block{max-width:620px!important;}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
  inset:0 -4vw 0 auto!important;
  left:auto!important;
  width:min(61vw,980px)!important;
  height:100%!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.68) 19%,rgba(0,0,0,.20) 48%,rgba(0,0,0,.78) 100%),
    radial-gradient(circle at 52% 39%,rgba(255,255,255,.20),transparent 8rem),
    radial-gradient(circle at 58% 45%,rgba(142,53,255,.44),transparent 28rem),
    var(--founder-about) 48% 46%/auto 112vh no-repeat!important;
  opacity:.48!important;
  filter:contrast(.88) brightness(.78) saturate(.84)!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 14%,black 86%,transparent 100%)!important;
  transform:translate3d(calc(var(--px) * -.32),calc(var(--py) * -.18),0) scale(1.02)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait:before{
  content:""!important;
  position:absolute!important;
  right:20%!important;
  top:24%!important;
  width:34vw!important;
  height:34vw!important;
  max-width:560px!important;
  max-height:560px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(142,53,255,.32),rgba(80,76,255,.16) 34%,transparent 70%)!important;
  filter:blur(24px)!important;
  z-index:-1!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait:after{
  background:
    radial-gradient(circle at 46% 28%,transparent 0 10rem,rgba(0,0,0,.24) 24rem,rgba(0,0,0,.76) 48rem),
    linear-gradient(180deg,rgba(0,0,0,.30),transparent 20%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.88))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-link{
  left:auto!important;
  right:3vw!important;
  top:10vh!important;
  width:min(48vw,780px)!important;
  height:80vh!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-belief-stack{
  justify-self:end!important;
  width:min(360px,100%)!important;
  position:relative!important;
  z-index:8!important;
}

/* Page-specific transition language: visible, but not dominant or repeated as the same card. */
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="gate"] .transition-space:before{
  right:9vw!important;top:50%!important;width:clamp(260px,25vw,500px)!important;height:clamp(390px,60vh,760px)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) perspective(1100px) rotateY(-28deg) rotateZ(-2deg)!important;
  border:1px solid rgba(210,190,255,.42)!important;border-radius:2px!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.25),rgba(142,53,255,.44) 20%,rgba(50,7,110,.22) 48%,transparent 72%)!important;
  box-shadow:0 0 110px rgba(142,53,255,.38), inset 0 0 120px rgba(255,255,255,.10)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="mind"] .transition-space:before{
  right:22vw!important;top:47%!important;width:clamp(320px,32vw,660px)!important;height:clamp(320px,32vw,660px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) scale(calc(.88 + var(--portalPower) * .18))!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.42) 24%,rgba(58,124,255,.15) 46%,transparent 72%)!important;
  filter:blur(18px) drop-shadow(0 0 80px rgba(142,53,255,.42))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="chapters"] .transition-space:before{
  right:10vw!important;top:52%!important;width:clamp(320px,34vw,660px)!important;height:clamp(320px,34vw,660px)!important;
  border-radius:50%!important;border:1px solid rgba(185,158,255,.24)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) rotate(calc(var(--portalRotate) * 2))!important;
  background:repeating-conic-gradient(from calc(var(--orbitA,0deg)),rgba(142,53,255,.28) 0 6deg,transparent 6deg 22deg),radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.12) 26%,transparent 62%)!important;
  box-shadow:0 0 100px rgba(142,53,255,.25),inset 0 0 90px rgba(255,255,255,.07)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="principles"] .transition-space:before{
  left:9vw!important;right:9vw!important;top:50%!important;width:auto!important;height:clamp(190px,29vh,340px)!important;
  border-radius:0!important;border:0!important;
  transform:translate3d(calc(var(--portalX) * .25),-50%,0) rotate(-5deg)!important;
  background:linear-gradient(90deg,transparent,rgba(142,53,255,.15),rgba(255,255,255,.18),rgba(142,53,255,.14),transparent)!important;
  clip-path:polygon(0 48%,18% 24%,36% 55%,53% 19%,71% 57%,100% 34%,100% 68%,70% 62%,53% 84%,34% 62%,15% 80%,0 58%)!important;
  filter:blur(10px) drop-shadow(0 0 44px rgba(142,53,255,.55))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="worlds"] .transition-space:before{
  left:50%!important;top:50%!important;width:clamp(560px,60vw,1120px)!important;height:clamp(330px,48vh,700px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(calc(-50% + var(--portalX)),calc(-50% + var(--portalY)),0) rotate(var(--portalRotate))!important;
  background:conic-gradient(from calc(var(--orbitA,0deg)),transparent,rgba(142,53,255,.32),rgba(76,122,255,.24),transparent,rgba(255,255,255,.16),transparent)!important;
  box-shadow:0 0 140px rgba(142,53,255,.26)!important;
  filter:blur(18px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="spotlight"] .transition-space:before{
  left:52%!important;top:0!important;width:clamp(120px,11vw,220px)!important;height:100vh!important;
  transform:translateX(calc(-50% + var(--portalX))) perspective(900px) rotateX(16deg)!important;
  border:0!important;border-radius:50% 50% 3px 3px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(165,121,255,.50) 28%,rgba(86,60,255,.16) 72%,transparent)!important;
  box-shadow:0 0 105px rgba(142,53,255,.45),0 0 230px rgba(71,90,255,.22)!important;
  filter:blur(6px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="signal"] .transition-space:before{
  left:0!important;right:0!important;top:50%!important;width:auto!important;height:clamp(90px,17vh,210px)!important;
  transform:translate3d(calc(var(--portalX) * -.36),-50%,0) skewY(-4deg)!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(63,129,255,.08) 22%,rgba(142,53,255,.46) 48%,rgba(255,255,255,.28) 54%,rgba(142,53,255,.15) 70%,transparent 100%)!important;
  filter:blur(13px) drop-shadow(0 0 42px rgba(142,53,255,.52))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="curtain"] .transition-space:before{
  inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;
  background:radial-gradient(ellipse at 50% 38%,rgba(142,53,255,.20),transparent 33rem),linear-gradient(90deg,rgba(0,0,0,.94),rgba(64,20,115,.30),rgba(0,0,0,.94))!important;
  filter:blur(0)!important;opacity:calc(var(--portalPower) * .70)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="mind"] .planet,
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="spotlight"] .planet,
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="signal"] .planet,
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="curtain"] .planet{opacity:0!important;}

/* Laptop-specific fit pass */
@media (min-width:761px) and (max-height:860px){
  body[data-build="v8-content-tuned-2026-06-04"]{--max:min(1320px,calc(100vw - 84px));}
  body[data-build="v8-content-tuned-2026-06-04"] .site-header{top:12px!important;padding:0 18px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .nav{height:62px!important;padding:0 14px 0 16px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .brand-logo{width:48px!important;height:38px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .brand-text{font-size:10px!important;letter-spacing:.15em!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .nav-links a{font-size:8.6px!important;padding:10px 8px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .inner{padding-top:92px!important;padding-bottom:36px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] h1{font-size:clamp(48px,min(6.55vw,9.2vh),98px)!important;}
  body[data-build="v8-content-tuned-2026-06-04"] h2{font-size:clamp(38px,min(5.25vw,7.5vh),78px)!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .copy{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.58!important;margin-top:18px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .eyebrow{font-size:9px!important;margin-bottom:14px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .grid{grid-template-columns:minmax(0,.90fr) minmax(320px,1.1fr)!important;gap:30px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .chapter{min-height:118px!important;padding:15px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .chapter small{margin-bottom:24px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .belief-list.three .belief-card{min-height:158px!important;padding:20px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .visual-wrap{height:min(40vh,350px)!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .form{max-height:calc(100svh - 130px)!important;padding:24px!important;gap:10px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .field label{font-size:8px!important;margin-bottom:6px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .field input,
  body[data-build="v8-content-tuned-2026-06-04"] .field select{min-height:38px!important;padding:9px 12px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .field textarea{min-height:76px!important;padding:9px 12px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .footer-panel{min-height:620px!important;padding:34px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
    width:min(64vw,900px)!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.68) 18%,rgba(0,0,0,.20) 48%,rgba(0,0,0,.80) 100%),
      radial-gradient(circle at 52% 39%,rgba(255,255,255,.18),transparent 7rem),
      radial-gradient(circle at 58% 45%,rgba(142,53,255,.42),transparent 24rem),
      var(--founder-about) 48% 46%/auto 112vh no-repeat!important;
    opacity:.50!important;
  }
}

@media(max-width:760px){
  body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
    inset:94px -48vw 0 auto!important;
    width:128vw!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.44),rgba(0,0,0,.90)),
      radial-gradient(circle at 52% 38%,rgba(142,53,255,.34),transparent 20rem),
      var(--founder-about) 46% 36%/auto 86vh no-repeat!important;
    opacity:.30!important;
  }
}


/* =========================================================
   V8 CONTENT TUNED — keep the smooth-walk engine, only refine
   the final homepage content, founder scene, and non-industry portfolio language.
   ========================================================= */
:root{
  --founder-home:url("../images/founder-home.webp");
}

body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] h1{
  max-width:720px!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .copy{
  max-width:620px!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .stat strong{
  font-weight:700!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .paper-wrap{
  right:5.5vw!important;
  top:26vh!important;
  width:min(42vw,620px)!important;
  height:min(45vh,430px)!important;
  z-index:-1!important;
  opacity:.95!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .paper-plane{
  filter:drop-shadow(0 36px 62px rgba(0,0,0,.72)) drop-shadow(0 0 42px rgba(142,53,255,.22))!important;
}

body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .inner.grid{
  grid-template-columns:minmax(0,.78fr) minmax(460px,1.22fr)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .text-block{
  position:relative!important;
  z-index:6!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-scene-frame{
  min-height:min(82vh,820px)!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-scene-frame:before{
  display:none!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-glow{
  right:24%!important;
  top:24%!important;
  width:min(42vw,680px)!important;
  height:min(42vw,680px)!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.40) 24%,rgba(62,60,180,.16) 48%,transparent 72%)!important;
  filter:blur(28px)!important;
  opacity:.95!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-link{
  right:-8vw!important;
  bottom:-13vh!important;
  width:min(68vw,1120px)!important;
  height:min(98vh,980px)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.58) 13%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.64) 82%,rgba(0,0,0,.96) 100%),
    radial-gradient(circle at 42% 28%,rgba(255,255,255,.17),transparent 8rem),
    radial-gradient(circle at 54% 48%,rgba(142,53,255,.46),transparent 30rem),
    var(--founder-home) 50% 50%/cover no-repeat!important;
  opacity:.58!important;
  filter:contrast(.94) brightness(.78) saturate(.92)!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 13%,black 84%,transparent 100%)!important;
  transform:translate3d(calc(var(--px) * -.42),calc(var(--py) * -.22),0) scale(1.04)!important;
  z-index:2!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-link:after{
  background:
    radial-gradient(circle at 43% 27%,transparent 0 10rem,rgba(0,0,0,.20) 25rem,rgba(0,0,0,.72) 52rem),
    linear-gradient(180deg,rgba(0,0,0,.14),transparent 26%,rgba(0,0,0,.40) 76%,rgba(0,0,0,.92))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-caption{
  left:4vw!important;
  bottom:6vh!important;
  opacity:.82!important;
  z-index:5!important;
}

body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="5"] .world-grid .world span,
body[data-build="v8-content-tuned-2026-06-04"] .world-grid .world span{
  letter-spacing:.20em!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="5"] .world-grid .world strong,
body[data-build="v8-content-tuned-2026-06-04"] .world-grid .world strong{
  font-size:clamp(20px,1.7vw,28px)!important;
  line-height:1.02!important;
}

@media (min-width:761px) and (max-height:860px){
  body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-link{
    right:-7vw!important;
    bottom:-16vh!important;
    width:min(66vw,1040px)!important;
    height:104vh!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.58) 13%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.68) 82%,rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 46% 30%,rgba(255,255,255,.16),transparent 7rem),
      radial-gradient(circle at 56% 45%,rgba(142,53,255,.42),transparent 26rem),
      var(--founder-home) 50% 50%/cover no-repeat!important;
  }
  body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-caption{bottom:4vh!important;}
}
@media(max-width:760px){
  body[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .paper-wrap{right:auto!important;top:auto!important;width:100%!important;height:230px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-scene-frame{min-height:450px!important;margin-top:28px!important;}
  body[data-build="v8-content-tuned-2026-06-04"] .home-founder-scene .founder-link{right:-28vw!important;bottom:-8vh!important;width:128vw!important;height:560px!important;opacity:.44!important;}
}


/* =========================================================
   FINAL REFINED PASS — content direction + page-specific atmosphere
   Keeps V8 smooth-walk engine. No layout rebuild, no aggressive animation reset.
   ========================================================= */
:root{
  --founder-about:url("../images/founder-about-v2.webp");
}

/* About page: new founder image sits center-right between the left story and right belief copy. */
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
  inset:0 9vw 0 auto!important;
  left:auto!important;
  width:min(58vw,980px)!important;
  height:100%!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.62) 16%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.60) 76%,rgba(0,0,0,.96) 100%),
    radial-gradient(circle at 44% 30%,rgba(255,255,255,.18),transparent 7rem),
    radial-gradient(circle at 48% 45%,rgba(142,53,255,.42),transparent 28rem),
    var(--founder-about) 42% 50%/auto 108vh no-repeat!important;
  opacity:.56!important;
  filter:contrast(.88) brightness(.76) saturate(.86)!important;
  mix-blend-mode:screen!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 13%,black 85%,transparent 100%)!important;
  transform:translate3d(calc(var(--px) * -.28),calc(var(--py) * -.16),0) scale(1.018)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait:before{
  right:38%!important;
  top:28%!important;
  width:min(34vw,540px)!important;
  height:min(34vw,540px)!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.40) 24%,rgba(58,124,255,.14) 48%,transparent 72%)!important;
  filter:blur(24px)!important;
  opacity:.95!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait:after{
  background:
    radial-gradient(circle at 42% 32%,transparent 0 9rem,rgba(0,0,0,.22) 24rem,rgba(0,0,0,.76) 50rem),
    linear-gradient(180deg,rgba(0,0,0,.30),transparent 20%,rgba(0,0,0,.46) 76%,rgba(0,0,0,.92))!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-bg-link{
  left:auto!important;
  right:15vw!important;
  top:11vh!important;
  width:min(39vw,690px)!important;
  height:80vh!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .about-belief-stack{
  z-index:10!important;
}

/* Homepage journal scene uses existing shard language, not screenshot backgrounds. */
body[data-build="v8-content-tuned-2026-06-04"] #journal .journal-visual{
  justify-self:end!important;
  width:min(44vw,680px)!important;
  height:min(55vh,520px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] #journal .page-shard{
  width:clamp(150px,13vw,235px)!important;
  height:clamp(210px,28vh,330px)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] #journal .page-shard span{
  position:absolute;
  left:20px;
  top:28px;
  right:20px;
  color:rgba(255,255,255,.86);
  font-family:Georgia,serif;
  font-size:clamp(16px,1.35vw,24px);
  line-height:1.15;
  letter-spacing:.01em;
}
body[data-build="v8-content-tuned-2026-06-04"] #journal .page-shard:after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:40px;
  height:1px;
  background:rgba(255,255,255,.20);
  box-shadow:0 -20px 0 rgba(255,255,255,.13),0 -40px 0 rgba(255,255,255,.10),0 -60px 0 rgba(255,255,255,.07);
}

/* Replace the two hard/dated transition shapes with a smoother cinematic light pass. */
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="gate"] .transition-space:before,
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="principles"] .transition-space:before{
  left:6vw!important;
  right:6vw!important;
  top:53%!important;
  width:auto!important;
  height:clamp(120px,21vh,260px)!important;
  border:0!important;
  border-radius:50%!important;
  clip-path:none!important;
  transform:translate3d(calc(var(--portalX) * -.24),-50%,0) rotate(-3deg)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(77,72,255,.10) 22%,rgba(142,53,255,.44) 48%,rgba(255,255,255,.23) 54%,rgba(142,53,255,.14) 73%,transparent 100%)!important;
  filter:blur(18px) drop-shadow(0 0 52px rgba(142,53,255,.42))!important;
  box-shadow:none!important;
  opacity:calc(var(--portalPower) * .78)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="gate"] .transition-space:after,
body[data-build="v8-content-tuned-2026-06-04"] .stage[data-transition="principles"] .transition-space:after{
  left:12vw!important;
  right:12vw!important;
  top:56%!important;
  height:1px!important;
  border:0!important;
  clip-path:none!important;
  transform:translate3d(calc(var(--portalX) * -.18),0,0) rotate(-3deg)!important;
  background:linear-gradient(90deg,transparent,rgba(142,53,255,.68),rgba(255,255,255,.58),rgba(142,53,255,.56),transparent)!important;
  filter:drop-shadow(0 0 24px rgba(142,53,255,.65))!important;
  opacity:calc(var(--portalPower) * .70)!important;
}

/* Keep right-side page symbols clear and center-right without covering text. */
body[data-build="v8-content-tuned-2026-06-04"] .visual-wrap{
  transform:translate3d(calc(var(--px) * -.12),calc(var(--py) * -.08),0)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .service-visual,
body[data-build="v8-content-tuned-2026-06-04"] .portfolio-visual,
body[data-build="v8-content-tuned-2026-06-04"] .journal-visual,
body[data-build="v8-content-tuned-2026-06-04"] .contact-visual{
  justify-self:end!important;
  align-self:center!important;
}

@media (min-width:761px) and (max-height:860px){
  body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
    right:8vw!important;
    width:min(57vw,900px)!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.66) 18%,rgba(0,0,0,.20) 46%,rgba(0,0,0,.66) 78%,rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 44% 30%,rgba(255,255,255,.16),transparent 6rem),
      radial-gradient(circle at 48% 45%,rgba(142,53,255,.40),transparent 24rem),
      var(--founder-about) 42% 52%/auto 102vh no-repeat!important;
    opacity:.54!important;
  }
  body[data-build="v8-content-tuned-2026-06-04"] #journal .journal-visual{
    height:min(46vh,410px)!important;
  }
}

@media(max-width:760px){
  body[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
    inset:90px -42vw 0 auto!important;
    width:122vw!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.48),rgba(0,0,0,.92)),
      radial-gradient(circle at 40% 38%,rgba(142,53,255,.34),transparent 20rem),
      var(--founder-about) 40% 38%/auto 86vh no-repeat!important;
    opacity:.34!important;
  }
  body[data-build="v8-content-tuned-2026-06-04"] #journal .journal-visual{display:none!important;}
}


/* =========================================================
   FINAL MICRO-POSITIONING PASS — requested scene alignment fixes
   ========================================================= */

/* Persistent active nav underline for the current page. */
body[data-build="v8-content-tuned-2026-06-04"] .nav-links a.active{
  color:#fff!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .nav-links a.active:after{
  transform:scaleX(1)!important;
}
body[data-build="v8-content-tuned-2026-06-04"] .nav-links a.nav-cta.active{
  border-color:rgba(142,53,255,.72)!important;
  box-shadow:inset 0 0 30px rgba(142,53,255,.16),0 0 32px rgba(142,53,255,.18)!important;
}

/* Home / The Bold System: lower the title and cards into the scene center. */
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .text-block{
  position:relative!important;
  top:7.2vh!important;
}
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .chapter-grid{
  position:relative!important;
  top:7.2vh!important;
}
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .service-visual{
  right:1.2vw!important;
  top:calc(22vh - 72px)!important;
  width:min(42vw,620px)!important;
  height:min(48vh,500px)!important;
  opacity:.86!important;
}

/* Home / The Bold Journal: lift the editorial pages slightly and move them a touch right. */
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#journal .journal-visual{
  right:calc(6vw - 38px)!important;
  top:calc(22vh - 38px)!important;
}

/* Services page first scene: lift the system visual. */
body.page-services[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .service-visual{
  top:calc(22vh - 76px)!important;
  right:4vw!important;
}

/* Portfolio page first scene: bring the posters closer to the vertical center. */
body.page-portfolio[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .portfolio-visual{
  top:calc(22vh - 96px)!important;
}

/* About hero: move founder image slightly toward center. */
body.page-about[data-build="v8-content-tuned-2026-06-04"] .about-bg-portrait{
  right:11vw!important;
}
body.page-about[data-build="v8-content-tuned-2026-06-04"] .about-bg-link{
  right:17vw!important;
}

/* About / beliefs scene: raise the heading slightly away from the cards. */
body.page-about[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="2"] .text-block{
  position:relative!important;
  top:-8px!important;
}

/* Journal page first scene: lift the page fragments clearly upward. */
body.page-journal[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .journal-visual{
  top:calc(22vh - 114px)!important;
}

/* Start Your Project page first scene: lift the transmission visual. */
body.page-contact[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .contact-visual{
  top:calc(22vh - 76px)!important;
}

/* Keep the added phone field visually consistent and compact inside the cinematic forms. */
body[data-build="v8-content-tuned-2026-06-04"] .form .field input[type="tel"]{
  letter-spacing:.02em;
}

@media(max-width:760px){
  body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .text-block,
  body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .chapter-grid,
  body.page-about[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="2"] .text-block{
    top:auto!important;
  }
}


/* =========================================================
   SECOND MICRO-POSITIONING PASS — 2026-06-05
   Requested refinements: scene vertical offsets, removed micro labels,
   and country-code phone input.
   ========================================================= */

/* Remove the small bottom-right visual captions requested for scene symbols. */
body[data-build="v8-content-tuned-2026-06-04"] .visual-label{
  display:none!important;
}

/* Home / The Bold System: move text and service cards further down into the center. */
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .text-block,
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .chapter-grid{
  top:clamp(112px,15.5vh,150px)!important;
}

/* Home / The Bold System visual: send the orbit/core symbol to the lower-right corner. */
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .service-visual{
  top:auto!important;
  bottom:5.8vh!important;
  right:.8vw!important;
  width:min(40vw,600px)!important;
  height:min(42vh,440px)!important;
  opacity:.82!important;
}

/* Home / The Bold Journal: move the three editorial cards 2cm up and 1cm right. */
body.page-home[data-build="v8-content-tuned-2026-06-04"] article#journal .journal-visual{
  top:calc(22vh - 114px)!important;
  right:calc(6vw - 76px)!important;
}

/* Services first scene: raise the right-side service system visual by another 1cm. */
body.page-services[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .service-visual{
  top:calc(22vh - 114px)!important;
}

/* Portfolio first scene: raise the three portfolio cards by another 2cm. */
body.page-portfolio[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .portfolio-visual{
  top:calc(22vh - 172px)!important;
}

/* Journal first scene: raise the three journal cards by another 2cm. */
body.page-journal[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .journal-visual{
  top:calc(22vh - 190px)!important;
}

/* Contact / Start Your Project first scene: raise the transmission visual by another 2cm. */
body.page-contact[data-build="v8-content-tuned-2026-06-04"] .scene[data-scene="0"] .contact-visual{
  top:calc(22vh - 152px)!important;
}

/* Phone input with country code selector. */
body[data-build="v8-content-tuned-2026-06-04"] .phone-row{
  display:grid;
  grid-template-columns:minmax(155px,.88fr) minmax(180px,1.3fr);
  gap:10px;
  align-items:stretch;
}
body[data-build="v8-content-tuned-2026-06-04"] .phone-row select{
  color:#f7f1ff;
  letter-spacing:.02em;
  padding-left:14px;
}
body[data-build="v8-content-tuned-2026-06-04"] .phone-row input[type="tel"]{
  letter-spacing:.03em;
}
body[data-build="v8-content-tuned-2026-06-04"] .phone-row select:invalid,
body[data-build="v8-content-tuned-2026-06-04"] .phone-row input:invalid:not(:placeholder-shown){
  border-color:rgba(255,110,170,.42);
}

@media(max-width:760px){
  body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .text-block,
  body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .chapter-grid{
    top:auto!important;
  }
  body.page-home[data-build="v8-content-tuned-2026-06-04"] article#services .service-visual{
    bottom:auto!important;
    right:auto!important;
  }
  body[data-build="v8-content-tuned-2026-06-04"] .phone-row{
    grid-template-columns:1fr;
  }
}


/* === DM Bold content integration 2026-06-05 === */
:root{--founder-clean:url("../images/founder-clean.webp");}
body[data-build="v8-content-integrated-2026-06-05"]{--founder-home:var(--founder-clean);--founder-about:var(--founder-clean);}
body[data-build="v8-content-integrated-2026-06-05"] .nav-links a.active{color:#fff!important;}
body[data-build="v8-content-integrated-2026-06-05"] .nav-links a.active:after{transform:scaleX(1)!important;}
body[data-build="v8-content-integrated-2026-06-05"] .nav-links a.nav-cta.active{border-color:rgba(142,53,255,.62);box-shadow:inset 0 0 28px rgba(142,53,255,.14),0 0 28px rgba(142,53,255,.14)}
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .form{
  transform-style:preserve-3d;
  transition:transform .45s var(--ease), border-color .45s var(--ease), background .45s var(--ease), box-shadow .45s var(--ease)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover{
  transform:translateY(-10px) scale(1.012) rotateX(.65deg)!important;
  border-color:rgba(188,132,255,.68)!important;
  box-shadow:0 20px 70px rgba(0,0,0,.34),0 0 42px rgba(142,53,255,.18)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .article-card .card-arrow,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card .card-arrow,
body[data-build="v8-content-integrated-2026-06-05"] .case-card .card-arrow{display:inline-block;transition:transform .35s var(--ease);}
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover .card-arrow,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover .card-arrow,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover .card-arrow{transform:translateX(8px)}

.featured-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;padding:38px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.22),transparent 18rem),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016));min-height:460px;overflow:hidden}
.featured-card h3{font-size:clamp(34px,4.4vw,70px);line-height:.9;text-transform:uppercase;letter-spacing:-.06em;margin:22px 0 18px}.featured-card p{color:var(--muted);line-height:1.72}.featured-card small,.case-card small{color:#bb8cff;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:900}.featured-visual{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 60% 42%,rgba(142,53,255,.28),transparent 16rem)}
.featured-visual:before,.featured-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);box-shadow:0 0 30px rgba(142,53,255,.12)}
.featured-visual:before{width:42%;height:54%;left:12%;top:18%;transform:rotate(-5deg)}.featured-visual:after{width:48%;height:60%;right:10%;bottom:12%;transform:rotate(4deg)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-grid .article-card{min-height:350px}.article-card .meta{display:flex;justify-content:space-between;gap:12px;color:var(--dim);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:20px}.card-arrow{color:#fff}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-card{min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.18),transparent 12rem),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:space-between}.case-card h3{font-size:clamp(24px,2.5vw,38px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase;margin:0}.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.process-card{min-height:200px;padding:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014))}.process-card small{color:#bb8cff;letter-spacing:.18em}.process-card strong{display:block;text-transform:uppercase;margin:28px 0 14px}.split-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}.split-list span{display:block;border:1px solid rgba(255,255,255,.10);padding:16px 18px;color:var(--muted);background:rgba(255,255,255,.026)}
body[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-link{background:var(--founder-clean) 50% 50%/cover no-repeat!important;opacity:.68!important;filter:contrast(.95) brightness(.86) saturate(.9)!important;mask-image:linear-gradient(90deg,transparent 0%,black 13%,black 92%,transparent 100%)!important;}
body[data-build="v8-content-integrated-2026-06-05"] .about-bg-portrait{background:radial-gradient(circle at 56% 42%,rgba(142,53,255,.24),transparent 28rem),var(--founder-clean) 43% 50%/auto 108vh no-repeat!important;}
body[data-build="v8-content-integrated-2026-06-05"] .founder-caption{letter-spacing:.12em}

.phone-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1fr);gap:10px}.form .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.check{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.11);padding:12px 13px;color:var(--muted);background:rgba(255,255,255,.026);font-size:13px}.check input{width:auto!important;min-height:auto!important}

.article-page{min-height:100vh;padding:140px 24px 80px;background:radial-gradient(circle at 72% 20%,rgba(142,53,255,.18),transparent 28rem),linear-gradient(180deg,#07030d,#000 42%,#050208);position:relative;overflow:hidden}.article-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E")}.article-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto}.article-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.65fr);gap:60px;align-items:center;min-height:calc(100vh - 220px);padding-bottom:70px}.back-link{color:#bb8cff;text-transform:uppercase;letter-spacing:.2em;font-size:11px}.article-hero h1{font-size:clamp(44px,7vw,112px);max-width:860px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0;color:var(--dim);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.article-visual{height:420px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 50% 45%,rgba(142,53,255,.30),transparent 18rem),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01));position:relative;overflow:hidden}.article-visual:before,.article-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.article-visual:before{width:55%;height:54%;left:10%;top:16%;transform:rotate(-6deg)}.article-visual:after{width:50%;height:60%;right:8%;bottom:12%;transform:rotate(5deg)}.article-content{max-width:760px;margin:0 auto;color:rgba(247,241,255,.82)}.article-content h2{font-size:clamp(30px,3.3vw,54px);margin:70px 0 18px;letter-spacing:-.045em}.article-content p{font-size:18px;line-height:1.88;color:rgba(247,241,255,.74)}.pull-quote{margin:60px -8vw;padding:34px;border:1px solid rgba(142,53,255,.32);background:rgba(142,53,255,.05);font-size:clamp(28px,4vw,54px);line-height:1.05;text-transform:uppercase;letter-spacing:-.045em;color:#fff}.takeaways{margin:80px 0;padding:34px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.takeaways h2{margin-top:0}.takeaways li{margin:14px 0;color:var(--muted);line-height:1.65}.related{max-width:1180px;margin:90px auto 0}.article-cta{text-align:center;max-width:860px;margin:90px auto 0;padding:55px 24px;border-top:1px solid rgba(255,255,255,.10)}
@media(max-width:980px){.featured-card,.article-hero{grid-template-columns:1fr}.article-grid,.case-grid,.process-grid,.split-list{grid-template-columns:1fr}.phone-row,.form .checks{grid-template-columns:1fr}.featured-card{min-height:auto}.article-page{padding-top:110px}.article-content p{font-size:16px}.pull-quote{margin:50px 0}}


/* === Batch refinement 2026-06-05: positioning, glass cards, forms, journal motion === */
:root{--founder-about-wide:url("../images/founder-about-wide.webp");}
body.page-about[data-build="v8-content-integrated-2026-06-05"]{--founder-about:var(--founder-about-wide);}

/* Home founder image: move the photo up and toward the center-right. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-link{
  right:8.5%!important;
  bottom:1.8%!important;
  width:min(50vw,720px)!important;
  height:min(88vh,790px)!important;
  background-position:50% 44%!important;
}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-glow{
  right:25%!important;top:12%!important;
}

/* About hero: use the new wide founder image as atmosphere, centered between left copy and right notes. */
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-portrait{
  inset:-5% 2% -7% 20%!important;
  opacity:.78!important;
  filter:contrast(.88) brightness(.70) saturate(.85)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.36) 31%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.94) 100%),
    radial-gradient(circle at 54% 45%,rgba(142,53,255,.22),transparent 29rem),
    var(--founder-about) center center/cover no-repeat!important;
  mask-image:
    linear-gradient(90deg,transparent 0%,black 16%,black 83%,transparent 100%),
    linear-gradient(180deg,transparent 0%,black 10%,black 90%,transparent 100%)!important;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,black 16%,black 83%,transparent 100%),
    linear-gradient(180deg,transparent 0%,black 10%,black 90%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-composite:intersect!important;
}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-portrait:after{
  background:
    radial-gradient(circle at 52% 42%,transparent 0 13rem,rgba(0,0,0,.54) 34rem),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.80))!important;
}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-link{left:42%!important;width:34%!important;}

/* Premium frosted-glass card language across the site. */
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.135)!important;
  background:
    radial-gradient(circle at var(--cx,50%) var(--cy,38%),rgba(150,84,255,.16),transparent 11rem),
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 54%,rgba(142,53,255,.035))!important;
  backdrop-filter:blur(20px) saturate(118%);
  -webkit-backdrop-filter:blur(20px) saturate(118%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 18px 48px rgba(0,0,0,.20)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:after{
  content:"";
  position:absolute;
  inset:-55% -45%;
  z-index:-1;
  opacity:0;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.12) 43%,rgba(188,132,255,.26) 50%,transparent 68%);
  transform:translateX(-42%) rotate(0deg);
  transition:opacity .42s var(--ease),transform .72s var(--ease);
  mix-blend-mode:screen;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 58px rgba(0,0,0,.30),0 0 46px rgba(142,53,255,.24)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover:after{
  opacity:1;
  transform:translateX(34%) rotate(0deg);
}

/* Keep old hover strokes/lifts from fighting the magnetic-card JS. */
body[data-build="v8-content-integrated-2026-06-05"] .belief-list.three .belief-card:hover:nth-child(1),
body[data-build="v8-content-integrated-2026-06-05"] .belief-list.three .belief-card:hover:nth-child(2),
body[data-build="v8-content-integrated-2026-06-05"] .belief-list.three .belief-card:hover:nth-child(3){transform:none;}

/* Portfolio: The Approach — move the attribute chips to the center-right and lower the text. */
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .inner.grid{
  grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr)!important;
  gap:60px!important;
}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .text-block{
  transform:translateY(44px)!important;
  max-width:560px!important;
}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .split-list{
  grid-column:2;
  grid-row:1;
  align-self:center;
  justify-self:center;
  width:min(560px,100%);
  margin:0!important;
  transform:translateY(30px);
}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .service-visual{
  opacity:.20!important;
  justify-self:end;
}

/* Center process/card groups that were leaning left. */
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .process-grid,
body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .process-grid,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  max-width:920px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .process-grid{
  transform:translate(28px,38px)!important;
}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .process-grid,
body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .process-grid{
  transform:translateX(28px)!important;
}

/* Portfolio deliverables pills: more modern. */
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="6"] .split-list{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* Journal hero papers: text lowered and muted, as visual texture only. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .page-shard span,
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#journal .page-shard span{
  position:absolute!important;
  left:24px!important;
  right:20px!important;
  top:30px!important;
  bottom:auto!important;
  color:rgba(247,241,255,.38)!important;
  opacity:.62!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .page-shard:before,
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#journal .page-shard:before{
  top:72px!important;
  opacity:.46!important;
}

/* Journal article collection: lower title, 2 cards on top + 3 smaller underneath. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .inner.center{
  align-items:start!important;
  padding-top:190px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .text-block{
  transform:translateY(64px)!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-grid{
  width:min(1110px,100%);
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
  margin:100px auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card{
  min-height:246px!important;
  padding:24px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card:nth-child(1),
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card:nth-child(2){
  grid-column:span 3;
  min-height:285px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card:nth-child(n+3){
  grid-column:span 2;
  min-height:228px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card h3{
  font-size:clamp(22px,2.2vw,34px)!important;
}

/* Start project form: dropdown-like service selection. */
.needs-dropdown{position:relative;z-index:12;}
.needs-dropdown summary{
  list-style:none;
  min-height:54px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.24);
  color:rgba(247,241,255,.72);
  cursor:pointer;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);
}
.needs-dropdown summary::-webkit-details-marker{display:none;}
.needs-dropdown[open] summary{border-color:rgba(142,53,255,.62);box-shadow:0 0 0 4px rgba(142,53,255,.08);background:rgba(142,53,255,.045);}
.needs-chevron{color:#fff;opacity:.68;transition:transform .28s var(--ease)}
.needs-dropdown[open] .needs-chevron{transform:rotate(180deg)}
.needs-dropdown .checks{
  position:absolute;
  left:0;right:0;top:calc(100% + 8px);
  max-height:245px;
  overflow:auto;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  padding:10px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(8,4,16,.94);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 40px rgba(142,53,255,.16);
}
.needs-dropdown .check{min-height:42px;padding:10px 12px!important;border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;}
.needs-dropdown .check:hover{background:rgba(142,53,255,.10)!important;}

/* Journal card-to-article cinematic entry. */
body.is-journal-transitioning{overflow:hidden!important;}
.journal-card-portal{
  position:fixed!important;
  z-index:9998!important;
  margin:0!important;
  pointer-events:none!important;
  transform-origin:center center!important;
  transition:transform .62s cubic-bezier(.16,1,.3,1), opacity .62s cubic-bezier(.16,1,.3,1), filter .62s cubic-bezier(.16,1,.3,1), box-shadow .62s cubic-bezier(.16,1,.3,1)!important;
  box-shadow:0 0 0 9999px rgba(0,0,0,.78),0 0 130px rgba(142,53,255,.42)!important;
  filter:saturate(1.15) brightness(1.08)!important;
}
.journal-card-portal:before{
  content:"";position:absolute;inset:-22%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(142,53,255,.28),transparent 62%);filter:blur(24px);
}

@media(max-width:1080px){
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .inner.grid{grid-template-columns:1fr!important;}
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .split-list{grid-column:auto;grid-row:auto;transform:none;width:100%;margin-top:30px!important;}
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-grid{grid-template-columns:1fr!important;margin-top:80px!important;}
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .article-card{grid-column:auto!important;}
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .process-grid,
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .process-grid,
  body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .process-grid{grid-template-columns:1fr!important;transform:none!important;}
}


/* =========================================================
   REPAIR PASS — 2026-06-05
   Fixes only the reported regressions: founder framing, scene offsets,
   compact brief form, calmer transitions, journal split, and smoother card entry.
   ========================================================= */
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet{display:none!important;}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space{z-index:-2!important;}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space.active{opacity:.42!important;}
body[data-build="v8-content-integrated-2026-06-05"] .star-streak{opacity:.34!important;width:clamp(170px,18vw,310px)!important;filter:drop-shadow(0 0 18px rgba(142,53,255,.38)) blur(.15px)!important;}

/* Card hover: no upward jump, no purple stroke takeover — just a living magnetic response + light ray. */
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span{
  transition:transform .28s cubic-bezier(.17,.84,.28,1), box-shadow .38s var(--ease), background .38s var(--ease)!important;
  border-color:rgba(255,255,255,.13)!important;
  will-change:transform;
  pointer-events:auto!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover{
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 44px rgba(0,0,0,.25),0 0 54px rgba(142,53,255,.24)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter-grid,
body[data-build="v8-content-integrated-2026-06-05"] .world-grid,
body[data-build="v8-content-integrated-2026-06-05"] .process-grid,
body[data-build="v8-content-integrated-2026-06-05"] .article-grid{position:relative;z-index:12!important;}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover{z-index:20!important;}

/* Home founder: full atmospheric right-side image, no frame/card. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .inner.grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .text-block{position:relative!important;z-index:9!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-scene-frame{
  position:absolute!important;inset:0!important;min-height:100vh!important;border:0!important;background:transparent!important;overflow:visible!important;z-index:1!important;pointer-events:none!important;
}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-scene-frame:before{display:none!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-link{
  right:-3.2vw!important;bottom:-11vh!important;width:min(68vw,1120px)!important;height:112vh!important;z-index:2!important;pointer-events:auto!important;
  background:var(--founder-clean) 50% 47%/cover no-repeat!important;opacity:.57!important;filter:contrast(.92) brightness(.76) saturate(.88)!important;
  mix-blend-mode:screen!important;mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 86%,transparent 100%)!important;
}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-glow{right:27%!important;top:18%!important;z-index:1!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-caption{left:49vw!important;bottom:8vh!important;z-index:4!important;opacity:.58!important;}

/* Home services: lower headline and cards substantially; keep the right visual low-right but readable. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#services .text-block{transform:translateY(145px)!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#services .chapter-grid{transform:translateY(150px)!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#services .service-visual{position:relative!important;top:52px!important;right:-10px!important;}

/* Home journal/pages visual: lift the pages. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#journal .journal-visual{position:relative!important;top:-102px!important;right:-18px!important;}

/* Services page: first visual up, card hover reliability, and process text down. */
body.page-services[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .service-visual{position:relative!important;top:-78px!important;}
body.page-services[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .chapter-grid{z-index:30!important;}
body.page-services[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .chapter{pointer-events:auto!important;}
body.page-services[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="11"] .text-block{transform:translateY(52px)!important;}

/* Portfolio scene offsets. */
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .text-block{transform:translateY(132px)!important;}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .split-list{transform:translateY(122px)!important;}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .text-block{transform:translateY(54px)!important;}
body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .process-grid{transform:translateX(0)!important;}

/* About hero image and method scene. */
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-portrait{
  inset:1.5% 4% -10% 15.8%!important;background-position:center 56%!important;opacity:.74!important;
}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-link{left:39%!important;top:14%!important;}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .text-block{transform:translateY(38px)!important;}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .process-grid{transform:translateX(-28px)!important;}

/* Journal hero and article scenes split. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .journal-visual{position:relative!important;top:-76px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .page-shard span,
body.page-home[data-build="v8-content-integrated-2026-06-05"] article#journal .page-shard span{top:38px!important;opacity:.38!important;color:rgba(247,241,255,.30)!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .inner.center,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .inner.center{align-items:start!important;padding-top:210px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .text-block,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .text-block{transform:translateY(120px)!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(880px,100%)!important;margin:210px auto 0!important;gap:20px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(1080px,100%)!important;margin:190px auto 0!important;gap:18px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card{min-height:300px!important;padding:26px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{min-height:270px!important;padding:24px!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{grid-column:auto!important;}

/* Start Your Project: lift hero visual, compact the form, and lower after-send text. */
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .contact-visual{position:relative!important;top:-82px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .inner.grid{grid-template-columns:minmax(0,.55fr) minmax(620px,1.45fr)!important;gap:34px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .text-block{align-self:start!important;transform:translateY(18px)!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .form{
  max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;padding:20px!important;align-self:center!important;
}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .field label{font-size:8px!important;margin-bottom:5px!important;letter-spacing:.16em!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .field input,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .field select,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .needs-dropdown summary{min-height:38px!important;padding:8px 11px!important;font-size:12px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .field textarea{min-height:58px!important;padding:8px 11px!important;font-size:12px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .phone-row{grid-template-columns:minmax(132px,.8fr) minmax(130px,1fr)!important;gap:8px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .needs-field,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .field:has(textarea),
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .form > button{grid-column:1 / -1!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .needs-dropdown .checks{max-height:178px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .form > button{min-height:42px!important;margin-top:2px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .text-block{transform:translateY(62px)!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .process-grid{transform:translate(0,72px)!important;}

/* Journal click transition: keep it cinematic but stop showing huge cropped words. */
.journal-card-portal{overflow:hidden!important;border-radius:0!important;box-shadow:0 0 0 9999px rgba(0,0,0,.74),0 0 96px rgba(142,53,255,.34)!important;}
.journal-card-portal > *{opacity:0!important;transition:opacity .18s ease!important;}
.journal-card-portal:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 50%,rgba(142,53,255,.22),transparent 62%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(142,53,255,.05))!important;opacity:1!important;}
.article-page .article-hero{transform:none!important;}

@media(max-width:1080px){
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .inner.grid{grid-template-columns:1fr!important;}
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .form{grid-template-columns:1fr!important;}
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-grid-two,
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-grid-three{grid-template-columns:1fr!important;margin-top:95px!important;width:100%!important;}
  body.page-home[data-build="v8-content-integrated-2026-06-05"] article#services .text-block,
  body.page-home[data-build="v8-content-integrated-2026-06-05"] article#services .chapter-grid,
  body.page-services[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="11"] .text-block,
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .text-block,
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="1"] .split-list,
  body.page-portfolio[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .text-block,
  body.page-about[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="5"] .text-block,
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .text-block,
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="4"] .process-grid{transform:none!important;top:auto!important;}
}


/* =========================================================
   EMERGENCY CLEAN PASS — remove all card/object scene transitions,
   restore cinematic scene movement, fix founder placement, journal cards,
   and soften article entry.
   ========================================================= */
body[data-build="v8-content-integrated-2026-06-05"] .transition-space,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space.active,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .star-streak{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage.portal-active:before{
  opacity:.96!important;
  filter:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage.portal-active:after{
  opacity:.33!important;
}

/* Home founder: move full page image slightly left; keep no frame. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-scene-frame{
  border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-scene-frame:before,
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-scene-frame:after{display:none!important;content:none!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .home-founder-scene .founder-link{
  right:1.2vw!important;
  bottom:-11vh!important;
  width:min(68vw,1120px)!important;
  height:112vh!important;
  background:var(--founder-clean) 50% 47%/cover no-repeat!important;
}

/* About founder: move 1.5cm left without changing the composition. */
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-portrait{
  inset:1.5% 5.8% -10% 13.6%!important;
  background-position:center 56%!important;
}
body.page-about[data-build="v8-content-integrated-2026-06-05"] .about-bg-link{left:37.8%!important;}

/* Journal hero visual: lift pages. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="0"] .journal-visual{
  top:-132px!important;
}

/* Journal article scenes: clean editorial layout; no cramped tall cards. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .inner.center,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .inner.center{
  align-items:start!important;
  padding-top:185px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .text-block,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .text-block{
  transform:translateY(44px)!important;
  max-width:980px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two{
  width:min(1160px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  margin:160px auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{
  width:min(1180px,100%)!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:150px auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card{
  min-height:245px!important;
  padding:30px 32px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{
  min-height:235px!important;
  padding:26px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card h3{
  font-size:clamp(28px,2.6vw,44px)!important;
  line-height:.96!important;
  max-width:92%!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card h3{
  font-size:clamp(22px,2vw,32px)!important;
  line-height:1!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card p{
  font-size:14px!important;
  line-height:1.58!important;
  max-width:92%!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card small{
  opacity:.95!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card .meta{
  margin-top:28px!important;
}

/* Replace old cloned-card article transition with a clean portal surface. */
.journal-card-portal{display:none!important;}
.journal-entry-portal{
  position:fixed!important;
  z-index:9998!important;
  pointer-events:none!important;
  border:1px solid rgba(206,185,255,.22)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(142,53,255,.24),transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(142,53,255,.035),rgba(0,0,0,.74))!important;
  box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 96px rgba(142,53,255,.26),inset 0 0 80px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  opacity:.88!important;
  transform-origin:center center!important;
  transition:
    transform .56s cubic-bezier(.16,1,.3,1),
    width .56s cubic-bezier(.16,1,.3,1),
    height .56s cubic-bezier(.16,1,.3,1),
    margin .56s cubic-bezier(.16,1,.3,1),
    opacity .45s ease!important;
  overflow:hidden!important;
}
.journal-entry-portal:before{
  content:""!important;
  position:absolute!important;
  inset:-20%!important;
  background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.18) 48%,transparent 76%)!important;
  transform:translateX(-35%) skewX(-12deg)!important;
  filter:blur(10px)!important;
  opacity:.55!important;
}
body.is-journal-transitioning .article-card,
body.is-journal-transitioning .featured-card{transform:none!important;}

@media(max-width:1080px){
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two,
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{
    grid-template-columns:1fr!important;
    margin-top:90px!important;
    width:100%!important;
  }
}


/* =========================================================
   FINAL STABILITY PASS — no card portals, cinematic scene handoffs,
   button-like card hover, readable Journal cards, simple brief form.
   ========================================================= */

/* Bring back the original cinematic transition layer: stars / glow / space only, no cards. */
body[data-build="v8-content-integrated-2026-06-05"] .transition-space{
  display:block!important;
  visibility:visible!important;
  opacity:var(--portalOpacity,.42)!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  transform:scale(1) rotate(var(--portalRotate,0deg))!important;
  background:radial-gradient(circle at 62% 48%,rgba(142,53,255,.16),transparent 32rem)!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  opacity:calc(.12 + var(--portalPower,0) * .42)!important;
  position:absolute!important;
  pointer-events:none!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before{
  left:50%;top:50%;width:72vmax;height:72vmax;border-radius:50%!important;
  transform:translate(-50%,-50%) rotate(var(--portalRotate,0deg)) scale(calc(.86 + var(--portalPower,0) * .22))!important;
  background:radial-gradient(circle,transparent 42%,rgba(142,53,255,.10) 43%,transparent 58%)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after{
  inset:0!important;
  background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.035) 48%,transparent 78%)!important;
  transform:translateX(var(--portalX,0px)) translateY(var(--portalY,0px))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .star-streak{
  display:block!important;
  visibility:visible!important;
  opacity:calc(.16 + var(--portalPower,0) * .64)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage.portal-active:after{
  opacity:1!important;
}

/* Absolutely no cloned card / square overlay for article navigation. */
.journal-entry-portal,.journal-card-portal{display:none!important;opacity:0!important;visibility:hidden!important;}
body.is-journal-transitioning{cursor:auto!important;}

/* Cards use the same feeling as buttons: soft magnetic response, no upward lift, no purple stroke jump. */
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.16),transparent 11rem),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  transition:background .32s var(--ease),box-shadow .32s var(--ease),filter .32s var(--ease)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 44px rgba(142,53,255,.105),0 20px 70px rgba(0,0,0,.28),0 0 34px rgba(142,53,255,.14)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:after{
  content:""!important;
  position:absolute!important;
  left:var(--cx,50%);top:var(--cy,50%);
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(191,139,255,.22),transparent 64%)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.72)!important;
  pointer-events:none!important;
  transition:opacity .28s var(--ease),transform .34s var(--ease)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover:after{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}

/* Journal cards: proper editorial width, not tall/narrow. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .inner.center,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .inner.center{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding-top:170px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .text-block,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .text-block{
  transform:none!important;
  width:min(980px,100%)!important;
  margin:0 auto!important;
  text-align:center!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(1100px,calc(100vw - 300px))!important;
  min-width:min(960px,calc(100vw - 300px))!important;
  gap:24px!important;
  margin:70px auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(1180px,calc(100vw - 260px))!important;
  gap:20px!important;
  margin:68px auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{
  width:100%!important;
  min-width:0!important;
  min-height:255px!important;
  padding:28px 30px!important;
  text-align:left!important;
  justify-content:space-between!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card h3{
  font-size:clamp(30px,2.45vw,42px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  max-width:96%!important;
  margin:0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card h3{
  font-size:clamp(23px,1.9vw,31px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  max-width:96%!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card p,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card p{
  font-size:14px!important;
  line-height:1.55!important;
  max-width:96%!important;
  margin:14px 0!important;
}

/* Simple old form: name, email, phone, company, link, message only. */
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .inner.grid{
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)!important;
  gap:58px!important;
}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form{
  max-width:660px!important;
  margin-left:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:32px!important;
}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form .phone-field,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form .full,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form button{grid-column:1/-1!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form input,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form select{min-height:48px!important;font-size:13px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form textarea{min-height:130px!important;font-size:13px!important;}

@media(max-width:1080px){
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two,
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;}
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .inner.grid{grid-template-columns:1fr!important;}
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .scene[data-scene="2"] .simple-brief-form{grid-template-columns:1fr!important;max-width:100%!important;}
}


/* =========================================================
   MOTION BIBLE IMPLEMENTATION — cinematic, no card transitions
   ========================================================= */
html.lenis, html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}

/* Full-screen page wash for internal navigation. No card, no square. */
.page-transition-veil{
  position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:0;visibility:hidden;
  background:
    radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(142,53,255,.24),transparent 28rem),
    linear-gradient(105deg,rgba(0,0,0,.10),rgba(0,0,0,.88) 52%,#000 100%);
  backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);
  transition:opacity .42s cubic-bezier(.16,1,.3,1),visibility .42s,backdrop-filter .42s cubic-bezier(.16,1,.3,1);
}
.page-transition-veil:before{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.10) 48%,transparent 76%);transform:translateX(-35%) skewX(-12deg);filter:blur(20px);opacity:.42;}
body.page-exiting .page-transition-veil{opacity:1;visibility:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

/* Dynamic background: alive but quiet. */
body[data-build="v8-content-integrated-2026-06-05"] .stage{
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(142,53,255,.13),transparent 19rem),
    radial-gradient(circle at 72% 42%,rgba(142,53,255,.22),transparent 30rem),
    radial-gradient(circle at 18% 80%,rgba(120,210,255,.055),transparent 34rem),
    linear-gradient(180deg,#07030d 0%,#000 66%,#050208 100%)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage:before{
  opacity:.92!important;
  transition:none!important;
  will-change:transform;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space{
  display:block!important;visibility:visible!important;position:absolute!important;inset:0!important;z-index:-2!important;pointer-events:none!important;overflow:hidden!important;border:0!important;box-shadow:none!important;
  background:
    radial-gradient(circle at 62% 46%,rgba(142,53,255,.18),transparent 28rem),
    radial-gradient(circle at 28% 70%,rgba(149,239,255,.04),transparent 34rem)!important;
  transform:translate3d(var(--portalX,0px),var(--portalY,0px),0) scale(calc(.99 + var(--portalPower,0) * .035)) rotate(var(--portalRotate,0deg))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after{
  content:""!important;display:block!important;visibility:visible!important;position:absolute!important;pointer-events:none!important;border:0!important;box-shadow:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before{
  left:50%;top:50%;width:86vmax;height:86vmax;border-radius:50%!important;opacity:calc(.08 + var(--portalPower,0) * .30)!important;
  transform:translate(-50%,-50%) rotate(var(--portalRotate,0deg)) scale(calc(.86 + var(--portalPower,0) * .20))!important;
  background:radial-gradient(circle,transparent 42%,rgba(142,53,255,.11) 43%,transparent 58%)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after{
  inset:-10%!important;opacity:calc(.04 + var(--portalPower,0) * .20)!important;
  background:linear-gradient(110deg,transparent 14%,rgba(255,255,255,.045) 48%,transparent 78%)!important;
  transform:translateX(calc(var(--portalX,0px) * .8)) translateY(calc(var(--portalY,0px) * .7))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .star-streak{display:none!important;opacity:0!important;visibility:hidden!important;}
.journal-entry-portal,.journal-card-portal{display:none!important;opacity:0!important;visibility:hidden!important;}

/* Cards: use exact button-like magnetic feel. No upward jump, no purple stroke takeover. */
body[data-build="v8-content-integrated-2026-06-05"] .motion-card,
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article{
  transform:var(--card-transform,translate3d(0,0,0) scale(1))!important;
  border-color:rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at var(--cx,50%) var(--cy,50%),rgba(142,53,255,.15),transparent 12rem),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1)!important;
  will-change:transform;
}
body[data-build="v8-content-integrated-2026-06-05"] .motion-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article:hover{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 0 42px rgba(142,53,255,.10),0 20px 66px rgba(0,0,0,.27),0 0 34px rgba(142,53,255,.13)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .motion-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .chapter:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:after,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article:after{
  content:""!important;position:absolute!important;left:var(--cx,50%);top:var(--cy,50%);width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(191,139,255,.22),transparent 64%)!important;opacity:0!important;transform:translate(-50%,-50%) scale(.74)!important;pointer-events:none!important;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .motion-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover:after,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article:hover:after{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}

/* Journal article scenes: readable editorial cards, not tall/narrow. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .inner.center,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .inner.center{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding-top:172px!important;text-align:center!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .text-block,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .text-block{
  width:min(980px,100%)!important;margin:0 auto!important;text-align:center!important;max-width:980px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two{
  display:grid!important;grid-template-columns:repeat(2,minmax(420px,1fr))!important;width:min(1120px,100%)!important;gap:26px!important;margin:70px auto 0!important;align-items:stretch!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(1180px,100%)!important;gap:22px!important;margin:70px auto 0!important;align-items:stretch!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{
  width:100%!important;min-width:0!important;min-height:260px!important;padding:30px 32px!important;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card h3{
  font-size:clamp(31px,2.55vw,46px)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:96%!important;margin:0!important;word-break:normal!important;overflow-wrap:normal!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card h3{
  font-size:clamp(24px,1.85vw,32px)!important;line-height:1!important;letter-spacing:-.045em!important;max-width:98%!important;word-break:normal!important;overflow-wrap:normal!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card p,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card p{font-size:14px!important;line-height:1.55!important;max-width:96%!important;margin:14px 0!important;color:rgba(247,241,255,.70)!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card small{font-size:9px!important;letter-spacing:.22em!important;color:#bb8cff!important;opacity:.95!important;}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card .meta{display:flex!important;justify-content:space-between!important;gap:16px!important;margin-top:20px!important;color:rgba(247,241,255,.42)!important;font-size:9px!important;letter-spacing:.16em!important;text-transform:uppercase!important;}

/* Keep simple brief form compact everywhere. */
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form{max-width:660px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:32px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form .phone-field,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form .full,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form button{grid-column:1/-1!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form input,
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form select{min-height:48px!important;font-size:13px!important;}
body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form textarea{min-height:130px!important;font-size:13px!important;}

@media(max-width:1080px){
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two,
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;}
  body.page-contact[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form{grid-template-columns:1fr!important;max-width:100%!important;}
}


/* =========================================================
   ANIMATION TRANSPLANT PASS — source: v8 position + phone fix
   Keeps latest content, restores the preferred cinematic scene-transition language.
   ========================================================= */
body[data-build="v8-content-integrated-2026-06-05"] .transition-space{
  display:block!important;visibility:visible!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;overflow:hidden!important;
  opacity:var(--portalOpacity,.72)!important;
  transform:scale(calc(.985 + var(--portalPower,0) * .06)) rotate(var(--portalRotate,0deg))!important;
  background:transparent!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:before,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space:after{
  content:""!important;display:block!important;visibility:visible!important;position:absolute!important;pointer-events:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .star-streak{
  display:block!important;visibility:visible!important;opacity:calc(.18 + var(--portalPower,0) * .78)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .journal-entry-portal,
body[data-build="v8-content-integrated-2026-06-05"] .journal-card-portal{display:none!important;opacity:0!important;visibility:hidden!important;}
/* Page-specific transition language: visible, but not dominant or repeated as the same card. */
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="gate"] .transition-space:before{
  right:9vw!important;top:50%!important;width:clamp(260px,25vw,500px)!important;height:clamp(390px,60vh,760px)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) perspective(1100px) rotateY(-28deg) rotateZ(-2deg)!important;
  border:1px solid rgba(210,190,255,.42)!important;border-radius:2px!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.25),rgba(142,53,255,.44) 20%,rgba(50,7,110,.22) 48%,transparent 72%)!important;
  box-shadow:0 0 110px rgba(142,53,255,.38), inset 0 0 120px rgba(255,255,255,.10)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="mind"] .transition-space:before{
  right:22vw!important;top:47%!important;width:clamp(320px,32vw,660px)!important;height:clamp(320px,32vw,660px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) scale(calc(.88 + var(--portalPower) * .18))!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.42) 24%,rgba(58,124,255,.15) 46%,transparent 72%)!important;
  filter:blur(18px) drop-shadow(0 0 80px rgba(142,53,255,.42))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="chapters"] .transition-space:before{
  right:10vw!important;top:52%!important;width:clamp(320px,34vw,660px)!important;height:clamp(320px,34vw,660px)!important;
  border-radius:50%!important;border:1px solid rgba(185,158,255,.24)!important;
  transform:translate3d(var(--portalX),calc(-50% + var(--portalY)),0) rotate(calc(var(--portalRotate) * 2))!important;
  background:repeating-conic-gradient(from calc(var(--orbitA,0deg)),rgba(142,53,255,.28) 0 6deg,transparent 6deg 22deg),radial-gradient(circle,rgba(255,255,255,.18),rgba(142,53,255,.12) 26%,transparent 62%)!important;
  box-shadow:0 0 100px rgba(142,53,255,.25),inset 0 0 90px rgba(255,255,255,.07)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="principles"] .transition-space:before{
  left:9vw!important;right:9vw!important;top:50%!important;width:auto!important;height:clamp(190px,29vh,340px)!important;
  border-radius:0!important;border:0!important;
  transform:translate3d(calc(var(--portalX) * .25),-50%,0) rotate(-5deg)!important;
  background:linear-gradient(90deg,transparent,rgba(142,53,255,.15),rgba(255,255,255,.18),rgba(142,53,255,.14),transparent)!important;
  clip-path:polygon(0 48%,18% 24%,36% 55%,53% 19%,71% 57%,100% 34%,100% 68%,70% 62%,53% 84%,34% 62%,15% 80%,0 58%)!important;
  filter:blur(10px) drop-shadow(0 0 44px rgba(142,53,255,.55))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="worlds"] .transition-space:before{
  left:50%!important;top:50%!important;width:clamp(560px,60vw,1120px)!important;height:clamp(330px,48vh,700px)!important;
  border-radius:50%!important;border:0!important;
  transform:translate3d(calc(-50% + var(--portalX)),calc(-50% + var(--portalY)),0) rotate(var(--portalRotate))!important;
  background:conic-gradient(from calc(var(--orbitA,0deg)),transparent,rgba(142,53,255,.32),rgba(76,122,255,.24),transparent,rgba(255,255,255,.16),transparent)!important;
  box-shadow:0 0 140px rgba(142,53,255,.26)!important;
  filter:blur(18px)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="spotlight"] .transition-space:before{
  left:52%!important;top:0!important;width:clamp(120px,11vw,220px)!important;height:100vh!important;
  transform:translateX(calc(-50% + var(--portalX))) perspective(900px) rotateX(16deg)!important;
  border:0!important;border-radius:50% 50% 3px 3px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(165,121,255,.50) 28%,rgba(86,60,255,.16) 72%,transparent)!important;
  box-shadow:0 0 105px rgba(142,53,255,.45),0 0 230px rgba(71,90,255,.22)!important;
  filter:blur(6px)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="signal"] .transition-space:before{
  left:0!important;right:0!important;top:50%!important;width:auto!important;height:clamp(90px,17vh,210px)!important;
  transform:translate3d(calc(var(--portalX) * -.36),-50%,0) skewY(-4deg)!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(63,129,255,.08) 22%,rgba(142,53,255,.46) 48%,rgba(255,255,255,.28) 54%,rgba(142,53,255,.15) 70%,transparent 100%)!important;
  filter:blur(13px) drop-shadow(0 0 42px rgba(142,53,255,.52))!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="curtain"] .transition-space:before{
  inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;
  background:radial-gradient(ellipse at 50% 38%,rgba(142,53,255,.20),transparent 33rem),linear-gradient(90deg,rgba(0,0,0,.94),rgba(64,20,115,.30),rgba(0,0,0,.94))!important;
  filter:blur(0)!important;opacity:calc(var(--portalPower) * .70)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="mind"] .planet,
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="spotlight"] .planet,
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="signal"] .planet,
body[data-build="v8-content-integrated-2026-06-05"] .stage[data-transition="curtain"] .planet{opacity:0!important;}



/* Home page form follows Start Your Project form system. */
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form{
  max-width:660px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:32px!important;
}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form .phone-field,
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form .full,
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form button{grid-column:1/-1!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form input,
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form select{min-height:48px!important;font-size:13px!important;}
body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form textarea{min-height:130px!important;font-size:13px!important;}
@media(max-width:1080px){body.page-home[data-build="v8-content-integrated-2026-06-05"] .simple-brief-form{grid-template-columns:1fr!important;max-width:100%!important;}}


/* =========================================================
   TRANSITION STABILITY REPAIR — 2026-06-06
   No cards, no squares, no flashing portal layer.
   Scene motion stays driven by the original v8 camera/depth JS.
   ========================================================= */
body[data-build="v8-content-integrated-2026-06-05"] .transition-space,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space.active,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space::before,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space::after,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .planet,
body[data-build="v8-content-integrated-2026-06-05"] .transition-space .star-streak{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage::after,
body[data-build="v8-content-integrated-2026-06-05"] .stage.portal-active::after{
  opacity:.34!important;
  background:
    radial-gradient(ellipse at 70% 50%,transparent 0 22rem,rgba(0,0,0,.32) 46rem,#000 104rem),
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.74) 100%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.88))!important;
  transition:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .stage.portal-active .progress span{
  box-shadow:0 0 26px rgba(142,53,255,.72),0 0 64px rgba(86,25,190,.34)!important;
}

/* Remove accidental visible boxes around visual atmosphere elements. */
body[data-build="v8-content-integrated-2026-06-05"] .visual-wrap,
body[data-build="v8-content-integrated-2026-06-05"] .service-visual,
body[data-build="v8-content-integrated-2026-06-05"] .journal-visual,
body[data-build="v8-content-integrated-2026-06-05"] .portfolio-visual{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .visual-wrap::after,
body[data-build="v8-content-integrated-2026-06-05"] .service-visual::after,
body[data-build="v8-content-integrated-2026-06-05"] .journal-visual::after,
body[data-build="v8-content-integrated-2026-06-05"] .portfolio-visual::after{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Cards: same micro-interaction feeling as buttons. No lift, no stroke jump. */
body[data-build="v8-content-integrated-2026-06-05"] .chapter,
body[data-build="v8-content-integrated-2026-06-05"] .world,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card,
body[data-build="v8-content-integrated-2026-06-05"] .article-card,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card,
body[data-build="v8-content-integrated-2026-06-05"] .process-card,
body[data-build="v8-content-integrated-2026-06-05"] .case-card,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article{
  transition:background .32s var(--ease),box-shadow .32s var(--ease),filter .32s var(--ease),border-color .32s var(--ease)!important;
  border-color:rgba(255,255,255,.13)!important;
}
body[data-build="v8-content-integrated-2026-06-05"] .chapter:hover,
body[data-build="v8-content-integrated-2026-06-05"] .world:hover,
body[data-build="v8-content-integrated-2026-06-05"] .belief-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .article-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .featured-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .process-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .case-card:hover,
body[data-build="v8-content-integrated-2026-06-05"] .split-list span:hover,
body[data-build="v8-content-integrated-2026-06-05"] .about-belief-stack article:hover{
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:inset 0 0 36px rgba(142,53,255,.10),0 18px 58px rgba(0,0,0,.26),0 0 28px rgba(142,53,255,.13)!important;
}

/* Journal two-card and three-card scenes: wide editorial cards, readable text. */
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .inner.center,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .inner.center{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:clamp(150px,18vh,190px) clamp(24px,4vw,72px) 64px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .text-block,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .text-block{
  width:min(1050px,100%)!important;
  max-width:1050px!important;
  margin:0 auto!important;
  transform:none!important;
  text-align:center!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(1120px,calc(100vw - 220px))!important;
  max-width:1120px!important;
  gap:24px!important;
  margin:clamp(52px,7vh,76px) auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(1180px,calc(100vw - 220px))!important;
  max-width:1180px!important;
  gap:20px!important;
  margin:clamp(52px,7vh,76px) auto 0!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  text-align:left!important;
  overflow:hidden!important;
  padding:30px 32px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card{
  min-height:268px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card{
  min-height:248px!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card h3{
  font-size:clamp(28px,2.55vw,44px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:96%!important;
  margin:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card h3{
  font-size:clamp(22px,1.75vw,31px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  max-width:98%!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-card p,
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-card p{
  font-size:14px!important;
  line-height:1.58!important;
  max-width:96%!important;
  margin:16px 0!important;
  color:rgba(247,241,255,.70)!important;
}
body.page-journal[data-build="v8-content-integrated-2026-06-05"] .article-card small{
  font-size:9px!important;
  letter-spacing:.20em!important;
  opacity:.95!important;
  color:#bb8cff!important;
}

/* Fast cinematic internal navigation wash. No card, no square, no waiting. */
.page-transition-veil{
  position:fixed!important;inset:0!important;z-index:9997!important;pointer-events:none!important;
  opacity:0!important;visibility:hidden!important;
  background:radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(142,53,255,.18),transparent 27rem),linear-gradient(105deg,rgba(0,0,0,.10),rgba(0,0,0,.82) 56%,#000)!important;
  backdrop-filter:blur(0px)!important;-webkit-backdrop-filter:blur(0px)!important;
  transition:opacity .34s cubic-bezier(.16,1,.3,1),visibility .34s,backdrop-filter .34s cubic-bezier(.16,1,.3,1)!important;
}
.page-transition-veil.active{opacity:1!important;visibility:visible!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
@media(max-width:1080px){
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-a .article-grid-two,
  body.page-journal[data-build="v8-content-integrated-2026-06-05"] .journal-articles-b .article-grid-three{grid-template-columns:1fr!important;width:100%!important;}
}