/* Matrix is behind the controls, never across their labels. */
.matrix-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.68;mask-image:linear-gradient(180deg,#000, #0009 80%,transparent)}
[data-world="dev"] #rain{display:none}
[data-world="dev"] .screen{border:1px solid #60ee9340;box-shadow:inset 0 0 45px #25d46b14}
[data-world="dev"] .outdoor-wrap{z-index:10}
.room-stage .matrix-field{z-index:-1;opacity:.22}.room-heading,.hotspot,.room-panel{isolation:isolate}
.roots-section{position:relative;isolation:isolate;overflow:hidden;background:#070b16;padding:110px 24px 95px;border:0;color:#e9e1d4}
.roots-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;opacity:.72;pointer-events:none}
.roots-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090713,transparent 15%,#070b1640 55%,#070b16),linear-gradient(90deg,#070b1688,transparent 50%,#070b1688);pointer-events:none}
.roots-intro{max-width:740px;margin:0 auto 80px;text-align:center}.roots-intro small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d7b982}.roots-intro h2{font-size:clamp(30px,4.5vw,48px);line-height:1.2;margin:18px 0 22px}.roots-intro p{font-size:17px;line-height:1.8;color:#c6c2cc}
.root-stories{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px 130px}
.root-story{position:relative;padding:18px 0 18px 24px;border-left:1px solid #c3a37180;max-width:440px;text-shadow:0 2px 14px #000}.root-story::before{content:'';position:absolute;left:-5px;top:30px;width:9px;height:9px;background:#e5c58e;border-radius:50%;box-shadow:0 0 18px #d5a351}
.root-story:nth-child(even){margin-top:85px}.root-story:last-child{grid-column:1/-1;justify-self:center;max-width:530px}
.root-story small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dbba81}.root-story h3{font-size:25px;line-height:1.3;margin:14px 0}.root-story p{font-size:17px;line-height:1.85;color:#d1ccd3;margin:0 0 18px}.root-story a{font-size:14px;display:inline-flex;align-items:center;min-height:44px;color:#e8c68a;text-decoration:none}.root-story a:hover{color:white}.root-story a:focus-visible{outline:2px solid #e8c68a;outline-offset:5px}
@media(max-width:700px){.roots-section{padding:80px 24px}.roots-intro{margin-bottom:50px}.root-stories{grid-template-columns:1fr;gap:35px}.root-story:nth-child(even){margin-top:0}.root-story:last-child{grid-column:auto;justify-self:stretch}.roots-art{object-position:48% top;opacity:.45}}
@media(prefers-reduced-motion:reduce){[data-matrix]{display:block!important;opacity:.22}}