/* Shared glass, daylight and leaf-green treatments across the two site views. */
:root{--glass-edge:rgba(255,255,255,.88);--glass-shadow:0 14px 44px rgba(38,68,42,.07);--hair:#d5dfd0;--muted:#58665b}
.hero-scene .hero-copy{padding:32px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fffdf5;text-shadow:0 2px 8px #071c0dcc,0 0 24px #071c0d66}
.hero-scene .hero-copy h1,.hero-scene .hero-copy h1 em,.hero-scene .hero-copy .eyebrow,.hero-scene .hero-copy .accent,.hero-scene .hero-lead strong,.hero-scene .hero-note .mono{color:#fffdf5}
.hero-scene .hero-copy h1 .line:nth-child(2),.hero-scene .hero-copy h1 em{color:#f3e8ba}
.hero-scene .hero-copy .eyebrow{color:#e8f1e5}
.hero-scene #hero-title{font-size:clamp(48px,4.9vw,75px)}
.hero-scene .hero-copy>p:not(.eyebrow),.hero-scene .hero-note,.hero-scene .hero-foot{color:#f3f7ef}
.hero-scene .hero-note .mono{color:#e8f1e5}
.hero-scene .formula .join{color:#fffdf5;text-shadow:0 1px 5px #071c0d}
.hero-scene .hero-copy .button,.hero-scene .hero-copy .btn,.hero-scene .formula span:not(.join){text-shadow:none}
.hero-scene .hero-copy .button,.hero-scene .hero-copy .btn{box-shadow:0 4px 15px #25442b14}
.hero-scene .hero{gap:48px}
.hero-scene .hero-visual,.hero-scene .product-stage{border-radius:18px}
.hero-scene .hero-visual{background-color:rgba(250,252,247,.24)}
.hero-scene .orbit-chip{background:rgba(255,255,255,.92);border-color:#d6e1d1;border-radius:8px;box-shadow:0 5px 18px #24402b0c}
.hero-scene .orbit-status{color:#263d2c;background:#f8fcf0d9;padding:4px 7px;border-radius:4px;text-shadow:none}
.site-header,.header{background:rgba(248,251,246,.92);border-bottom-color:#d5dfd0}
.button,.btn{border-radius:8px;border-color:#456b50;background:#456b50}
.button:hover,.btn:hover{background:#36543e;box-shadow:0 8px 24px #36543e20}
.outline-section{margin-top:28px;background:radial-gradient(ellipse at 100% 0,#d6e9cb50,transparent 65%),rgba(255,255,255,.66);border-color:#d5dfd0;border-radius:18px;box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}
.proof-card,.feature{background:linear-gradient(135deg,#ffffffc9,#eef5e780);border:1px solid #d6e1d1;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 6px 22px #24402b05}
.proof-card p,.triad-card p,.capability p,.hike-copy>p,.concept-copy>p:last-child{color:#58665b}
.proof-card .top span:last-child,.capability .count{color:#637965}
.role-strip{color:#36543e}
.role-strip .mono{color:#607565}
.role-strip .divider{background:#cbdcc4}
.concept,.hike,.approach,.capabilities,.section,.statement,.journey,.closing{position:relative;isolation:isolate}
.concept{background:radial-gradient(ellipse at 85% 35%,#d3e7cbb3,transparent 62%),#f1f6ed}
.concept::before,.hike::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./assets/mori-background-source.jpg') center/cover;opacity:.045}
.concept .particle-visual{border:1px solid #ffffffc9;border-radius:18px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}
.concept-formula span{background:#ffffffa6;border:1px solid #d6e1d1;border-radius:6px;color:#52674f}
.approach{background:radial-gradient(ellipse at 0 80%,#e0edd655,transparent 60%),#fafcf8}
.triad-graphic,.graphic{background:linear-gradient(140deg,#ffffffb8,#e7f1de66);border:1px solid #d6e1d1;border-radius:12px;box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}
.architecture{background:radial-gradient(ellipse at 75% 50%,#28463485,transparent 60%),#121915}
.arch-list{padding:28px;border:1px solid #b8d5ac26;border-radius:18px;background:#d6ecd208;box-shadow:inset 0 1px 0 #ffffff0d}
.arch-list small{color:#b0c2b2}
.arch-ring{border-color:#8fb98c55}
.arch-ring:nth-child(2){border-color:#8fb98c33}
.arch-dot{border:1px solid #b8d5ac45;background:#d3e8cd18;color:#dcebd7;box-shadow:inset 0 1px 0 #ffffff12}
.arch-dot.active{background:#e8f1e5;color:#263d2c}
.arch-tags span{background:#d3e8cd12;color:#c1d3bf;border:1px solid #b8d5ac26}
.capabilities{background:radial-gradient(ellipse at 100% 10%,#dcebd744,transparent 48%),#fafcf8}
.capability+.capability{border-top:1px solid #d5dfd070}
.hike{background:radial-gradient(ellipse at 10% 55%,#d5e7caa6,transparent 65%),#eef5e8}
.route-card{border-color:#c9dcc0;border-radius:18px;background-color:#ffffff80;background-image:linear-gradient(#bfd1b52b 1px,transparent 1px),linear-gradient(90deg,#bfd1b52b 1px,transparent 1px);box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}
.route-detail,.route-legend{background:#ffffffeb;border-color:#d0deca;border-radius:8px;box-shadow:inset 0 1px 0 #fff,0 6px 22px #24402b08}
.closing{background:radial-gradient(ellipse at 10% 0,#c3dcb4,transparent 70%),#8fb98c}
.closing-content{padding:32px 42px;border:1px solid #ffffff8c;border-radius:18px;background:#ffffff20;box-shadow:inset 0 1px 0 #ffffff9c,var(--glass-shadow)}
.footer{background:radial-gradient(ellipse at 0 0,#253b294d,transparent 70%),#121915}
/* The retained product demonstration uses the same materials. */
.statement{background:radial-gradient(ellipse at 80% 0,#31543855,transparent 65%),#182b20}
.section{border-bottom-color:#d5dfd0}
.experience{background:radial-gradient(ellipse at 0 20%,#dcebd7a6,transparent 70%),#f0f5ec}
.demo-panel,.memory-visual,.vision-panel{border:1px solid #d0dfc8;background:linear-gradient(135deg,#ffffffe6,#eaf3e280);box-shadow:inset 0 1px 0 #fff,var(--glass-shadow)}
.stack-card,.vision-step{border-color:#d0dfc8;background:#ffffffeb;box-shadow:inset 0 1px 0 #fff,0 6px 22px #24402b08}
.journey{background:radial-gradient(ellipse at 90% 0,#31543877,transparent 65%),#182b20}
.node-story{background:#d6ecd20d;border-color:#8fb98c55;box-shadow:inset 0 1px 0 #ffffff12}
.closing-inner{padding:32px;border:1px solid #ffffff8c;border-radius:18px;background:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff9c}
@media(max-width:1100px){.hero-scene .hero{gap:28px}.hero-scene .hero-copy{padding:25px}.hero-scene .hero h1{font-size:clamp(46px,5vw,72px)}}
@media(max-width:760px){.hero-scene .hero-copy{padding:23px 19px;border-radius:14px}.hero-scene .hero h1,.hero-scene #hero-title{font-size:clamp(39px,9vw,60px)}.hero-scene .hero-note{gap:10px;flex-wrap:wrap}.hero-scene .hero-visual,.hero-scene .product-stage{margin-top:32px}.outline-section{margin-top:20px}.arch-list{padding:20px}.closing-content{padding:25px 18px}.closing-inner{padding:25px 20px}.concept::before,.hike::before{opacity:.035}}
