.cinematic-paths{position:relative;width:100%;max-width:none;padding:70px 0 84px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 36%,#16363122,transparent 35%),radial-gradient(ellipse at 83% 32%,#4e171c26,transparent 36%)}
.paths-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;position:relative;z-index:2}.paths-heading h2{font-size:53px;line-height:1.12;letter-spacing:-2.4px;margin-top:22px}.paths-heading h2 em{color:#868e92;font-weight:400}.paths-invitation{display:flex;align-items:center;gap:18px;margin-bottom:7px}.paths-invitation p{font-size:12px;color:#cfcec4;line-height:1.9}.paths-invitation p span{font-size:9px;color:#717d82}.invitation-orbit{display:grid;place-items:center;border:1px solid #d7ba7d3b;border-radius:50%;width:43px;height:43px;color:var(--gold);font-size:21px}
.duality-stage{position:relative;width:100%;height:720px;margin-top:14px;perspective:1100px;isolation:isolate;--light-strength:.25;--dark-strength:.25}
.scene-halo{position:absolute;top:25px;width:55%;height:560px;z-index:-1;pointer-events:none;opacity:.8;transition:opacity 1.5s,transform 2s}.halo-light{left:-2%;background:radial-gradient(ellipse at 50% 65%,#79d4be23,transparent 57%)}.halo-dark{right:-2%;background:radial-gradient(ellipse at 50% 60%,#e33a302d,transparent 57%)}
.duality-stage[data-focus=light] .halo-light{opacity:1.5;transform:scale(1.13)}.duality-stage[data-focus=dark] .halo-dark{opacity:1.8;transform:scale(1.15)}
.scene-epigraph{position:absolute;inset:118px 0 auto;text-align:center;font-size:clamp(120px,18vw,270px);font-weight:800;letter-spacing:22px;line-height:1;color:#ffffff03;z-index:-1;pointer-events:none;user-select:none}
.scene-canvas{position:absolute;inset:0 0 110px;width:100%;height:610px;z-index:2;opacity:0;transition:opacity 1.4s;touch-action:pan-y}.scene-canvas canvas{display:block;width:100%;height:100%;outline:none}.duality-stage[data-status=ready] .scene-canvas{opacity:1}
.scene-fallback{position:absolute;inset:50px 12% 120px;display:grid;grid-template-columns:1fr 1fr;gap:12%;z-index:0;opacity:.16;transition:opacity 1.2s;pointer-events:none}.scene-fallback img{width:100%;height:440px;object-fit:cover;object-position:center 30%;mask-image:radial-gradient(ellipse 55% 55% at 50% 40%,#000 30%,transparent 100%);filter:saturate(.25)}.scene-fallback img:last-child{object-position:0% 20%}.duality-stage[data-status=ready] .scene-fallback{opacity:0}.duality-stage[data-status=fallback] .scene-fallback{opacity:.8}
.scene-status{position:absolute;top:270px;left:0;right:0;text-align:center;z-index:4;color:#b8b5a4;font-size:10px;letter-spacing:3px;transition:opacity .8s;pointer-events:none}.duality-stage[data-status=ready] .scene-status,.duality-stage[data-status=fallback] .scene-status{opacity:0}
.scene-side-label{position:absolute;z-index:3;top:215px;font-size:7px;font-weight:500;line-height:2.7;letter-spacing:1.5px;color:#91b8ad7a;pointer-events:none}.side-label-light{left:max(32px,calc((100vw - 1320px)/2))}.side-label-dark{right:max(32px,calc((100vw - 1320px)/2));text-align:right;color:#c77a727a}.scene-side-label i{display:block;width:50px;height:1px;background:currentColor;opacity:.5;margin-bottom:16px}.side-label-dark i{margin:16px 0 0 auto}
.scene-divider{position:absolute;left:50%;top:200px;height:210px;width:1px;background:linear-gradient(transparent,#d7ba7d29,transparent);z-index:1}.scene-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7px;letter-spacing:3px;color:#a4a18a;background:#0c1011;padding-block:16px}
.scene-identities{display:grid;grid-template-columns:1fr 1fr;gap:12%;position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none}.scene-identity{text-align:center;pointer-events:auto}.scene-identity .eyebrow{font-size:7px;letter-spacing:2px;color:#88bbaf}.identity-dark .eyebrow{color:#c7897e}.scene-identity h3{font-size:36px;letter-spacing:5px;line-height:1.3;font-weight:600;margin-top:12px}.scene-identity>p:not(.eyebrow){font-size:10px;color:#8e999b;margin-top:9px}.scene-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:10px;margin-top:18px;padding:8px;color:#b7dbd1;transition:color .3s,transform .3s}.identity-dark .scene-action{color:#d9a69b}.scene-action:hover{color:#e4fffa;transform:translateY(-2px)}.identity-dark .scene-action:hover{color:#ffe2d8}.action-symbol{font-size:18px;font-weight:400;color:#90d1ba}.identity-dark .action-symbol{color:#c7796c}.scene-action>span:last-child{color:#747e80;font-size:15px;margin-left:5px}
.paths-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:76px}.manifesto{padding-left:36px;position:relative}.manifesto:before{content:'';position:absolute;top:3px;left:0;width:2px;height:46px;background:linear-gradient(#9cd0bd,transparent);opacity:.65}.manifesto-dark:before{background:linear-gradient(#c1786c,transparent)}.manifesto>.eyebrow{font-size:8px;letter-spacing:1.4px;color:#8eb9ac}.manifesto-dark>.eyebrow{color:#b17b71}.manifesto>h3{font-size:39px;font-weight:400;line-height:1.18;letter-spacing:-1.5px;margin-top:20px}.manifesto>h3 em{color:#a8d1c4;font-style:normal}.manifesto-dark>h3 em{color:#c79d92}.manifesto-practices{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;margin-top:38px}.manifesto-practices>div{position:relative}.manifesto-practices>div>span{display:block;color:#78968a;font-size:8px;letter-spacing:1px;margin-bottom:10px}.manifesto-dark .manifesto-practices>div>span{color:#a06f65}.manifesto-practices h4{font-size:13px;font-weight:500;margin:0;color:#e0e2db}.manifesto-practices p{font-size:10px;line-height:1.95;color:#849094;margin-top:8px}
.paths-resolution{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;margin-top:85px;padding-top:45px;background:linear-gradient(90deg,transparent,#d7ba7d22,transparent) top center/calc(100% - 120px) 1px no-repeat}.resolution-star{font-size:24px;color:var(--gold);opacity:.6}.paths-resolution p{font-size:12px;line-height:1.8;color:#a9b0ad}.paths-resolution p span{font-size:10px;color:#748186}.paths-cta{display:inline-flex;align-items:center;gap:25px;margin-left:65px;font-size:11px;color:var(--gold);padding:12px 0}.paths-cta svg{width:24px;height:24px;transition:transform .3s}.paths-cta:hover svg{transform:translateX(6px)}
@media(min-width:1700px){.duality-stage{height:760px}.scene-canvas{height:650px}.scene-halo{height:610px}.scene-side-label{top:245px}.scene-divider{top:235px}.paths-manifesto{margin-top:70px}}
@media(max-width:1100px){.paths-heading h2{font-size:43px}.paths-invitation{gap:12px}.paths-invitation p{font-size:10px}.paths-invitation p span{font-size:8px}.duality-stage{height:660px}.scene-canvas{height:550px}.scene-side-label{font-size:6px;letter-spacing:.5px;top:185px}.scene-identity h3{font-size:29px;letter-spacing:3px}.scene-identities{gap:6%}.paths-manifesto{gap:8%;margin-top:65px}.manifesto{padding-left:24px}.manifesto>h3{font-size:32px}.manifesto-practices{gap:28px 16px}.paths-cta{margin-left:25px}}
/* Basic flow fallback; the current art direction and QA target desktop. */
@media(max-width:680px){.cinematic-paths{padding-block:50px}.paths-heading{display:block}.paths-heading h2{font-size:33px;letter-spacing:-1.4px}.paths-invitation{margin-top:24px}.duality-stage{height:560px;margin-top:15px}.scene-canvas{height:420px}.scene-halo{height:430px}.scene-side-label{display:none}.scene-epigraph{font-size:77px;letter-spacing:7px;top:120px}.scene-divider{top:110px;height:130px}.scene-identities{width:calc(100% - 24px);gap:6px;bottom:0}.scene-identity h3{font-size:18px;letter-spacing:1.2px}.scene-identity .eyebrow{font-size:4.5px;letter-spacing:.8px}.scene-identity>p:not(.eyebrow){font-size:7px}.scene-action{font-size:7px;gap:5px;padding:8px 0}.action-symbol{font-size:13px}.scene-action>span:last-child{font-size:11px;margin-left:0}.scene-fallback{inset-inline:0;gap:0}.scene-fallback img{height:340px}.scene-status{top:150px;font-size:8px;letter-spacing:1px}.paths-manifesto{gap:30px;grid-template-columns:1fr;margin-top:40px}.manifesto>h3{font-size:31px}.manifesto-practices{gap:25px}.manifesto-practices h4{font-size:12px}.manifesto-practices p{font-size:10px}.paths-resolution{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px;background-size:100% 1px;margin-top:45px;padding-top:30px}.paths-resolution p{font-size:10px}.paths-cta{margin-left:38px;font-size:10px;padding-block:0}}
@media(prefers-reduced-motion:reduce){.scene-halo,.scene-canvas,.scene-fallback,.scene-action,.paths-cta svg{transition:none}}