/* WEALTH10 | V3 EXPERIENCE R2 — editorial spatial design pass.
   Additive layer, original V3 remains immutable. 2026-10-30. */
:root{--r2-amber:#ecd4b4;--r2-plum:#2d1938;--r2-nocturne:#090b18}
body{background:#080914}
.hero{
  background:radial-gradient(ellipse 44% 60% at 76% 50%,rgba(148,88,155,.34),transparent 86%),
   radial-gradient(ellipse 95% 78% at 70% 110%,rgba(156,112,130,.21),transparent 62%),
   linear-gradient(118deg,#090d19 0%,#171026 36%,#2d1938 72%,#0a0c18 100%);
  grid-template-columns:56% 44%;min-height:max(860px,100svh);
  border-bottom:1px solid #c4a8b233;
}
.hero::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#dec2b209 12.5%),
 linear-gradient(0deg,#0b0b19 1%,transparent 22%);
}
.hero::after{
 content:"";pointer-events:none;position:absolute;z-index:0;
 bottom:-21%;right:-18%;width:98%;height:56%;border-radius:50%;
 background:radial-gradient(ellipse at 48% 42%,#eacbaa1f,transparent 64%);
 transform:rotateX(70deg);
}
.hero-atmosphere::after{opacity:.2;background:
 linear-gradient(104deg,transparent 43%,rgba(255,223,191,.07) 50%,transparent 56%),
 repeating-linear-gradient(108deg,transparent 0,transparent 160px,#e8c5ba0b 162px,transparent 164px)}
.halo{border-color:rgba(237,191,182,.13)}
.halo-a{right:-2%;width:58%;height:105%;top:-1%}
.halo-b{right:2%;width:58%;height:112%;top:-3%}
.halo-c{right:9%;height:88%;top:9%;width:48%}
.hero-copy{z-index:8;max-width:780px;margin-right:-9%;padding-top:42px}
.hero h1{font-size:clamp(61px,5.5vw,98px);line-height:1.35;letter-spacing:-.065em;text-shadow:0 3px 45px #0b0a19a6}
.hero h1 em{background-image:linear-gradient(95deg,#d9b5d6,#fbddcd 65%,#dbbae1)}
.hero-offer{color:#f3d8be;font-size:19px}
.hero-description{max-width:450px;color:#d9c8d8;font-size:13px;line-height:2.15;text-wrap:pretty}
.text-cta{border-top-color:#e5bfa7aa;border-bottom:1px solid #e5bfa744;padding:20px 0;max-width:350px}
.hero-stage{width:min(110%,710px);height:min(78vh,710px);min-height:615px;
 filter:drop-shadow(-36px 30px 75px rgba(0,0,0,.56));isolation:isolate}
.hero-stage::before{
 content:"";position:absolute;inset:-10% -14% -12%;
 background:
 linear-gradient(90deg,transparent 2%,rgba(224,181,151,.07) 2.5%,transparent 5%,transparent 95%,rgba(230,198,174,.07) 98%,transparent 100%),
 radial-gradient(ellipse at 50% 48%,rgba(255,234,200,.24) 0%,rgba(195,126,177,.24) 30%,transparent 61%);
 clip-path:polygon(12% 100%,12% 25%,16% 13%,31% 3%,68% 3%,87% 25%,88% 100%,100% 100%,100% 0,0 0,0 100%);
 filter:blur(6px);z-index:0;animation:r2GatewayBreath 10s ease-in-out infinite alternate}
.hero-stage::after{
 content:"";position:absolute;inset:4% 2% -2%;
 border-radius:50% 50% 5% 5%/38% 38% 3% 3%;
 border:1px solid rgba(249,221,195,.44);
 box-shadow:inset 0 0 0 7px rgba(10,8,22,.42),inset 0 0 0 8px rgba(218,181,174,.29),0 0 0 13px rgba(40,25,48,.33),0 0 60px rgba(239,173,200,.14);
 z-index:1;pointer-events:none}
.portrait-arch{
 inset:9% 9% 5%;border-radius:48% 48% 3% 3%/39% 39% 2% 2%;
 box-shadow:inset 0 0 42px rgba(255,236,210,.18),0 38px 80px #05050bb5,0 0 90px #dd93c04a}
.portrait-arch img{filter:saturate(.96) contrast(1.06) brightness(1.04);object-position:center 31%}
.portrait-tint{background:linear-gradient(90deg,#160d2648,transparent 32%,transparent 70%,#160d264f),
 linear-gradient(0deg,#160d28bd,transparent 29%,transparent 67%,#2e163b39);mix-blend-mode:normal}
.stage-depth.depth-far{inset:-3% -2% -2% 3%;transform:rotate(5deg);background:linear-gradient(158deg,#fbddc91e,#080b1a60);border-color:#d4b9ad60}
.stage-depth.depth-mid{inset:2% 4% -2% -2%;transform:rotate(-4deg);border-color:#d7abb65b}
.stage-letter{font-size:75px;color:#f9dac7;opacity:.58;z-index:2;text-shadow:0 0 20px #080a13}
.stage-note{z-index:3;bottom:-5%;left:12%;right:7%;color:#f3c8a7}
.hero-bottom{z-index:3;border-top:1px solid #d8b5ac33;padding-top:18px}
.threshold{background:
 radial-gradient(ellipse 62% 78% at 92% 61%,#eacddd 0%,transparent 65%),
 linear-gradient(130deg,#fcf7ef,#e6d8d3 54%,#d4c3ce);min-height:950px}
.threshold-content{max-width:900px}
.threshold h2{max-width:810px}
.threshold-scenography{right:-5%;width:58%;top:20%;height:88%;
 filter:drop-shadow(-32px 28px 32px rgba(103,51,102,.16))}
.threshold-door{background:linear-gradient(110deg,#27153614,#e1b9ce24 35%,#eed0b3aa 55%,#63386224 78%),
 radial-gradient(ellipse at 40% 44%,#fffaf1,#ba92b3 60%,#382143a6);
 border-color:#ab7d9780;box-shadow:inset 20px 0 44px #2d1b3844,24px 33px 75px #5c385343}
.door-2{background:linear-gradient(110deg,#f8ebdcaa,#a17d9ab0,#38214354);opacity:.72}
.door-3{background:linear-gradient(115deg,#fffaf2,#bba0b7 72%,#432548);opacity:.78}
.tree-section{background:
 radial-gradient(ellipse 52% 59% at 34% 57%,#443354 0%,#251d38 56%,transparent 100%),
 radial-gradient(ellipse 52% 70% at 82% 22%,#3d2b4b,#0b0e1c 88%);
 position:relative}
.tree-section::before{content:"";position:absolute;inset:200px 0 0;pointer-events:none;
 background:linear-gradient(90deg,#d4ac9b0d 1px,transparent 1px),
 linear-gradient(0deg,#d4ac9b06 1px,transparent 1px);
 background-size:100px 100px;mask-image:linear-gradient(transparent,black 38%,transparent 90%);opacity:.28}
.tree-environment{isolation:isolate}
.tree-environment::before{
 content:"";position:absolute;left:15%;right:15%;bottom:-3%;height:31%;
 transform:perspective(480px) rotateX(72deg);transform-origin:bottom;
 background:repeating-linear-gradient(90deg,transparent 0,transparent 55px,#edcfa71d 57px,transparent 59px),
 radial-gradient(ellipse at 50% 52%,#d5b1ab33,transparent 67%);
 border-top:1px solid #dfc6bb24;filter:blur(.7px)}
.tree-environment::after{content:"";position:absolute;width:34%;height:38px;left:33%;bottom:8%;
 background:radial-gradient(ellipse,#efc4cc4a,transparent 70%);filter:blur(20px);pointer-events:none}
.sculpture-frame{filter:drop-shadow(0 13px 18px #070713b3)}
.tree-backplate{inset:-2% 5%;border-radius:49% 49% 5% 5%/35% 35% 2% 2%;
 background:linear-gradient(120deg,#f5dac40a,#9d73b630 39%,#231a3d82 50%,#d2a2cc12 78%),radial-gradient(ellipse at 47% 39%,#c2a7dd22,transparent 60%);
 box-shadow:inset 13px 0 28px #e6c2d015,inset -16px 0 34px #0309186e,0 33px 90px #0d0c19bd;
 border:1px solid #f1d5c64d;transform:translateZ(-48px)}
.tree-backplate::before{inset:2.5% 4%;border-color:#f3d4b046;border-width:2px;box-shadow:inset 0 0 0 7px #0b091c6b,0 0 29px #deb49a1a}
.tree-backplate::after{inset:9% 11%;border-color:#e5b9db30}
.node-crystal{width:28px;height:28px;background:linear-gradient(139deg,#fff2dc,#ba98d5 34%,#33294d 53%,#b997d1 81%,#e0c7b5);
 box-shadow:inset 1px 1px 1px #fff9dd9c,inset -2px -2px 6px #121026,0 4px 12px #100a24,0 0 20px #e8c6d638}
.node-orb[aria-pressed="true"] .node-crystal{box-shadow:inset 1px 1px 3px #fff9ed,0 0 0 14px #dfc5ba12,0 0 28px #fae0a5a8}
.tree-path{stroke-width:1.6;opacity:.82}
.tree-path.active{stroke:#e9c3a3}
.tree-insight{background:linear-gradient(94deg,#150e21ad,#201528b0 58%,#100d1a82);border:1px solid #d7b9bb24;border-right:0;
 box-shadow:-35px 35px 100px #09081466;backdrop-filter:blur(9px)}
.matrix-section{background:linear-gradient(140deg,#f8f2e8,#eddfd8 48%,#e3d2d7)}
.matrix-installation{grid-template-columns:64% 36%;border:1px solid #cca6c472;background:#100f24;
 box-shadow:0 22px 0 -13px #bda1a68a,0 55px 110px #59426042;min-height:660px}
.matrix-visual{background:radial-gradient(ellipse at 48% 46%,#68406b 0%,#362442 24%,#1a1831 53%,#080c1d 86%);min-height:660px}
.matrix-visual::before{content:"";position:absolute;inset:-10%;
 background:conic-gradient(from 170deg at 52% 43%,transparent 0deg,#f5cebd0c 11deg,transparent 32deg,#c69fe426 51deg,transparent 78deg,#f7dbbc20 98deg,transparent 130deg,transparent 270deg,#d0ace018 310deg,transparent 360deg);
 filter:blur(19px);animation:r2AtriumSweep 19s ease-in-out infinite alternate}
.matrix-visual::after{opacity:.29}
.matrix-perspective::before{content:"";position:absolute;inset:3% 16% -20%;pointer-events:none;
 clip-path:polygon(50% 2%,67% 32%,89% 100%,11% 100%,33% 32%);
 background:linear-gradient(90deg,transparent,#fbd8ca12 20%,#f5e7dd31 50%,#b993da13 80%,transparent);
 box-shadow:inset 0 0 45px #f0bdd349;transform:perspective(650px) rotateX(8deg)}
.matrix-perspective::after{content:"";position:absolute;left:13%;right:13%;top:78%;height:13%;border-radius:50%;
 border:1px solid #f0d4d163;box-shadow:0 0 80px 28px #cf9dc26b,inset 0 0 35px #e3b7d15e;
 transform:rotateX(74deg);filter:blur(2px)}
.m-core{width:128px;height:128px;top:43%;background:conic-gradient(from 7deg,#ffe4d1 0deg,#9a76b4 46deg,#e1bcd7 90deg,#2b2757 155deg,#b58bc8 210deg,#fff2e2 300deg,#d0a7ca 360deg);
 clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 60px 18px #f1c6dc7a,0 0 170px 50px #bc7bd533;animation:r2CrystalFloat 7s ease-in-out infinite alternate}
.m-core::before{content:"";position:absolute;inset:17%;background:linear-gradient(145deg,#fff7e6cc,#b384d6a8 42%,#251b40dd 78%);
 clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:blur(.5px)}
.m-core::after{content:"";position:absolute;inset:-30%;border:1px solid #ffeadf88;transform:rotate(45deg)}
.m-ring{border-color:#f9d4d473;box-shadow:0 0 36px #efafdd40}
.m-beam{width:3px;left:50%;box-shadow:0 0 38px 12px #f5c5db84}
.m-laser{top:43%;opacity:.7}
.matrix-interface{position:relative;z-index:2;background:linear-gradient(90deg,#110d22ab,#0e0e20ee 36%,#120e24);
 padding:66px 44px 46px 40px;border-left:1px solid #e1b8d02b}
.axis-tab[aria-selected="true"]{color:#ffe4c4;border-bottom-color:#eec7a4}
.mentor-media::after{background:linear-gradient(90deg,transparent 65%,#171322cc)}
@keyframes r2GatewayBreath{from{opacity:.62;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(-8px) scale(1.02)}}
@keyframes r2AtriumSweep{from{transform:rotate(-7deg);opacity:.7}to{transform:rotate(7deg);opacity:1}}
@keyframes r2CrystalFloat{from{translate:0 6px;filter:drop-shadow(0 0 8px #ffe6c5)}to{translate:0 -9px;filter:drop-shadow(0 0 20px #f9d5ec)}}
@media(max-width:1100px) and (min-width:761px){
 .hero{grid-template-columns:54% 46%}.hero-copy{margin-right:-4%}.hero h1{font-size:clamp(53px,5.5vw,75px)}
 .hero-stage{width:104%}.matrix-installation{grid-template-columns:59% 41%}.matrix-interface{padding:35px}
}
@media(max-width:760px){
 .hero{position:relative;display:block;min-height:960px;padding:0 24px 118px;background:
  radial-gradient(ellipse at 62% 25%,#59385c 0%,#24152e 39%,#0c101d 80%)}
 .hero::before{z-index:3;inset:0;opacity:1;background:
   linear-gradient(0deg,#0b0e1d 8%,#0e0d1eeb 29%,#100f2477 46%,transparent 70%),
   linear-gradient(90deg,#0c101d88 0%,transparent 60%);pointer-events:none}
 .hero::after{display:none}
 .hero-stage{position:absolute;z-index:2;top:115px;left:auto;right:-12%;width:91%;height:480px;min-height:0;max-height:none;
  margin:0;transform:translate3d(var(--par-x),var(--par-y),0);filter:drop-shadow(-25px 30px 32px #07091980)}
 .hero-stage::before{inset:-4% -6% -5%}
 .hero-stage::after{inset:2% 2% -3%}
 .portrait-arch{inset:7% 8% 3%;border-radius:49% 49% 2% 2%/40% 40% 1% 1%}
 .portrait-arch img{object-position:center 29%;animation:none}
 .hero-copy{z-index:5;margin:0;max-width:100%;padding:505px 0 0}
 .micro-label{margin:0 0 17px;font-size:9px}
 .hero h1{font-size:clamp(47px,9vw,68px);line-height:1.23;letter-spacing:-.052em;white-space:normal;margin-bottom:23px}
 .hero-description{max-width:500px}
 .hero-offer{font-size:16px}
 .hero-bottom{z-index:7}
 .stage-letter{font-size:40px}
 .stage-note{bottom:-4%;font-size:8px}
 .threshold{min-height:850px}
 .threshold-scenography{right:-37%;top:48%;width:100%;height:59%;opacity:.73}
 .tree-environment::before{bottom:1%}
 .tree-insight{border-right:0;border-left:0}
 .matrix-installation{display:flex;flex-direction:column;min-height:0}
 .matrix-visual{min-height:520px}
 .matrix-interface{padding:36px 29px 48px}
}
@media(max-width:480px){
 .hero{min-height:940px;padding:0 22px 115px}
 .hero-stage{top:110px;height:435px;right:-15%;width:100%}
 .hero-copy{padding-top:463px}
 .hero h1{font-size:clamp(44px,11.7vw,54px);line-height:1.25}
 .hero-offer{font-size:14px;letter-spacing:.10em}
 .hero-description{font-size:12px}
 .hero-bottom{bottom:20px}
 .hero-stage .stage-depth{opacity:.65}
 .matrix-visual{min-height:380px}
 .m-core{width:92px;height:92px}
 .matrix-interface{padding:34px 25px 45px}
 .tree-insight{padding:37px 26px}
}
@media(prefers-reduced-motion:reduce){
 .hero-stage::before,.matrix-visual::before,.m-core{animation:none!important}
}

/* Visual QA correction: stage label must never cross mobile title. */
@media(max-width:760px){.stage-note,.stage-letter{display:none!important}.hero-copy{position:relative}.hero-copy::before{content:"";position:absolute;z-index:-1;top:445px;left:-30px;right:-30px;height:350px;pointer-events:none;background:linear-gradient(0deg,#0e0d1d88,transparent 95%)}}
@media(max-width:480px){.hero-copy::before{top:395px;height:320px}}