*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08171a;color:#eef8f3;font-family:"PingFang SC","Noto Sans CJK SC",sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:white;color:black;padding:.5rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 3vw;background:#082527;border-bottom:1px solid #226567;position:sticky;top:0;z-index:10}.logo{font-weight:900;font-size:1.5rem;white-space:nowrap}.logo span{color:#bff575}.top nav{display:flex;gap:1.3rem}.top nav a:hover,.story-copy a:hover{color:#d2f98a}.top-button{background:#bef66e;color:#0c2820;padding:.45rem .9rem;border-radius:2rem;font-weight:800;white-space:nowrap}.hero{position:relative;min-height:620px;display:flex;align-items:center}.hero-img{position:absolute;inset:0}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#051b1ced 10%,#051b1c33 80%)}.hero-copy{position:relative;z-index:1;max-width:680px;padding:5rem 4vw}.hero small,.wayfinding small,.feed-group header span,.relationship>span{color:#baf26e;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(2.5rem,5vw,5.8rem);line-height:1.1;margin:1rem 0}.hero p{font-size:1.13rem}.hero-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-links a{background:#bff575;color:#0d2a21;padding:.7rem 1rem;border-radius:2rem;font-weight:800}.hero-links a+ a{background:#f0b0d2;color:#271327}.wayfinding{padding:4rem 4vw;background:#123b3a;display:grid;grid-template-columns:1fr 1.3fr;gap:3rem}.wayfinding h2,.feed-group h2,.relationship h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.2;margin:.5rem 0}.wayfinding p{max-width:36rem}.jump-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.jump-list a{padding:1rem;background:#225759;border:1px solid #5a8e80;font-weight:700}.jump-list a:hover{background:#346b61}.feed-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:230px 1fr}.side-rail{padding:4rem 2rem;display:flex;flex-direction:column;gap:1rem;align-self:start;position:sticky;top:4rem}.side-rail span{color:#b9ec78;letter-spacing:.15em}.side-rail a{border-bottom:1px solid #3e6863;padding:.5rem 0}.feed-main{padding:2rem 4vw 4rem}.feed-group{padding:2rem 0}.feed-group>header{border-left:5px solid #bbf875;padding-left:1.1rem;margin-bottom:2rem}.story{background:#e5f1e7;color:#102924;display:grid;grid-template-columns:42% 1fr;min-height:440px;margin:0 0 1.4rem;border-radius:1.3rem;overflow:hidden}.story:nth-of-type(even){background:#f1e5ef}.art{position:relative;min-height:440px}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.art span{position:absolute;left:0;bottom:0;background:#135754;color:#fff;padding:.5rem .8rem;font-size:.8rem;font-weight:800}.story-copy{padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:center}.story-copy small{font-weight:900;color:#237063}.story-copy h3{font-size:clamp(1.65rem,2.6vw,3rem);line-height:1.16;margin:.4rem 0}.story-copy p{margin:.4rem 0}.story-copy .hook{font-size:1.1rem;font-weight:700;color:#395f5c}.story-copy a{margin-top:1rem;font-size:.9rem;color:#19635d;font-weight:800}.relationship{padding:4rem max(4vw,1rem);background:#1d5050}.relationship>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.relationship p{background:#286260;padding:1.3rem;margin:0}.relationship b{color:#cff88f}footer{text-align:center;padding:2rem;color:#a8c8b7}@media(max-width:850px){.top nav{gap:.4rem .7rem;flex-wrap:wrap;font-size:.8rem}.top-button{display:none}.hero{min-height:570px}.hero:after{background:linear-gradient(0deg,#051b1cf5,#051b1c22)}.hero-copy{align-self:end;padding:3rem 1.2rem}.wayfinding{display:block}.jump-list{grid-template-columns:repeat(2,1fr)}.feed-layout{display:block}.side-rail{display:none}.feed-main{padding:1rem}.story{display:block}.art{min-height:0;height:440px}.story-copy{padding:1.5rem}.relationship>div{grid-template-columns:1fr}}@media(max-width:480px){.top{align-items:flex-start}.top nav{justify-content:flex-end}.logo{font-size:1.15rem}.jump-list{grid-template-columns:1fr}.art{height:390px}}