.depth-hero{color:#fff;background:linear-gradient(90deg,#04191cf2,#04191c73),url(/assets/future-community.jpg) 50%/cover;align-items:end;min-height:calc(100svh - 66px);padding:clamp(90px,12vw,160px) 7vw;display:grid}.depth-hero>div{max-width:950px}.depth-hero p:not(.eyebrow){color:#ffffffd1;max-width:760px;font-size:1.25rem}.system-orbit{background:var(--paper);place-items:center;min-height:760px;display:grid;position:relative}.system-centre{aspect-ratio:1;color:#fff;background:var(--deep);text-align:center;border-radius:50%;place-items:center;width:230px;font-size:1.8rem;display:grid;box-shadow:0 0 0 34px #16666b17}.system-orbit button{width:170px;min-height:70px;color:var(--ink);cursor:pointer;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-285px) rotate(calc(-1 * var(--angle)));background:#fff;border:1px solid #102e3138;border-radius:4px;padding:10px;font-weight:850;position:absolute;top:50%;left:50%}.system-orbit button:hover,.system-orbit button.active{color:#fff;background:var(--sea)}.system-detail{color:#fff;background:var(--deep);min-height:360px;padding:70px 7vw}.system-detail>*{max-width:850px}.system-detail p:last-child{color:#ffffffbf;font-family:Georgia,serif;font-size:1.35rem}.existing-clues{background:#fff;grid-template-columns:1fr 1fr;gap:70px;display:grid}.existing-clues>div:first-child p:last-child{color:var(--muted);font-size:1.08rem}.clue-list details{border-top:1px solid #102e3133;padding:22px 0}.clue-list summary{cursor:pointer;font-size:1.2rem;font-weight:900}.clue-list p{color:var(--muted);margin:16px 0 0}.future-render{color:#fff;background:var(--night);grid-template-columns:1.2fr .8fr;min-height:80vh;display:grid}.future-render img{object-fit:cover;width:100%;height:100%;min-height:650px}.future-render div{align-self:center;padding:clamp(50px,7vw,100px)}.future-render p:not(.eyebrow){color:#ffffffb8}.responsibility{text-align:center;max-width:1000px;margin:auto}.responsibility p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.bayanihan-hero{color:#fff;background:var(--night);align-items:end;min-height:calc(100svh - 66px);display:grid;position:relative;overflow:hidden}.bayanihan-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bayanihan-hero:after{content:"";background:linear-gradient(#04191c1f 25%,#04191cf2);position:absolute;inset:0}.bayanihan-hero>div{z-index:1;max-width:1050px;padding:100px 7vw;position:relative}.bayanihan-hero p:not(.eyebrow){max-width:760px;font-size:1.25rem}.bayanihan-letter{max-width:900px;margin:auto}.bayanihan-letter>p:not(.eyebrow){color:var(--muted);font-family:Georgia,serif;font-size:1.3rem}.four-corners{color:#fff;background:#11575c}.corner-heading{text-align:center;max-width:900px;margin:0 auto 60px}.corner-heading p:last-child{color:#ffffffb3}.house-frame{border:4px solid var(--sun);grid-template-columns:1fr 1fr;max-width:1050px;margin:100px auto 0;display:grid;position:relative}.roof{width:72%;color:var(--deep);background:var(--sun);clip-path:polygon(50% 0,100% 100%,0 100%);text-align:center;padding:24px;font-size:1.3rem;font-weight:950;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.house-frame article{background:#061d2073;border:1px solid #ffffff38;min-height:230px;padding:32px}.house-frame article span{color:var(--sun);font-weight:900}.house-frame article p{color:#ffffffb3}.chain-story{color:#fff;background:var(--night);grid-template-columns:1fr .8fr;align-items:center;min-height:80vh;padding:90px 7vw;display:grid}.chain-story>div:first-child{max-width:790px}.chain-story p:not(.eyebrow){color:#ffffffb8;font-size:1.1rem}.name-chain{flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0;display:flex}.name-chain span{border:1px solid #ffffff4d;padding:10px 13px;font-weight:850}.name-chain i{color:var(--sun);font-style:normal}.chain-orbit{aspect-ratio:1;border:1px solid #fff3;border-radius:50%;width:min(420px,40vw);margin:auto;animation:30s linear infinite turn;position:relative}.chain-orbit:before,.chain-orbit:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute;inset:20%}.chain-orbit:after{background:var(--sun);box-shadow:0 0 40px var(--sun);inset:40%}.chain-orbit i{background:#ffd06c;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 16px #ffd06c}.chain-orbit i:first-child{top:-6px;left:50%}.chain-orbit i:nth-child(2){top:22%;right:8%}.chain-orbit i:nth-child(3){bottom:12%;right:15%}.chain-orbit i:nth-child(4){bottom:18%;left:10%}.chain-orbit i:nth-child(5){top:48%;left:-6px}@keyframes turn{to{transform:rotate(360deg)}}.bayanihan-world{text-align:center;max-width:1050px;margin:auto}.bayanihan-world p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.bayanihan-hero .bayanihan-credit{z-index:2;color:#fff;background:#061d20bf;margin:0;padding:4px 7px;font-size:.7rem;position:absolute;bottom:10px;right:12px}@media (prefers-reduced-motion:reduce){.chain-orbit{animation:none}}@media (width<=800px){.system-orbit{grid-template-columns:1fr 1fr;gap:10px;min-height:auto;display:grid}.system-centre{grid-column:1/3;margin-bottom:24px}.system-orbit button{width:100%;position:static;transform:none}.existing-clues,.future-render,.chain-story{grid-template-columns:1fr}.future-render img{min-height:520px}.chain-orbit{width:min(420px,80vw);margin-top:70px}.bayanihan-hero{min-height:780px}}@media (width<=520px){.system-orbit{grid-template-columns:1fr}.system-centre{grid-column:1}.house-frame{grid-template-columns:1fr}.roof{width:94%}.name-chain{flex-direction:column;align-items:stretch}.name-chain i{text-align:center;transform:rotate(90deg)}}