:root{color-scheme:dark;--cream:#f6ead0;--muted:#d4c8ac;--gold:#d1b678}
*{box-sizing:border-box}html{min-height:100%;background:#26271f}body{margin:0;min-height:100svh;color:var(--cream);font-family:Georgia,'Times New Roman',serif;display:flex;flex-direction:column;position:relative;isolation:isolate}.landscape,.shade{position:fixed;inset:0;z-index:-2;pointer-events:none}.landscape{background:url('assets/yonder-background.webp') center center/cover no-repeat}.shade{z-index:-1;background:linear-gradient(90deg,rgba(19,24,20,.82) 0%,rgba(26,29,22,.58) 36%,rgba(32,29,20,.05) 76%),linear-gradient(0deg,rgba(15,22,18,.75),transparent 27%,transparent 80%,rgba(25,28,22,.3))}.frame{position:fixed;inset:18px;border:1px solid #e4d2a42d;pointer-events:none}header,footer{display:flex;justify-content:space-between;gap:24px;padding:43px 5.3%;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.3px;line-height:1.6;color:var(--muted)}.status{display:flex;align-items:center;gap:10px}.status i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d1b67866}main{flex:1;display:flex;align-items:center;padding:12px 7% 48px;min-height:620px}.announcement{width:min(570px,48vw);text-align:center;animation:arrive 1.3s ease-out both}h1{margin:0}.logo{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}.ornament{display:flex;align-items:center;justify-content:center;gap:17px;color:var(--gold);font-size:16px;margin:9px 0 27px}.ornament span{width:58px;height:1px;background:#d1b67860}.intro{font-size:19px;margin:0 0 12px;color:var(--muted)}.promise{font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0;text-wrap:balance;text-shadow:0 2px 20px #17201588}.promise em{color:#e3c994;font-weight:400}.roots{font-size:15px;line-height:1.6;color:var(--muted);margin:30px 0 0}footer{padding-top:16px;padding-bottom:33px;font-size:10px;letter-spacing:1.8px}.copyright{margin-left:12px;opacity:.65}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding-left:11%}}@media(max-width:700px){.frame{inset:10px}header{justify-content:center;padding:31px 25px 0;font-size:10px;letter-spacing:2px}.status{display:none}main{min-height:0;padding:28px 30px 45px;justify-content:center}.announcement{width:100%;max-width:460px}.logo{max-height:310px}.landscape{background-position:65% center}.shade{background:linear-gradient(90deg,#1720198a,#17201944),linear-gradient(0deg,#142019e8 0%,#172019b0 55%,#17201935 100%)}.intro{font-size:17px}.promise{font-size:36px}.roots{font-size:14px;margin-top:26px}.ornament{margin:3px 0 22px}footer{padding:15px 28px 27px;justify-content:center;flex-wrap:wrap;gap:8px;font-size:9px;letter-spacing:1.5px}footer>span{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.announcement{animation:none}}