/* Wealth10 R4 BEST OF | 2026-10-30
   Built atop immutable R2, selectively retains Hero + Threshold scenery from R3.
   Intentionally restore R2 Tree + Matrix: no R3 .matrix-visual image or node changes.
   Human visual candidate only, no native Stitch or production modification. */
.hero{background:#0d0d1b;isolation:isolate}
.hero::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:
 linear-gradient(90deg,#0b0d1c 0%,#131123e8 28%,#1c1429bb 52%,#18132b69 78%,#100d1e4d),
 linear-gradient(0deg,#0b0d1ae8 0%,transparent 23%),
 url("assets/R3_hero_portal_scene.webp");
 background-size:cover,cover,63% 100%;background-position:center,center,right center;
 background-repeat:no-repeat;opacity:.57;
}
.hero-copy{z-index:8;position:relative}
.hero h1{text-shadow:0 6px 28px #0a081cb8}
.hero h1 em{
 background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;
 -webkit-text-fill-color:#dcb8d5!important;color:#dcb8d5!important;
 text-shadow:0 3px 24px #09081cae;
}
.hero-stage{z-index:4;isolation:isolate;filter:drop-shadow(-22px 22px 48px #070515a8)}
.hero-stage::before{opacity:.46}
.hero-stage::after{
 border-color:#e3c8c166;
 box-shadow:inset 0 0 0 7px #09071658,inset 0 0 0 8px #e2bbbe32,
 0 0 0 8px #25152c57,0 0 38px #d7b0a22e;
}
.portrait-arch{box-shadow:0 26px 64px #03040ab0,inset 0 0 30px #e8d7be1c}
.halo{opacity:.38}
.threshold{
 position:relative;isolation:isolate;
 background:linear-gradient(130deg,#fdf8f1 0%,#f7ede9 50%,#e9d5df 100%);overflow:hidden;
}
.threshold::before{
 content:"";position:absolute;z-index:2;top:0;bottom:0;left:0;width:70%;pointer-events:none;
 background:linear-gradient(90deg,#fdf8f1 0%,#fcf5eeed 42%,#fbf2ea96 69%,transparent 100%);
}
.threshold-content{position:relative;z-index:5}
.threshold h2{color:#393047}
.threshold .quiet-copy{color:#55485b;font-size:14px}
.threshold-scenography{
 right:-8%;top:16%;width:65%;height:80%;
 background:url("assets/R3_threshold_corridor_scene.webp") center center / cover no-repeat;
 opacity:.79;filter:saturate(.84) contrast(.97) brightness(1.025);
 border:none;border-radius:0;box-shadow:none;transform:none;isolation:isolate;
 -webkit-mask-image:radial-gradient(ellipse 86% 84% at 65% 53%,black 50%,rgba(0,0,0,.94) 65%,transparent 100%);
 mask-image:radial-gradient(ellipse 86% 84% at 65% 53%,black 50%,rgba(0,0,0,.94) 65%,transparent 100%);
}
.threshold-scenography .threshold-door,
.threshold-scenography .threshold-goldline,
.threshold-scenography .threshold-small{display:none!important}
.threshold .scene-footnote{
 position:absolute;left:clamp(24px,6vw,110px);bottom:34px;max-width:58%;
 z-index:5;line-height:1.8;color:#6f5870;
}
@media(min-width:761px){
 .threshold-content{max-width:53%;padding-top:104px}
 .threshold h2{max-width:620px;font-size:clamp(43px,4.05vw,61px);line-height:1.55}
 .threshold .quiet-copy{max-width:490px}
}
@media(max-width:1100px) and (min-width:761px){
 .hero::before{background-size:cover,cover,72% 100%}
 .threshold-scenography{width:70%;right:-15%}
}
@media(max-width:760px){
 .hero{background:#111026}
 .hero::before{
  inset:0;z-index:1;opacity:.23;
  background-image:linear-gradient(0deg,#0c0f20 8%,#100d21d9 42%,transparent 74%),url("assets/R3_hero_portal_scene.webp");
  background-size:cover,auto 600px;background-position:center,center 30px;background-repeat:no-repeat;
 }
 .hero-stage{z-index:2}.hero-copy{z-index:5}
 .halo{opacity:.28}
 .threshold{min-height:860px}
 .threshold::before{
  top:0;left:0;right:0;bottom:auto;width:100%;height:54%;
  background:linear-gradient(0deg,#fcf7f000,#fdf8f1 26%,#fdf8f1 100%);
 }
 .threshold-content{position:relative;z-index:5}
 .threshold .quiet-copy{max-width:100%;font-size:13px}
 .threshold-scenography{
  width:102%;height:48%;top:46%;right:-1%;opacity:.90;
  background-position:center center;
  -webkit-mask-image:radial-gradient(ellipse 87% 79% at 50% 55%,black 60%,rgba(0,0,0,.9) 76%,transparent 100%);
  mask-image:radial-gradient(ellipse 87% 79% at 50% 55%,black 60%,rgba(0,0,0,.9) 76%,transparent 100%);
 }
 .threshold .scene-footnote{
  position:absolute;bottom:15px;left:24px;right:24px;
  max-width:calc(100% - 48px);font-size:10px;
 }
}
@media(max-width:480px){
 .hero::before{background-size:cover,auto 530px;background-position:center,center 40px}
 .threshold-scenography{top:45%;height:49%}
}
@media(prefers-reduced-motion:reduce){
 .hero-stage::before{animation:none!important;transition:none!important}
}

/* Final crop/feather correction after real 1440 and 390 screenshot readback.
   No hard scene edge behind editorial copy. */
@media(min-width:761px){
 .threshold-scenography{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 12%,rgba(0,0,0,.86) 28%,black 48%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 12%,rgba(0,0,0,.86) 28%,black 48%);
 }
}
@media(max-width:760px){
 .threshold-scenography{
 top:45%;height:51%;
 -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.46) 12%,black 22%,black 84%,rgba(0,0,0,.70) 92%,transparent 100%);
 mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.46) 12%,black 22%,black 84%,rgba(0,0,0,.70) 92%,transparent 100%);
 }
}